:root {
	--color-white: #FFFFFF;
	--color-black: #000000;
	--color-gray: #444444;
	--color-gray-light: #888888;
	--color-gray-lighter: #EEEEEE;
	--color-green: #67A341;
	--color-green-hover: #679135;
	--color-orange: #D1602F;
	--color-orange-hover: #BE612D;
	--color-blue: #41689C;
	--color-blue-hover: #35619F;
	--color-red: #BE3226;
	--color-red-hover: #9B3326;
	--color-gold: #D49824;
	--color-border: #E5E5E5;
	--color-footer: #3B3B3B;
	--border-radius: .25rem;
}

@font-face { font-family: "Open Sans-fallback"; size-adjust: 105.44%; src: local("Arial"); }

body { overflow-y: scroll; font-family: "Open Sans", "Open Sans-fallback", Arial, sans-serif; color: var(--color-gray); background-color: var(--color-footer); line-height: 1.5; }
section { padding: 60px 0; overflow: hidden; }
h1, h2, .h1, .h2 { font-size: 2.5rem; text-align: center; font-weight: 700; margin-top: 2rem; margin-bottom: 3rem; display: block; }
h1, .h1 { margin-top: 0; }
h2.accordion-header { margin-top: 0; }
@media (max-width: 1366px) {
	section { padding: 30px 0; }
	h1, h2, .h1, .h2 { margin-top: 1.5rem; margin-bottom: 2rem; }
}
h3, .h3 { font-size: 1.5rem; font-weight: 700; }
a { color: var(--color-blue); text-decoration: none; }
a:hover { color: var(--color-blue-hover); text-decoration: none; }

.green { color: var(--color-green); }
.bg-green { background-color: var(--color-green) !important; color: var(--color-white) !important; }
.bg-green a { color: var(--color-white); text-decoration: underline; }
.bg-green a:hover { text-decoration: none; }
.orange { color: var(--color-orange); }
.bg-orange { background-color: var(--color-orange); color: var(--color-white); }
.bg-orange a { color: var(--color-white); text-decoration: underline; }
.bg-orange a:hover { text-decoration: none; }
.blue { color: var(--color-blue); }
.bg-blue { background-color: var(--color-blue); color: var(--color-white); }
.bg-blue a { color: var(--color-white); text-decoration: underline; }
.bg-blue a:hover { text-decoration: none; }
.red { color: var(--color-red); }
.bg-red { background-color: var(--color-red); color: var(--color-white); }
.bg-red a { color: var(--color-white); text-decoration: underline; }
.bg-red a:hover { text-decoration: none; }
.gold { color: var(--color-gold); }
.bg-gold { background-color: var(--color-gold); color: var(--color-white); }
.bg-gold a { color: var(--color-white); text-decoration: underline; }
.bg-gold a:hover { text-decoration: none; }

label, input[type="checkbox"] { cursor: pointer; }

ol, ul { padding-left: 1rem; }

#topbar { background-color: var(--color-white); border-bottom: 1px solid var(--color-border); font-size: 15px; padding: 10px 0; }
#topbar a { line-height: 1.5rem; color: var(--color-gray); margin-left: 15px; }
#topbar a i { color: var(--color-gray); margin-right: 5px; }
#topbar a:hover, #topbar a:hover i, #topbar a.active, #topbar a.active i { color: var(--color-blue-hover); }
#topbar a:first-of-type { margin-left: 0; }
#topbar a:last-of-type { margin-right: 10px; }

#header { background-color: var(--color-white); height: 80px; z-index: 997; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06); }
#header .logo div { margin: 0; padding: 0; font-size: 1.5rem; }
#header .logo div a { position: relative; display: inline-block; }
#header .logo div span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; overflow: hidden; }
#header .logo div img { padding: 0; margin: 0; max-height: 50px; }
.scrolled-offset { margin-top: 70px; }

