body {
    background: #fff
}

body.preload * {
    transition: unset !important
}

*, body {
    font-family: Montserrat, sans-serif
}

img {
    max-width: 100%
}

a, a:hover {
    text-decoration: none !important
}

a {
    color: #000;
    transition: .3s ease all
}

a:hover {
    color: #f08117
}

:focus {
    box-shadow: unset !important;
    outline: unset !important
}

.container {
    padding-right: 0;
    padding-left: 0;
    position: relative;
    max-width: 1194px
}

.row {
    margin-right: -5px;
    margin-left: -5px
}

.row > div, .row > li {
    padding-right: 5px;
    padding-left: 5px
}

svg.iconset {
    position: absolute
}

svg.icon path {
    fill: #7fffd4 !important
}

body.stickyActive header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0
}

.owl-carousel:not(.owl-loaded):not(.owl-hizmeturunler) {
    display: block
}

.owl-carousel:not(.owl-loaded) > div {
    display: none
}

.owl-carousel:not(.owl-loaded) > div:first-child {
    display: block
}

header {
    box-shadow: 0 0 92px 0 rgba(8, 27, 82, .85);
    padding: 20px 0;
    position: relative;
    background: #fff;
    margin-bottom: -20px;
    z-index: 10;
    top: 0;
    right: 0;
    left: 0
}

body.stickyActive header .logo img {
    transition: .3s ease all
}

header .logo img:nth-child(1) {
    opacity: 1
}

body.stickyActive header .logo img:nth-child(1), header .logo img:nth-child(2) {
    opacity: 0
}

body.stickyActive header .logo img:nth-child(2) {
    opacity: 1
}

header .logo img {
    height: 75px;
    position: absolute
}

header .logo {
    display: block;
    margin-top: 15px;
    max-height: 200px
}

header .logo > .icon {
    height: 75px;
    width: 100%
}

section.slider .swiper-container {
    z-index: 0
}

.sliderbackground {
    position: absolute;
    height: 1050px;
    left: 0;
    right: 0
}

.sliderbackground2:after, .sliderbackground2:before {
    content: '';
    position: absolute;
    width: calc(100vw + 1000px);
    padding-bottom: calc(100vw + 1000px);
    border-radius: 100%;
    left: 50%;
    transform: translateX(-50%)
}

.sliderbackground2:before {
    bottom: 160px;
    z-index: -1;
    background: #2c9cd4;
    background: linear-gradient(90deg, #2c9cd4 0, #2a4798 72%, #2a4b9b 100%);
    box-shadow: 0 0 120px 0 #200446
}

.sliderbackground2:after {
    bottom: 0;
    z-index: -2;
    background-color: #27327e
}

.sliderbackground2 {
    position: relative;
    height: 1050px;
    overflow-x: hidden
}

section.slider:before {
    content: '';
    background: #e7f0f9;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -4
}

section.slider {
    padding-bottom: 50px
}

body.stickyActive header .info {
    max-height: 0;
    overflow: hidden
}

header .menu {
    margin-top: 10px
}

header .info {
    text-align: right;
    max-height: 200px
}

header .btn:hover {
    color: #fff;
    box-shadow: 0 0 29px 0 rgba(43, 113, 181, .48)
}

.basvurbtn:before, .basvuru-kapali:before, header .btn {
    border-radius: 10px;
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%)
}

header .btn, header .info .cagrimerkezi {
    display: inline-block;
    font-weight: 700;
    vertical-align: middle
}

header .btn {
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 29%);
    font-size: 15px;
    line-height: 26px;
    color: #fff;
    padding: 7px 16px;
    border: 0
}

header .info .cagrimerkezi:hover {
    color: #0f1648
}

header .info .cagrimerkezi .icon {
    position: absolute;
    left: -40px;
    width: 30px;
    height: 36px;
    fill: #2a519f
}

header .info .cagrimerkezi {
    text-align: left;
    line-height: 18px;
    color: #2a519f;
    margin-right: 20px;
    height: 38px;
    position: relative
}

header .info .cagrimerkezi span, header nav .navbar-nav > li > a {
    display: block;
    color: #8d8d8d;
    font-size: 12px;
    font-weight: 700
}

.dropshadow {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 9
}

.dropshadow.active, section.slider .swiper-wrapper .swiper-slide.swiper-slide-active {
    opacity: 1;
    pointer-events: auto
}

header nav {
    padding-right: 1px !important
}

header nav .navbar-nav {
    margin-right: -16px
}

header nav .navbar-nav > li, section.slider {
    position: relative
}

header nav .navbar-nav > li > a {
    font-size: 16px;
    line-height: 26px;
    padding: 0 16px
}

header nav .navbar-nav > li.submenu .dropdown-menu.normal ul > li:hover a, header nav .navbar-nav > li:hover > a {
    color: #2a4798
}

header nav .navbar-nav > li.submenu:hover .dropdown-menu.normal {
    margin-top: 0;
    pointer-events: auto;
    opacity: 1
}

header nav .navbar-nav > li.submenu:hover .dropdown-menu.normal ul {
    opacity: 1
}

header nav .navbar-nav > li.submenu .dropdown-menu.normal {
    width: 255px;
    border: 0;
    display: block;
    position: absolute;
    left: -10px;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    opacity: 0;
    margin-top: -10px;
    pointer-events: none
}

header nav .navbar-nav > li.submenu .dropdown-menu.normal ul {
    margin-top: 10px;
    opacity: 0
}

header nav .navbar-nav > li.submenu .dropdown-menu.normal ul > li {
    white-space: nowrap
}

header nav .navbar-nav > li.submenu .dropdown-menu.normal ul > li > a {
    line-height: 38px;
    font-size: 14px;
    font-weight: 600;
    color: #8d8d8d;
    display: block
}

.dropshadow, section.slider .swiper-wrapper .swiper-slide {
    opacity: 0;
    pointer-events: none
}

section.slider .swiper-wrapper .swiper-slide .left {
    padding-top: 100px;
    overflow: hidden
}

section.slider .swiper-wrapper .swiper-slide .content {
    display: flex;
    flex-wrap: wrap
}

section.slider .swiper-wrapper .swiper-slide .left {
    width: 40%
}

section.slider .swiper-wrapper .swiper-slide .right {
    width: 20%
}

section.slider .swiper-wrapper .swiper-slide .center {
    width: 40%
}

section.slider .swiper-wrapper .swiper-slide.swiper-slide-active .left .baslik {
    left: 0;
    transition: .3s ease all
}

section.slider .swiper-wrapper .swiper-slide .left .baslik {
    font-size: 45px;
    line-height: 52px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -2px;
    padding-bottom: 40px;
    position: relative;
    left: -100%
}

section.slider .swiper-wrapper .swiper-slide .left .baslik > span {
    color: #2c96d0
}

section.slider .swiper-wrapper .swiper-slide.swiper-slide-active .left .aciklama {
    left: 0;
    transition: .3s .1s ease all
}

section.slider .swiper-wrapper .swiper-slide .left .aciklama {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: -1px;
    position: relative;
    left: -120%
}

section.slider .swiper-wrapper .swiper-slide.swiper-slide-active .center .img {
    transform: scale(1);
    right: 0;
    transition: .6s .1s ease all;
    top: 0
}

section.slider .swiper-wrapper .swiper-slide .center .img {
    height: 650px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    position: relative;
    right: -500px;
    transform: scale(0);
    top: -150px
}

section.slider .swiper-wrapper .swiper-slide .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0
}

section.slider .swiper-wrapper .swiper-slide.swiper-slide-active .right {
    opacity: 1
}

section.slider .swiper-wrapper .swiper-slide.swiper-slide-active .right .basvurtext {
    opacity: 1;
    transition: .6s .1s ease all
}

section.slider .swiper-wrapper .swiper-slide .right .basvurbtn {
    margin-left: auto
}

section.slider .swiper-wrapper .swiper-slide .right .basvurtext {
    color: #93bedf;
    text-align: right;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: -1px;
    margin-bottom: 20px;
    opacity: 0
}

section.slider .swiper-wrapper .swiper-slide .right .basvurtext > span {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 25px;
    display: block
}

.basvurbtn .btnbg {
    position: relative;
    padding: 15px;
    background: #1d316a;
    border-radius: 10px;
    height: 100%
}

.kampanyaAciklamasi .basvuru-kapali {
    position: absolute;
    right: 24px;
    top: -50px
}

.basvurbtn, .basvuru-kapali {
    border-radius: 10px;
    position: relative;
    width: 275px;
    height: 82px;
    text-align: right;
    display: block
}

.basvurbtn:before, .basvuru-kapali:before {
    content: '';
    position: absolute;
    left: -3px;
    right: -3px;
    bottom: -3px;
    top: -3px;
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    box-shadow: 0 0 70px 0 rgba(4, 11, 38, .22)
}

.basvurbtn .btnbg > span, .basvuru-kapali span {
    font-weight: 800;
    height: auto;
    display: inline-block;
    margin: 0 12px;
    position: relative;
    vertical-align: middle;
    z-index: 2
}

.basvuru-kapali span {
    font-size: 19px;
    color: #fff;
    line-height: 27px;
    text-align: center
}

.basvuru-kapali .b-bg {
    position: relative;
    padding: 15px;
    background: #1d316a;
    border-radius: 10px;
    height: 100%
}

.basvurbtn:hover:after {
    width: 100%
}

.basvurbtn:after, .hizlibasvuru:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 7px;
    background: #fff
}

.basvurbtn:after {
    width: 185px;
    transition: .3s ease all
}

.basvurbtn:hover .svg {
    transform: scale(1.06)
}

.basvurbtn .btnbg .svg .icon {
    height: 100%;
    width: 100%;
    fill: #fff;
    padding: 15px
}

.basvurbtn .btnbg .svg {
    border-radius: 10px;
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    height: 54px;
    width: 54px;
    margin-right: 40px;
    margin-left: 0;
    transition: .3s .1s ease all
}

.basvurbtn .btnbg > span {
    font-size: 26px;
    color: #2a4798;
    line-height: 52px
}

section.slider .swiper-pagination {
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    text-align: left;
    margin: 0;
    display: flex;
    justify-content: end;
    align-items: center;
    bottom: 200px
}

section.slider .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    height: 14px;
    width: 80px;
    border-radius: 12px;
    background: #fff;
    transition: .3s ease all;
    vertical-align: middle;
    position: relative;
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: 10px
}

