/* * Kablo Web Site * Homepage */ /* Font-Weight Değeri / Anlamı 100 / Thin (İnce) 200 / Extra Light (Ekstra Hafif) 300 / Light (Hafif) 400 / Normal (Varsayılan Normal) 500 / Medium (Orta Kalın) 600 / Semi-Bold (Yarı Kalın) 700 / Bold (Kalın) 800 / Extra Bold (Ekstra Kalın) 900 / Black (Çok Çok Kalın) Türksat kurumsal mavisi #009BDA */ /* Content headrı mobilde gizle */ @media only screen and (max-width: 768px) { .content-header img { display: none; } .kampanya-header .container { height: 190px !important; } .kampanya-header .container button { left: 10px !important; padding: 0 20px !important; width: 290px !important; } } #hemen-basvur-float { width: 120px !important; height: 193px !important; background: url('../images/main7/bizSiziArayalim.png') no-repeat !important; background-size: 120px 193px !important; left: -3px !important; bottom: -6px !important } #kanal-accordion .panel { background-color: transparent; } .ya-cont, .campaign-slide-content div, .tv-kanallar .kanal, .satis-detay-liste, .destek-satis-icon, .detayli-bilgi-cont, .tarife-cont:not(:has(.tarife-listesi)), #kanal-accordion .kanal, #kanal-accordion .panel .panel-heading { background-color: #fff; } .tarife-cont b { margin-left: 20px; } .jetlinkWidgetFrame { bottom: -20px !important } .table { background-color: #fff; } body {-webkit-font-smoothing: antialiased !important;/* Webkit tabanlı tarayıcılar (Chrome, Safari) için */ -moz-osx-font-smoothing: grayscale !important;/* macOS'taki Firefox için */} .banner-white-text {color: #fff !important} .navbar ul ul {background: #009BDA !important} /*https://fonts.adobe.com/fonts/facto*/ h3, footer h5, footer .turksat a, footer .turksat a:visited {font-family: 'prxnv', Helvetica, Arial, sans-serif;font-weight: 700;color: #333} body, p, .campaign-container .item .small-title, .campaign-container .item .right {font-family: 'prxnv', Helvetica, Arial, sans-serif;font-weight: 300 !important} html, button, input, select, textarea, .navbar, header .members a, header .members a:visited {font-family: 'prxnv', Helvetica, Arial, sans-serif !important;font-weight: 400} footer ul li a, footer ul li a:visited {font-family: 'prxnv', Helvetica, Arial, sans-serif !important;font-weight: 400 !important;font-size: 14px !important;color:#5F6A77 !important} footer ul li a:hover, footer ul li a:focus {/* color: #009BDA !important;*/ color:#5F6A77 !important;text-decoration:underline !important} .service-area .service-search button, .service-area .service-search .linker {font-style: italic !important} .btn_content-big {height: 22px !important} .btn_content:nth-of-type(2) {font-size: 10px !important} body {margin: 0 !important;padding: 0 !important;/*height: 100% !important;*/position: relative !important} .top-left-image {position: absolute !important;top: -7px !important;left: calc((100% - 1190px) / 2 - 647px) !important;width: 651px !important;height: auto !important;z-index: 0 !important;display: none !important} .top-left-image img {width: 100% !important;height: auto !important} header, .top-menu {background: transparent !important} body::before {content: "" !important;position: absolute !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 174px !important;/* background: linear-gradient(to top, #7b9eff, #99baff) !important;*/ background: url('/images/main7/bg-top.png') no-repeat !important;/*opacity: 0.2;*/background-position: center top !important;background-size: cover !important;/* background: url('../images/main7/bg.png') no-repeat !important;background-size: cover !important;z-index: -1 !important;*/ /*width: 100% !important;*/ /* Genişliği %100 */ /*height: 200px !important;*/ /* İstediğiniz yüksekliği buradan belirtebilirsiniz */ /*background: url('../images/main7/bg.png') no-repeat center center !important;*/ /* Arka plan resmi */ /*background-color: red !important;background-size: cover !important;*/ /* Resmi genişliğe uydurur, yüksekliği de orantılı yapar */ } @media only screen and (max-width: 768px) { body::before { height: 140px !important; } } /* Sayfanın altına yapışık bg */ body::after {content: "" !important;position: absolute !important;/* Arka planı sayfa altına yerleştirir */ bottom: 0 !important;/* Sayfanın en altına hizalar */ left: 0 !important;width: 100% !important;height: 5304px !important;/* Arka planın yüksekliğini belirler */ background: url('../images/main7/bg-bottom.png') no-repeat !important;background-position: center bottom !important;/* Arka planı ortalar ve alt hizaya çeker */ background-size: cover !important;/* Arka planı kapsayıcı yapar */ z-index: -1 !important;/* content: "" !important;position: absolute !important;bottom: 0 !important;left: 0 !important;width: 100% !important;height: 150px !important;background: linear-gradient(to top, #7b9eff, #99baff) !important;z-index: -1 !important;*/ } header {position: relative !important} header .members a, header .members a:visited, header .members a:link, header .members a:active {color: #000 !important;text-decoration: none !important;transition: color 0.2s !important;text-decoration: none !important;font-size: 15px !important;font-weight: 400 !important;letter-spacing: 0.01em !important} header .members a:hover {text-decoration: underline !important} @media screen and (min-width: 992px) {header .social-icos a img { height: 24px !important;width: auto !important} } /*#4789B9*/ header .members a, header .members a:visited {border: none !important} /*header .social-icos a img {*/ /*filter: invert(44%) sepia(91%) saturate(3935%) hue-rotate(157deg) brightness(86%) contrast(99%) !important;*/ /*filter: brightness(0) saturate(100%) invert(33%) sepia(82%) saturate(963%) hue-rotate(145deg) brightness(98%) contrast(99%) !important}*/ .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:visited, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:focus {/* padding-right: 40px !important;padding-left: 40px !important;*/ text-align: left !important;background: none !important;color: #54506B !important} .navbar-default .navbar-nav > li > a:link .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:visited, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:focus {color:#54506B !important;background: none !important} .navbar-default .navbar-nav > li > a:hover {color: #54506B !important;text-decoration: underline !important} @media (min-width: 769px) {.navbar-default .navbar-nav > li:first-child > a, .navbar-default .navbar-nav > li:first-child > a:visited, .navbar-default .navbar-nav > li:first-child > a:active { /* padding-right: 0 !important;padding-left: 0 !important;*/ color: #54506B !important;text-align: left !important} } .navbar-default .navbar-nav > li:last-child > a, .navbar-default .navbar-nav > li:last-child > a:visited {/* padding-right: 0 !important;padding-left: 0 !important;*/ text-align: right !important} .navbar-default .navbar-nav > li > a::after {width: 0 !important} .navbar-fixed-top {position:relative !important;top: 0 !important} .top-menu a, .top-menu a:visited, .top-menu a:link, .top-menu a:active {padding: 10px 23px 9px 30px !important;/*background: linear-gradient(to right,rgba(59,155,213,0.13) 0,rgba(48,58,137,0.13) 100%) !important;transition: background-color 1s !important;*/ /* background: linear-gradient(84deg, #fff 30%, rgba(48,58,137,0.13) 10%) !important;*/ /*color: #5F6A77 !important;*/ font-weight: 400 !important;text-decoration:none !important} .top-menu a:first-child {clip-path: polygon(0 100%, 100% 100%, 100% 0, 5% 0) !important} .top-menu a:first-child:hover {background: linear-gradient(to right,rgba(59,155,213,0.16) 0,rgba(48,58,137,0.16) 100%) !important;color: #888 !important} .top-menu-left a:nth-of-type(2) {/*clip-path: polygon(0 0, 95% 0, 100% 100%, 0 100%) !important;*/ clip-path: polygon(0 100%, 95% 100%, 100% 0, 0 0) !important;padding-right: 25px !important;background: none !important;background-color: #def0ef !important;color: #5F6A77 !important} @media (min-width: 768px) { .navbar-nav > li > .dropdown-menu { max-width: 95px !important; /* https://bennettfeely.com/clippy/ clip-path: polygon(0 0, 100% 0, 100% 90%, 95% 100%, 0 100%) !important;*/ } } .subfooter {background: none !important} .subfooter .container div::after {display: none !important} .top-menu-left a:nth-of-type(2):hover {background: none !important;background-color: #cbedf3 !important;color: #888 !important} .top-menu .top-menu-left {margin-left:-31px !important} .top-menu .top-menu-right {margin-left: 31px !important} /* position: absolute; bottom: 15px; right: 6px; display: block; padding: 14px 35px 15px 46px; font-size: 18px; font-weight: bold; color: white; background-color: #088c84; text-align: center; text-decoration: none; clip-path: polygon(5% 0, 100% 0, 100% 100%, 0% 100%); transition: background-color 1s; border: none; font-style: italic; letter-spacing: 0.01em; min-width: 240px; text-align:right; */ .top-menu a.active {/* background-color: red !important;*/ background: linear-gradient(to right,rgba(59,155,213,0.13) 0,rgba(48,58,137,0.13) 100%) !important;color: #5F6A77 !important} .top-menu a:hover {/* background-color: red !important;*/ background: linear-gradient(to right,rgba(59,155,213,0.13) 0,rgba(48,58,137,0.13) 100%) !important;color: #5F6A77 !important;text-decoration: underline !important} /*.top-menu .top-menu-right {margin: 10px 0 0 0 !important}*/ .top-menu .top-menu-right a, .top-menu .top-menu-right a:visited, .top-menu .top-menu-right a:link, .top-menu .top-menu-right a:active {transition: color 0.2s !important;text-decoration: none !important;font-weight: normal !important;background-color: #def0ef !important;color: #5F6A77 !important;/* font-weight: normal !important;*/ } .top-menu .top-menu-right a:nth-of-type(2), .top-menu .top-menu-right a:nth-of-type(2):visited, .top-menu .top-menu-right a:nth-of-type(2):link, .top-menu .top-menu-right a:nth-of-type(2):active {transition: color 0.2s !important;text-decoration: none !important;font-weight: normal !important;background: linear-gradient(to right,rgba(59,155,213,0.13) 0,rgba(48,58,137,0.13) 100%) !important;color: #5F6A77 !important;clip-path:polygon(0 100%, 95% 100%, 100% 0, 0 0) !important} .top-menu .top-menu-right a:hover{text-decoration:underline !important;filter: brightness(1.1) !important} .top-menu .top-menu-right a:nth-of-type(2):hover {text-decoration: underline !important;filter: brightness(0.6) !important} .navbar, .navbar-collapse {background: none !important} .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:visited {color: #5F6A77 !important;font-weight: 600 !important} /*background: linear-gradient(to right,rgba(53,156,211,1) 0,rgba(44,69,150,1) 100%);*/ /* #HOME SLIDER ================================================== */ .home-content-header {background: rgba(53,156,211,1) !important;background: -moz-linear-gradient(left, rgba(53,156,211,1) 0%, rgba(44,69,150,1) 100%) !important;background: -webkit-gradient(left top, right top, color-stop(0%, rgba(53,156,211,1)), color-stop(100%, rgba(44,69,150,1))) !important;background: -webkit-linear-gradient(left, rgba(53,156,211,1) 0%, rgba(44,69,150,1) 100%) !important;background: -o-linear-gradient(left, rgba(53,156,211,1) 0%, rgba(44,69,150,1) 100%) !important;background: -ms-linear-gradient(left, rgba(53,156,211,1) 0%, rgba(44,69,150,1) 100%) !important;background: linear-gradient(to right, rgba(53,156,211,1) 0%, rgba(44,69,150,1) 100%) !important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#359cd3', endColorstr='#2c4596', GradientType=1 ) !important;height: 320px !important;width: 100% !important;position: relative !important;overflow: hidden !important} .home-content-header .top-shadow {position: absolute !important;height: 80px !important;width: 100% !important;display: block !important;top: 0 !important;background: url('../images/home/main-slider/top-shadow.png') repeat-x !important;z-index: 0 !important} .home-content-header .container {padding: 0 !important} .home-content-slide {position: relative !important;height: 320px !important} .home-content-slide div.home-content-slide-item {position: relative !important;z-index: 0 !important;height: 100% !important;overflow: hidden !important} .home-content-slide div.home-content-slide-item div {position: absolute !important;top:175px !important;left: 0 !important;width: 100% !important;z-index: 9 !important} .home-content-slide img {display: block !important;position: absolute !important} .home-content-slide img.light {width: 100% !important;max-width: 380px !important;height: auto !important;left: 0 !important;right: 0 !important;top: 0 !important;margin: auto !important;z-index: 1 !important} .home-content-slide img.obj {max-height: 170px !important;height: auto !important;left: 0 !important;right: 0 !important;top: 5px !important;margin: auto !important;z-index: 2 !important} .home-content-slide h3 {font-family: 'prxnv', Helvetica, Arial, sans-serif !important;font-weight: normal !important;width: 100% !important;color: #FFF !important;text-align: center !important;z-index: 9 !important;margin: auto auto 4px auto !important;/*position: absolute !important;margin: 0 !important;top: 112px !important;*/ font-weight: 600 !important} .home-content-slide p {font-size: 19px !important;line-height: 20px !important;text-align: center !important;/*position: absolute !important;bottom: 64px !important;left: 0 !important;right: 0 !important;margin: auto !important;*/ margin: 0 !important;color: #FFF !important;width: 100% !important;z-index: 9 !important} .home-content-slide button {border: 0 !important;position: absolute !important;padding: 0 20px !important;line-height: 1 !important;height: 44px !important;width: 220px !important;left: 0 !important;right: 0 !important;bottom: 5px !important;margin: auto !important;background: #211c3c !important;color: #FFF !important;font-size: 18px !important;transition: .3s all ease !important;z-index: 9 !important} .home-content-slide button:hover {background: #005b9a !important} .home-slider button.slick-arrow {display: none !important;position: absolute !important;margin: auto !important;top: 268px !important;background: transparent !important;border:0 !important;width: 34px !important;height: 34px !important;z-index: 928 !important;overflow: hidden !important} .home-slider button.slick-arrow img {width:32px !important;height:32px !important;filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%) !important} .home-slider button.slick-prev {left: 0 !important} .home-slider button.slick-next {right: 0 !important} .home-slider .slick-dots {display: none !important} @media screen and (min-width: 768px) {.home-content-header { height: 360px !important} .home-content-header .container {width: auto !important;margin: 0 !important} .home-content-slide {height: 360px !important} .home-content-slide img.light {max-width: 698px !important;left: auto !important;right: -110px !important;top: -80px !important} .home-content-slide img.obj {max-height: 320px !important;left: auto !important;right: 10px !important;top:auto !important;bottom: 0 !important} .home-content-slide div.home-content-slide-item div {top:50px !important;left: 70px !important} .home-content-slide h3 {text-align: left !important;font-size: 35px !important} .home-content-slide p {font-size: 20px !important;line-height: 24px !important;text-align: left !important;width: 480px !important} .home-content-slide button {width: 210px !important;height: 40px !important;left: 70px !important;right: auto !important;bottom: 100px !important;font-size: 16px !important;font-family: 'prxnv', Helvetica, Arial, sans-serif !important;font-weight:600 !important} .home-slider button.slick-arrow {display: block !important} .home-slider ul.slick-dots {display: block !important;position: absolute !important;margin: 0 !important;padding: 0 !important;bottom: 25px !important;left: 70px !important;list-style-type: none !important} .home-slider ul.slick-dots li {float: left !important} .home-slider ul.slick-dots button {border: 1px solid #FFF !important;background: transparent !important;width: 28px !important;height: 28px !important;border-radius: 16px !important;text-indent: -5000px !important;margin-right: 9px !important;transition: .3s all ease !important} .home-slider ul.slick-dots button:hover, .home-slider ul.slick-dots li.slick-active button {background: #fff !important;/*border-color: #211c3c !important;*/} .home-slider button.slick-arrow {margin: auto 20px !important;top: 168px !important} } @media screen and (min-width: 992px) {.home-content-header { height: 400px !important} .home-content-header .top-shadow {display: none !important} .home-content-header .container {width: auto !important;margin: 0 !important} .home-content-slide {height: 400px !important} .home-content-slide img.light {display: none !important} .home-content-slide img.obj {max-height: 400px !important;right: 30px !important;top:auto !important;bottom: 0 !important} .home-content-slide div.home-content-slide-item div {top:50px !important;left: 70px !important} .home-content-slide h3 {font-size: 44px !important} .home-content-slide p {font-size: 22px !important;line-height: 27px !important;width: 560px !important} .home-content-slide button {width: 250px !important;height: 51px !important;font-size: 20px !important;bottom: 85px !important;left: 70px !important} .home-slider ul.slick-dots {left: 70px !important} } @media screen and (min-width: 1200px) {.home-content-header { height: 400px !important} .home-content-slide {height: 400px !important} .home-content-slide img.obj {right: 50px !important;top:auto !important;bottom: 0 !important} .home-content-slide div.home-content-slide-item div {top:50px !important;left: 70px !important} .home-content-slide h3 {font-size: 53px !important} .home-content-slide p {font-size: 24px !important;line-height: 29px !important;width: 680px !important} .home-content-slide button {width: 255px !important;height: 55px !important;bottom: 80px !important;font-size: 21px !important;left: 70px !important} .home-slider ul.slick-dots {left: 70px !important} } @media screen and (min-width: 1440px) {.home-content-header .container { margin: 0 auto !important;width: 1440px !important} .home-content-slide img.obj {right: 100px !important;top:auto !important;bottom: 0 !important} .home-content-slide div.home-content-slide-item div {top:50px !important;left: 140px !important} .home-content-slide button {left: 140px !important;bottom: 90px !important} .home-slider ul.slick-dots {left: 140px !important} } /* #SERVICE TYPES ================================================== */ .home-service-types {margin: 0 auto !important;/*border-top: 1px solid #FFF !important;*/ overflow: hidden !important} .home-service-types .first {background: #f6f6f6 !important} .home-service-types .first h3 {color: #484848 !important;height: 68px !important;line-height: 72px !important;overflow: hidden !important;font-family: 'prxnv', Helvetica, Arial, sans-serif !important;/*font-size: 29px !important;*/ text-align: center !important;margin: 0 !important} .home-service-types .first p {display: none !important} .home-service-types .second .service-icos {width: 33% !important;float: left !important;text-align: center !important;/*padding: 30px 0 25px 0 !important;*/position: relative !important;height: 80px !important;margin-bottom: 10px !important;overflow: hidden !important} .home-service-types .second .service-icos img {display: block !important;position: absolute !important;/*cursor: pointer !important;*/ } .home-service-types .second .service-icos img.service-ico {width: 44px !important;height: auto !important;margin: auto !important;left: 0 !important;right: 0 !important;top: -40px !important;transition: .3s all ease !important} .home-service-types .second .service-icos img.service-logo {width: 80px !important;height: auto !important;margin: auto !important;left: 0 !important;right: 0 !important;bottom: 24px !important;transition: .3s all ease !important} /*.home-service-types .second .service-icos:hover img.service-ico, .home-service-types .second .service-icos:focus img.service-ico {top: 10px !important} .home-service-types .second .service-icos:hover img.service-logo, .home-service-types .second .service-icos:focus img.service-logo {bottom: 5px !important}*/ @media screen and (min-width: 478px) {.home-service-types .second .service-icos { /*padding: 30px 0 25px 0 !important;margin-bottom: 15px !important;*/ height: 90px !important} .home-service-types .second .service-icos img.service-ico {width: 44px !important;top: -40px !important} .home-service-types .second .service-icos img.service-logo {width: 100px !important;bottom: 24px !important} /* .home-service-types .second .service-icos:hover img.service-ico, .home-service-types .second .service-icos:focus img.service-ico {top: 10px !important} .home-service-types .second .service-icos:hover img.service-logo, .home-service-types .second .service-icos:focus img.service-logo {bottom: 5px !important}*/ } @media screen and (min-width: 768px) {.home-service-types { /*background: url('../images/home/kablo-logo-bck.png') no-repeat !important;background-size: auto 255px !important;background-position: -100% 0 !important;*/} .home-service-types .first {background: transparent !important} .home-service-types .first h3 {color: #000 !important;height: auto !important;line-height: 1 !important;/*font-size: 29px !important;*/ text-align: left !important;/*margin: 85px 0 0 0 !important;*/} .home-service-types .first p {display: block !important;font-family: 'prxnv', Helvetica, Arial, sans-serif !important;font-size: 17px !important;color: #576069 !important;font-weight: 600 !important} .home-service-types .second .service-icos {/*margin: 70px 0 0 0 !important;padding: 0 !important;*/ height: 100px !important} .home-service-types .second .service-icos img.service-ico {width: 50px !important;top: -40px !important} .home-service-types .second .service-icos img.service-logo {width: 120px !important;bottom: 25px !important} } @media screen and (min-width: 992px) {.home-service-types { } .home-service-types .second .service-icos {/*margin: 70px 0 0 0 !important;*/ height: 100px !important} .home-service-types .second .service-icos img.service-ico {width: 50px !important;top: -40px !important} .home-service-types .second .service-icos img.service-logo {width: 130px !important;bottom: 25px !important} } @media screen and (min-width: 1200px) {.home-service-types { padding: 60px 0 !important} .home-service-types .first h3 {/*font-size: 43px !important;margin-top: 135px !important;*/} .home-service-types .first p {font-size: 20px !important;line-height: 30px !important} .home-service-types .second .service-icos {/*margin: 110px 0 0 0 !important;*/ height: 100px !important} .home-service-types .second .service-icos img.service-ico {width: 83px !important;top: -80px !important} .home-service-types .second .service-icos img.service-logo {width: 202px !important;/*bottom: 40px !important;*/} /* .home-service-types .second .service-icos:hover img.service-ico, .home-service-types .second .service-icos:focus img.service-ico {top: 0 !important} .home-service-types .second .service-icos:hover img.service-logo, .home-service-types .second .service-icos:focus img.service-logo {bottom: 0 !important}*/ } @media screen and (min-width: 1800px) {.home-service-types { } } .subfooter .subfooter-1 a span:nth-child(2) {line-height: 60px !important;padding-top: 0 !important} .subfooter a img {float: none !important} .subfooter a {display: inline-block !important;text-decoration: none !important;color: inherit !important;display: flex !important;justify-content: center !important;align-items: center !important;text-align: center !important} .subfooter a img {height: 110px !important;transition: opacity 0.3s ease !important;opacity: 1 !important} .subfooter a:hover img {opacity: 0.7 !important} .destek a img {transition: opacity 0.3s ease !important;opacity: 1 !important} .destek a:hover img {opacity: 0.7 !important} a.home-product-slide-content {padding: 0 !important} /* #PRODUCTS & SERVICES SLIDER ================================================== */ /*.home-products-slider {overflow: hidden !important;padding-bottom: 25px !important}*/ .home-products-slider7 {padding: 40px 0 !important} .mobile-apps-container .mobile-apps-title, .home-products-slider7 h3 {text-align: left !important;/*font-size: 29px !important;*/ font-family: 'prxnv', Helvetica, Arial, sans-serif !important;color: #000 !important;margin: 25px 0 20px -17px !important;font-weight: 700 !important} /*.home-products-slider p {display: none !important} .home-product-slider {text-align: center !important;padding: 10px 0 60px 0 !important}*/ .home-product-slider7 > div:nth-child(-n+3) {padding-right: 7px !important} .home-product-slider7 > div:nth-child(4) {padding-right: 7px !important} a.home-product-slide-content {display: block !important;position: relative !important;clip-path: polygon(92% 0, 100% 8%, 100% 100%, 8% 100%, 0 92%, 0 0) !important} a.home-product-slide-content img {/*border: 1px solid #ccc !important;*/ } a.home-product-slide-content h4 {position: absolute !important;display: block !important;overflow: hidden !important;margin: 0 !important;top:0 !important;height: 100% !important;font-size: 17px !important;font-family: 'prxnv', Helvetica, Arial, sans-serif !important;color: #FFF !important;width: 100% !important;z-index: 2 !important;font-weight: 700 !important} a.home-product-slide-content h4 span {display: block !important;position: relative !important;top: 50% !important;-webkit-transform: translateY(-50%) !important;-ms-transform: translateY(-50%) !important;transform: translateY(-50%) !important} .home-product-slider button.slick-arrow {display: none!important} a.home-product-slide-content:after, a.home-product-slide-content:visited:after {position: absolute !important;content: '' !important;top: 0 !important;left: 0 !important;bottom: 0 !important;right: 0 !important;display: block !important;/*background: rgba(0,0,0,.5) !important;*/ transition: .3s all ease !important;z-index: 1 !important;/*margin: 0 13px !important;*/ } a.home-product-slide-content:hover:after, a.home-product-slide-content:focus:after {background: rgba(0,0,0,.1) !important} a.home-product-slide-content:hover, a.home-product-slide-content:focus {outline: none !important} @media screen and (min-width: 768px) {.home-products-slider { padding-bottom: 40px !important} .home-products-slider h3 {/*font-size: 24px !important;*/ margin: 25px 0 10px 0 !important} .home-products-slider p {display: block !important;margin: 0 !important;font-family: 'prxnv', Helvetica, Arial, sans-serif !important;text-align: center !important;color: #9cceea !important;color: rgba(255,255,255,.5) !important;font-size: 17px !important;line-height: 19px !important;margin-bottom: 10px !important;font-weight: 700 !important} a.home-product-slide-content {height: 100% !important;max-height: 234px !important} a.home-product-slide-content h4 {font-size: 25px !important} .home-products-slider button.slick-arrow {display: block!important;position: absolute !important;bottom: -55px !important;background: transparent !important;border:1px solid #FFF !important;border-radius: 22px !important;width: 42px !important;height: 42px !important;z-index: 999 !important;transition: .3s all ease !important;overflow: hidden !important} .home-products-slider button.slick-arrow img {position: absolute !important;top: 14px !important;transition: .3s all ease !important} .home-products-slider button.slick-prev {left: 308px !important} .home-products-slider button.slick-next {left: 360px !important} .home-products-slider button.slick-arrow:hover {background: #FFF !important} .home-products-slider button.slick-prev img {left: 15px !important} .home-products-slider button.slick-prev img.invert {left: 60px !important} .home-products-slider button.slick-next img {left: 17px !important} .home-products-slider button.slick-next img.invert {left: -62px !important} .home-products-slider button.slick-prev:hover img{left: -60px !important} .home-products-slider button.slick-prev:hover img.invert {left: 15px !important} .home-products-slider button.slick-next:hover img {left: 62px !important} .home-products-slider button.slick-next:hover img.invert {left: 17px !important} .home-products-slider button.slick-disabled {opacity: 0.5 !important} .home-products-slider button.slick-disabled:hover {background: transparent !important} .home-products-slider button.slick-prev.slick-disabled:hover img {left: 15px !important} .home-products-slider button.slick-prev.slick-disabled:hover img.invert {display: none !important} .home-products-slider button.slick-next.slick-disabled:hover img {left: 17px !important} .home-products-slider button.slick-next.slick-disabled:hover img.invert {display: none !important} } @media screen and (min-width: 992px) {.home-products-slider { padding-bottom: 40px !important} .home-products-slider h3 {/*font-size: 27px !important;*/ margin: 30px 0 10px 0 !important} .home-products-slider p {font-size: 18px !important;line-height: 18px !important;margin-bottom: 20px !important} a.home-product-slide-content {max-height: 300px !important} a.home-product-slide-content h4 {/*font-size: 27px !important;*/ } .home-products-slider button.slick-arrow {bottom: -60px !important} .home-products-slider button.slick-prev {left: 423px !important} .home-products-slider button.slick-next {left: 475px !important} } @media screen and (min-width: 1200px) {.home-products-slider { padding-bottom: 45px !important} .home-products-slider h3 {/*font-size: 32px !important;*/ margin: 35px 0 10px 0 !important} .home-products-slider p {font-size: 20px !important;line-height: 20px !important;margin-bottom: 20px !important} a.home-product-slide-content {max-height: 366px !important} a.home-product-slide-content h4 {/*font-size: 30px !important;*/ } .home-products-slider button.slick-arrow {bottom: -60px !important;border-radius: 19px !important;width: 36px !important;height: 36px !important} .home-products-slider button.slick-prev {left: 562px !important} .home-products-slider button.slick-next {left: 608px !important} .home-products-slider button.slick-arrow img {top: 11px !important} .home-products-slider button.slick-prev img {left: 12px !important} .home-products-slider button.slick-prev img.invert {left: 42px !important} .home-products-slider button.slick-next img {left: 14px !important} .home-products-slider button.slick-next img.invert {left: -42px !important} .home-products-slider button.slick-prev:hover img{left: -42px !important} .home-products-slider button.slick-prev:hover img.invert {left: 12px !important} .home-products-slider button.slick-next:hover img {left: 42px !important} .home-products-slider button.slick-next:hover img.invert {left: 14px !important} .home-products-slider button.slick-prev.slick-disabled:hover img {left: 12px !important} .home-products-slider button.slick-next.slick-disabled:hover img {left: 14px !important} } .daha-fazla a {display: flex !important;align-items: center !important;/* Dikey ortala */ justify-content: center !important;/* Yatay ortala */ height: 50px !important;font-weight: bold !important;color: #080404 !important;padding: 30px 0 0 0 !important} .daha-fazla .down-arrow {display: block !important;margin: 70px 0 0 0 !important} .daha-fazla a:hover {text-decoration:none !important;color:#666 !important} /* #KABLO TV DE BU AY ================================================== */ .ktba {} .ktba h1, .ktba h3 {color: #000 !important;font-family: 'prxnv', Helvetica, Arial, sans-serif !important;text-align: center !important;margin: 0 !important;line-height: 1 !important;padding: 25px 0 !important;font-weight: 600 !important;/*font-size: 29px !important;*/ } .ktba p.ktba-title {display: none !important} .ktba p {display: none !important} .ktba .col-xs-4 {padding: 0!important} .ktba .img-cont {position: relative !important;overflow: hidden !important;/*background: #000 !important;*/ cursor: pointer !important} .ktba .img-cont img {clip-path: polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px)100%,0 100%,0 20px) !important} .ktba .img-cont p {position: absolute !important;display: block !important;margin: 0 !important;color: #FFF !important;bottom: 5px !important;left: 5px !important;font-size: 16px !important;line-height: 1.2em !important;z-index: 2 !important} .ktba .img-cont p span {display: none !important} .ktba .img-cont:after {display: block !important;content: '' !important;position: absolute !important;top: 0 !important;left: 0 !important;right: 0 !important;bottom: 0 !important;background: rgba(0,0,0,.5) !important;transition: .3s all ease !important;z-index: 1 !important;clip-path: polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px)100%,0 100%,0 20px) !important} .ktba .img-cont:hover:after {background: rgba(0,0,0,0) !important;clip-path: polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px)100%,0 100%,0 20px) !important} .ktba .img-cont.bb hr {display: block !important;height: 2px !important;width: 100% !important;position: absolute !important;bottom: 0 !important;border:0 !important;background: #EBEFF2 !important;margin: 0 !important;z-index: 99 !important} .ktba .img-cont.brl hr:first-child {display: block !important;width: 2px !important;position: absolute !important;bottom: 0 !important;left: 0 !important;height: 100% !important;border:0 !important;background: #EBEFF2 !important;margin: 0 !important;z-index: 99 !important} .ktba .img-cont.brl hr {display: block !important;width: 2px !important;position: absolute !important;bottom: 0 !important;right: 0 !important;height: 100% !important;border:0 !important;background: #EBEFF2 !important;margin: 0 !important;z-index: 99 !important} .ktba button, .details-button {border: 1px solid #c7ebf7 !important;padding: 10px 15px !important;line-height: 1 !important;background: transparent !important;color: #009BDA !important;font-size: 16px !important;font-family: 'prxnv', Helvetica, Arial, sans-serif !important;transition: .3s all ease !important;display: block !important;margin: 20px auto !important;font-weight: 600 !important} .ktba button:hover, .details-button:hover {border-color: #009BDA !important;background: #009BDA !important;color: #FFF !important} @media screen and (min-width: 478px) {.ktba .img-cont p { bottom: 10px !important;left: 10px !important;font-size: 19px !important} } @media screen and (min-width: 600px) {.ktba .img-cont p { font-size: 24px !important} } @media screen and (min-width: 768px) {.ktba h1, .ktba h3 { text-align: left !important;margin: 0 !important;padding: 50px 0 0 0 !important;font-family: 'prxnv', Helvetica, Arial, sans-serif !important;font-weight: 700 !important} .ktba p.ktba-title {text-align:left !important;color: #576069 !important;display: block !important;font-size: 17px !important;font-weight:600 !important;margin: 0 0 7px 0 !important} .ktba .img-cont p {font-size: 16px !important} .ktba .img-cont p span {display: block !important;font-size: 12px !important} .ktba .col-xs-4 .img-cont.brl hr {width: 3px !important} .ktba .col-xs-4 .img-cont.bb hr {height: 3px !important} .ktba button, .details-button {padding: 13px 18px !important;font-size: 19px !important;margin: 30px auto !important} } @media screen and (min-width: 992px) {.ktba h1, .ktba h3 { padding: 65px 0 5px 0 !important;/*font-size: 36px !important;*/ } .ktba p.ktba-title {font-size: 18px !important;line-height: 18px !important;padding-bottom: 17px !important} .ktba .img-cont p {font-size: 19px !important;bottom: 15px !important;left: 15px !important} .ktba .img-cont p span {font-size: 14px !important} .ktba .col-xs-4 .img-cont.brl hr {width: 4px !important} .ktba .col-xs-4 .img-cont.bb hr {height: 4px !important} .ktba button, .details-button {padding: 15px 20px !important;font-size: 20px !important;margin: 40px auto !important} } @media screen and (min-width: 1200px) {.ktba h1, .ktba h3 { padding: 80px 0 7px 0 !important;/*font-size: 45px !important;*/ } .ktba p.ktba-title {font-size: 20px !important;line-height: 20px !important;padding-bottom: 22px !important} .ktba .img-cont p {font-size: 23px !important;bottom: 15px !important;left: 15px !important;font-weight:400 !important} .ktba .img-cont p span {font-size: 15px !important} .ktba .col-xs-4 .img-cont.brl hr {width: 5px !important} .ktba .col-xs-4 .img-cont.bb hr {height: 5px !important} .ktba button, .details-button {margin: 50px auto !important} } /* #WIZARD SLIDER ================================================== */ .home-services-slider {background: #2d3883 !important;overflow: hidden !important} .home-services-slider .container {} .home-service-slide-content {position: relative !important;height: 195px !important} .home-service-slide-content img {display: block !important;float: left !important;margin-top: 40px !important;height: 125px !important;max-height: 125px !important;width: auto !important;opacity: 0.5 !important} .home-service-slide-content h4 {position: absolute !important;right: 0 !important;top: 45px !important;color: #FFF !important;font-family: 'prxnv', Helvetica, Arial, sans-serif !important;font-size: 30px !important;line-height: 30px !important;text-align: right !important;margin: 0 !important;font-weight: 700 !important} .home-service-slide-content p {display: none !important} .home-service-slide-content button {border: 0 !important;position: absolute !important;right: 0 !important;top: 120px !important;padding: 0 20px !important;margin: 0 !important;line-height: 1 !important;height: 44px !important;background: #009BDA !important;color: #FFF !important;font-size: 18px !important;transition: .3s all ease !important} .home-service-slide-content button:hover {background: #005b9a !important} .home-services-slider button.slick-arrow {display: none!important} @media screen and (min-width: 478px) {.home-service-slide-content div { } .home-service-slide-content img {opacity: 1 !important} .home-service-slide-content h4 {color: #009BDA !important} } @media screen and (min-width: 768px) {.home-service-slide-content { height: 320px !important;max-height: 320px !important} .home-service-slide-content div {width: 710px !important;overflow: hidden !important} .home-service-slide-content img {margin-top: 40px !important;height: 225px !important;max-height: 225px !important} .home-service-slide-content h4 {top: 75px !important;font-size: 34px !important;line-height: 40px !important} .home-service-slide-content p {display: block !important;margin: 0 !important;padding: 0 !important;position: absolute !important;top: 160px !important;right: 0 !important;text-align: right !important;max-width: 50% !important;color: #FFF !important;font-family: 'prxnv', Helvetica, Arial, sans-serif !important;font-size: 17px !important;line-height: 21px !important;font-weight: 400 !important} .home-service-slide-content button {top: 234px !important;height: 41px !important;padding: 0 10px !important;font-size: 16px !important;font-family: 'prxnv', Helvetica, Arial, sans-serif !important;font-weight:700 !important} .home-services-slider button.slick-arrow {display: block!important;position: absolute !important;bottom: 15px !important;background: transparent !important;border:1px solid #FFF !important;border-radius: 22px !important;width: 42px !important;height: 42px !important;z-index: 999 !important;transition: .3s all ease !important;overflow: hidden !important} .home-services-slider button.slick-arrow img {position: absolute !important;top: 14px !important;transition: .3s all ease !important} .home-services-slider button.slick-prev {left: 308px !important} .home-services-slider button.slick-next {left: 360px !important} .home-services-slider button.slick-arrow:hover {background: #FFF !important} .home-services-slider button.slick-prev img {left: 15px !important} .home-services-slider button.slick-prev img.invert {left: 60px !important} .home-services-slider button.slick-next img {left: 17px !important} .home-services-slider button.slick-next img.invert {left: -62px !important} .home-services-slider button.slick-prev:hover img{left: -60px !important} .home-services-slider button.slick-prev:hover img.invert {left: 15px !important} .home-services-slider button.slick-next:hover img {left: 62px !important} .home-services-slider button.slick-next:hover img.invert {left: 17px !important} .home-services-slider button.slick-disabled {opacity: 0.5 !important} .home-services-slider button.slick-disabled:hover {background: transparent !important} .home-services-slider button.slick-prev.slick-disabled:hover img {left: 15px !important} .home-services-slider button.slick-prev.slick-disabled:hover img.invert {display: none !important} .home-services-slider button.slick-next.slick-disabled:hover img {left: 17px !important} .home-services-slider button.slick-next.slick-disabled:hover img.invert {display: none !important} } @media screen and (min-width: 992px) {.home-service-slide-content { height: 400px !important;max-height: 400px !important} .home-service-slide-content div {width: 940px !important} .home-service-slide-content img {margin-top: 50px !important;height: 280px !important;max-height: 280px !important} .home-service-slide-content h4 {top: 97px !important;font-size: 43px !important;line-height: 49px !important} .home-service-slide-content p {top: 203px !important;max-width: 55% !important;font-size: 19px !important;line-height: 26px !important} .home-service-slide-content button {top: 270px !important;height: 44px !important;padding: 0 13px !important;font-size: 17px !important} .home-services-slider button.slick-arrow {bottom: 20px !important} .home-services-slider button.slick-prev {left: 423px !important} .home-services-slider button.slick-next {left: 475px !important} } @media screen and (min-width: 1200px) {.home-service-slide-content { height: 490px !important;max-height: 490px !important} .home-service-slide-content div {width: 1210px !important} .home-service-slide-content img {margin-top: 60px !important;height: 350px !important;max-height: 350px !important} .home-service-slide-content h4 {top: 120px !important;font-size: 51px !important;line-height: 59px !important} .home-service-slide-content p {top: 245px !important;font-size: 21px !important;line-height: 29px !important} .home-service-slide-content button {top: 325px !important;height: 48px !important;font-size: 18px !important;padding: 0 15px !important} .home-services-slider button.slick-arrow {bottom: 60px !important;border-radius: 19px !important;width: 36px !important;height: 36px !important} .home-services-slider button.slick-prev {left: 562px !important} .home-services-slider button.slick-next {left: 608px !important} .home-services-slider button.slick-arrow img {top: 11px !important} .home-services-slider button.slick-prev img {left: 12px !important} .home-services-slider button.slick-prev img.invert {left: 42px !important} .home-services-slider button.slick-next img {left: 14px !important} .home-services-slider button.slick-next img.invert {left: -42px !important} .home-services-slider button.slick-prev:hover img{left: -42px !important} .home-services-slider button.slick-prev:hover img.invert {left: 12px !important} .home-services-slider button.slick-next:hover img {left: 42px !important} .home-services-slider button.slick-next:hover img.invert {left: 14px !important} .home-services-slider button.slick-prev.slick-disabled:hover img {left: 12px !important} .home-services-slider button.slick-next.slick-disabled:hover img {left: 14px !important} } footer h5 {color:#000 !important} @media only screen and (min-width: 769px) { footer .turksat p:first-of-type { padding-top: 152px !important; } } footer .turksat p, footer .turksat a { font-size: 14px; color: #5F6A77 !important; } .d-none {display:none !important} .d-abs {position:absolute !important;left:-9999px !important} .d-bold {font-weight:bold !important} /* ############################## duyurular slider ############################## */ .kbta-page-header {background: #fff !important;height: 320px !important;/* overflow: hidden !important;*/ } .kbta-page-header .container {top: 0 !important;padding: 0 !important} .kbta-main-slider {position: relative !important;z-index: 0 !important} .kbta-page-header .kbta-main-slide-content, .kbta-page-header .kbta-main-slide-content:visited {display: block !important;position: relative !important;text-decoration: none !important;height: 336px !important;overflow: hidden !important;transition: .3s all ease !important} .kbta-page-header .kbta-main-slide-content:hover, .kbta-page-header .kbta-main-slide-content:focus {outline: none !important} .kbta-main-slider ul.slick-dots {display: block !important;position: absolute !important;margin: 0 !important;padding: 0 !important;bottom: 0 !important;left: auto !important;right: 10px !important;list-style-type: none !important;z-index: 9999 !important} .kbta-main-slider ul.slick-dots li {float: left !important} .kbta-main-slider ul.slick-dots button {border: 1px solid #d2d2d6 !important;background: transparent !important;width: 19px !important;height: 19px !important;border-radius: 19px !important;text-indent: -5000px !important;margin-right: 5px !important;transition: .3s all ease !important} .kbta-main-slider ul.slick-dots button:hover, .kbta-main-slider ul.slick-dots li.slick-active button {background: #d2d2d6 !important;border-color: #d2d2d6 !important} .kbta-page-header .kbta-main-slide-content div {position: relative !important;top: 30px !important;z-index: 10 !important;width: 100% !important;text-align: center !important} .kbta-page-header .kbta-main-slide-content div h3 {color: #FFF;font-size: 32px !important;line-height: 32px !important;margin: 0 0 5px 0 !important} .kbta-page-header .kbta-main-slide-content div p {display: block !important;color: #FFF;font-size: 24px !important;margin: 0 !important;line-height: 25px !important;font-family: 'prxnv', Helvetica, Arial, sans-serif !important;font-weight: 400 !important} .kbta-page-header .kbta-main-slide-content img {display: block !important;position: absolute !important;top: 0 !important;width: auto !important;height: 337px !important;z-index: 0 !important;left: 50% !important;-webkit-transform: translateX(-50%) !important;transform: translateX(-50%) !important} /*-- GOLGE BACKGROUND --*/ .kbta-page-header .kbta-main-slide-content div h3 {/* text-shadow: 2px 2px 8px rgba(0,0,0,1) !important;*/ color:#041B2D} .kbta-page-header .kbta-main-slide-content div p {/* text-shadow: 2px 2px 8px rgba(0,0,0,1) !important;*/ color: #041B2D} /*-- RENKLI BACKGROUND --*/ /* .kbta-page-header .kbta-main-slide-content div {white-space: pre-line !important;top: 0 !important} .kbta-page-header .kbta-main-slide-content div h3 {background: #3c9fd6 !important;display: block!important;padding: 7px 10px 5px 10px !important;margin-bottom: 0 !important} .kbta-page-header .kbta-main-slide-content div p {background: #263171 !important;display: inline-block!important;padding: 5px 7px 3px 7px !important;width: auto !important} */ .kbta-page-header .kbta-main-slide-content span {display: block !important;position: absolute !important;top: 0 !important;bottom: 0 !important;left: 0 !important;right: 0 !important} @media screen and (min-width: 478px) {h3.ktba-baslik { float: left !important;margin-top: 55px !important} #ktba-dropdown-cont {float: right !important} #ktba-dropdown-cont ul.dropdown-menu {right: 0 !important;left: auto !important} .kbta-page-header .kbta-main-slide-content img {display: block !important;position: absolute !important;left: 0 !important;right: 0 !important;bottom: 0 !important;margin: auto !important;width: auto !important;height: 100% !important;-webkit-transform: translateX(0%) !important;transform: translateX(0%) !important} } @media screen and (min-width: 768px) {h3.ktba-baslik { float: left !important;margin-top: 10px !important} #ktba-dropdown-cont {float: right !important} #ktba-dropdown-cont h4 {float: left !important;margin-top: 16px !important;margin-right: 10px !important} #ktba-dropdown-cont ul.dropdown-menu {right: 0 !important;left: auto !important;top: 50px !important} .kbta-page-header .kbta-main-slide-content {height: 340px !important;-webkit-transform-style: preserve-3d !important;-moz-transform-style: preserve-3d !important;transform-style: preserve-3d !important} .kbta-page-header .kbta-main-slide-content div {position: relative !important;top: auto !important;margin-left: 30px !important;text-align: left !important;top: 50% !important;-webkit-transform: translateY(-50%) !important;-ms-transform: translateY(-50%) !important;transform: translateY(-50%) !important} .kbta-page-header .kbta-main-slide-content div h3 {font-size: 33px !important;line-height: 33px !important;margin: 0 0 7px 0 !important} .kbta-page-header .kbta-main-slide-content div p {font-size: 24px !important} .kbta-main-slider ul.slick-dots {left: 30px !important;right: auto !important;top: 200px !important} } @media screen and (min-width: 992px) {h3.ktba-baslik { margin-top: 0 !important;font-size: 32px !important} #ktba-dropdown-cont h4 {float: left !important;margin-top: 10px !important;margin-right: 20px !important;font-size: 24px !important} #ktba-dropdown-cont ul.dropdown-menu {right: 0 !important;left: auto !important;top: 55px !important;width: 265px !important} #ktba-dropdown-cont button {background-position: 220px 24px !important;background-size: auto 14px !important;width: 264px !important;height: 60px !important;margin-top: -7px !important} .kbta-page-header {height: 350px !important} .kbta-page-header .container {max-width: 100% !important} .kbta-page-header .kbta-main-slide-content {height: 350px !important} .kbta-page-header .kbta-main-slide-content div h3 {font-size: 38px !important;line-height: 38px !important;margin: 0 0 10px 0 !important} .kbta-page-header .kbta-main-slide-content div p {font-size: 24px !important;line-height: 30px !important} .kbta-main-slider ul.slick-dots {top: 230px !important} .kbta-main-slider ul.slick-dots button {width: 30px !important;height: 30px !important;border-radius: 30px !important} } @media screen and (min-width: 1200px) {.kbta-page-header { height: 400px !important} .kbta-page-header .kbta-main-slide-content {height: 400px !important} .kbta-page-header .kbta-main-slide-content div {margin: 0 auto !important;max-width: 1200px !important} .kbta-page-header .kbta-main-slide-content div h3 {font-size: 40px !important;line-height: 46px !important} .kbta-main-slider ul.slick-dots {width: 1200px !important;top: 320px !important;left: 0 !important;right: 0 !important;margin: auto !important} } @media screen and (min-width: 1200px) {.navbar ul { font-size: 18px !important} } @media screen and (min-width: 992px) {.navbar ul { font-size: 18px !important} } @media screen and (min-width: 768px) {.navbar ul { font-size: 17px !important} } @media screen and (min-width: 992px) {.navbar-default .navbar-nav > li > a.navbar-first-item, .navbar-default .navbar-nav > li > a.navbar-first-item:visited { padding: 19px 0 18px 0 !important;margin: 0 -16px 0 0 !important} .navbar-default .navbar-nav > li > a.navbar-last-item, .navbar-default .navbar-nav > li > a.navbar-last-item:visited {padding: 19px 0 18px 0 !important} .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:visited {padding: 19px 0 18px 0 !important} } @media screen and (min-width: 992px) {.navbar-default .navbar-nav .dropdown-menu > li > a { font-size: 17px !important;font-weight: 300 !important} } @media screen and (min-width: 768px) {.navbar ul ul li a { font-size: 16px !important} } /* @Mobile App */ footer h5 {font-size: 20px !important} div.mobile-app-tab-container {background-color: #ffffff !important;/* padding: 0 7px !important;*/ /* z-index: 10 !important;margin: 0 0 40px 0 !important;border: 1px solid #ddd !important;border-radius: 4px !important;-moz-border-radius: 4px !important;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;background-clip: padding-box !important;opacity: 0.97 !important;filter: alpha(opacity=97) !important;*/ } div.mobile-app-tab-menu {padding-right: 0 !important;padding-left: 0 !important;padding-bottom: 0 !important} div.mobile-app-tab-menu a.list-group-item {border: none !important;border-top-left-radius: 0 !important;border-top-right-radius: 0 !important} div.mobile-app-tab-menu div.list-group {margin-bottom: 0 !important} /* div.mobile-app-tab-menu div.list-group > a:first-child {border-radius: 0 !important;-moz-border-radius: 0 !important} div.mobile-app-tab-menu div.list-group > a:last-child {border-radius: 0 !important;-moz-border-radius: 0 !important} */ div.mobile-app-tab-menu div.list-group > a img {height: 80px !important;margin: 0.088em 0 !important;padding: 0 !important} .list-group-item {transition: all 0.3s ease !important;/* Yumuşak geçiş efekti */ position: relative !important;/* Konumlandırma için gerekli */ right: -3px !important} .list-group-item:hover:not(.active) {right: -6px !important;/* Hover sırasında öğeyi sola kaydırır */ background-color: #f5f5f5 !important;/* Hover'da arka plan rengi */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;/* Hafif gölge efekti */ } /* Active durumunda herhangi bir hareket olmayacak */ .list-group-item.active {position: relative !important;/* Konum sabit */ left: 0 !important;/* Sola kaymaz */ } div.mobile-app-tab-menu div.list-group > a {/* -moz-border-radius-topleft: 10px !important;-moz-border-radius-topleft: 10px !important;*/ /*border-bottom: 15px solid #fff !important;*/ /* clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0 90%, 0 10%) !important;*/ clip-path: polygon(0 10%, 0 90%, 10% 100%, 100% 100%, 100% 0, 10% 0) !important;/*border-radius: 15px 0 0 15px !important;*/ margin-bottom: 20px !important} div.mobile-app-tab-menu div.list-group > a:last-child {border-bottom: none !important} /* 1 */ div.mobile-app-tab-menu div.list-group > a:nth-child(1) {background-color: #008884 !important;color: #fff !important} div.mobile-app-tab-content:nth-child(1) {background: linear-gradient(to right, #017A77 0%, #000000 130%) !important} div.mobile-app-tab-menu div.list-group > a:nth-child(1).active {background-color: #017A77 !important;color: #ffffff !important} div.mobile-app-tab-menu div.list-group > a:nth-child(1).active:after {border-left: 10px solid #017A77 !important;filter: brightness(70%) !important} /* 2 */ div.mobile-app-tab-menu div.list-group > a:nth-child(2) {background-color: #5F6A77 !important;color: #fff !important} div.mobile-app-tab-content:nth-child(2) {background: linear-gradient(to right, #4F6B85 0%, #000000 130%) !important} div.mobile-app-tab-menu div.list-group > a:nth-child(2).active {background-color: #4F6B85 !important;color: #ffffff !important} div.mobile-app-tab-menu div.list-group > a:nth-child(2).active:after {border-left: 10px solid #4F6B85 !important;filter: brightness(70%) !important} /* 3 */ div.mobile-app-tab-menu div.list-group > a:nth-child(3) {background-color: #009BDA !important;color: #fff !important} div.mobile-app-tab-content:nth-child(3) {background: linear-gradient(to right, #0687C4 0%, #000000 120%) !important} div.mobile-app-tab-menu div.list-group > a:nth-child(3).active {background-color: #0687C4 !important;color: #ffffff !important} div.mobile-app-tab-menu div.list-group > a:nth-child(3).active:after {border-left: 10px solid #0687C4 !important;filter: brightness(70%) !important} /* 4 */ div.mobile-app-tab-menu div.list-group > a:nth-child(4) {background-color: #534782 !important;color: #fff !important} div.mobile-app-tab-content:nth-child(4) {background: linear-gradient(to right, #2F224A 0%, #000000 160%) !important} div.mobile-app-tab-menu div.list-group > a:nth-child(4).active {background-color: #2F224A !important;color: #ffffff !important} div.mobile-app-tab-menu div.list-group > a:nth-child(4).active:after {border-left: 10px solid #2F224A !important;filter: brightness(70%) !important} div.mobile-app-tab-menu div.list-group > a.active:after {/* content: '' !important;position: absolute !important;left: 100% !important;top: 50% !important;margin-top: -13px !important;border-left: 0 !important;border-bottom: 13px solid transparent !important;border-top: 13px solid transparent !important;*/ } div.mobile-app-tab-content {border: 1px solid none !important;padding-left: 20px !important;padding-top: 10px !important;min-height: 470px !important;/* transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out !important;opacity: 0 !important;*/ /* transform: scale(0.99) !important;*/ } div.mobile-app-tab-content.active {/* opacity: 1 !important;*/ /* transform: scale(1) !important;*/ } div.mobile-app-tab div.mobile-app-tab-content:not(.active) {display: none !important} .apps-content {/* background: linear-gradient(to right, #0f2027, #203a43, #2c5364) !important;*/ color: white !important;font-family: Arial, sans-serif !important;margin: 0 !important;padding: 10px 40px 0 40px !important} .apps-content h3 {font-family: 'prxnv', Helvetica, Arial, sans-serif !important;font-weight: 700 !important;font-size: 38px !important;color: #fff !important;margin: 10px 0 0 0 !important} .apps-content ul {list-style: none !important;padding: 0 !important} .apps-content ul li {font-size: 18px !important;font-family: 'prxnv', Helvetica, Arial, sans-serif !important;margin: 2px 0 !important;display: flex !important;align-items: center !important;position: relative !important;padding-left: 0 !important;/* İkona yer */ margin-bottom: 10px !important;line-height: 20px !important} .apps-content ul li::before {/* content: "✔" !important;*/ content: "▪" !important;Küçük dolu kare /*content: "■" !important;*/ /* Büyük dolu kare */ color: #fff !important;font-size: 24px !important;font-weight: 100 !important;margin-right: 7px !important;position: relative !important;top: -1px !important;/* Kareyi yukarı hareket ettir */ } /*.apps-content ul li::before {content: "" !important;position: absolute !important;left: 0 !important;top: 50% !important;transform: translateY(-50%) !important;width: 30px !important;height: 30px !important;background-size: contain !important;background-repeat: no-repeat !important;background-position: center !important}*/ /* Farklı İkonlar İçin */ /*.apps-content ul li.KabloMobil_icon1::before {background-image: url('/images/main7/icons/KabloMobil_icon1.png') !important} .apps-content ul li.KabloMobil_icon2::before {background-image: url('/images/main7/icons/KabloMobil_icon2.png') !important} .apps-content ul li.KabloMobil_icon3::before {background-image: url('/images/main7/icons/KabloMobil_icon3.png') !important} .apps-content ul li.KabloMobil_icon4::before {background-image: url('/images/main7/icons/KabloMobil_icon4.png') !important} .apps-content ul li.KabloMobil_icon5::before {background-image: url('/images/main7/icons/KabloMobil_icon5.png') !important} .apps-content ul li.KabloBulut_icon1::before {background-image: url('/images/main7/icons/Bulut_icon1.png') !important} .apps-content ul li.KabloBulut_icon2::before {background-image: url('/images/main7/icons/Bulut_icon2.png') !important} .apps-content ul li.KabloBulut_icon3::before {background-image: url('/images/main7/icons/Bulut_icon3.png') !important} .apps-content ul li.TurksatSiber_icon1::before {background-image: url('/images/main7/icons/Siber_icon1.png') !important} .apps-content ul li.TurksatSiber_icon2::before {background-image: url('/images/main7/icons/Siber_icon2.png') !important} .apps-content ul li.TurksatSiber_icon3::before {background-image: url('/images/main7/icons/Siber_icon3.png') !important} .apps-content ul li.TurksatSiber_icon4::before {background-image: url('/images/main7/icons/Siber_icon4.png') !important} .apps-content ul li.TVHerYerde_icon1::before {background-image: url('/images/main7/icons/TVHerYerde_icon1.png') !important} .apps-content ul li.TVHerYerde_icon2::before {background-image: url('/images/main7/icons/TVHerYerde_icon2.png') !important} .apps-content ul li.TVHerYerde_icon3::before {background-image: url('/images/main7/icons/TVHerYerde_icon3.png') !important} .apps-content ul li.TVHerYerde_icon4::before {background-image: url('/images/main7/icons/TVHerYerde_icon4.png') !important} .apps-content ul li.TVHerYerde_icon5::before {background-image: url('/images/main7/icons/TVHerYerde_icon5.png') !important}*/ .apps-content .qr-section {padding-top: 20px !important} .apps-content .qr-section img {width: 100px !important;height: auto !important} .apps-content .qr-section div {float: left !important;padding-right: 30px !important} .apps-content .qr-section .qr-text {text-align: center !important;margin-top: 6px !important} .apps-content .app-image {position: relative !important;text-align: center !important} .apps-content .app-image img {max-width: 100% !important;height: auto !important} .apps-content .tagline {font-size: 18px !important;font-style: italic !important;padding: 0 !important} /* Mobile impl. */ @media (max-width: 768px) {.home-product-slider7 .img-responsive { width: 100% !important} .apps-content {padding: 10px 10px 0 10px !important} .apps-content .tagline {clear: both !important} .apps-content h3 {font-weight: 600 !important} .home-products-slider7 {padding-bottom: 60px !important} .mobile-apps-container h3, .home-products-slider7 h3 {font-size: 29px !important;padding: 10px 0 10px 15px !important;text-align: center !important} .services7_button {right: 5px !important;/* display: block !important;padding: 0px 7px 1px 18px !important;font-size: 11px !important;text-align: right !important;min-width: 40px !important;font-weight: 100 !important;*/ } .home-product-slider7 div {padding-bottom: 30px !important} .custom-hidden {display: none !important} #info-section div:first-child {text-align: center !important} #info-section .img-responsive {display: inline-block !important} #info-section img:first-child {width: 60% !important;padding: 60px 0 10px 0 !important} #info-section div:nth-of-type(3) {text-align: center !important} #info-section div:nth-of-type(3) img {display: inline-block !important;float: unset !important;padding: 0 0 50px 0 !important;width:30% !important} #info-section .info-text {padding: 5px 0 0 4px !important;margin: 0 !important} header a.logo img {height: 38px !important} header a.logo {top: 42px !important} header .members a, header .members a:visited, header .members a:link, header .members a:active {font-size: 14px !important} .kbta-page-header .kbta-main-slide-content div h3 {font-size: 22px !important;line-height: 26px !important;font-weight: 600 !important} .kbta-page-header .kbta-main-slide-content div p {padding: 5px 0 0 0 !important;font-size: 19px !important;line-height: 23px !important;font-weight: 100 !important} .kbta-page-header .main_slider_button7 {position: absolute !important;top: 185px !important;/* left: calc(100vw/4) !important;*/ left:0 !important} .kbta-page-header .kbta-main-slide-content div h3 br {display: none !important} .kbta-page-header .kbta-main-slide-content img {left: 13% !important;-webkit-transform: translateX(-50%) !important;transform: translateX(-50%) !important} .navbar-default .navbar-nav {display: block !important;/* Flex yapıyı kaldır ve blok tasarım uygula */ } .navbar-default .navbar-nav > li {flex: unset !important;/* Flex özelliklerini iptal et */ display: block !important;/* Her bir öğeyi blok yap */ justify-content: unset !important;/* Özel hizalamaları kaldır */ margin-bottom: 10px !important;/* Öğeler arası boşluk */ } .navbar-default .navbar-nav > li:last-child {margin-bottom: 0 !important;/* Son öğede boşluğu kaldır */ } .navbar-collapse {background: #3c9fd6 !important} .navbar-default .navbar-nav > li:last-child > a, .navbar-default .navbar-nav > li:last-child > a:visited {text-align: left !important} .navbar-default .navbar-nav > li:first-child > a, .navbar-default .navbar-nav > li:first-child > a:visited, .navbar-default .navbar-nav > li:first-child > a:active {padding: 20px 0 10px 25px !important} .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:visited, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li:last-child > a:visited {color: #fff !important;text-align: left !important;padding: 0 0 10px 25px !important} .ktba {margin: 0 10px !important} .home-service-types .first h3 {font-size: 18px !important} footer .turksat {margin: 0 20px 0 0 !important} footer .turksat p {padding-top: 10px !important} #hemen-basvur-float{display:none !important} div.mobile-app-tab-menu div.list-group > a.active:after {border: none !important} div.mobile-app-tab-menu div.list-group > a img {height: 56px !important;margin: 0 !important;padding: 0 8px !important} div.mobile-app-tab-menu div.list-group > a {border-radius: 15px 15px 0 0 !important;margin-bottom: 0 !important} .list-group-item {padding: 0 !important} .mobile-app-tab {display: flex !important;flex-direction: column-reverse !important;/* Çocuk öğelerin sırasını tersine çevirir */ } .mobile-app-tab-menu {order: -1 !important;/* Bu öğeyi üst sıraya taşır */ } .mobile-app-tab-content {order: 0 !important;/* İçeriği altta tutar */ } /* Yatay list-group düzeni */ .mobile-app-tab-menu div.list-group {display: flex !important;flex-direction: row !important;justify-content: center !important;align-items: center !important} .apps-content h3 {font-size: 34px !important} .mobile-app-tab-menu div.list-group > a {flex: 1 !important;text-align: center !important;margin-bottom: 0 !important;margin-right: 5px !important;border-radius: 15px !important} .mobile-app-tab-menu div.list-group > a:last-child {margin-right: 0 !important} .mobile-app-tab-menu div.list-group > a img {height: 50px !important;margin: 0 auto !important} /* 2 */ .slate, .service-area .service-search select {width: 100% !important} #home-entertainment {height: 500px !important} #home-entertainment h3 {font-size: 33px !important;margin: 0 20px 0 0 !important;padding: 20px !important;background-color: rgba(255, 255, 255, 0.6) !important} #home-entertainment p {font-size: 22px !important;padding: 20px !important;margin: 20px 20px 0 0 !important;background-color: rgba(255, 255, 255, 0.3) !important} #home-entertainment .first img {max-width: 93% !important} #home-entertainment2 .first {padding:20px 20px 60px 20px !important} #home-entertainment2 .first h3 {font-size: 32px !important} #home-entertainment2 #sonraki .amount {font-size: 38px !important} #home-entertainment2 .second {padding: 0 !important;text-align: center !important} #home-entertainment2 .second img {display: inline-block !important;float: unset !important;width: 95% !important} /* Mobil boyutta menüyü daralt */ .mobile-app-tab-menu div.list-group > a {flex: 1 !important} .mobile-app-tab-menu div.list-group > a:first-child {margin-left:20px !important} .mobile-app-tab-menu div.list-group > a:last-child {margin-right: 20px !important} .list-group-item:hover:not(.active) {right: 0 !important;bottom: -4px !important} .subfooter a img {height: 86px !important} .subfooter a img {height: 65px !important} .subfooter .subfooter-1 {width: 27% !important} .subfooter .subfooter-2 {width: 25% !important} .subfooter .subfooter-3 {width: 22% !important} .subfooter .subfooter-4 {width: 26% !important} .destek {float:left !important} } /* 1820px ve Üzeri İçin */ @media (min-width: 1820px) {.kbta-page-header { height: 450px !important} .kbta-page-header .kbta-main-slide-content {height: 450px !important} .kbta-page-header .kbta-main-slide-content img {width: 100% !important;height: 450px !important} } @media (min-width: 2400px) {.kbta-page-header { height: 500px !important} .kbta-page-header .kbta-main-slide-content {height: 500px !important} .kbta-page-header .kbta-main-slide-content img {width: 100% !important;height: 500px !important} }