.navbar { padding: 0; }
.navbar ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center; }
.navbar li { position: relative; }
.navbar a { display: flex; align-items: center; justify-content: space-between; padding: 8px; font-size: 15px; color: var(--color-gray); white-space: nowrap; }
.navbar a i { font-size: 12px; margin-right: 5px; }
.navbar .dropdown a i { font-size: 12px; margin-right: 0px; margin-left: 5px; }
.navbar a.nav-link { justify-content: start; }
.navbar a:hover, .navbar .active, .navbar li:hover > a { color: var(--color-blue-hover); }
.navbar .dropdown ul { display: block; position: absolute; left: 5px; top: 100%; margin: 0; padding: 10px 0; z-index: 99; opacity: 0; visibility: hidden; background: var(--color-white); box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s; border-radius: var(--border-radius); }
.navbar .dropdown ul li { min-width: 200px; }
.navbar .dropdown ul a { padding: 10px 20px; }
.navbar .dropdown ul a i { font-size: 12px; }
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a { color: var(--color-blue-hover); }
.navbar .dropdown:hover > ul { opacity: 1; visibility: visible; }
.navbar .dropdown .dropdown ul { top: 0; left: calc(100% - 30px); visibility: hidden; }
.navbar .dropdown .dropdown:hover > ul { opacity: 1; top: 0; left: 100%; visibility: visible; }
@media (max-width: 1366px) {
	.navbar .dropdown .dropdown ul { left: -90%; }
	.navbar .dropdown .dropdown:hover > ul { left: -100%; }
}

.mobile-nav-toggle { color: var(--color-gray); font-size: 28px; cursor: pointer; display: none; line-height: 0; transition: 0.3s; }
.mobile-nav-toggle.flaticon-cross { color: var(--color-white); }
@media (max-width: 991px) {
	.mobile-nav-toggle { display: block; }
	.navbar ul { display: none; }
}
.navbar-mobile { position: fixed; overflow: hidden; top: 0; right: 0; left: 0; bottom: 0; background: rgba(31, 53, 72, 0.9); transition: 0.3s; z-index: 998; max-width: 100vw; }
.navbar-mobile .mobile-nav-toggle { position: absolute; top: 15px; right: 15px; }
.navbar-mobile ul { display: block; position: absolute; top: 55px; right: 15px; bottom: 15px; left: 15px; padding: 5px 0; background-color: var(--color-white); overflow-y: auto; transition: 0.3s; }
.navbar-mobile a { padding: 10px 20px; font-size: 15px; }
.navbar-mobile .dropdown ul { position: static; display: none; margin: 10px 20px; padding: 10px 0; z-index: 99; opacity: 1; visibility: visible; background: var(--color-white); box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); }
.navbar-mobile .dropdown ul li { min-width: 200px; }
.navbar-mobile .dropdown ul a { padding: 10px 20px; }
.navbar-mobile .dropdown ul a i { font-size: 12px; }
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a { color: var(--color-blue-hover); }
.navbar-mobile .dropdown > .dropdown-active { display: block; }

.navbar .internet > a, .navbar .tv > a, .navbar .phone > a, .navbar .company > a { margin: 0 5px; border-radius: var(--border-radius); }
.navbar.navbar-mobile .internet > a, .navbar.navbar-mobile .tv > a, .navbar.navbar-mobile .phone > a, .navbar.navbar-mobile .company > a { padding-left: 15px; padding-right: 15px; }
.navbar-mobile .internet > a, .navbar-mobile .tv > a, .navbar-mobile .phone > a, .navbar-mobile .company > a { margin-bottom: 5px; }
.navbar .internet > a { background-color: var(--color-orange); color: var(--color-white); }
.navbar .tv > a { background-color: var(--color-green); color: var(--color-white); }
.navbar .phone > a { background-color: var(--color-blue); color: var(--color-white); }
.navbar .company > a { background-color: var(--color-red); color: var(--color-white); }
.navbar li.internet:hover > a { background-color: var(--color-orange-hover); color: var(--color-white); }
.navbar li.tv:hover > a { background-color: var(--color-green-hover); color: var(--color-white); }
.navbar li.phone:hover > a { background-color: var(--color-blue-hover); color: var(--color-white); }
.navbar li.company:hover > a { background-color: var(--color-red-hover); color: var(--color-white); }
.navbar .internet a.active, .navbar li.internet ul li:hover > a, .navbar .dropdown.internet ul .active:hover { color: var(--color-orange-hover); }
.navbar .tv a.active, .navbar li.tv ul li:hover > a, .navbar .dropdown.tv ul .active:hover { color: var(--color-green-hover); }
.navbar .company a.active, .navbar li.company ul li:hover > a, .navbar .dropdown.company ul .active:hover { color: var(--color-red-hover); }