section.slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-image: -moz-linear-gradient(0deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(0deg, #2c9cd4 0, #2b6db3 100%);
    background-image: -ms-linear-gradient(0deg, #2c9cd4 0, #2a4798 100%);
    width: 100px
}

body.internetsayfa .hizlibasvuru {
    margin-bottom: 190px
}

body.internetsayfa .sliderbackground2:before {
    border-radius: 0
}

.hizlibasvuru {
    position: relative;
    border-radius: 10px;
    background: #fff;
    box-shadow: -9.877px -1.564px 106px 0 rgba(32, 4, 70, .6);
    padding: 19px 20px;
    margin-top: -140px;
    margin-bottom: 25px;
    z-index: 2
}

.hizlibasvuru:after {
    left: 0;
    z-index: -1
}

.hizlibasvuru:before {
    content: '';
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    position: absolute;
    left: -3px;
    right: -3px;
    bottom: -3px;
    top: -3px;
    border-radius: 10px;
    z-index: -2
}

.hizlibasvuru span, .hizlibasvuru span h1 {
    display: inline;
    line-height: 56px;
    font-size: 24px;
    color: #2a4d9c;
    font-weight: 800
}

.hizlibasvuru span {
    display: block
}

.hizlibasvuru .form-group, section.cunkukablonet ul, section.cunkukablonet2 ul, section.kampanyaBanner ul, section.tarifelerBanner ul {
    margin: 0
}

.hizlibasvuru .btn {
    line-height: 56px;
    padding: 0;
    border-radius: 10px;
    font-weight: 700;
    font-size: 20px
}

.hizlibasvuru .form-group .form-control {
    background: #f0f1f1;
    border: 0;
    height: 56px;
    border-radius: 10px;
    padding: 10px 20px
}

.hizlibasvuru .form-group .form-control::-webkit-input-placeholder {
    color: #848585
}

.hizlibasvuru .form-group .form-control:-ms-input-placeholder {
    color: #848585
}

.hizlibasvuru .form-group .form-control::placeholder {
    color: #848585
}

.btn {
    font-size: 14px;
    font-weight: 700;
    transition: .3s ease all;
    padding: 8px 28px
}

.btn-lg {
    padding: 25px 27px;
    font-size: 24px;
    font-weight: 900;
    border-radius: 10px
}

.btn-rounded {
    background-image: -moz-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    border-radius: 20px
}

.btn.btn-primary:not(:disabled):not(.disabled):active, .btn.btn-primary:not(:disabled):not(.disabled):focus, .btn.btn-primary:not(:disabled):not(.disabled):hover {
    color: #fff;
    background: #262b75;
    border-color: #262e7a
}

.btn.btn-primary {
    background-color: #2a4798;
    color: #fff;
    border: 0
}

.btn.btn-light:not(:disabled):not(.disabled):active, .btn.btn-light:not(:disabled):not(.disabled):focus, .btn.btn-light:not(:disabled):not(.disabled):hover {
    color: #2a4798;
    background: #fff;
    border-color: #fff;
    box-shadow: 0 0 59px 0 rgba(4, 11, 38, .61)
}

.btn.btn-light {
    background-color: #fff;
    color: #2a4798;
    border: 0
}

.altyapi p, .kampanyalar .tumkampanyaaciklamasi {
    color: #a3a3a3;
    line-height: 20px
}

.kampanyalar {
    padding: 25px 0
}

.kampanyalar .baslik {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    line-height: 24px
}

.kampanyalar .nav-pills {
    display: inline-flex;
    margin-left: 30px
}

.kampanyalar .nav-pills > li {
    margin-right: 15px
}

.kampanyalar .nav-pills > li > a {
    font-size: 18px;
    color: #fff;
    line-height: 26px;
    font-weight: 500;
    display: block;
    position: relative
}

.kampanyalar .nav-pills > li > a:before {
    content: '';
    background-image: -moz-linear-gradient(0deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(0deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(0deg, #2c9cd4 0, #2a4798 100%);
    position: absolute;
    left: 0;
    right: 100%;
    transition: .3s ease all;
    bottom: -4px;
    height: 4px
}

.kampanyalar .nav-pills > li > a.active:before {
    right: 0
}

.kampanyalar .tab-pane {
    padding: 30px 0
}

.kampanyalar .kampanya .incele {
    position: absolute;
    right: 10px;
    bottom: -5px;
    width: 90px;
    height: 90px;
    display: flex;
    background: #fff;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    color: #2b69b0;
    transition: .3s ease all;
    transform: scale(0)
}

.kampanyalar .kampanya {
    display: block;
    background: #fff;
    border-radius: 10px;
    position: relative;
    margin-bottom: 15px;
    transition: .3s ease all;
    padding-bottom: 73%
}

.kampanyalar .kampanya .img {
    padding-bottom: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    border-radius: 10px
}

.kampanyalar .kampanya img {
    position: absolute;
    left: 25%;
    top: 5%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    transform: scale(.5)
}

.kampanyalar .kampanya .content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 20px
}

.kampanyalar .kampanya .content .baslik {
    color: #2a4798;
    font-size: 16px;
    font-weight: 800;
    display: block;
    width: calc(100% - 100px);
    transition: .3s ease all;
    line-height: 17px
}

.kampanyalar .kampanya .content p {
    width: calc(100% - 100px);
    font-size: 14px;
    color: #a3a3a3;
    font-weight: 500;
    margin-top: 10px;
    transition: .3s ease all
}

.kampanyalar .kampanya .content .fiyat, .kampanyalar .kampanya .content .fiyat2, .kampanyalar .kampanya:hover, section.urunlervehizmetler {
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%)
}

.kampanyalar .kampanya .content .fiyat {
    position: absolute;
    left: 10px;
    bottom: 10px;
    border-radius: 12px;
    border-top-right-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 0;
    color: #fff;
    width: 100px;
    transition: .3s ease all;
    flex-direction: row
}

.kampanyalar .kampanya .content .fiyat.inactive {
    display: none
}

.kampanyalar .kampanya .content .fiyat .fiyatyan {
    position: relative;
    top: 2px;
    left: 4px;
    height: 42px;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.kampanyalar .kampanya .content .fiyat .kusurat {
    display: block;
    vertical-align: top;
    font-size: 15px;
    font-weight: 800;
    line-height: 10px
}

.kampanyalar .kampanya .content .fiyat .tam {
    font-size: 28px;
    font-weight: 700;
    vertical-align: top
}

.kampanyalar .kampanya .content .fiyat .ucretsiz {
    font-size: 15px;
    font-weight: 800;
    vertical-align: top;
    line-height: 14px;
    display: flex;
    align-items: center;
    height: 42px
}

.kampanyalar .kampanya .content .fiyat2 .ucretsiz {
    font-size: 15px;
    font-weight: 800;
    vertical-align: top;
    line-height: 14px;
    display: flex;
    align-items: center;
    height: 42px
}

.kampanyalar .kampanya .content .fiyat small, .teledunyapaketleri .teledunyapaket .fiyat small {
    font-size: 15px;
    font-weight: 800;
    vertical-align: top;
    line-height: 14px
}

.kampanyalar .kampanya .content .fiyat2 {
    position: absolute;
    left: 10px;
    bottom: 10px;
    border-radius: 12px;
    border-top-right-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 0;
    color: #fff;
    width: 100px;
    transition: .3s ease all;
    flex-direction: row;
    display: none
}

.kampanyalar .kampanya .content .fiyat2.active {
    display: flex
}

.kampanyalar .kampanya .content .fiyat2 .fiyatyan {
    position: relative;
    top: 2px;
    left: 4px;
    height: 42px;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.kampanyalar .kampanya .content .fiyat2 .kusurat {
    display: block;
    vertical-align: top;
    font-size: 15px;
    font-weight: 800;
    line-height: 10px
}

.kampanyalar .kampanya .content .fiyat2 .tam {
    font-size: 28px;
    font-weight: 700;
    vertical-align: top
}

.kampanyalar .kampanya .content .fiyat2 small, .teledunyapaketleri .teledunyapaket .fiyat2 small {
    font-size: 15px;
    font-weight: 800;
    vertical-align: top;
    line-height: 14px
}

.kampanyalar .kampanya:hover .incele {
    transform: scale(1)
}

.kampanyalar .kampanya:hover .fiyat {
    background: #fff;
    color: #2a4999
}

.kampanyalar .kampanya:hover .baslik, .kampanyalar .kampanya:hover p {
    color: #fff
}

.kampanyalar .kampanya:hover, section.urunlervehizmetler {
    box-shadow: 0 0 29px 0 rgba(43, 113, 181, .48)
}

section.urunlervehizmetler:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(svg/oval-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: .1
}

section.urunlervehizmetler {
    box-shadow: 0 0 106px 0 rgba(43, 113, 181, .48);
    margin-bottom: 50px;
    position: relative
}

section.urunlervehizmetler h1 {
    display: inline
}

section.urunlervehizmetler .h1baslik, section.urunlervehizmetler h1, section.urunlervehizmetler h2 {
    font-size: 24px;
    color: #2a4798;
    font-weight: 700;
    margin-bottom: 20px
}

section.urunlervehizmetler .hizmetler {
    position: relative;
    top: -100px;
    margin-bottom: -100px
}

section.urunlervehizmetler .hizmetler .hizmet.cihazlar, section.urunlervehizmetler .hizmetler .hizmet.paketler, section.urunlervehizmetler .hizmetler .hizmet.servisler {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

section.urunlervehizmetler .hizmetler .hizmet {
    background: #fff;
    display: block;
    border-radius: 16px;
    padding: 27px 25px 16px;
    position: relative;
    height: 200px;
    margin-bottom: 15px
}

section.urunlervehizmetler .hizmetler .hizmet .baslik {
    font-size: 18px;
    color: #cfcfcf;
    font-weight: 700
}

section.urunlervehizmetler .hizmetler .hizmet.servisler .img {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 20px;
    left: 0;
    background-position: bottom right;
    height: auto;
    margin: 0
}

section.urunlervehizmetler .hizmetler .hizmet.cihazlar .img, section.urunlervehizmetler .hizmetler .hizmet.paketler .img {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    background-position: bottom right;
    height: auto;
    margin: 0
}

section.urunlervehizmetler .hizmetler .hizmet.paketler .img {
    right: 3px;
    bottom: 4px
}

section.urunlervehizmetler .hizmetler .hizmet .img {
    display: block;
    height: 60px;
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 10px;
    margin-bottom: 20px
}

section.urunlervehizmetler .hizmetler .hizmet p {
    font-size: 14px;
    color: #a3a3a3;
    font-weight: 600;
    margin: 0
}

section.urunlervehizmetler .hizmetler .hizmet .incele {
    width: 87px;
    height: 87px;
    top: -20px;
    right: 10px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    border-radius: 100%;
    color: #fff;
    font-size: 16px;
    transform: scale(0);
    font-weight: 700;
    transition: .3s ease all
}

section.urunlervehizmetler .hizmetler .hizmet:hover {
    box-shadow: .954px 4.908px 24px 0 rgba(4, 11, 38, .49)
}

section.urunlervehizmetler .hizmetler .hizmet:hover .incele {
    transform: scale(1)
}

.altyapi .btn-primary {
    background: #389dd3;
    text-align: center;
    line-height: 56px;
    padding: 0;
    border-radius: 10px
}

.altyapi {
    padding: 40px 0 3px
}

.altyapi h2, section.urunlervehizmetler .altyapi h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 61px;
    color: #fff
}

.altyapi p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 40px
}

.customSelect.active {
    z-index: 2
}

.customSelect.unactive {
    z-index: 1
}

.customSelect {
    border-radius: 10px;
    position: relative;
    height: 56px
}

.customSelect.active .bg:before {
    opacity: 1
}

.customSelect .bg .select2.select2-container--open:before {
    height: 324px;
    opacity: 1
}

.customSelect .bg .select2.select2-container--above:before {
    bottom: -3px;
    top: auto
}

.customSelect .bg .select2:before {
    opacity: 0;
    content: '';
    border-radius: 13px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    top: -3px;
    position: absolute;
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    transition: .3s ease all
}

.customSelect .choosen {
    color: #848585;
    font-size: 16px;
    line-height: 26px;
    border-radius: 10px;
    padding: 15px 20px;
    width: 100%;
    display: block;
    cursor: pointer
}

.customSelect .choosen .icon {
    transform: rotate(90deg);
    fill: #cfcfcf;
    width: 25px;
    position: absolute;
    height: 25px;
    right: 20px
}

.customSelect.active .bg {
    border-radius: 10px
}

.customSelect .bg, .customSelect .choosen {
    background: #f0f1f1;
    position: relative
}

.customSelect.active .select {
    padding-right: 20px;
    padding-bottom: 20px;
    max-height: 500px;
    transition: .3s ease all
}

.customSelect .select {
    position: relative;
    padding-right: 0;
    padding-bottom: 0;
    max-height: 0;
    overflow: hidden;
    transition: .1s ease all;
    z-index: 3
}

.customSelect .select .option {
    padding: 0 20px;
    cursor: pointer;
    transition: .3s ease all;
    color: #848585;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px
}

.customSelect .select .options {
    max-height: 365px;
    overflow-y: scroll
}

.customSelect .select .options::-webkit-scrollbar {
    width: 11px
}

.customSelect .select .options::-webkit-scrollbar-track {
    background: #cfcfcf
}

.customSelect .select .options::-webkit-scrollbar-thumb {
    background: #2a4798
}

.customSelect .select .options::-webkit-scrollbar-thumb:hover, .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb:hover {
    background: #2a4798;
    cursor: pointer
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
    width: 11px
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
    background: #cfcfcf
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
    background: #2a4798
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #389dd3;
    color: #fff
}

.select2-container--default .select2-results > .select2-results__options {
    margin-bottom: 5px;
    min-height: 201px
}

.select2-results__option {
    color: #848585;
    padding: 0 10px;
    line-height: 26px;
    font-size: 14px
}

.customSelect .select .option:hover {
    color: #fff;
    background: #389dd3
}

.customSelect select:not(.js-example-basic-single) {
    width: 100%;
    opacity: 0
}

.customSelect .bg {
    height: 56px;
    border-radius: 10px
}

.customSelect .selection {
    position: relative;
    z-index: 4;
    display: block
}

.customSelect .select2-container {
    display: block;
    width: 100%;
    max-width: 100%
}

.customSelect .select2-container .select2-selection--single {
    height: 56px;
    background: #f0f1f1;
    border-radius: 10px;
    border: 0
}

.customSelect .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 56px;
    color: #848585;
    border-radius: 10px;
    padding-left: 20px
}

.customSelect .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 52px;
    left: auto;
    right: 0
}

.customSelect .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url(svg/carret-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    border: 0 !important;
    height: 25px;
    width: 35px;
    transform: rotate(90deg);
    margin: -12px 0 0 -30px;
    background-size: contain;
    transition: .3s ease all
}

.customSelect .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(270deg)
}

.select2-dropdown {
    background-color: #f0f1f1;
    border: 0;
    border-radius: 10px
}

.select2-container--default .select2-search--dropdown:before {
    content: '';
    -webkit-mask-image: url(svg/search.svg);
    -webkit-mask-size: contain;
    width: 20px;
    height: 30px;
    -webkit-mask-position: center;
    background: #2a4798;
    position: absolute;
    left: 10px;
    top: 6px;
    bottom: 0;
    -webkit-mask-repeat: no-repeat
}

.select2-container--default .select2-search--dropdown {
    padding: 1px 4px 15px
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    width: calc(100% - 7px);
    border-radius: 6px;
    line-height: 32px;
    border: 0;
    padding-left: 30px
}

section.kablonetsehirler .container {
    background-image: url(../img/harita.png);
    background-repeat: no-repeat;
    background-position: top right
}

section.kablonetsehirler {
    padding: 35px 0
}

section.kablonetsehirler h2 {
    font-size: 24px;
    color: #2a4798;
    font-weight: 700;
    line-height: 61px
}

section.kablonetsehirler p, section.tarifesihirbazi p {
    line-height: 20px;
    color: #999;
    font-size: 16px;
    font-weight: 500
}

section.kablonetsehirler .sehirler {
    margin: 75px 0
}

section.kablonetsehirler .sehir {
    display: block;
    padding: 15px 27px;
    background: #d5e4f2;
    border-radius: 10px;
    font-size: 14px;
    margin-bottom: 15px;
    color: #2a4798;
    position: relative;
    line-height: 26px
}

section.kablonetsehirler .sehir:before {
    content: '';
    left: 5px;
    top: 5px;
    bottom: 5px;
    width: 0;
    background: red;
    z-index: 2;
    position: absolute;
    border-radius: 7px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: #389dd3;
    transition: .3s ease all
}

section.kablonetsehirler .sehir:hover:before {
    width: 25px
}

section.kablonetsehirler .sehir:hover {
    background: #2a4798;
    color: #fff;
    padding-left: 35px
}

section.tarifesihirbazi:before {
    content: '';
    -webkit-mask-image: url(svg/pattern-01.svg);
    position: absolute;
    left: 0;
    right: 0;
    top: -20px;
    bottom: -20px;
    z-index: 1;
    background: #2c8bc8;
    -webkit-mask-repeat: repeat;
    -webkit-mask-size: 100px
}

footer, section.tarifesihirbazi {
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    box-shadow: 0 0 106px 0 rgba(43, 113, 181, .48)
}

section.tarifesihirbazi {
    max-width: 100%;
    position: relative
}

section.tarifesihirbazi .container {
    position: relative;
    padding: 90px 0;
    height: 450px;
    z-index: 2
}

section.tarifesihirbazi .img {
    position: absolute;
    right: -300px;
    top: -40px;
    bottom: -125px;
    left: 0;
    background-position: top right;
    background-repeat: no-repeat;
    z-index: 0
}

section.kablotvbuay, section.tarifesihirbazi .content {
    position: relative;
    z-index: 2
}

footer .cagrimerkezi, section.tarifesihirbazi h2 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    line-height: 61px
}

section.tarifesihirbazi p {
    color: #fff;
    font-weight: 400
}

section.kablotvbuay {
    margin-top: -20px;
    padding-top: 100px
}

footer .cagrimerkezi span, section.kablotvbuay h2 {
    font-size: 24px;
    color: #2a4798;
    font-weight: 700
}

section.kablotvbuay p {
    color: #999;
    font-size: 16px;
    line-height: 20px
}

.kablotvbuay .programlar {
    padding: 20px 0
}

.kablotvbuay .programlar .program {
    overflow: hidden;
    margin-bottom: 15px;
    display: block;
    position: relative;
    border-radius: 15px;
    overflow: unset;
    transition: .3s ease all
}

.kablotvbuay .programlar .program:hover {
    box-shadow: .954px 4.908px 24px 0 rgba(4, 11, 38, .49)
}

.kablotvbuay .programlar .program .img {
    display: block;
    padding-bottom: 148%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 15px;
    background-size: cover
}

.kablotvbuay .programlar .col-md-3 .program .baslik, .kablotvbuay .programlar .item .program .baslik {
    font-size: 16px;
    left: 15px;
    top: 15px
}

.kablotvbuay .programlar .col-md-3 .program .cover, .kablotvbuay .programlar .item .program .cover {
    padding: 15px;
    font-size: 12px
}

.kablotvbuay .programlar .program .baslik {
    position: absolute;
    top: 25px;
    left: 25px;
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    z-index: 3
}

.kablotvbuay .programlar .program .cover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(42, 71, 152, .8);
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    padding: 25px;
    align-items: flex-end;
    color: #fff;
    opacity: 0;
    transition: .3s ease all;
    border-radius: 15px
}

.kablotvbuay .programlar .program:hover .cover, .servisDetayliBilgi table tbody tr:hover .btn-basvru, section.kampanyaTablar table tbody tr:hover .btn-basvru {
    opacity: 1
}

.kablotvbuay .programlar .program:hover .programdetay {
    color: #2a4798
}

.kablotvbuay .programlar .program .programdetay b, .kablotvbuay .programlar .program .programdetay span, footer .copyright b, footer .sosyal p b {
    display: block
}

.kablotvbuay .programlar .program .programdetay {
    position: absolute;
    left: 0;
    top: 100%;
    font-size: 14px;
    line-height: 18px;
    padding-top: 10px;
    color: #999;
    right: 0
}

section.hizmetler {
    padding-top: 50px;
    padding-bottom: 50px
}

section.hizmetler .hizmet {
    display: block;
    border-radius: 16px;
    background: #f4f6fa;
    padding: 50px 15px 15px;
    height: 100%;
    position: relative;
    transition: .3s ease all
}

section.hizmetler .hizmet:hover {
    transform: scale(1.1);
    z-index: 3;
    box-shadow: .763px 3.927px 43px 0 rgba(4, 11, 38, .26);
    background: #fff
}

section.hizmetler .hizmet .icon {
    display: block;
    width: 105px;
    height: 105px;
    margin: 0 auto 30px;
    border-radius: 10px;
    fill: #2a519f
}

section.hizmetler .hizmet .baslik {
    color: #2a519f;
    font-size: 18px;
    font-weight: 700;
    display: block;
    text-align: center;
    margin-bottom: 5px
}

section.hizmetler .hizmet p {
    font-size: 15px;
    line-height: 23px;
    color: #999;
    text-align: center
}

section.hizmetler .aciklama {
    color: #999;
    margin: 50px 0
}

footer {
    padding-top: 80px;
    overflow: hidden
}

footer .cagrimerkezi:hover {
    color: #0f1648
}

footer .cagrimerkezi .icon {
    position: absolute;
    left: 0;
    width: 66px;
    height: 66px;
    fill: #43ace7
}

footer .cagrimerkezi {
    display: inline-block;
    text-align: left;
    line-height: 29px;
    vertical-align: middle;
    margin-right: 20px;
    font-size: 40px;
    position: relative;
    padding-left: 80px
}

footer .cagrimerkezi span {
    display: block;
    color: #43ace7
}

footer .sosyal a {
    display: inline-block;
    margin: 0 auto;
    width: 20%;
    vertical-align: top
}

footer .sosyal a .icon {
    width: 40px;
    height: 40px;
    fill: #fff
}

footer .sosyal a:hover .icon {
    fill: #43ace7
}

footer .sosyal {
    height: 100%;
    padding: 0 20px
}

footer .sosyal p {
    text-align: left;
    margin: 20px auto 0;
    display: block
}

footer .logo {
    -webkit-mask-image: url(svg/logo-renkli.svg);
    background: #fff;
    width: 141px;
    height: 70px;
    display: block;
    -webkit-mask-size: 100%;
    margin-bottom: 10px
}

footer .copyright, footer .sosyal p {
    font-size: 14px;
    line-height: 18px;
    color: #fff
}

footer hr {
    border-color: #43ace7;
    margin: 40px 0
}

footer h4, footer ul > li > a {
    color: #fff;
    line-height: 23px
}

footer h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

footer ul > li > a:hover {
    color: #43ace7
}

footer ul > li > a {
    font-size: 13px;
    display: block
}

footer .container {
    position: relative;
    padding-bottom: 50px
}

.breadcrumb {
    margin-top: 20px;
    background-image: -moz-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    position: relative;
    padding: 13px 0;
    margin-bottom: 0;
    border-radius: 0;
    border: 0
}

.breadcrumb a.active, .breadcrumb a:hover, .breadcrumb a:last-child {
    color: #64bdeb
}

.breadcrumb a:not(:last-child):before {
    content: '';
    -webkit-mask: url(svg/angle-right.svg);
    width: 7px;
    height: 12px;
    background: #fff;
    position: absolute;
    opacity: .5;
    right: -15px;
    top: 50%;
    transform: translateY(-50%)
}

.breadcrumb a .icon {
    width: 16px;
    height: 16px;
    fill: #fff;
    margin-top: -6px
}

.breadcrumb a {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    display: inline-block;
    margin: 0 10px;
    position: relative;
    text-transform: uppercase
}

section.kampanyalarList {
    background: #e7f0f9;
    padding-bottom: 200px
}

section.kampanyalarList h1 {
    font-size: 24px;
    color: #a3a3a3;
    font-weight: 800;
    text-transform: uppercase;
    padding-top: 40px
}

section.kampanyalarList p {
    color: #a3a3a3;
    font-size: 16px;
    font-weight: 600
}

.sayfalama a, section.kampanyalarList p > b {
    color: #2a4798;
    font-weight: 700
}

section.kampanyalarList .navig {
    background: #fff;
    padding: 20px 10px 20px 45px;
    border-radius: 10px;
    margin: 25px 0 0
}

section.kampanyalarList .navig .turlinkleri > a.regular {
    font-weight: 500
}

section.kampanyalarList .navig .turlinkleri > a {
    color: #a3a3a3;
    font-size: 16px;
    font-weight: 800;
    margin-right: 20px;
    display: inline-block;
    line-height: 36px
}

section.kampanyaTablar .nav-pills > li > a.active, section.kampanyalarList .navig .turlinkleri > a.active, section.kampanyalarList .navig .turlinkleri > a:hover {
    color: #2a4798
}

section.kampanyalarList .navig .tiplinkler {
    text-align: right
}

section.kampanyalarList .navig .tiplinkler > a {
    color: #a3a3a3;
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    display: inline-block;
    padding: 0 18px;
    border-radius: 18px
}

section.kampanyalarList .navig .tiplinkler > a.active, section.kampanyalarList .navig .tiplinkler > a:hover {
    color: #fff
}

.sayfalama {
    text-align: center;
    padding: 20px 0
}

.sayfalama a {
    min-width: 67px;
    display: inline-block;
    line-height: 37px;
    color: #fff;
    background: #ccc;
    border-radius: 18px;
    font-size: 14px
}

.sayfalama a.active, .sayfalama a:hover, section.kampanyalarList .navig .tiplinkler > a.active, section.kampanyalarList .navig .tiplinkler > a:hover {
    background-image: -moz-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%)
}

section.cunkukablonet2:not(.nobg):before, section.cunkukablonet:not(.nobg):before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(svg/oval-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: .1
}

section.cunkukablonet2:not(.nobg), section.cunkukablonet:not(.nobg) {
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    box-shadow: 0 0 106px 0 rgba(43, 113, 181, .48);
    position: relative
}

section.cunkukablonet, section.cunkukablonet2 {
    padding-bottom: 80px
}

section.cunkukablonet h2 {
    color: #2a4798;
    font-size: 24px;
    font-weight: 800;
    line-height: 61px
}

section.cunkukablonet .container {
    top: -120px;
    position: relative
}

section.cunkukablonet .container:before, section.cunkukablonet2 .container:before {
    content: '';
    background-image: url(../img/kupa.png);
    height: 341px;
    width: 300px;
    position: absolute;
    right: 0;
    top: -90px;
    z-index: 0
}

section.cunkukablonet .cunkukablonetkutu {
    border-radius: 16px;
    background-color: #fff;
    box-shadow: -.988px -.156px 30px 0 rgba(32, 4, 70, .1);
    margin-bottom: 15px;
    padding: 25px;
    position: relative
}

section.cunkukablonet .ortala {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

section.cunkukablonet .cunkukablonetkutu .slogan {
    position: relative
}

section.cunkukablonet .cunkukablonetkutu .slogan span, section.cunkukablonet2 .cunkukablonetkutu .slogan span {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    line-height: 22px;
    text-align: left;
    padding: 20px 47px 20px 20px
}

section.cunkukablonet .cunkukablonetkutu img {
    max-height: 100px;
    margin: 0 auto;
    display: block
}

section.cunkukablonet .basvurmakicin span, section.cunkukablonet2 .basvurmakicin span {
    display: block;
    color: #09b1ff
}

section.cunkukablonet .basvurmakicin {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px
}

section.cunkukablonet h3, section.cunkukablonet2 h2, section.cunkukablonet2 h3 {
    font-size: 24px;
    color: #fff;
    font-weight: 800;
    line-height: 61px
}

section.cunkukablonet ul > li, section.cunkukablonet2 ul > li, section.kampanyaBanner ul > li, section.tarifelerBanner ul > li {
    position: relative;
    padding-left: 10px;
    font-size: 18px;
    line-height: 29px;
    font-weight: 600;
    color: #fff
}

section.cunkukablonet ul > li:before, section.cunkukablonet2 ul > li:before, section.kampanyaBanner ul > li:before, section.tarifelerBanner ul > li:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #1c95ff;
    position: absolute;
    left: 0;
    top: calc(50% - 2px)
}

section.cunkukablonet .fiyat {
    line-height: 42px;
    font-size: 36px;
    color: #fff;
    font-weight: 800;
    text-align: center;
    margin-bottom: 20px
}

section.cunkukablonet2 h2 {
    color: #2a4798;
    margin-bottom: 70px
}

section.cunkukablonet2 .container {
    top: -120px;
    position: relative
}

section.cunkukablonet2 .cunkukablonetkutu {
    border-radius: 16px;
    background-color: #fff;
    box-shadow: -.988px -.156px 30px 0 rgba(32, 4, 70, .1);
    margin-bottom: 15px;
    padding: 25px;
    position: relative;
    height: 530px
}

section.cunkukablonet2 .ortala {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 136px;
    align-items: center
}

section.cunkukablonet2 .cunkukablonetkutu .slogan {
    position: relative;
    top: -60px;
    margin-bottom: -30px;
    width: 200px
}

section.cunkukablonet2 .cunkukablonetkutu img {
    max-height: 100%;
    margin: 0 auto;
    display: block
}

section.aciklamalar .aciklamakutu h2, section.cunkukablonet2 .basvurmakicin {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px
}

section.cunkukablonet2 .fiyat {
    line-height: 42px;
    font-size: 36px;
    color: #fff;
    font-weight: 800;
    text-align: center;
    margin-bottom: 20px
}

section.aciklamalar {
    background: #fff
}

section.aciklamalar .container {
    position: relative;
    top: -125px;
    margin-bottom: -70px
}

.kampanyaAciklamasi, section.aciklamalar .aciklamakutu {
    border-radius: 16px;
    background-color: #fff;
    box-shadow: -.988px -.156px 30px 0 rgba(32, 4, 70, .1);
    padding: 40px;
    margin-bottom: 20px
}

section.aciklamalar .aciklamakutu h2 {
    color: #2a4798;
    line-height: 27px
}

section.aciklamalar .aciklamakutu p, section.cunkukablonet .cunkukablonetkutu p, section.cunkukablonet2 .cunkukablonetkutu p {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin: 0
}

section.aciklamalar .aciklamakutu p > a {
    font-weight: 700;
    color: #999
}

section.kampanyaBanner .container {
    background-position: right bottom;
    background-repeat: no-repeat;
    padding: 70px 15px;
    min-height: 500px
}

section.kampanyaBanner {
    background-color: #2a4798
}

section.kampanyaBanner h1 {
    font-size: 36px;
    color: #fff;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 40px;
    max-width: 600px;
    width: 100%
}

.kablotvicerik .kablotvkutu img, .servisDetayliBilgi table, .tarifeler table, section.kampanyaTablar table {
    width: 100%
}

.kablotvicerik .kablotvkutu span {
    margin-top: 30px
}

section.kampanyaBanner .fiyat {
    color: #2b9bd3;
    font-size: 72px;
    font-weight: 800;
    line-height: 61px;
    display: flex;
    margin-top: 30px
}

section.kampanyaBanner .fiyat small, section.tarifelerBanner .fiyat small {
    font-size: 26px;
    font-weight: 700;
    line-height: 90px;
    display: inline-block;
    margin-left: 5px
}

.kampanyaAciklamasi .basvurbtn {
    position: absolute;
    right: 24px;
    top: -60px
}

.kampanyaAciklamasi {
    margin-top: -25px;
    padding: 25px;
    position: relative;
    top: -25px;
    margin-bottom: -25px
}

.kampanyaAciklamasi .tarifeText {
    -webkit-mask: url(svg/cunku.svg);
    -webkit-mask-size: 100%;
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    width: 100%;
    height: 102px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    display: flex;
    align-items: center;
    color: #fff;
    padding: 30px;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px
}

.kampanyaAciklamasi .ortala {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    height: 100%;
    align-items: center
}