#hero { width: 100%; height: calc(60vh - 120px); padding: 0; overflow: hidden; background: var(--color-black); }
#hero .carousel-item { width: 100%; height: calc(60vh - 120px); background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; }
#hero .carousel-item::before { content: ''; background-color: rgba(13, 30, 45, 0.4); position: absolute; height: 100%; width: 100%; top: 0; right: 0; left: 0; bottom: 0; overflow: hidden; }
#hero .carousel-container { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; top: 0; left: 0; right: 0; overflow: hidden; }
@media (max-width: 992px) {
	#hero, #hero .carousel-item { height: calc(60vh - 70px); }
	#hero .carousel-content.container { padding: 0 2rem; }
}
#hero h1 { color: var(--color-white); margin: 0; margin-bottom: 3rem; font-size: 3rem; font-weight: 700; text-shadow: 1px 1px 2px black; }
#hero p { width: 80%; margin: 0 auto; color: var(--color-white); font-size: 1.8rem; margin-bottom: 3rem; text-shadow: 1px 1px 2px black; }
#hero .carousel-inner .carousel-item-next, #hero .carousel-inner .carousel-item-prev, #hero .carousel-inner .active.carousel-item-start, #hero .carousel-inner .active.carousel-item-end { left: 0; }
#hero .carousel-control-prev, #hero .carousel-control-next { width: 10%; }
#hero .carousel-indicators li { cursor: pointer; }
#hero .carousel-btn { font-size: 1.2rem; display: inline-block; padding: 0.8rem 2rem; border-radius: var(--border-radius); margin: 10px; color: var(--color-white); background: var(--color-blue); }
#hero .carousel-btn:hover { background: var(--color-blue-hover); }
@media (max-width: 768px) {
	#hero h1 { font-size: 2rem; margin-bottom: 1rem; }
	#hero p { font-size: 1rem; margin-bottom: 1rem; }
	#hero .carousel-btn { font-size: 1rem; padding: 0.2rem 1rem; }
}
@media (max-height: 500px) {
	#hero, #hero .carousel-item { height: 120vh; }
}
@media (max-height: 1080px) {
	#hero, #hero .carousel-item { height: calc(80vh - 120px); }
}
@media (min-width: 1024px) {
	#hero p { width: 60%; }
	#hero .carousel-control-prev, #hero .carousel-control-next { width: 5%; }
}

.content { min-height: 450px; background-color: var(--color-white); }

.homepage .service { margin-bottom: 2rem; display: flex; flex-direction: row; gap: 2rem; }
.homepage .service .item { padding: 40px 30px; flex: 1 1 0; text-align: center; color: var(--color-gray); border-radius: var(--border-radius); }
.homepage .service .item:hover { background-color: var(--color-border); }
.homepage .service .item i { display: block; width: 120px; height: 120px; margin: 0px auto 15px; background: transparent url(/image/icon-homepage.png) no-repeat; }
.homepage .service .item.internet i { background-position: 0px 0px; }
.homepage .service .item.internet:hover i { background-position: 0px -120px; }
.homepage .service .item.phone i { background-position: -120px 0px; }
.homepage .service .item.phone:hover i { background-position: -120px -120px; }
.homepage .service .item.tv i { background-position: -240px 0px; }
.homepage .service .item.tv:hover i { background-position: -240px -120px; }
.homepage .service .item h3 { margin-bottom: 2rem; min-height: 60px; }
.homepage .service .item.internet:hover h3 { color: var(--color-orange); }
.homepage .service .item.phone:hover h3 { color: var(--color-blue); }
.homepage .service .item.tv:hover h3 { color: var(--color-green); }
@media (max-width: 991.98px) {
	.homepage .service { flex-direction: column; }
}
@media (min-width: 1024px) {
	.homepage-default ul li { padding: 10px 0; }
}

.button { display: inline-block; height: 2.7rem; line-height: 2.2rem; margin: 2rem auto 0; padding: 0.25rem 1rem; text-align: center; color: var(--color-white); cursor: pointer; border-radius: var(--border-radius); }
.button:hover { text-decoration: none; }
.internet .button { background-color: var(--color-orange); }
.tv .button { background-color: var(--color-green); }
.button.blue, .phone .button { background-color: var(--color-blue); }
.button.blue:hover { background-color: var(--color-blue-hover); color: var(--color-white); }

.numbers h4 { padding-left: 2.5rem; line-height: 3rem; position: relative; font-weight: 700; }
.numbers h4 span { position: absolute; top: 0.5rem; left: 0; display: block; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; border-radius: var(--border-radius); }

.contact iframe { width: 100%; height: 400px; border-radius: var(--border-radius); }
.contact form { margin-bottom: 1rem; }
.contact-day { width: 2rem; display: inline-block; }

.form-control { font-size: 14px; border-radius: var(--border-radius); padding: 10px 15px; }
form input[type="submit"] { background-color: var(--color-blue); border: 0; padding: 10px 30px; color: var(--color-white); border-radius: var(--border-radius); }
form input[type="submit"]:hover { background-color: var(--color-blue-hover); }
.form-check-inline { margin-bottom: 0.5rem; }
textarea.form-control { min-height: 10rem; }
form .form-group { margin-bottom: 20px; }
form { position: relative;  }
.overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--color-white); opacity: 0.9; display: none; align-items: center; }
.order .overlay { margin-left: -.75rem; margin-right: -.75rem; }
.overlay span { display: none; text-align: center; color: var(--color-black); width: 100%; text-align: center; position: relative; line-height: 22px; margin: 1rem; }
.overlay span::before { content: ''; display: block; width: 24px; height: 24px; position: absolute; left: calc(50% - 12px); top: -2rem; background: transparent url(/image/info-success.png) center center no-repeat; }
.overlay.load { background: var(--color-white) url(/image/load.gif) center center no-repeat; }
.overlay.success span { display: block; }
.overlay.load, .overlay.success { display: flex; }
.errors p { color: var(--color-red); }

.coverage iframe { width: 100%; height: 600px; border-radius: var(--border-radius); }
.coverage .cities { margin: 15px -5px; line-height: 30px; text-align: justify; }
.coverage .cities a { color: var(--color-gray); }
.coverage .cities span { padding: 0px 5px; display: inline-block; }

.news-container .item { padding-bottom: 2rem; margin-bottom: 2rem; color: var(--color-gray); display: block; border-bottom: 1px solid var(--color-border); }
.news-container .item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.news-container .item-header { display: flex; gap: 1rem; margin-bottom: 1rem; }
.news-container .item-header .break { flex-basis: 100%; height: 0; }
.news-container .item-header i { width: 40px; height: 40px; border-radius: var(--border-radius); flex: none; }
.news-container .item-header h3 { line-height: 40px; margin: 0; font-size: 1.75rem; flex-grow: 1; font-weight: 700; }
.news-container .item-header h3 a { color: var(--color-gray); }
.news-container .item-header .date { line-height: 40px; }
.news-container .item-content { padding-left: calc(40px + 1rem); }
.news-container .item-content :last-child { margin-bottom: 0; }
@media (max-width: 576px) { .news-container .item-header { flex-wrap: wrap; }
	.news-container .item-header .date { flex-basis: 100%; line-height: 1rem; }
	.news-container .item-content { padding-left: 0; }
}

.pagination { margin-top: 3rem; gap: 0.5rem; }
.pagination .page-item .page-link { border: 0; border-radius: var(--border-radius); color: var(--color-blue); }
.page-item.active .page-link { background-color: var(--color-blue); color: var(--color-white); }
.page-item.disabled .page-link { color: var(--color-gray); }

.btn.btn-primary { margin: 0px auto; background: var(--color-blue); border: 0; padding: 10px 30px; color: var(--color-white); }
.btn.btn-primary:hover { background: var(--color-blue-hover); }