.kampanyaAciklamasi .icerikortala {
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.kampanyaAciklamasi p {
    color: #999;
    line-height: 22px;
    font-size: 16px;
    margin: 0;
    padding: 0 10px
}

.kampanyaAciklamasi .tarife:not(:last-child) {
    border-right: 1px solid #dee2e6
}

.kampanyaAciklamasi .tarife {
    font-size: 15px;
    color: #2a4798;
    line-height: 31px;
    padding: 0 5px;
    text-align: center;
    display: inline-block;
    flex-grow: 1
}

.kampanyaAciklamasi .tarife b {
    display: block;
    line-height: 31px;
    font-size: 24px;
    font-weight: 800
}

.kampanyaOzellikleri {
    border-radius: 16px;
    background-image: -moz-linear-gradient(-143deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(-143deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(-143deg, #2c9cd4 0, #2a4798 100%);
    box-shadow: -.988px -.156px 30px 0 rgba(32, 4, 70, .1);
    padding: 50px 25px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 30px 0
}

.kampanyaOzellikleri .ozellik {
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600
}

.kampanyaOzellikleri .ozellik b, .tarifeSecmeContainer .sihirbaz-list .sihirbaz-item .content p span {
    display: block
}

.kampanyaAvantajlari {
    padding: 20px 0 250px
}

.kampanyaAvantajlari h2, section.guncelkampanyalar h2 {
    color: #2a4798;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 30px
}

.kampanyaAvantajlari .item .avantaj {
    box-shadow: 0 0 43px 0 rgba(4, 11, 38, .34)
}

.kampanyaAvantajlari .avantaj, section.kampanyaTablar {
    border-radius: 16px;
    background-color: #fff;
    box-shadow: -.988px -.156px 30px 0 rgba(32, 4, 70, .1)
}

.kampanyaAvantajlari .avantaj {
    padding: 25px 25px 15px;
    margin-bottom: 15px;
    transition: .3s ease all;
    display: block;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: default
}

.kampanyaAvantajlari .avantaj .icon {
    width: 55px;
    height: 55px;
    fill: #d4daea;
    transition: .3s ease all;
    opacity: 1
}

.kampanyaAvantajlari .avantaj span {
    color: #2a53a0;
    display: block;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    transition: .3s ease all;
    text-align: center;
    padding: 10px 0;
    opacity: .5
}

.kampanyaAvantajlari .avantaj:hover {
    background-image: -moz-linear-gradient(-144deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(-144deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(-144deg, #2c9cd4 0, #2a4798 100%);
    box-shadow: -.988px -.156px 30px 0 rgba(32, 4, 70, .1)
}

.kampanyaAvantajlari .avantaj:hover .icon {
    fill: #fff;
    opacity: 1
}

.kampanyaAvantajlari .avantaj:hover span {
    color: #fff;
    opacity: 1
}

section.kampanyaTablar {
    margin-bottom: 50px;
    margin-top: -150px
}


section.kampanyaTablar .nav-pills {
    padding: 45px 20px 35px;
    border-bottom: 4px solid #f2f2f2
}

section.kampanyaTablar .nav-pills > li {
    padding: 0 15px
}

section.kampanyaTablar .nav-pills > li > a.active:before {
    right: 0;
    transition: .3s ease all
}

section.kampanyaTablar .nav-pills > li > a:hover:before {
    right: 0;
    transition: .6s ease all
}

section.kampanyaTablar .nav-pills > li > a:before {
    content: '';
    height: 4px;
    left: 0;
    bottom: -4px;
    right: 100%;
    position: absolute;
    background-image: -moz-linear-gradient(0deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(0deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(0deg, #2c9cd4 0, #2a4798 100%)
}

section.kampanyaTablar .nav-pills > li > a {
    display: block;
    color: #8d8d8d;
    font-size: 18px;
    font-weight: 800;
    position: relative
}

.tarifeler table thead th {
    padding: 30px 25px
}

.tarifeler table thead th, section.kampanyaTablar table th {
    color: #2a4798;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600
}

.servisDetayliBilgi table th span, .tarifeler table thead th span, section.kampanyaTablar table th span {
    display: block;
    color: #8d8d8d;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.tarifeler table tbody tr:nth-child(odd) td, section.kampanyaTablar table tbody tr:nth-child(odd) td {
    background: #fafbfd
}

.servisDetayliBilgi table tbody tr > td > span, section.kampanyaTablar table tbody tr > td > span {
    display: block;
    text-align: center;
    font-weight: 700
}

.tarifeler table tbody tr > td, section.kampanyaTablar table tbody tr > td {
    line-height: 50px;
    color: #999;
    padding: 0 25px;
    transition: .3s ease all;
    cursor: default
}

.tarifeler table tbody tr:hover > td {
    color: #fff;
    background: #2a4798
}

section.kampanyaTablar table tbody tr:hover > td {
    background: #2a4798
}

.servisDetayliBilgi table tbody tr td .btn-basvru, section.kampanyaTablar table tbody tr td .btn-basvru {
    opacity: 0;
    background-color: #fff;
    box-shadow: -.988px -.156px 30px 0 rgba(32, 4, 70, .1);
    border-radius: 30px;
    padding: 4px 20px;
    color: #2a4798
}

section.kampanyaTablar .taahhutnameler {
    padding: 25px
}

section.kampanyaTablar .taahhutnameler .taahutname:before {
    content: '';
    background-image: url(svg/pdf.svg);
    height: 55px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    width: 50px;
    transform: translateY(-50%)
}

section.kampanyaTablar .taahhutnameler .taahutname:not(:last-child) {
    border-right: 1px solid #d4daea
}

section.kampanyaTablar .taahhutnameler .taahutname:hover {
    color: #2a4798
}

section.kampanyaTablar .taahhutnameler .taahutname {
    display: inline-block;
    position: relative;
    padding: 25px 25px 25px 60px;
    margin-right: 10px;
    color: #999;
    font-size: 14px;
    font-weight: 700;
    max-width: 100%;
    width: 245px
}

section.guncelkampanyalar {
    padding: 50px 0
}

.bodybg, .bodybg2 {
    background: #e7f0f9;
    padding-top: 15px;
}

.bodybg2 {
    background: linear-gradient(180deg, #e7f0f9 0, #fff 100%)
}

section.tarifelerBanner .container {
    background-position: right center;
    background-repeat: no-repeat;
    height: 100%;
    padding: 70px 70px 70px 0;
    position: relative
}

section.tarifelerBanner span {
    position: relative;
    font-size: 18px;
    line-height: 29px;
    font-weight: 600;
    color: #fff
}

section.tarifelerBanner {
    background-color: #2a4798;
    height: 525px
}

section.tarifelerBanner h1 {
    font-size: 36px;
    color: #fff;
    line-height: 40px;
    font-weight: 800;
    margin-bottom: 40px
}

section.tarifelerBanner .fiyat {
    color: #2b9bd3;
    font-size: 72px;
    font-weight: 800;
    line-height: 61px;
    display: flex;
    margin-top: 30px
}

.tarifeler {
    position: relative;
    top: -100px
}

.tarifeler .tarife-panel {
    border-radius: 16px;
    background-color: #fff;
    box-shadow: -.988px -.156px 30px 0 rgba(32, 4, 70, .1);
    padding: 25px;
    margin-bottom: 30px
}

.tarifeler .tarifeBaslik {
    -webkit-mask: url(svg/cunku.svg);
    -webkit-mask-size: 100%;
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    width: 100%;
    height: 102px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    display: flex;
    align-items: center;
    color: #fff;
    padding: 18px 20px 20px 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px
}

.tarifeler hr {
    margin-left: -25px;
    margin-right: -25px;
    border-top: 4px solid #f2f2f2
}

.servisDetayliBilgi p, .tarifeDetayliBilgi p, .tarifeler p {
    line-height: 24px;
    color: #999
}

.tarifeler .fiyatlandirma {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 30px 0
}

.tarifeler .fiyatlandirma .fiyat b {
    display: block;
    font-size: 30px;
    font-weight: 800
}

.tarifeler .fiyatlandirma .fiyat {
    color: #2a4798;
    font-size: 20px;
    line-height: 31px
}

.tarifeDetayliBilgi {
    padding-top: 50px;
    padding-bottom: 50px
}

.servisDetayliBilgi h1, .servisDetayliBilgi h2, .servisDetayliBilgi h3, .tarifeDetayliBilgi h2 {
    font-size: 24px;
    color: #2a4798;
    font-weight: 700;
    margin-bottom: 20px
}

section.servisler {
    position: relative;
    top: -85px
}

.servisDetayliBilgi, section.servisler .servis {
    padding: 25px;
    background-color: #fff;
    box-shadow: -.988px -.156px 30px 0 rgba(32, 4, 70, .1)
}

section.servisler .servis {
    border-radius: 19px;
    display: flex;
    margin-bottom: 25px;
    flex-direction: column;
    justify-content: center;
    height: 260px;
    position: relative;
    transition: .3s ease all
}

section.servisler .servis span {
    display: block;
    color: #2a4798;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 15px
}

section.servisler .servis p {
    line-height: 22px;
    color: #999
}

section.servisler .servis:hover {
    background-image: -moz-linear-gradient(-40deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(-40deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(-40deg, #2c9cd4 0, #2a4798 100%);
    box-shadow: 0 0 49px 0 rgba(43, 113, 181, .48)
}

.akordiyonlar .akordiyon.active .btn-link, .akordiyonlar .akordiyon:hover .btn-link, .ekhizmetler .hizmet:hover h3, .ekhizmetler .hizmet:hover p, .kablotvicerik .kablotvkutu:hover p, .kablotvicerik .kablotvkutu:hover span, .teledunyapaketleri .teledunyapaket:hover > p, .teledunyapaketleri .teledunyapaket:hover > span, section.servisler .servis:hover p, section.servisler .servis:hover span {
    color: #fff
}

section.servisler .servis .img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: bottom right;
    border-radius: 17px
}

.servisDetayliBilgi {
    border-radius: 16px;
    margin-top: 0 !important
}

.servisDetayliBilgi h1, .servisDetayliBilgi h3 {
    font-size: 28px
}

.servisDetayliBilgi h3 {
    font-size: 20px
}

.servisDetayliBilgi h4, .servisDetayliBilgi h5, .servisDetayliBilgi h6 {
    font-size: 18px;
    color: #2a4798;
    font-weight: 700;
    margin-bottom: 20px
}

.servisDetayliBilgi h5, .servisDetayliBilgi h6 {
    font-size: 16px
}

.servisDetayliBilgi h6 {
    font-size: 14px
}

.servisDetayliBilgi table tr th {
    color: #2a4798;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    padding: 30px 0;
    vertical-align: middle
}

.servisDetayliBilgi table th, .servisDetayliBilgi table tr th span, section.kampanyaTablar table.kucuktablo tr th span {
    color: #2a4798;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    padding: 30px 25px
}

.servisDetayliBilgi table tbody tr > td {
    vertical-align: middle;
    line-height: 27px;
    color: #999;
    transition: .3s ease all;
    cursor: default;
    padding: 10px 12px
}

.servisDetayliBilgi table tbody tr:nth-child(odd) td {
    background: #fafbfd
}

.servisDetayliBilgi table tbody tr:hover > td {
    color: #fff;
    background: #2a4798
}

section.blankDetayBanner .container, section.kablotvbanner .container, section.kanaldetaybanner .container, section.servisDetayBanner .container {
    background-position: right 22px;
    background-repeat: no-repeat;
    height: 100%;
    padding: 70px 70px 70px 0
}

section.blankDetayBanner p, section.kablotvbanner span, section.servisDetayBanner span {
    position: relative;
    font-size: 18px;
    line-height: 29px;
    font-weight: 600;
    color: #fff;
    display: block;
    margin-bottom: 30px
}

section.servisDetayBanner {
    background-color: #2a4798;
    height: 675px
}

section.blankDetayBanner h1, section.kablotvbanner h1, section.kanaldetaybanner h1, section.servisDetayBanner h1 {
    font-size: 36px;
    color: #fff;
    line-height: 61px;
    font-weight: 800;
    margin-bottom: 40px
}

section.blankDetayBanner {
    background-color: #2a4798;
    min-height: 450px;
    height: auto
}

.kablotvicerik .nav-pills > li > a.active, .kablotvicerik .nav-pills > li > a:hover, .kanallar .kanal:hover span, .servisVideoBtn:hover, section.kanallar .akordiyonlar .akordiyon.active .btn-link, section.kanallar .akordiyonlar .akordiyon:hover .btn-link {
    color: #2a4798
}

.servisVideoBtn .icon {
    fill: #fff;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 75px;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%)
}

.servisVideoBtn {
    border-radius: 16px;
    background-color: #fff;
    padding: 20px 20px 20px 170px;
    color: #2a4798;
    font-size: 18px;
    line-height: 21px;
    font-weight: 600;
    width: 100%;
    max-width: 370px;
    display: inline-block;
    position: relative;
    margin: 26px 0
}

.servisVideoBtn:after, .servisVideoBtn:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%
}

.servisVideoBtn:before {
    background-color: #fff;
    box-shadow: 0 0 49px 0 rgba(0, 0, 0, .5);
    width: 135px;
    height: 135px;
    left: 20px
}

.servisVideoBtn:after {
    width: 95px;
    height: 95px;
    left: 40px;
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    box-shadow: 0 0 106px 0 rgba(43, 113, 181, .48)
}

.videoPopup, .videoPopupCover {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none
}

.videoPopupCover {
    background: rgba(42, 71, 152, .8);
    z-index: 13;
    transition: .3s ease all
}

.videoPopup.active, .videoPopupCover.active {
    pointer-events: auto;
    opacity: 1
}

.videoPopup {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 14
}

.videoPopup .btn-popupClose .icon {
    width: 30px;
    height: 30px;
    fill: #fff
}

.videoPopup .btn-popupClose {
    position: absolute;
    right: 10px;
    font-size: 40px;
    display: block;
    top: -70px
}

.videoPopup.active .videoArea {
    top: 0;
    opacity: 1
}

.videoPopup .videoArea iframe {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .5)
}

.videoPopup .videoArea {
    position: relative;
    display: block;
    top: -100px;
    opacity: 0;
    transition: .3s ease all
}

.kablotvicerik, .servisSss {
    position: relative
}

.servisSss .akordiyonlar {
    padding-bottom: 30px;
    margin-top: 30px
}

section.kanallar .akordiyonlar .akordiyon.active, section.kanallar .akordiyonlar .akordiyon:hover {
    background: #f4f8ff
}

.akordiyonlar .akordiyon.active, .akordiyonlar .akordiyon:hover {
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    transition: .2s ease all
}

.akordiyonlar .akordiyon, .kablotvicerik .kablotvkutu {
    border-radius: 16px;
    box-shadow: -.988px -.156px 30px 0 rgba(32, 4, 70, .1);
    margin-bottom: 15px
}

.akordiyonlar .akordiyon {
    background: #fff;
    border: 0;
    padding: 0;
    position: relative;
    transition: .3s .2s ease all
}

.akordiyonlar .akordiyon.active .btn-link:before {
    transform: rotate(-90deg)
}

section.kanallar .akordiyonlar .akordiyon.active .btn-link:before, section.kanallar .akordiyonlar .akordiyon:hover .btn-link:before {
    background: #2a4798
}

.akordiyonlar .akordiyon.active .btn-link:before, .akordiyonlar .akordiyon:hover .btn-link:before {
    background: #fff
}

.akordiyonlar .akordiyon .btn-link:before {
    content: '';
    position: absolute;
    right: 25px;
    top: 25px;
    width: 30px;
    height: 30px;
    -webkit-mask-image: url(svg/carret-arrow.svg);
    mask-image: url(svg/carret-arrow.svg);
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    transform: rotate(90deg);
    background: #2a4798;
    transition: .3s ease all
}

.akordiyonlar .akordiyon .btn-link {
    display: block;
    font-size: 20px;
    color: #8d8d8d;
    font-weight: 600;
    width: 100%;
    text-align: left;
    padding: 25px;
    text-decoration: none;
    transition: .3s ease all;
    margin-bottom: 0
}

.akordiyonlar .akordiyon .akordiyonicerik {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: .2s ease all;
    position: relative;
    line-height: 26px;
    color: #fff;
    padding: 0 25px
}

.akordiyonlar .akordiyon.active .akordiyonicerik {
    color: #fff;
    padding: 25px;
    max-height: 10000vh;
    margin-top: -25px;
    transition: .3s .2s ease all
}

section.kablotvbanner {
    background-color: #2a4798;
    height: 675px
}

.kablotvicerik {
    top: -150px
}

.kablotvicerik .kablotvkutu {
    background-color: #fff;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 25px
}

.kablotvicerik .kablotvkutu span, .teledunyapaketleri .teledunyapaket > span {
    color: #2a4798;
    font-size: 22px;
    font-weight: 800;
    line-height: 22px;
    transition: .3s ease all
}

.kablotvicerik .kablotvkutu p {
    line-height: 22px;
    color: #999;
    transition: .3s ease all
}

.kablotvicerik .kablotvkutu:hover {
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    box-shadow: 0 0 18px 0 rgba(4, 11, 38, .28)
}

.kablotvicerik .nav-pills {
    margin-top: 50px;
    margin-bottom: 30px
}

.kablotvicerik .nav-pills > li {
    margin-right: 20px
}

.kablotvicerik .nav-pills > li > a {
    color: #8d8d8d;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px
}

.kablotvicerik .tab-content {
    margin-bottom: -140px
}

.kablotvicerik .tab-content p {
    color: #999;
    line-height: 30px
}

.kablotvicerik .tab-content .img {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    min-height: 400px;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%)
}

section.teledunyapaketleri {
    background: #2a4798;
    padding: 80px 0;
    height: 385px;
    z-index: 2;
    position: relative
}

.teledunyapaketleri h2, section.musteriyorumlari h3 {
    font-size: 24px;
    font-weight: 800;
    color: #fff
}

.yayinlananprogramlar p, section.teledunyapaketleri p {
    font-size: 16px;
    color: #fff;
    line-height: 20px
}

.owl-teledunyaPaketleri .owl-stage-outer {
    max-width: 100vw
}

.owl-teledunyaPaketleri {
    margin-top: 40px
}

.owl-teledunyaPaketleri .owl-nav {
    position: absolute;
    bottom: -61px
}

.owl-nav > .owl-prev > span > .icon {
    transform: rotate(-180deg)
}

.owl-nav > button:hover > span > .icon, section.filmlersenibekliyor .owl-teledunyaPaketleri .owl-nav > button > span .icon, section.musteriyorumlari .owl-musteriYorumlari .yorum:hover .icon {
    fill: #fff
}

.owl-nav > button > span > .icon {
    width: 10px;
    height: 30px;
    fill: #cfcfcf
}

.owl-teledunyaPaketleri .owl-nav > button > span > .icon {
    width: 10px;
    height: 30px;
    fill: #fff
}

.owl-teledunyaPaketleri .owl-nav > button > span {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    background: #fff;
    border-radius: 100%;
    font-size: 40px
}

.owl-kampanyaAvantajlari .owl-nav > button:hover > span, .owl-kanallar .owl-nav > button:hover > span, .owl-musteriYorumlari .owl-nav > button:hover > span, .owl-teledunyaPaketleri .owl-nav > button:hover > span, .owl-yaklasanFilmler .owl-nav > button:hover > span, .owl-yayinlananProgramlar .owl-nav > button:hover > span {
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    color: #fff
}

section.basvuruBanner .basvuruFormText p {
    margin-bottom: 10px
}

.owl-teledunyaPaketleri .owl-item {
    opacity: 0;
    transition: .6s .1s ease all;
    pointer-events: none;
    transform: scale(.9)
}

.owl-teledunyaPaketleri .owl-item.active {
    opacity: 1;
    transform: scale(1);
    transition: .4s ease all;
    pointer-events: auto
}

.teledunyapaketleri .row .teledunyapaket {
    margin-bottom: 15px
}

.teledunyapaketleri .teledunyapaket {
    display: block;
    position: relative;
    padding-bottom: 49%;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: -.988px -.156px 30px 0 rgba(32, 4, 70, .1)
}

.teledunyapaketleri .teledunyapaket:hover {
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    box-shadow: 0 0 18px 0 rgba(4, 11, 38, .28)
}

.teledunyapaketleri .teledunyapaket > span {
    position: absolute;
    left: 25px;
    top: 60px;
    font-size: 18px;
    line-height: 18px
}

.teledunyapaketleri .teledunyapaket > p {
    position: absolute;
    left: 25px;
    top: 110px
}

.teledunyapaketleri .teledunyapaket > .img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-position: 95% bottom;
    background-repeat: no-repeat
}

.teledunyapaketleri .teledunyapaket .fiyat {
    position: absolute;
    left: 25px;
    bottom: 25px;
    border-radius: 12px;
    border-bottom-left-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 0;
    color: #fff;
    width: 100px;
    transition: .3s ease all;
    flex-direction: row;
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%)
}

.teledunyapaketleri .teledunyapaket .fiyat .fiyatyan {
    position: relative;
    top: 2px;
    left: 4px
}

.teledunyapaketleri .teledunyapaket .fiyat .kusurat {
    display: block;
    vertical-align: top;
    font-size: 15px;
    font-weight: 800;
    line-height: 10px
}

.teledunyapaketleri .teledunyapaket .fiyat .tam {
    font-size: 28px;
    font-weight: 700;
    vertical-align: top
}

.teledunyapaketleri .teledunyapaket:hover > .fiyat {
    background: #fff;
    color: #2a4999
}

.section.kablotvavantajlari {
    padding: 200px 0 75px;
    background: #eaf2fa
}

section.kablotvavantajlari h2, section.kanallar h2 {
    line-height: 22px;
    font-size: 24px;
    font-weight: 700;
    color: #2a4798
}

section.kablotvavantajlari p, section.kanallar p {
    margin: 20px 0 30px;
    line-height: 30px;
    color: #999
}

.owl-kanallar {
    margin-top: -35px;
    margin-bottom: -35px
}

.owl-kanallar .owl-stage-outer {
    max-width: 100vw;
    padding: 35px 0
}

.owl-kanallar .owl-item {
    opacity: 0;
    transition: .4s .1s ease all;
    transform: scale(.9);
    pointer-events: none
}

.owl-kanallar .owl-item.active {
    pointer-events: auto;
    opacity: 1;
    transform: scale(1);
    transition: .4s ease all
}

.owl-kanallar .owl-nav {
    position: absolute;
    bottom: -30px
}

.owl-kampanyaAvantajlari .owl-nav > button > span, .owl-kanallar .owl-nav > button > span, .owl-musteriYorumlari .owl-nav > button > span, .owl-yayinlananProgramlar .owl-nav > button > span {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    background: #fff;
    border-radius: 100%;
    color: #cfcfcf;
    font-size: 40px
}

.kanallar {
    position: relative;
    z-index: 3
}

.kanallar .row .kanal {
    margin-bottom: 15px
}

.kanallar .kanal {
    height: 280px;
    background: #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-radius: 16px;
    box-shadow: -.988px -.156px 30px 0 rgba(32, 4, 70, .1);
    transition: .3s ease all;
    padding: 24px 10px
}

.kanallar .kanal .img {
    height: 150px;
    background-position: center;
    width: 100%;
    background-repeat: no-repeat;
    margin-bottom: 30px
}

.kanallar .kanal span {
    display: block;
    line-height: 18px;
    color: #999;
    text-align: center
}

.kanallar .kanal:hover {
    box-shadow: -.988px -.156px 32px 0 rgba(29, 49, 106, .67)
}

.m-top-250 {
    position: relative;
    top: -250px;
    margin-bottom: -250px
}

.m-top-150, .m-top-200 {
    position: relative;
    top: -200px;
    margin-bottom: -200px
}

.m-top-150 {
    top: -150px;
    margin-bottom: -150px
}

.m-top-100 {
    top: -100px;
    margin-bottom: -100px
}

section.kanaldetaybanner .container {
    background-position: right center
}

section.altyapiBanner h1 + p, section.kanaldetaybanner span {
    position: relative;
    font-size: 18px;
    line-height: 29px;
    font-weight: 600;
    color: #fff
}

section.kanaldetaybanner {
    background-color: #2a4798;
    height: 525px
}

section.kanaldetaybanner .kanalozellikler .ozellik {
    display: inline-flex;
    width: 30px;
    height: 30px;
    font-size: 12px;
    font-weight: 700;
    background: #d9d9d9;
    line-height: 18px;
    color: #fff;
    border-radius: 100%;
    justify-content: center;
    align-items: center
}

section.kanaldetaybanner h1 {
    font-weight: 700
}

section.yayinlananprogramlar {
    padding-bottom: 100px;
    padding-top: 50px
}

.owl-yayinlananProgramlar .owl-stage-outer {
    max-width: 100vw;
    padding: 0 0 35px
}

.owl-yayinlananProgramlar .owl-item {
    opacity: 0;
    transition: .4s .1s ease all;
    transform: scale(.9);
    pointer-events: none
}

.owl-yayinlananProgramlar .owl-item.active {
    pointer-events: auto;
    opacity: 1;
    transform: scale(1);
    transition: .4s ease all
}

.owl-yayinlananProgramlar .owl-nav {
    position: absolute;
    bottom: -30px
}

.ekhizmetler .hizmet h3, .yayinlananprogramlar h2 {
    font-size: 24px;
    color: #2a4798;
    font-weight: 700;
    line-height: 26px
}

.yayinlananprogramlar p {
    color: #999;
    font-weight: 500
}

.ekhizmetler .hizmet, .yayinlananprogramlar .program {
    display: block;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.yayinlananprogramlar .program {
    padding-bottom: 40px
}

.yayinlananprogramlar .program .img:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(42, 71, 152, .8);
    border-radius: 10px;
    opacity: 0;
    transition: .3s ease all
}

.yayinlananprogramlar .program .img {
    position: relative;
    padding-bottom: 42%;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: -.988px -.156px 30px 0 rgba(32, 4, 70, .1);
    background-position: center;
    background-repeat: no-repeat
}

.yayinlananprogramlar .program span {
    position: absolute;
    bottom: -30px;
    color: #999;
    font-weight: 600;
    line-height: 18px;
    transition: .3s ease all;
    left: 0
}

.m-top-100, .yayinlananprogramlar .program:hover .img {
    position: relative
}

.yayinlananprogramlar .program:hover .img:before {
    opacity: 1
}

.yayinlananprogramlar .program:hover span {
    bottom: 10px;
    left: 10px;
    color: #fff
}

section.ekhizmetler {
    box-shadow: 0 0 106px 0 rgba(43, 113, 181, .48);
    margin-top: 160px
}

.ekhizmetler .hizmet {
    background: #fff;
    padding: 25px;
    margin-bottom: 15px;
    height: 480px;
    transition: .3s ease all
}

.ekhizmetler .hizmet h3 {
    transition: .3s ease all;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 50px
}

.ekhizmetler .hizmet p, .teledunyapaketleri .teledunyapaket > p {
    transition: .3s ease all;
    color: #999;
    line-height: 22px
}

.ekhizmetler .hizmet .imgbg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: bottom left
}

#yorumdetayModal .modal-footer button, .ekhizmetler .hizmet span {
    background-image: -webkit-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    border-radius: 20px
}

.ekhizmetler .hizmet span {
    position: absolute;
    right: 15px;
    bottom: 15px;
    background-image: -moz-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    color: #fff;
    font-weight: 700;
    padding: 7px 22px
}

.ekhizmetler .hizmet:hover, section.ekhizmetler {
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%)
}

.ekhizmetler .hizmet:hover {
    box-shadow: 0 0 29px 0 rgba(43, 113, 181, .48)
}

section.musteriyorumlari {
    padding: 50px 0
}

section.musteriyorumlari .btn-rounded {
    float: right
}

.owl-musteriYorumlari .owl-stage-outer {
    max-width: 100vw
}

.owl-musteriYorumlari {
    margin-top: 40px
}

.owl-musteriYorumlari .owl-nav {
    position: absolute;
    top: -75px;
    right: 0
}

.owl-musteriYorumlari .owl-item {
    opacity: 0;
    transition: .6s .1s ease all;
    pointer-events: none;
    transform: scale(.9)
}

.owl-musteriYorumlari .owl-item.active {
    opacity: 1;
    transform: scale(1);
    transition: .4s ease all;
    pointer-events: auto
}

section.musteriyorumlari h3 {
    color: #2a4798;
    margin-bottom: 20px
}

section.musteriyorumlari .owl-musteriYorumlari .yorum .icon {
    height: 40px;
    fill: #2c9cd4;
    right: 25px;
    top: 25px;
    position: absolute;
    width: 40px
}

section.musteriyorumlari .owl-musteriYorumlari .yorum {
    background: #fff;
    border-radius: 10px;
    padding: 50px 25px 20px;
    position: relative;
    height: 240px
}

section.musteriyorumlari .owl-musteriYorumlari .yorum .adsoyad {
    margin-bottom: 10px;
    color: #2a4798;
    line-height: 18px;
    font-weight: 700
}

section.musteriyorumlari .owl-musteriYorumlari .yorum .adsoyad small {
    font-weight: 400;
    line-height: 18px
}

section.musteriyorumlari .owl-musteriYorumlari .yorum p {
    color: #999;
    line-height: 22px;
    margin-top: 20px;
    max-height: 135px
}

.uzuncom {
    display: none
}

section.musteriyorumlari .owl-musteriYorumlari .yorum p span {
    margin-left: 10px;
    font-weight: 600;
    color: #2a4798
}

#yorumdetayModal .modal-header h5 {
    color: #2a4798;
    font-weight: 600
}

#yorumdetayModal .modal-footer button {
    border: 0
}

section.musteriyorumlari .owl-musteriYorumlari .yorum:hover {
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    box-shadow: 0 0 29px 0 rgba(43, 113, 181, .48)
}

section.kampanyaTablar table.kucuktablo tbody tr:hover > td, section.musteriyorumlari .owl-musteriYorumlari .yorum:hover .adsoyad, section.musteriyorumlari .owl-musteriYorumlari .yorum:hover p {
    color: #fff
}

.modal-backdrop {
    background: rgba(42, 71, 152, .8);
    opacity: 1
}

.modal-backdrop.show {
    opacity: 1
}

.bannerBasvuruFormu {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 40px 0 rgba(4, 11, 38, .2);
    position: absolute;
    right: 0;
    width: 100%;
    max-width: 390px;
    top: 50px;
    padding: 40px 25px
}

.bannerBasvuruFormu form input, .iletisimFormu form input {
    line-height: 57px;
    padding: 0 20px;
    border: 0;
    background: #f0f1f1;
    color: #848585;
    border-radius: 10px;
    width: 100%;
    position: relative;
    z-index: 2
}

.bannerBasvuruFormu form input:focus + .focus {
    opacity: 1
}

.bannerBasvuruFormu form input + .focus, .iletisimFormu form input + .focus, section.bayibasvuru form input + .focus {
    position: absolute;
    left: -3px;
    top: -3px;
    bottom: -3px;
    opacity: 0;
    right: -3px;
    border-radius: 14px;
    transition: .3s ease all;
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%)
}

.bannerBasvuruFormu h2 {
    font-size: 24px;
    font-weight: 800;
    color: #2a4798;
    text-align: center;
    margin-bottom: 15px
}

.bannerBasvuruFormu form button, .iletisimFormu form button, section.sehirler .iletisimbilgileri .mahalleler .mahalle:hover {
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 30%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%)
}

.bannerBasvuruFormu form p {
    font-size: 14px;
    margin-top: 10px;
    line-height: 20px;
    color: #a3a3a3;
    text-align: center
}

.bannerBasvuruFormu form .form-group label, .iletisimFormu form .form-group label {
    color: #cacaca;
    font-weight: 800;
    margin-top: 20px
}

.bannerBasvuruFormu form .form-group {
    position: relative
}

section.sehirler {
    padding-top: 120px
}

section.sehirler.pt-50 {
    padding-top: 50px;
}

section.sehirler.satisnoktalari {
    padding-top: 0
}

section.sehirler .aciklama {
    border-radius: 16px;
    background-color: #fff;
    box-shadow: -.988px -.156px 30px 0 rgba(32, 4, 70, .1);
    padding: 40px 30px;
    margin-bottom: 50px
}

section.sehirler .aciklama p {
    margin: 0;
    color: #999;
    line-height: 29px
}

section.sehirler h2, section.sehirler h3 {
    color: #2a4798;
    font-size: 24px;
    font-weight: 800;
    line-height: 22px
}

section.sehirler h3 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 15px
}