.serviceSelect { margin: 2rem auto; }
.serviceSelect .row { margin-left: 0; margin-right: 0; }
.serviceSelect .row > div { padding: 0; }
.serviceSelect a { color: var(--color-gray); display: block; line-height: 4rem; border-bottom: 2px solid var(--color-border); }
.serviceSelect a.active { font-weight: 700; }
.serviceSelect.internet a:hover { border-color: var(--color-orange); color: var(--color-orange); }
.serviceSelect.internet a.active { border-color: var(--color-orange); }
.serviceSelect.tv a:hover { border-color: var(--color-green); color: var(--color-green); }
.serviceSelect.tv a.active { border-color: var(--color-green); }
.serviceSelect a i { float: left; display: block; height: 4rem; width: 4rem; background: transparent no-repeat center center; }
.serviceSelect.internet a.wifi i, .serviceSelect.internet a.sixty i { background-image: url(/image/icon-internet-wifi-small.png); }
.serviceSelect.internet a.cable i { background-image: url(/image/icon-internet-cable-small.png); }
.serviceSelect.internet a.optic i { background-image: url(/image/icon-internet-optic-small.png); }
.serviceSelect.tv a.internet i { background-image: url(/image/icon-tv-internet-small.png); }
.serviceSelect.tv a.satellite i { background-image: url(/image/icon-tv-satellite-small.png); }
.serviceSelect.tv a.digital i { background-image: url(/image/icon-tv-digital-small.png); }

.skylink { height: 3rem; margin: 3rem 0; }
.skylink a { display: inline-block; width: 210px; height: 100%; margin-right: 1.5rem; background: transparent url(/image/skylink.png) no-repeat center center; }
.skylink p { display: inline-block; }
.skylink strong { font-size: 1.1rem; }
@media (max-width: 576px) {
	.skylink { height: auto; }
	.skylink a { height: 40px; width: 100%; margin-right: 0; margin-bottom: 1.5rem; }
}

.internet iframe { width: 100%; height: 600px; margin: 0px; padding: 0px; border: 0px; border-radius: var(--border-radius); }

.internetInterval a { display: inline-block; border-radius: var(--border-radius); padding: .375rem .75rem; margin-left: .5rem; margin-bottom: 1rem; }
.internetInterval a:hover { background-color: var(--color-border); }
.internetInterval a.active { color: var(--color-white); background-color: var(--color-blue); }

.tarif-list { display: grid; grid-template-columns: repeat(1, 1fr); grid-column-gap: 1rem; grid-row-gap: 1rem; }
@media (min-width: 768px) {
	.tarif-list { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1200px) {
	.tarif-list { grid-template-columns: repeat(4, 1fr); }
	.tarif-list.optic { grid-template-columns: repeat(5, 1fr); }
}
.tarif-item { text-align: center; }
.tarif-item .tarif-title { background-color: var(--color-orange); border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); color: var(--color-white); padding: .5rem; font-weight: 700; font-size: 1.6rem; }
.tarif-detail { background-color: var(--color-gray-lighter); padding: .5rem; border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); }
.detail-title { font-weight: 700; font-size: 1.2rem; }
.detail-title strong { font-size: 1.5rem; }
.detail-icon { max-width: 12%; aspect-ratio: 1/1; margin: 0.8rem auto 0; background-color: var(--color-orange); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center center; mask-position: center center; -webkit-mask-size: cover; mask-size: cover; }
.detail-icon.download { -webkit-mask-image: url(/image/icon-download.svg); mask-image: url(/image/icon-download.svg); }
.detail-icon.upload { -webkit-mask-image: url(/image/icon-upload.svg); mask-image: url(/image/icon-upload.svg); }
.detail-icon.iptv { -webkit-mask-image: url(/image/icon-iptv.svg); mask-image: url(/image/icon-iptv.svg); }
.detail-icon.wifi { -webkit-mask-image: url(/image/icon-wifi.svg); mask-image: url(/image/icon-wifi.svg); }
.detail-divider { border-top: 1px solid var(--color-gray); margin: 1rem 15%; height: 0; }
.tarif-detail .tarif-price { display: none; }
.tarif-list.year .tarif-detail .tarif-price.year, .tarif-list.quarter .tarif-detail .tarif-price.quarter, .tarif-list.month .tarif-detail .tarif-price.month { display: block; }
.tarif-detail .tarif-price .interval { display: block; font-size: .8rem; margin-bottom: 1rem; }
.tarif-detail .tarif-price .price { font-size: 1.4rem; }
.tarif-detail .tarif-price.year .price { color: var(--color-green); }
.tarif-detail .tarif-price.quarter .price { color: var(--color-orange); }
.tarif-detail .tarif-price.month .price { color: var(--color-blue); }
.tarif-detail a { display: inline-block; width: 70%; height: 2.5rem; line-height: 2.5rem; margin: 1rem auto; padding: 0 0.5rem; text-align: center; color: var(--color-white); cursor: pointer; border-radius: var(--border-radius); background-color: var(--color-orange); }
.tarif-detail a:hover { background-color: var(--color-orange-hover); }

.callMe, .findAddress { border-radius: var(--border-radius); padding: 2rem; margin: 2rem 0; position: relative }
.callMe i, .findAddress i { font-size: 8rem; }
.callMe .note, .findAddress .note { margin-top: 1rem; font-size: 0.8rem; }
.findAddress input[type="text"].loading { background-image: url(/image/load.gif); background-position: calc(100% - 10px) center; background-repeat: no-repeat; }

.line { width: 100%; line-height: 1.9rem; padding: .65rem; text-align: center; margin: 1rem 0; border-radius: var(--border-radius); }
@media (max-width: 575.98px) {
	.line { width: calc(100% - 2rem); margin-left: 1rem; margin-right: 1rem; }
}
.line a:not(.button):hover { text-decoration: underline; }
.lineGreen { background-color: var(--color-green); color: var(--color-white); }
.lineGreen a { color: var(--color-white); }
.lineRed { background-color: var(--color-red); color: var(--color-white); }
.lineRed a { color: var(--color-white); }
.lineBig { font-size: 1.2rem; }
.line .button { margin-top: 0; margin-left: 1rem; padding: 0.5rem 0.5rem; line-height: 1rem; height: 2rem; }

.setupFee { margin: 0 .75rem 1rem; line-height: 1.9rem; }
.setupFee .title, .setupFee .text { padding: 0.65rem calc(var(--bs-gutter-x)/ 2); }
.setupFee .title { border-bottom: 1px solid var(--color-border); }
.setupFee .text strong { font-size: 1.2rem; }

.tvPackage  { margin: 0 .75rem 1rem; }
.tvPackage .package { padding: .65rem; border: 1px solid var(--color-white); border-bottom-color: var(--color-border); border-top: 0; }
.tvPackage .package:first-of-type { border-top: 1px solid var(--color-white); }
.tvPackage .package:last-of-type { border-bottom-color: var(--color-white); }
.tvPackage .package:hover { border-color: var(--color-border); background-color: var(--color-border); }
.tvPackage .package:first-of-type:hover { border-top-right-radius: var(--border-radius); border-top-left-radius: var(--border-radius); }
.tvPackage .package:last-of-type:hover { border-bottom-right-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); }
.tvPackage .package .moreInfo { display: none; }
.tvPackage .package > * { height: 1.9rem; line-height: 1.9rem; }
.tvPackage .package .package-title { font-size: 1.4rem; font-weight: 700; color: var(--color-green); text-transform: uppercase; }
.tvPackage .package .package-price { text-align: right; font-size: 1.4rem; }
.tvPackage .package .package-price .price { color: var(--color-green); }
.tvPackage .package .package-price .interval { font-size: 1rem; }
.tvPackage .package .package-buttons a { display: inline-block; height: 1.9rem; line-height: 1.9rem; margin: 0 auto; padding: 0 0.5rem; text-align: center; color: var(--color-white); cursor: pointer; border-radius: var(--border-radius); }
.tvPackage .package .package-buttons a.info { background-color: var(--color-blue); margin: 0 1rem 0 auto; }
.tvPackage .package .package-buttons a.info:hover { background-color: var(--color-blue-hover); }
.tvPackage .package .package-buttons a.order { background-color: var(--color-orange); }
.tvPackage .package .package-buttons a.order:hover { background-color: var(--color-orange-hover); }
@media (max-width: 991.98px) {
	.tvPackage .package { line-height: 2.5rem; }
	.tvPackage .package > *, .tvPackage .package .package-buttons a.info, .tvPackage .package .package-buttons a.order { height: 2.5rem; line-height: 2.5rem; }
	.tvPackage .package .package-buttons a.info, .tvPackage .package .package-buttons a.order { padding: 0 1rem; }
}
@media (min-width: 992px) {
	.tvPackage .package > div:first-of-type { padding-left: 0; }
	.tvPackage .package > div:last-of-type { padding-right: 0; }
}

.tv .modal-body .channels { margin-bottom: 1rem; display: flex; flex-flow: wrap row; justify-content: flex-start; gap: .5rem; }
.tv .modal-body .channels img { width: 3rem; height: 3rem; object-fit: none; }
.tv .modal-body .channels .more { line-height: 3rem; }
.modal-content { border: 1px solid var(--color-white); border-radius: var(--border-radius); }