section.sehirler h3 > span {
    color: #8d8d8d
}

section.sehirler .iletisimbilgileri .adresbilgisi .googleMap > div {
    height: 310px;
    margin-top: 30px;
    border-radius: 10px
}

section.sehirler .iletisimbilgileri .adresbilgisi, section.sehirler .iletisimbilgileri .mahalleler .mahalle {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: -.988px -.156px 30px 0 rgba(32, 4, 70, .1);
    margin-bottom: 15px;
    padding: 40px 30px;
    display: block;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}

section.sehirler .iletisimbilgileri .adresbilgisi p span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px
}

section.sehirler .iletisimbilgileri .adresbilgisi p span {
    display: block;
    position: relative;
    padding-left: 25px
}

section.sehirler .iletisimbilgileri .adresbilgisi p span.iletimozellikVar:before {
    -webkit-mask-image: url(svg/var.svg);
    background: #599b28
}

section.sehirler .iletisimbilgileri .adresbilgisi p span.iletisimozellikYok:before {
    -webkit-mask-image: url(svg/yok.svg);
    background: #e6391d
}

section.sehirler .iletisimbilgileri .adresbilgisi p {
    margin: 0;
    line-height: 21px;
    color: #999;
    white-space: initial;
}

section.sehirler .iletisimbilgileri .adresbilgisi p > a {
    line-height: 23px;
    color: #999
}

section.sehirler .iletisimbilgileri .mahalleler .mahalle {
    border-radius: 11px;
    padding: 17px 30px;
    font-size: 14px;
    color: #999;
    transition: .3s ease all;
    cursor: pointer;
    margin-bottom: 10px
}

section.sehirler .iletisimbilgileri .mahalleler .mahalle:hover {
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    box-shadow: -.988px -.156px 30px 0 rgba(32, 4, 70, .1);
    color: #fff
}

section.altyapiBanner .container {
    padding: 70px 70px 70px 0;
    flex-direction: column
}

section.altyapiBanner .container, section.basvuruBanner .container {
    background-position: right 22px;
    background-repeat: no-repeat;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center
}

section.altyapiBanner, section.basvuruBanner {
    background-color: #2a4798;
    height: 770px;
    background-image: url(../img/altyapisorgulama.png);
    background-position: center;
    background-repeat: no-repeat
}

section.altyapiBanner h1 b, section.basvuruBanner h1 b {
    color: #00dc80
}

section.altyapiBanner h1, section.basvuruBanner h1 {
    font-size: 36px;
    color: #fff;
    line-height: 43px;
    font-weight: 800;
    margin-bottom: 40px
}

section.basvuruBanner h1 {
    margin-top: 30px;
    margin-bottom: 22px
}

section.basvuruBanner p a {
    color: #fff;
    font-weight: 700
}

section.basvuruBanner p {
    position: relative;
    color: #fff
}

section.basvuruBanner .bannerBasvuruFormu p {
    color: #000
}

section.basvuruBanner {
    background-image: url(svg/oval-bg.svg);
    background-size: cover
}

body.kampanyaBasvurSayfa section.basvuruBanner {
    height: auto
}

section.basvuruBanner .container, section.cihazlar, section.kablotvdebuaydetay {
    padding: 30px 0
}

section.basvuruBanner .container .bannerBasvuruFormu {
    max-width: 50%
}

section.basvuruBanner .container > div:first-child {
    padding-right: 30px;
    max-width: 50%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
}

section.basvuruBanner h3 {
    font-size: 36px;
    line-height: 43px;
    font-weight: 800;
    margin: 30px 0 22px;
    color: #fff
}

section.basvuruBanner h2 {
    font-size: 36px;
    line-height: 43px;
    font-weight: 800;
    margin-bottom: 22px
}

.owl-kampanyaAvantajlari {
    padding-bottom: 30px;
    position: relative;
    top: -65px;
    margin-bottom: -110px
}

.owl-kampanyaAvantajlari .owl-stage-outer {
    max-width: 100vw;
    padding: 0 0 35px
}

.owl-kampanyaAvantajlari .owl-item {
    opacity: 0;
    transition: .4s .1s ease all;
    transform: scale(.9);
    pointer-events: none
}

.owl-kampanyaAvantajlari .owl-nav {
    position: absolute;
    bottom: 30px;
    right: 0
}

section.cihazlar h1, section.kablotvdebuaydetay h1 {
    color: #2a4798;
    font-size: 24px;
    margin: 0;
    font-weight: 800;
    line-height: 35px
}

section.cihazlar h1 + p, section.kablotvdebuaydetay h1 + p {
    font-weight: 600;
    color: #a3a3a3;
    line-height: 17px
}

section.cihazlar .cihaz {
    border-radius: 10px;
    background-color: #fff;
    padding: 30px;
    margin-bottom: 30px
}

section.cihazlar .cihaz .cihazfoto {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

section.cihazlar .cihaz h2 {
    color: #2a4798;
    font-weight: 800;
    margin: 30px 0;
    font-size: 16px
}

section.cihazlar .cihaz .fiyatlar {
    margin: 30px 0
}

section.cihazlar .cihaz .fiyatlar .fiyat {
    border-radius: 10px;
    background-color: #8892aa;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10px 20px;
    color: #fff;
    line-height: 17px;
    font-weight: 600;
    cursor: default
}

section.cihazlar .cihaz .fiyatlar .fiyat:hover {
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%)
}

section.cihazlar .cihaz .fiyatlar .fiyat b {
    font-weight: 800;
    line-height: 27px
}

section.cihazlar .cihaz .aciklama {
    font-size: 14px;
    color: #999;
    line-height: 22px
}

section.cihazlar .cihaz .teknikozellikler .teknikozellik {
    display: inline-block;
    position: relative;
    padding: 25px 25px 25px 60px;
    color: #999;
    font-size: 14px;
    font-weight: 700;
    max-width: 100%;
    width: 145px;
    margin-right: 20px
}

section.cihazlar .cihaz .teknikozellikler .teknikozellik:before {
    content: '';
    background: url(svg/pdf.svg);
    height: 55px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    width: 50px;
    transform: translateY(-50%)
}

section.kablotvdebuaydetay .programFotografi img {
    border-radius: 14px;
    background-color: #000;
    width: 100%;
    display: block;
    margin: 0 auto
}

section.kablotvdebuaydetay .icerik {
    padding: 20px 0
}

section.kablotvdebuaydetay .icerik h2 {
    font-size: 18px;
    color: #2a4798;
    font-weight: 800;
    line-height: 27px
}