.imageContainer { width: 100%; height: 100%; min-height: 260px; position: relative; }
.imageContainer img { position: absolute; width: 100%; height: 100%; object-fit: cover; border-radius: var(--border-radius); }
.imageContainer.imageContain img { object-fit: contain; }

.icons { padding: 1rem; text-align: center; margin-bottom: -2rem; }
.icons > * { margin-bottom: 2rem; }
.icons i { display: block; font-size: 4rem; }
.icons span, .icon strong { display: block; }
.icons-line { padding-bottom: 1rem; border-bottom: 1px solid var(--color-border); margin-bottom: 2rem; }
.icons-line:last-of-type { border-bottom: 0; }
.icons-line i { display: inline-block; font-size: 7rem; }
.icons-line h3 { font-weight: 700; }

.reference .reference-item { display: block; border-radius: var(--border-radius); border: 1px solid var(--color-border); margin-bottom: 1.5rem; color: var(--color-gray); }
.reference .reference-item .reference-img { border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); border-bottom: 1px solid var(--color-border); overflow: hidden; display: block; aspect-ratio: 16/10; }
.reference .reference-item img { display: block; width: 100%; height: 100%; object-fit: cover; }
.reference .reference-content { padding: 15px; }
.reference .reference-content h4 { font-size: 1.3rem; text-align: center; }
.reference .reference-content p { font-size: .9rem; margin-bottom: 0; }

.footerCarousel { padding: 0; }
#footerCarousel .carousel-item { min-height: 250px; }
#footerCarousel .carousel-item .container { min-height: 100%; height: auto; padding-top: 2rem; padding-bottom: 2rem; }
#footerCarousel .carousel-control-prev, #footerCarousel .carousel-control-next { width: 10%; }
@media (max-width: 1024px) {
	#footerCarousel .carousel-control-prev, #footerCarousel .carousel-control-next { display: none; }
}

#footer { background-color: var(--color-footer); padding: 0 0 30px 0; color: var(--color-white); font-size: 14px; }
#footer .footer-top { padding: 30px 0; }
#footer .footer-top .footer-info h3 { margin: 0 0 20px 0; padding: 2px 0 2px 0; }
#footer .footer-top .footer-info p { font-size: .9rem; line-height: 24px; margin-bottom: 0; }
#footer .footer-top .footer-info p i { margin-right: 5px; }
#footer .footer-top .social-links a { font-size: 1.1rem; display: inline-block; margin-right: 4px; text-align: center; width: 24px; height: 24px; }
#footer .footer-top h4 { font-size: 1rem; font-weight: 700; padding-top: 10px; padding-bottom: 5px; }
#footer .footer-top .footer-links ul { list-style: none; padding: 0; margin: 0; }
#footer .footer-top .footer-links ul i { padding-right: 3px; color: var(--color-white); font-size: 0.75rem; line-height: 1; }
#footer .footer-top .footer-links ul li { padding: 5px 0; display: flex; align-items: center; }
#footer .footer-top .footer-links ul li:first-child { padding-top: 0; }
#footer .copyright { text-align: center; padding-top: 30px; }
#footer .footer-top .footer-info a, #footer .footer-top .footer-links ul a, #footer .copyright a { line-height: 1.5; color: var(--color-white); }
#footer .footer-top .footer-info a:hover, #footer .footer-top .footer-links ul a:hover, #footer .copyright a:hover { color: var(--color-white); text-decoration: underline; }
@media (max-width: 576px) {
	#footer .footer-info { margin-bottom: 1.5rem; }
	#footer .copyright { margin-bottom: 5rem; }
}

#promotionModal .modal-content { border: 0; overflow: hidden; background: transparent; }
#promotionModal .modal-body { padding: 0; }
#promotionModal .modal-body img { max-width: 100%; }
.modal-body .btn-close { position: absolute; right: 2rem; top: 2rem;  }