section.kablotvdebuaydetay .icerik p {
    line-height: 26px;
    color: #999
}

.owl-teledunyaPaketleri .owl-nav > button > span {
    background: #cfcfcf;
    color: #fff
}

section.filmlersenibekliyor .owl-teledunyaPaketleri .owl-nav {
    bottom: auto;
    right: 0;
    top: -40px
}

section.filmlersenibekliyor .owl-teledunyaPaketleri .owl-stage-outer {
    padding: 40px;
    margin: -40px
}

section.filmlersenibekliyor h2, section.yakmlasmaktaolanfilmler h2 {
    color: #2a4798;
    font-weight: 800;
    margin: 30px 0;
    font-size: 24px
}

.kablotvbuay .programlar.owl-yaklasanFilmler .owl-stage {
    padding-bottom: 50px
}

.owl-yaklasanFilmler .owl-stage-outer {
    max-width: 100vw
}

.owl-yaklasanFilmler .owl-nav {
    position: absolute;
    top: -40px;
    right: 0
}

.owl-yaklasanFilmler .owl-nav > button > span .icon {
    fill: #fff
}

.owl-yaklasanFilmler .owl-nav > button > span {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    background: #cfcfcf;
    border-radius: 100%;
    color: #fff;
    font-size: 40px
}

.owl-yaklasanFilmler .owl-item {
    opacity: 0;
    transition: .6s .1s ease all;
    pointer-events: none;
    transform: scale(.9)
}

.owl-kampanyaAvantajlari .owl-item.active, .owl-yaklasanFilmler .owl-item.active {
    opacity: 1;
    transform: scale(1);
    transition: .4s ease all;
    pointer-events: auto
}

.customModalBackdrop {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none;

    background: rgba(42, 71, 152, .8);
    z-index: 1999;
    transition: .2s ease all
}

.customModalBackdrop.active {
    opacity: 1;
    pointer-events: auto
}

.customModal {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: flex;
    justify-content: center;
    z-index: 19999;
    align-items: center;
    margin-top: -50px;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s ease all;
    transform: scale(0.95);
}

.customModal.active {
    margin-top: 0px;
    opacity: 1;
    pointer-events: all;
    transform: scale(1);
}


.customModal .cmodal-panel {
    width: 90vw;
    max-width: 590px;
    position: relative;
}

.customModal .cmodal-close {
    position: absolute;
    right: 0;
    top: -55px
}

.customModal .cmodal-close .icon {
    width: 45px;
    height: 45px;
    fill: #fff
}

.customModal .cmodel-area:before {
    content: '';
    position: absolute;
    left: -3px;
    right: -3px;
    top: -3px;
    bottom: -3px;
    z-index: -1;
    border-radius: 13px;
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%)
}

.customModal .cmodel-area {
    background: #fdfefe;
    border-radius: 10px;
    position: relative
}

.customModal .cmodel-area.model-success .iconback {
    background-image: -moz-linear-gradient(-40deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(-40deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(-40deg, #2c9cd4 0, #2a4798 100%)
}

.customModal .cmodel-area.model-primary .iconback {
    background: #2c9ad2
}

.customModal .cmodel-area.model-warning .iconback {
    background: #fc0
}

.customModal .cmodel-area.model-danger .iconback {
    background: #d81342
}

.customModal .cmodel-area .iconback {
    height: 177px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.customModal .cmodel-area .iconback .icon {
    width: 88px;
    height: 88px;
    fill: #fff
}

.customModal .cmodel-area .row, .kampanyaDetayText ul {
    margin: 0
}

.customModal .cmodel-area .row > div {
    padding: 0
}

.customModal .cmodel-area .content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    height: 100%;
    padding: 0 15%
}

.customModal .cmodel-area .content .baslik {
    color: #8b8c8c;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 10px
}

.customModal .cmodel-area .content .text {
    color: #8b8c8c;
    line-height: 20px
}

.kampanyaDetayText ul > li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px
}

.kampanyaDetayText ul > li:before {
    content: '';
    width: 6px;
    height: 6px;
    background: #1c95ff;
    position: absolute;
    left: 0;
    top: 7px;
    border-radius: 100%
}

.kampanyaDetayText {
    line-height: 22px;
    font-size: 14px;
    padding: 25px;
    color: #999
}

#kampanya-ucretlendirme table tr > td:not(:first-child) {
    font-weight: 700
}

body.page404 {
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    min-height: 100vh
}

section.page404content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 100vh
}

section.page404content a.logo {
    -webkit-mask-image: url(svg/logo-renkli.svg);
    background: #fff;
    width: 214px;
    height: 107px;
    display: block;
    -webkit-mask-size: 100%;
    margin-bottom: 40px
}

section.page404content h1 {
    font-size: 36px;
    line-height: 55px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px
}

section.page404content p {
    color: #fff;
    line-height: 55px;
    margin: 0
}

section.page404content .linkler a {
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    margin: 0 10px
}

section.page404content .linkler a:hover {
    color: #858688
}

section.page404content .cagrimerkezi:hover {
    color: #0f1648
}

section.page404content .cagrimerkezi .icon {
    position: absolute;
    left: -50px;
    width: 40px;
    height: 40px;
    fill: #43ace7
}

section.page404content .cagrimerkezi {
    display: inline-block;
    text-align: left;
    font-weight: 700;
    line-height: 18px;
    color: #fff;
    vertical-align: middle;
    margin-right: 20px;
    height: 38px;
    font-size: 20px;
    position: relative;
    margin-top: 30px
}

section.page404content .cagrimerkezi span {
    display: block;
    color: #43ace7;
    font-size: 13px;
    font-weight: 700
}

.copyrightsign:Hover {
    bottom: 0
}

.copyrightsign, footer .crater, footer .labkod {
    transition: .3s ease all;
    display: flex;
    position: absolute
}

.copyrightsign {
    bottom: 0;
    padding: 10px 22px;
    border-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: 200px;
    right: 0
}

.copyrightsign .llogo {
    display: inline-flex;
    flex-direction: column;
    color: #fff;
    cursor: pointer;
    width: 50%;
    padding: 10px 0
}

.copyrightsign .llogo small {
    font-size: 12px;
    display: none
}

.copyrightsign .llogo .icon.crater {
    -webkit-mask-image: url(svg/crater-logo.svg)
}

.copyrightsign .llogo .icon.labkod {
    -webkit-mask-image: url(svg/labkod-logo.svg)
}

.copyrightsign .llogo .icon {
    display: block;
    background: #2776a9;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: left center;
    height: 16px;
    width: 70px;
    transition: .3s ease all
}

.copyrightsign:Hover .icon, .iletisimFormu, section.iletisim .customSelect .select2-container .select2-selection--single, section.kampanyaTablar .kampanyaIcerik3 table tbody tr:hover {
    background: #fff
}

footer .crater:hover .icon, footer .labkod:hover .icon {
    fill: #fff
}

footer .crater .icon, footer .labkod .icon {
    fill: #15244c;
    padding: 5px 12px;
    transition: .3s ease all;
    height: 100%
}

footer .crater, footer .labkod {
    cursor: pointer;
    width: 90px;
    right: 100px;
    bottom: -25px;
    height: 50px;
    justify-content: center;
    align-items: center;
    background: #15244c;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    font-weight: 700;
    letter-spacing: -1px
}

footer .crater {
    right: 0;
    color: #15244c
}

footer .labkod:hover {
    bottom: 0
}

footer .crater:hover {
    bottom: 0;
    color: #fff
}

section.kampanyaTablar table.kucuktablo tr th {
    color: #2a4798;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    padding: 30px 25px;
    vertical-align: middle
}

section.kampanyaTablar table.kucuktablo tbody tr > td {
    line-height: 22px;
    color: #999;
    padding: 5px 12px;
    transition: .3s ease all;
    cursor: default;
    vertical-align: middle
}

.iletisimFormu {
    padding: 10px;
    border-radius: 10px
}

.iletisimFormu form .form-group, section.bayibasvuru .adimlar, section.bayibasvuru form .form-group {
    position: relative
}

.iletisimFormu form p {
    font-size: 14px;
    margin-top: 10px;
    line-height: 20px;
    color: #a3a3a3;
    text-align: center
}

.iletisimFormu form textarea {
    min-height: 57px;
    padding: 26px 20px;
    border: 0;
    background: #f0f1f1;
    color: #848585;
    border-radius: 10px;
    width: 100%;
    position: relative;
    z-index: 2
}

section.iletisim .customSelect .bg .select2:before {
    opacity: 1 !important
}

section.iletisim {
    margin-top: -20px
}

.iletisimFormu form input:focus + .focus, section.bayibasvuru form input:focus + .focus {
    opacity: 1
}

section.bayibasvuru h1, section.iletisim h1 {
    color: #a3a3a3;
    font-size: 24px;
    font-weight: 800
}

section.iletisim h1 {
    margin-bottom: 15px
}

section.iletisim h1 + p {
    font-size: 16px
}

.owl-iletisimMaps .owl-dots {
    display: none
}

.owl-iletisimMaps .owl-stage-outer {
    max-width: 100vw;
    padding: 0 0 0
}

.owl-iletisimMaps .owl-nav {
    position: absolute;
    top: -80px;
    right: 0
}

.owl-iletisimMaps .owl-nav > button > span {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    border-radius: 100%;
    font-size: 40px;
    background-image: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    color: #fff
}

.owl-iletisimMaps .owl-nav > button > span > .icon {
    fill: #fff
}

.owl-iletisimMaps .owl-nav > button:hover > span > .icon {
    fill: #cfcfcf
}

.owl-iletisimMaps .owl-nav > button:hover > span {
    color: #cfcfcf
}

h4.personel-title {
    color: #2a4798;
    font-size: 18px;
    line-height: 18px;
    font-weight: 800;
    margin-bottom: 60px;
    margin-top: 60px
}

.personeller .personel {
    display: flex;
    align-items: center;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto
}

.personeller .personel .img {
    min-width: 130px;
    height: 130px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 10px
}

.personeller .personel .img:hover {
    box-shadow: 0 0 29px 0 rgba(43, 113, 181, .48)
}

.personeller .personel .bilgi {
    margin-left: 20px
}

.personeller .personel .bilgi span {
    font-size: 16px;
    font-weight: 700;
    color: #999;
    display: block;
    line-height: 1;
    margin-bottom: 5px
}

.personeller .personel .bilgi small {
    font-size: 16px;
    font-weight: 400;
    color: #999;
    display: block;
    line-height: 1
}

.adresbilgisi .card-header button {
    border: unset;
    background: unset;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 100%
}

.adresbilgisi .card-header button .icon:after {
    content: "";
    -webkit-mask-image: url(svg/carret-arrow.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    border: 0 !important;
    height: 25px;
    width: 35px;
    transform: rotate(90deg);
    margin: 0;
    background-size: contain;
    transition: .3s ease all;
    display: block;
    background: #2b8fcb
}

.adresbilgisi .card-header button.collapsed .icon:after {
    transform: rotate(270deg)
}

.iletisimbilgileri .adresbilgisi .card {
    border: unset
}

.iletisimbilgileri .adresbilgisi .card .card-header {
    background-color: unset;
    border-bottom: unset;
    padding: 0
}

section.bayibasvuru h1 {
    margin-top: 30px
}

section.bayibasvuru h1 + p, section.iletisim h1 + p {
    font-weight: 600;
    color: #a3a3a3
}

section.bayibasvuru form input {
    line-height: 57px;
    padding: 0 20px;
    border: 0;
    background: #f0f1f1;
    color: #848585;
    border-radius: 10px;
    width: 100%;
    position: relative;
    height: 56px;
    z-index: 2
}

section.bayibasvuru .content {
    background: #fff;
    border-radius: 10px;
    padding: 100px 25px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

section.bayibasvuru .adim.active {
    opacity: 1;
    pointer-events: auto
}

section.bayibasvuru .adim {
    opacity: 0;
    pointer-events: none
}

section.bayibasvuru .adim .baslik {
    font-weight: 800;
    text-align: center;
    line-height: 20px;
    color: #2a4798;
    margin-bottom: 40px
}

section.bayibasvuru .buttons {
    text-align: center
}

section.bayibasvuru .adim-2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    z-index: 3
}

section.bayibasvuru .btn-primary {
    border-radius: 18px;
    background-image: -moz-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%)
}

.kablonetMenu {
    display: none;
    left: 0;
    right: 0;
    top: 0;
    z-index: 15;
    position: relative;
    transition: .5s
}

.kablonetMenu.active .top .logo {
    margin-left: -120px;
    opacity: 0
}

.kablonetMenu .logo {
    position: absolute
}

.kablonetMenu .logo .img {
    background-image: url(svg/logo-renkli.svg);
    width: 120px;
    height: 60px;
    display: inline-block;
    transition: .3s ease all
}

.kablonetMenu .cagrimerkezi:hover {
    color: #0f1648
}

.kablonetMenu.active .cagrimerkezi, .kablonetMenu.active .cagrimerkezi span, footer h4 a {
    color: #fff
}

section.basvuruBanner p {
    width: calc(100% - 580px);
    margin: 0;
    font-size: 16px;
    line-height: 25px
}

.kablonetMenu .top.back .cagrimerkezi {
    margin-left: -200px
}

.kablonetMenu .top.back .back {
    opacity: 1;
    left: 30px
}

.kablonetMenu .top .back {
    -webkit-mask-image: url(svg/left-arrow.svg);
    height: 35px;
    width: 50px;
    background: #fff;
    display: inline-block;
    opacity: 0;
    position: absolute;
    left: 120px;
    top: 20px;
    transition: .3s ease all
}

.kablonetMenu .cagrimerkezi {
    display: inline-block;
    text-align: left;
    font-weight: 700;
    line-height: 18px;
    color: #2a519f;
    vertical-align: middle;
    height: 38px;
    position: relative;
    margin: 0 15px;
    margin-top: -8px
}

.kablonetMenu .cagrimerkezi span {
    display: block;
    color: #8d8d8d;
    font-size: 12px;
    font-weight: 700
}

.kablonetMenu.active .button-toggle span {
    background: #fff;
    width: 42px
}

.kablonetMenu.active .button-toggle {
    top: 10px
}

.kablonetMenu .button-toggle {
    cursor: pointer;
    background: 0 0;
    box-shadow: none;
    border: 0;
    transition: all .3s;
    height: 50px;
    position: absolute;
    z-index: 30;
    outline: unset !important;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    left: -10px;
    right: 0;
    left: calc(100% - 75px);
    top: 30px
}

.button-toggle span {
    display: block;
    width: 48px;
    height: 8px;
    background: #a4a4a4;
    border-radius: 10px;
    margin: 0;
    position: absolute;
    top: 23px;
    left: 14px;
    transition: all .3s
}

.kablonetMenu.active .button-toggle span:nth-child(1) {
    transform: rotate(45deg) translate(-4px, 4px)
}

.kablonetMenu.active .button-toggle span:nth-child(2) {
    transform: translateX(-50px);
    opacity: 0
}

.kablonetMenu.active .button-toggle span:nth-child(3) {
    transform: rotate(-45deg) translate(-4px, -4px)
}

.button-toggle span:nth-child(1) {
    transform: translateY(-13px)
}

.button-toggle span:nth-child(3) {
    transform: translateY(13px)
}

.kablonetMenu.active .top {
    background: #2a4899;
    box-shadow: unset;
    padding: 0 10px;
    left: 0;
    right: 0;
    top: 0;
    position: fixed
}

.kablonetMenu .top {
    background: #fff;
    padding: 21px 10px;
    box-shadow: 0 0 92px 0 rgba(8, 27, 82, .42);
    position: relative;
    z-index: 6;
    transition: .3s ease all
}

.kablonetMenu .top .logo {
    display: inline-block;
    position: relative;
    z-index: 30;
    padding: 5px 0;
    vertical-align: middle;
    opacity: 1
}

.kablonetMenu .mMenu.active {
    transition: .4s ease all;
    pointer-events: auto;
    opacity: 1;
    right: 0
}

.kablonetMenu .mMenu {
    position: fixed;
    top: 0;
    bottom: 0;
    background: #2b499a;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    left: 0;
    right: 100%;
    transition: .3s ease all;
    display: flex;
    flex-direction: row;
    white-space: nowrap
}