.address-find-container { position: relative; display: block; }
.address-find-container .result-container { display: none; position: absolute; top: calc(100% - 0px); left: 0; z-index: 99; width: 100%; background-color: var(--color-white); border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); max-height: 10rem; border: 1px solid #ced4da; border-top: 0; overflow-y: auto; }
.address-find-container.show-result .result-container { display: block; }
.address-find-container.show-result .form-control { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.address-find-container .result-container a.result-item { display: block; line-height: 2.5rem; color: var(--color-gray); padding: 0 1rem; font-size: 0.8rem; text-decoration: none; }
.address-find-container .result-container a.result-item:hover { background-color: var(--color-gray); color: var(--color-white); }

i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before { display: inline-block; vertical-align: -.125rem; }

.accordion-button:focus { box-shadow: none; }
.accordion-button:focus:not(.collapsed) { box-shadow: inset 0 -1px 0 rgba(0,0,0,.125); }
.accordion-button:not(.collapsed) { background-color: var(--color-white); color: var(--color-blue); }
/* změna barvy šipky - parametr fill (%23 => #) */
.accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23444444'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2341689C'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

@media screen and (max-width: 768px) {
	[data-aos-delay] { transition-delay: 0 !important; }
}

.back-to-top { position: fixed; visibility: hidden; opacity: 0; right: 100px; bottom: 30px; z-index: 100; background-color: var(--color-blue); width: 40px; height: 40px; border-radius: var(--border-radius); transition: visibility 0.3s; transition: opacity 0.3s; }
.modal-open .back-to-top { right: 117px; }
@media (max-width: 576px) {
	.back-to-top { z-index: 98; left: 30px; right: auto; bottom: 30px; }
}
.back-to-top i { font-size: 24px; color: var(--color-white); line-height: 0; }
.back-to-top:hover { background-color: var(--color-blue-hover); color: var(--color-white); }
.back-to-top.active { visibility: visible; opacity: 1; }

.cc-container { display: none; position: fixed; z-index: 99; bottom: 0; left: 50%; transform: translate(calc(-50% - 10px), 0); margin: 10px; width: calc(100% - 20px); max-width: 600px; max-height: 80%; overflow-y: auto; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.5); background-color: var(--color-white); border-radius: var(--border-radius); color: var(--color-gray); }
.cc-close { position: absolute; right: 20px; top: 20px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: var(--color-gray); font-size: 1.5rem; cursor: pointer; }
.cc-close:hover, .cc-close:focus { color: var(--color-gray); }
.cc-title { line-height: 40px; font-size: 1.5rem; font-weight: 700; }
.cc-text, .cc-option-text { font-size: 0.8rem; }
.cc-buttons { display: flex; }
.cc-buttons button { background-color: var(--color-white); border-radius: var(--border-radius); border: 1px solid var(--color-border); margin-right: .5rem; color: var(--color-gray); padding: 0 10px; line-height: 40px; }
.cc-buttons button:hover { background-color: var(--color-border); }
/*.cc-buttons button[data-type="denyAll"] { background-color: var(--color-red); border-color: var(--color-red); color: var(--color-white); }*/
/*.cc-buttons button[data-type="denyAll"]:hover; { background-color: var(--color-red-hover); border-color: var(--color-red-hover); }*/
.cc-buttons button[data-type="allowAll"] { background-color: var(--color-green); border-color: var(--color-green); color: var(--color-white); }
.cc-buttons button[data-type="allowAll"]:hover { background-color: var(--color-green-hover); border-color: var(--color-green-hover); }
.cc-buttons button:last-of-type { margin-right: 0; }
.cc-more { display: none; }
.cc-option-header { display: flex; }
.cc-option-title { flex-grow: 1; line-height: 2rem; font-size: 1.2rem; font-weight: 700; }
.cc-option-choose { position: relative; width: 2.8rem; height: 1.6rem; margin: .2rem; border-radius: .75rem; background-color: var(--color-gray); }
.cc-option-choose:not(.cc-option-choose-disabled) { cursor: pointer; }
.cc-option-choose.cc-option-choose-disabled { background-color: var(--color-gray-light); filter: grayscale(30%); }
.cc-option-choose::after { content: ''; display: block; width: 1.2rem; height: 1.2rem; border-radius: .6rem; background-color: var(--color-red); position: absolute; left: 0.2rem; top: 0.2rem; transition: all 0.3s; }
.cc-option-active .cc-option-choose::after { background-color: var(--color-green); left: calc(1.2rem + 0.2rem); }

.modal-open #smartsupp-widget-container > div { margin-right: 17px; z-index: 1044 !important; }