.kablonetMenu .siziArayalimContent, .owl-hizmeturunler {
    display: none
}

.kampanyalarspan {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    line-height: 24px
}

.kablonetMenu .content, .kablonetMenu .subContent {
    height: calc(100vh - 77px);
    margin-top: 77px;
    overflow-y: scroll;
    min-width: 100vw;
    position: relative;
    transition: .3s ease all
}

.kablonetMenu .subContent {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 25px 25px
}

.kablonetMenu .subContent p {
    color: #f0f1f1;
    line-height: 23px;
    white-space: normal;
    text-align: center;
    margin: 40px 0
}

.kablonetMenu .subContent .form-group button {
    background: #fff;
    display: block;
    width: 100%;
    color: #2b499a;
    font-size: 28px;
    font-weight: 800;
    padding: 0;
    line-height: 82px;
    border-radius: 10px
}

.kablonetMenu .subContent .form-group input {
    padding: 0 20px;
    line-height: 64px;
    height: 64px;
    border-radius: 10px;
    font-size: 18px;
    color: #848585;
    border: 0
}

.kablonetMenu .content {
    padding: 0 25px
}

.kablonetMenu .content.slideLeft {
    margin-left: -100vw
}

.kablonetMenu .content ul > li > a:before {
    content: '';
    width: 9px;
    height: 9px;
    background: #fff;
    position: absolute;
    border-radius: 100%;
    left: 5px;
    top: 50%;
    transform: translateY(-50%)
}

.kablonetMenu .content ul > li > a {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    line-height: 40px;
    display: block;
    padding: 0 5px 0 25px;
    position: relative
}

.kablonetMenu .content ul > li:nth-child(2) > a:before {
    background: #e7ecfb
}

.kablonetMenu .content ul > li:nth-child(3) > a:before {
    background: #b6d0f5
}

.kablonetMenu .content ul > li:nth-child(4) > a:before {
    background: #8eb0e0
}

.kablonetMenu .content ul > li:nth-child(5) > a:before {
    background: #5a89cb
}

.kablonetMenu .content ul > li:nth-child(6) > a:before {
    background: #4872dc
}

.kablonetMenu .content ul > li:nth-child(7) > a:before {
    background: #191957
}

.kablonetMenu .content ul > li:nth-child(2) > a {
    color: #e7ecfb
}

.kablonetMenu .content ul > li:nth-child(3) > a {
    color: #b6d0f5
}

.kablonetMenu .content ul > li:nth-child(4) > a {
    color: #8eb0e0
}

.kablonetMenu .content ul > li:nth-child(5) > a {
    color: #5a89cb
}

.kablonetMenu .content ul > li:nth-child(6) > a {
    color: #4872dc
}

.kablonetMenu .content ul > li:nth-child(7) > a {
    color: #191957
}

.kablonetMenu .content .btn-siziArayalim, .kablonetMenu .subContent .btn-siziArayalim {
    background: #fff;
    display: block;
    width: 100%;
    color: #2b499a;
    font-size: 28px;
    font-weight: 800;
    padding: 0;
    line-height: 82px;
    border-radius: 10px
}

.kablonetMenu .subContent .baslik {
    color: #5a89cb;
    font-size: 29px;
    line-height: 55px;
    font-weight: 800
}

.kablonetMenu .subContent ul > li > a:before {
    content: '';
    width: 9px;
    height: 9px;
    background: #fff;
    position: absolute;
    border-radius: 100%;
    left: 5px;
    top: 17px
}

.kablonetMenu .subContent ul > li > a {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    display: block;
    padding: 5px 5px 5px 25px;
    position: relative;
    white-space: normal
}

body.noscroll {
    max-height: 100vh;
    overflow: hidden
}

section.basvuruBanner .bannerBasvuruFormu p {
    width: auto
}

section.kampanyaTablar .kampanyaIcerik3 {
    margin-top: 30px;
    padding: 0 20px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

section.kampanyaTablar table th {
    text-align: center;
    padding: 20px 0;
    background: #f2f2f2;
    border: 3px solid #fff;
    border-top: 0
}

section.kampanyaTablar table th:first-child {
    border-left-color: #f2f2f2
}

section.kampanyaTablar table th:last-child {
    border-right: none
}

section.kampanyaTablar .tab-content {
    border-bottom: none
}

section.kampanyaTablar table th:hover {
    background: #f2f2f2
}

section.kampanyaTablar .kampanyaIcerik3 table {
    margin-bottom: 0
}

section.kampanyaTablar .kampanyaIcerik3 table tbody tr > td {
    vertical-align: middle;
    padding: 0 25px;
    line-height: 35px;
    border: 3px solid #f2f2f2;
    background: #fff;
    text-align: center
}

section.kampanyaTablar table tbody tr:hover > td {
    background: #fff;
    color: #999
}

section.kampanyaTablar .kampanyaIcerik3 .table-responsive {
    overflow-x: visible
}

section.kampanyaTablar table tbody tr:nth-child(odd) td {
    background: #fff
}

.resp, .respcenter {
    max-width: 100%;
    height: auto
}

.respcenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.respcentery {
    max-width: 70%;
    height: auto
}

.center, .respcentery {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.servis-liste {
    margin: 30px;
    list-style-type: none;
    color: #999
}

.servis-liste li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 5px
}

.servis-liste li:before {
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 3px;
    background: #3c9fd6;
    left: -25px;
    top: 5px
}

.servis-liste li a {
    text-decoration: underline
}

.tarifeSecmeContainer .sihirbaz-list .sihirbaz-item .content .sihirbaz-data, section.kampanyaBanner .container .lbBannerImg {
    text-align: right
}

section.kampanyaBanner .container .lbBannerImg img {
    max-height: 350px
}

section.basvuruBanner .container {
    flex-direction: unset
}

section.basvuruBanner .bannerBasvuruFormu {
    position: relative;
    max-width: unset;
    top: unset;
    margin-top: 30px;
    margin-bottom: 30px
}

body.simdibasvurbody section.basvuruBanner, section.basvuruBanner p {
    width: 100%
}

.mobile-footer, section.kampanyaBanner .lbBannerImgMobile {
    display: none
}

.linkblack, .linkgray {
    color: #000;
    font-weight: 500 !important
}

.linkgray {
    color: gray
}

.linkmaroon, .linksilver, .linkwhite {
    color: silver;
    font-weight: 500 !important
}

.linkmaroon, .linkwhite {
    color: #fff
}

.linkmaroon {
    color: maroon
}

.linkfuchsia, .linkpurple, .linkred {
    color: #f33;
    font-weight: 500 !important
}

.linkfuchsia, .linkpurple {
    color: purple
}

.linkfuchsia {
    color: #f0f
}

.linkgreen, .linklime, .linkolive {
    color: green;
    font-weight: 500 !important
}

.linklime, .linkolive {
    color: #0f0
}

.linkolive {
    color: olive
}

.linkblue, .linknavy, .linkyellow {
    color: #ffc61d;
    font-weight: 500 !important
}

.linkblue, .linknavy {
    color: navy
}

.linkblue {
    color: #2a4798
}

.linkaqua, .linkorange, .linkteal {
    color: teal;
    font-weight: 500 !important
}

.linkaqua, .linkorange {
    color: #0ff
}

.linkorange {
    color: #ff7600
}

.p-20 {
    padding: 20px
}

.mt-20 {
    margin-top: 20px
}

.pt-30 {
    padding-top: 30px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-50 {
    padding-bottom: 50px
}

.mt-50 {
    margin-top: 50px
}

.pb-20 {
    padding-bottom: 20px
}

.mt-30 {
    margin-top: 30px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-30 {
    margin-bottom: 30px
}

.pt-20 {
    padding-top: 20px
}

.pt-100 {
    padding-top: 100px
}

.mt-100 {
    margin-top: 100px
}

.mb-100 {
    margin-bottom: 100px
}

.pt-75 {
    padding-top: 75px
}

.mb-50 {
    margin-bottom: 50px
}

section.tarifeSecmeBanner {
    background-color: #2a4798;
    min-height: 520px;
    padding-top: 70px
}

section.tarifeSecmeBanner h1 {
    color: #fff;
    font-size: 36px;
    line-height: 41px;
    font-weight: 800
}

section.tarifeSecmeBanner p {
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    font-weight: 600
}

.tarifeSecmeContainer {
    position: relative;
    margin-top: -280px;
    background: #fff;
    padding: 20px 27px;
    border-radius: 16px;
    box-shadow: -.988px -.156px 30px 0 rgba(32, 4, 70, .1)
}

.tarifeSecmeContainer .sihirbaz-list .sihirbaz-item {
    padding: 30px 0;
    border-bottom: 4px solid #f2f2f2
}

.tarifeSecmeContainer .sihirbaz-list .sihirbaz-item .content {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.tarifeSecmeContainer .sihirbaz-list .sihirbaz-item .content p {
    margin: 0;
    color: #999;
    font-size: 14px;
    font-weight: 600;
    line-height: 15px;
    width: 70%
}

.tarifeSecmeContainer .sihirbaz-list .sihirbaz-item .content p .icon {
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 10px
}

.tarifeSecmeContainer .sihirbaz-list .sihirbaz-item .content .sihirbaz-data .type {
    font-size: 18px;
    color: #2a4798;
    font-weight: 800;
    line-height: 22px
}

.tarifeSecmeContainer .sihirbaz-list .sihirbaz-item .content .sihirbaz-data .typesize {
    color: #999;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px
}

.tarifeSecmeContainer .sihirbaz-list .sihirbaz-item .content .sihirbaz-data .typesize .countmb {
    display: inline-block
}

.tarifeSecmeContainer .sihirbaz-list .sihirbaz-item .rangeSlider {
    background: linear-gradient(to right, #82cfd0 0, #82cfd0 50%, #fff 50%, #fff 100%);
    border: 0;
    border-radius: 8px;
    height: 15px;
    width: 100%;
    outline: 0;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
    background: linear-gradient(to right, #2a4798 0, #2b70b5 0, #999 0, #999 100%);
    margin: 20px 0
}

.tarifeSecmeContainer .sihirbaz-list .sihirbaz-item .rangeSlider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    background-image: -webkit-linear-gradient(-41deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(-41deg, #2c9cd4 0, #2a4798 100%);
    width: 25px;
    height: 42px;
    border-radius: 20px
}

.tarifeSecmeContainer .img {
    padding-left: 100px;
    margin-bottom: 20px
}

.tarifeSecmeContainer .hesaplama {
    text-align: right
}

.tarifeSecmeContainer .hesaplama .sonucBirim {
    text-align: right;
    font-size: 34px;
    font-weight: 800;
    line-height: 34px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -moz-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    display: inline-block
}

.tarifeSecmeContainer .hesaplama .sonuc {
    font-size: 214px;
    text-align: right;
    font-weight: 800;
    line-height: 154px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -moz-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%)
}

.tarifeSecmeContainer .hesaplama .text {
    text-align: right;
    font-size: 42px;
    color: #999;
    font-weight: 800;
    line-height: 42px
}

.tarifeSecmeContainer .hesaplama .text2 {
    color: #999;
    text-align: right;
    font-size: 20px;
    font-weight: 500
}

.noselect2 .bg {
    padding: 2px;
    display: flex;
    background-image: -moz-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%)
}

.noselect2 .js-example-basic-single {
    border: 0;
    width: 100%;
    height: 100%;
    border-radius: 9px;
    font-size: 14px;
    padding: 0 15px;
    color: #848585;
    font-weight: 500;
    background: #f0f1f1
}

section.owlSlider .content {
    display: flex;
    flex-wrap: wrap
}

section.owlSlider .content .left {
    padding-top: 100px;
    overflow: hidden;
    width: 35%
}

section.owlSlider .content .left .baslik {
    font-size: 41px;
    line-height: 52px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -2px;
    padding-bottom: 40px;
    position: relative;
    left: 0;
    transition: .3s ease all
}

section.owlSlider .content .left .baslik span {
    color: #2c96d0
}

section.owlSlider .content .left .aciklama {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: -1px;
    position: relative;
    left: 0;
    transition: .3s .1s ease all
}

section.owlSlider .content .center {
    width: 40%
}

section.owlSlider .content .center img {
    height: 650px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    position: relative;
    transform: scale(1);
    right: 0;
    transition: .6s .1s ease all;
    top: 0;
    width: unset
}

section.owlSlider .content .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 25%;
    opacity: 1
}

section.owlSlider .content .right .basvurtext {
    color: #93bedf;
    text-align: right;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: -1px;
    margin-bottom: 20px;
    opacity: 1;
    transition: .6s .1s ease all
}

section.owlSlider .content .right .basvurbtn {
    margin-left: auto
}

.owlSlider .owl-mainslider .owl-dots {
    display: none
}

.basvuruOkBanner h1, .basvuruOkBanner span {
    color: #fff
}

section.basvuruOkBanner.basvuruBanner {
    min-height: 500px;
    height: 500px;
    background: radial-gradient(circle at top, #2685bf 0, #2a4b9b 100%)
}

.basvuruOkBanner .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.basvuruOkBanner svg {
    fill: #fff
}

.select2changed .select2 {
    width: 100% !important
}

section.musteriYorumlari2 {
    padding: 50px 0
}

section.musteriYorumlari2 .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

section.musteriYorumlari2 .container > div {
    width: 50%
}

section.musteriYorumlari2 .yorumlarLeft h3 {
    font-size: 24px;
    color: #2a4798;
    font-weight: 800;
    margin-bottom: 5px
}

section.musteriYorumlari2 .yorumlarLeft span {
    color: #999
}

section.musteriYorumlari2 .container .yorumlarRight .owl-nav {
    display: flex;
    justify-content: flex-end
}

section.musteriYorumlari2 .container .yorumlarRight .owl-nav > span svg {
    width: 11px;
    height: 17px
}

section.musteriYorumlari2 .container .yorumlarRight .owl-nav > span {
    border-radius: 100%;
    background: #cfcfcf;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 2px
}

section.musteriYorumlari2 .container .yorumlarRight .owl-nav > span:hover {
    background: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%)
}

section.musteriYorumlari2 .container .yorumlarRight .owl-nav > span svg {
    fill: #fff
}

section.musteriYorumlari2 .owl-nav .owl-prev {
    transform: rotate(180deg);
    margin-right: 6px
}

section.musteriYorumlari2 .owl-musteriYorumlari2 .owl-stage {
    padding: 60px 0
}

section.musteriYorumlari2 .musteriYorum {
    background: #fff;
    border: 1px solid #deeaf5;
    border-radius: 16px;
    padding: 30px 40px;
    position: relative;
    transition: .3s ease all;
    z-index: 2;
    min-height: 220px
}

section.musteriYorumlari2 .musteriYorum:hover {
    box-shadow: .954px 4.908px 57px 0 rgba(4, 11, 38, .13);
    z-index: 3
}

section.musteriYorumlari2 .musteriYorum .musteriHeader {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

section.musteriYorumlari2 .musteriYorum .musteriHeader .musteriIsim {
    color: #2a4798;
    font-weight: bolder;
    margin-bottom: 30px;
    display: block;
    width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

section.musteriYorumlari2 .musteriYorum .musteriHeader.musteriYildiz {
    width: 50%;
    display: flex;
    justify-content: flex-end
}

section.musteriYorumlari2 .musteriYorum .musteriHeader .musteriYildiz svg {
    fill: #2a4798;
    width: 17px;
    height: 17px;
    margin: 0 1px
}

section.musteriYorumlari2 .musteriYorum p {
    color: #999;
    line-height: 22px;
    font-size: 15px
}

section.musteriYorumlari2 .musteriYorum a {
    display: inline-block;
    background: -moz-linear-gradient(130deg, #999 0, #999 100%);
    background: -webkit-linear-gradient(130deg, #999 0, #999 100%);
    background: -ms-linear-gradient(130deg, #999 0, #999 100%);
    color: #fff;
    padding: 10px 18px;
    font-weight: 700;
    border-radius: 10px;
    position: absolute;
    bottom: -15px;
    right: 40px
}

section.musteriYorumlari2 .musteriYorum a:hover {
    background: -moz-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%);
    background: -ms-linear-gradient(130deg, #2c9cd4 0, #2a4798 100%)
}

section.musteriYorumlari2 .musteriButtons {
    display: flex;
    justify-content: center
}

section.musteriYorumlari2 .musteriButtons a {
    font-size: 18px;
    font-weight: bolder;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 10px;
    min-width: 205px;
    text-align: center;
    background: #2a4798
}

section.musteriYorumlari2 .musteriButtons a:last-child {
    margin-left: 10px;
    background: #999
}

section.kampanyalarList.yorumlarList .navig .tiplinkler > a {
    padding: 5px 15px;
    border-radius: 10px;
    background-color: #999;
    font-weight: bolder;
    color: #fff;
    min-width: 200px;
    text-align: center
}

section.kampanyalarList.yorumlarList .navig .turlinkleri {
    display: flex;
    height: 100%;
    align-items: center
}

section.yorumlarList .yorumListElement .yorumListContent {
    background: #fff;
    border: 2px solid #deeaf5;
    border-radius: 15px;
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative /*! margin-bottom: 25px; */
}

section.yorumlarList .yorumListElement {
    margin-bottom: 25px;
    transition: .3s .8s ease all;
    position: relative;
    z-index: 3
}

section.yorumlarList .yorumListElement.selectedyorum {
    box-shadow: .954px 4.908px 57px 0 rgb(4 11 38 / 13%);
    border-radius: 16px;
    transition: .3s .8s ease all
}

section.yorumlarList .yorumListElement.selectedyorum:after {
    position: absolute;
    content: '';
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    border-radius: 16px;
    background-image: -webkit-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    z-index: -1
}

section.yorumlarList .yorumListElement .yorumLeft {
    width: 50%
}

section.yorumlarList .yorumListElement .yorumLeft .yorumIsim {
    color: #2a4798;
    font-size: 16px;
    font-weight: 700
}

section.yorumlarList .yorumListElement .yorumLeft .yorumTarih {
    color: #2a4798;
    font-size: 14px;
    margin-top: 5px
}

section.yorumlarList .yorumListElement .yorumRight {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

section.yorumlarList .yorumListElement .yorumRight svg {
    width: 18px;
    height: 18px;
    fill: #2a4798;
    margin: 0 1px
}

section.yorumlarList .yorumListElement.hasreply .yorumListContent {
    padding-bottom: 100px
}

section.yorumlarList .yorumListElement .yorumIcerik {
    margin-top: 25px;
    display: block;
    width: 100%;
    font-size: 16px;
    color: #999
}

section.yorumlarList .yorumListElement .yorumReply {
    position: relative;
    width: 100%;
    right: 15px;
    top: -70px;
    margin-bottom: -70px
}

section.yorumlarList .yorumListElement .yorumReply .yorumReplyBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background: #5571b0;
    padding: 20px;
    border-radius: 15px;
    width: 90%;
    margin-left: auto
}

section.yorumlarList .yorumListElement .yorumReply .yorumReplyBox span {
    font-size: 16px;
    width: 50%;
    font-weight: bolder;
    color: #fff
}

section.yorumlarList .yorumListElement .yorumReply .yorumReplyBox .yorumLogo {
    -webkit-mask-image: url(svg/logo-renkli.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    width: 25%;
    height: 27px;
    background: #fff;
    fill: #fff
}

section.yorumlarList .yorumListElement .yorumReply .yorumReplyBox .yorumReplyIcerik {
    color: #fff;
    font-size: 13px;
    margin-top: 15px
}

section.bayibasvuru.yorumyap {
    padding: 32px 0
}

section.bayibasvuru.yorumyap .yorumsection {
    background: #fff;
    border-radius: 10px;
    padding: 40px 30px
}

section.bayibasvuru.yorumyap .yorumsection > p {
    margin-bottom: 35px
}

section.bayibasvuru.yorumyap .yorumsection > p b {
    color: #2a4798;
    font-weight: 600
}

section.bayibasvuru.yorumyap .yorumsection > h1 {
    margin-top: 0
}

section.bayibasvuru.yorumyap form {
    border-bottom: 3px solid #f9f9f9
}

section.bayibasvuru.yorumyap form .form-group.puan-label {
    height: calc(100% - 1rem);
    display: flex;
    align-items: center;
    padding-left: 20px;
    color: #848585
}

section.bayibasvuru.yorumyap form .form-group.puan-label label {
    margin: 0
}

section.bayibasvuru.yorumyap form .form-group.puan-form {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    height: calc(100% - 1rem);
    padding-top: 10px
}

section.bayibasvuru.yorumyap form .form-group .puan-form .star-select {
    display: flex
}

section.bayibasvuru.yorumyap form .star-select svg {
    width: 28px;
    height: 28px;
    fill: #2a4798;
    margin: 0 14px
}

section.bayibasvuru.yorumyap form textarea {
    min-height: 220px;
    padding: 26px 20px;
    border: 0;
    background: #f0f1f1;
    color: #848585;
    border-radius: 10px;
    width: 100%;
    position: relative;
    z-index: 2;
    font-weight: 500
}

section.bayibasvuru.yorumyap form .buttonCol {
    display: flex;
    align-items: center
}

section.bayibasvuru.yorumyap form .buttonCol button.btn-primary {
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 29%)
}

.customCheckbox {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 59px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #a3a3a3
}

.customCheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.customCheckbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    background-color: #e0e0e0;
    border-radius: 6px
}

.customCheckbox a {
    color: #2a4798
}

.customCheckbox:hover input ~ .checkmark {
    background-color: #ccc
}

.customCheckbox input:checked ~ .checkmark {
    background: -webkit-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%)
}

.customCheckbox .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.customCheckbox input:checked ~ .checkmark:after {
    display: block
}

.customCheckbox .checkmark:after {
    left: 7px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

section.bayibasvuru.yorumyap .yorumBilgi {
    padding-top: 50px;
    color: #a3a3a3;
    font-weight: 500
}

.adresbilgisi .card-header button.colla2 {
    display: none;
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    top: -10px;
    z-index: 2
}

.kablonetMenu2 {
    display: none;
    left: 0;
    right: 0;
    top: 0;
    z-index: 16;
    position: fixed;
    transition: .5s;
    background: #fff;
    top: -70px;
    z-index: 8
}

.noscroll .kablonetMenu2 {
    z-index: 1
}

.kablonetMenu2 .content {
    padding: 15px 10px
}

.kablonetMenu2 .content .info {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.kablonetMenu2 .content .info .btn, .kablonetMenu2 .content .info .cagrimerkezi {
    display: inline-block;
    font-weight: 700;
    vertical-align: middle
}

.kablonetMenu2 .content .info .cagrimerkezi .icon {
    position: absolute;
    left: -25px;
    width: 20px;
    height: 26px;
    fill: #2a519f
}

.kablonetMenu2 .content .info .cagrimerkezi {
    text-align: left;
    line-height: 13px;
    color: #2a519f;
    margin-right: 20px;
    height: 34px;
    position: relative;
    margin-left: 25px;
    font-size: 13px;
    margin-top: 6px
}

.kablonetMenu2 .content .info .cagrimerkezi:hover {
    color: #0f1648
}

.kablonetMenu2 .content .info .cagrimerkezi span {
    display: block;
    color: #8d8d8d;
    font-size: 12px;
    font-weight: 700
}

.kablonetMenu2 .content .info .btn {
    background-image: -webkit-linear-gradient(130deg, #2c9cd4 0, #2a4798 29%);
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    padding: 4px 16px;
    border: 0
}

.kablonetMenu2 .content .info .btn:hover {
    color: #fff;
    box-shadow: 0 0 29px 0 rgb(43 113 181 / 48%)
}

.kablonetMenu2 .content .info .menuopen {
    margin-left: 10px
}

.kablonetMenu2 .content .info .menuopen .icon {
    width: 30px;
    height: 30px;
    fill: #a4a4a4
}

.customSwitch {
    position: relative;
    display: inline-flex;
    align-items: center
}

.customSwitch input {
    opacity: 0;
    width: 0;
    height: 0
}

.customSwitch .text {
    font-size: 15px
}

.customSwitch .slider {
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    display: inline-block;
    width: 60px;
    height: 34px;
    position: relative;
    margin-right: 5px
}

.customSwitch .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.customSwitch input:checked + .slider {
    background-image: -moz-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(-180deg, #2c9cd4 0, #2a4798 100%)
}

.customSwitch input:focus + .slider {
    box-shadow: 0 0 1px #2196f3
}

.customSwitch input + .slider:after {
    content: '';
    -webkit-mask-image: url(svg/logo-yalin.svg);
    -webkit-mask-size: contain;
    width: 18px;
    height: 11px;
    -webkit-mask-position: center;
    position: absolute;
    background: #3193cc;
    right: 27px;
    top: 50%;
    transform: translateY(-50%) scale(0);
    -webkit-mask-repeat: no-repeat;
    transition: .4s ease all
}

.customSwitch input:checked + .slider:after {
    right: 7px;
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.customSwitch input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.customSwitch .slider.round {
    border-radius: 34px
}

.customSwitch .slider.round:before {
    border-radius: 50%
}

section.kampanyalarList .switchArea {
    float: right
}

section.altyapisehirler {
    padding: 60px 0
}

section.altyapisehirler h2 {
    font-size: 24px;
    font-weight: 800;
    line-height: 61px;
    color: #2a4798;
    margin-bottom: 40px
}

section.altyapisehirler h1 {
    font-size: 24px;
    font-weight: 800;
    line-height: 25px;
    margin-bottom: 40px;
    color: #fff
}

section.altyapisehirler.white-bg h1  {
    color: #2a4798;
}

section.altyapisehirler .sehirlistesi .sehir {
    padding: 15px 25px 15px;
    margin-bottom: 15px;
    transition: .3s ease all;
    min-height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: -.988px -.156px 30px 0 rgb(32 4 70 / 10%);
    cursor: pointer;
    position: relative;
    overflow: hidden
}

section.altyapisehirler .sehirlistesi .sehir.mahalle {
    height: 70px;
    min-height: 70px
}

section.altyapisehirler .sehirlistesi .sehir:hover {
    background-image: -moz-linear-gradient(-144deg, #2c9cd4 0, #2a4798 100%);
    background-image: -webkit-linear-gradient(-144deg, #2c9cd4 0, #2a4798 100%);
    background-image: -ms-linear-gradient(-144deg, #2c9cd4 0, #2a4798 100%);
    box-shadow: -.988px -.156px 30px 0 rgb(32 4 70 / 10%)
}

section.altyapisehirler .sehirlistesi .sehir .text, section.altyapisehirler .sehirlistesi .sehir .text h2 {
    color: #2a53a0;
    display: block;
    font-weight: 600;
    text-align: center;
    transition: .3s ease all;
    line-height: unset;
    margin-bottom: 0px;
    font-size: 16px;
}

section.altyapisehirler .sehirlistesi .sehir.mahalle:hover .text {
    padding-bottom: 15px
}

section.altyapisehirler .sehirlistesi .sehir:hover .text, section.altyapisehirler .sehirlistesi .sehir:hover .text h2 {
    color: #fff
}

section.altyapisehirler .sehirlistesi .sehir .detay {
    opacity: 0;
    position: absolute;
    right: 20px;
    bottom: -40px;
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    transition: .5s ease all
}

section.altyapisehirler .sehirlistesi .sehir .detay .icon {
    width: 20px;
    height: 20px;
    fill: #fff
}

section.altyapisehirler .sehirlistesi .sehir:hover .detay {
    opacity: 1;
    bottom: 10px;
    right: 20px
}

section.altyapisorgulamaBanner:before {
    content: '';
    background-image: url(svg/oval-bg.svg);
    background-size: cover;
    background-color: #2a4798;
    height: 770px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0
}

.chromeframe {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

body.firsatkampanyasi {

}

body.firsatkampanyasi .kablonetMenu .top {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

body.firsatkampanyasi .kablonetMenu .logo {
    margin-right: 20px;
}

body.firsatkampanyasi .kablonetMenu .kampanyabitmesine .clock {
    color: #f00;
}

body.firsatkampanyasi .kablonetMenu .kampanyabitmesine {
    color: #2a4798;
    font-weight: 600;
    font-size: 19px;
    line-height: 21px;
}

body.firsatkampanyasi .hemenAraFixedBtn {

}

body.firsatkampanyasi .kablonetMenu2 .kampanyabitmesine {
    color: #2a4798;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
}

body.firsatkampanyasi .kablonetMenu2 .kampanyabitmesine .clock {
    color: #f00;

}

body.firsatkampanyasi .kablonetMenu2 .info .btn {
    white-space: nowrap;
    padding: 4px 6px;
}

}
body.firsatkampanyasi .kampanyaFirsat {

}

body.firsatkampanyasi .kampanyaFirsat .iletisimFormu {
    margin: 0px -10px;
    padding: 20px;
}

body.firsatkampanyasi .kampanyaFirsat .kampanyabitmesine {
    color: #2a4798;
    font-weight: 600;
    font-size: 21px;
    line-height: 22px;
    text-align: center;
}

body.firsatkampanyasi .kampanyaFirsat .kampanyabitmesine .clock {
    color: #f00;
}

body.firsatkampanyasi .kampanyaFirsat .firsatiyakala {
    color: #2a4798;
    font-weight: 600;
    font-size: 16px;
    line-height: 17px;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 20px;
}


body.firsatkampanyasi  .firsatHemenAra .btnbg > span{
    font-size: 18px;
    width: calc(100% - 65px);
    line-height: 44px;
    text-align: right;

}

body.firsatkampanyasi  .firsatHemenAra:after{
    width: calc(100% - 64px);
}
body.firsatkampanyasi  .firsatHemenAra .btnbg{
    padding: 5px;
}
body.firsatkampanyasi  .firsatHemenAra  .btnbg .svg{
    height: 44px;
    width: 44px;
    margin-right: 10px;
}
body.firsatkampanyasi  .firsatHemenAra  .btnbg .svg .icon{
    padding: 9px;
    margin-top: -4px;
}
body.firsatkampanyasi  .firsatHemenAra{
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 32;
    width: 205px;
    height: 52px;
}




.main-example {
    margin: 0 auto;
    width: 355px;
}
.main-example .countdown-container {
    height: 130px;
}
.main-example .time {
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    display: inline-block;
    text-align: center;
    position: relative;
    height: 95px;
    width: 65px;

    -webkit-perspective: 479px;
    -moz-perspective: 479px;
    -ms-perspective: 479px;
    -o-perspective: 479px;
    perspective: 479px;

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);

    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.main-example .count {
    background: #2a4a9a;
    color: #f8f8f8;
    display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 2em;
    line-height: 2.4em;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    top: 0;
    width: 100%;

    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);

    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    -o-transform-style: flat;
    transform-style: flat;
}
.main-example .count.top {
    border-radius: 5px 5px 0 0;
    height: 50%;

    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.main-example .count.bottom {
    background-image: linear-gradient(rgba(255,255,255,0.1), transparent);
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.1), transparent);
    background-image: -moz-linear-gradient(rgba(255,255,255,0.1), transparent);
    background-image: -ms-linear-gradient(rgba(255,255,255,0.1), transparent);
    background-image: -o-linear-gradient(rgba(255,255,255,0.1), transparent);
    border-radius: 0 0 5px 5px;
    line-height: 0;
    height: 50%;
    top: 50%;

    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
}
.main-example .count.next {
}
.main-example .label {
    font-size: normal;
    margin-top: 5px;
    display: block;
    position: absolute;
    top: 95px;
    width: 100%;
}
/* Animation start */
.main-example .count.curr.top {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    z-index: 3;
}
.main-example .count.next.bottom {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    z-index: 2;
}
/* Animation end */
.main-example .flip .count.curr.top {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;

    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}
.main-example .flip .count.next.bottom {
    -webkit-transition: all 250ms ease-in-out 250ms;
    -moz-transition: all 250ms ease-in-out 250ms;
    -ms-transition: all 250ms ease-in-out 250ms;
    -o-transition: all 250ms ease-in-out 250ms;
    transition: all 250ms ease-in-out 250ms;

    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
@media screen and (max-width: 48em) {
    .main-example {
        width: 100%;
    }
    .main-example .countdown-container {
        height: 100px;
    }
    .main-example .time {
        height: 70px;
        width: 48px;
    }
    .main-example .count {
        font-size: 1.5em;
        line-height: 70px;
    }
    .main-example .label {
        font-size: 0.8em;
        top: 72px;
    }
}

.countDown-box:not(.no-style) {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 30px;
    text-align: center;
}

.countDown-box p {
    font-weight: bold;
    font-size: 20px;
}