@font-face {
    font-family: 'gilroymedium';
    src: url('font/gilroy-medium-webfont.woff2') format('woff2'),
         url('font/gilroy-medium-webfont.woff') format('woff'),
         url('font/gilroy-medium-webfont.svg#gilroymedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
::-webkit-scrollbar {
  width: 5px;
   height: 1px;
}
::-webkit-scrollbar-track {
  background: #f4f8fc;
}
::-webkit-scrollbar-thumb {
  background: #f4f8fc;
}
::-webkit-scrollbar-thumb:hover {
  background: #f1690d;
}
body, html{
width: 100%;
height: 100%;
}

body{
margin:0 auto;
padding:0;
font-family: 'gilroymedium';
font-size:14px;
height:100%;
background:#f4f8fc;
}

#header{
background:url(../images/slayt.png);
background-position:top center;
background-repeat:no-repeat;
min-height:580px;
background-size:cover;
border-bottom-right-radius:100px;
}

#top{
overflow:hidden;
border-bottom:1px solid #ffffff3d
}

.top{
overflow:hidden;
width:1100px;
margin:0 auto;
overflow:hidden;
}

.logo{
overflow:hidden;
float:left;
padding:10px 0
}

.logo img{
width:200px;
}

.menu{
overflow:hidden;
float:left;
margin-left:330px;
}

.menu ul{
margin:0 auto;
list-style:none;
padding:0;
}

.menu li{
float:left;
color:#fff;
letter-spacing:1px;
margin-left:10px;
}

.menu li i{
font-size:11px;
color:#f1690d;
cursor:pointer;
}

.menu li a{
color:#fff;
text-decoration:none;
display:block;
padding:23px 15px;
}

.menu li:hover{
border-bottom:2px solid #f1680d!important;
}

.aktifs{
border-bottom:2px solid #f1680d!important;
}

.canlidestek{
background: linear-gradient(40deg,#f1630d,#f17b0e);
float:left;
color:#fff;
padding:10px 10px;
margin-top:12px;
margin-left:15px;
border-radius:4px;
letter-spacing:1px
}

.canlidestek:hover{
transition-delay: 1s;
background: linear-gradient(40deg,#f17b0e,#f1630d);
cursor:pointer;
}

.canlidestek a{
color:#fff;
text-decoration:none;
}

.shiz{
font-size:31px;
color:#fff;
}

.savp{
font-weight:bold;
font-size:33px!important;
font-family: 'Exo 2', sans-serif;
color:#fff;
}

.sdot1{
opacity:0.4;
color:#fff;
font-size:10px;
}

.sdot2{
color:#fff;
}

.sdot2 i{
opacity:0.4;
font-size:8px;
}

.sdot3{
color:#fff;
font-size:10px;
}

.sdot3 i{
opacity:0.1;
font-size:9px;
}

.skes{
font-size:28px;
color:#fff;
}

.skar{
font-size:12px
}

.skar span{
display:block;
height:21px;
padding-top:15px;
width:35px;
background:#3333334f;
text-align:center;
}

.sfiy{
font-size:18px;
color:#fff;
letter-spacing:1px;
}

.spak{
border:2px solid #fff!important;
text-align:center;
height:40px;
width:200px;
color:#fff;
font-size:16px;
line-height:40px
}

.spak a{
color:#fff;
text-decoration:none;
}

#content{
overflow:hidden;
width:1100px;
margin:0 auto;
}

.pakettitle{
overflow:hidden;
padding:30px 0 0 0
}

.liveikon{
float:left;
overflow:hidden;
width:50px;
background:#fff;
text-align:center;
padding:20px 0 20px 0;
}

.ptitle{
float:left;
overflow:hidden;
padding:7px 0 0 10px;
font-weight:bold;
font-size:20px
}

.ptitle b{
color:#f16f0e;
}

.ptitle em{
display:block;
font-style:normal;
color:#768492;
font-size:14px;
font-weight:normal;
padding:3px 0 0 0;
}

.canli2{
float:right;
overflow:hidden;
border:2px solid #1dc56c;
color:#1dc56c;
padding:15px 20px;
font-weight:bold;
letter-spacing:1px;
border-radius:4px;
}


.tablo{
overflow:hidden;
padding:50px 0 0 0;
}

.tabloth{
overflow:hidden;
}

.tabloth ul{
margin:0 auto;
list-style:none;
padding:0;

}

.tabloth li{
float:left;
width:14.8%;
background:#fff;
padding:20px 0;
text-align:center;
color:#f1720e;
font-weight:bold;
font-size:15px;
letter-spacing:1px;
border-right:1px solid #e5eaef;
border-bottom:1px solid #e5eaef;
}

.tabloth li:nth-child(1){
width:25%;
background:none;
color:#000;
padding:10px 0 0 0;
border:none;
}

.tabsbg{
background:#e5eaef;
padding:5px;
width:70%;
overflow:hidden;
border-radius:20px;
}

.tabsec{
float:left;
width:50%;
text-align:center;
border-radius:20px;
padding:5px 0;
font-size:13px;
letter-spacing:1px;
cursor:pointer;
}

.tabaktif{
background:#f16d0d;
color:#fff;
cursor:pointer;
}

/**/
.tablotr{
overflow:hidden;
}

.tablotr ul{
margin:0 auto;
list-style:none;
padding:0;

}

.tablotr li{
float:left;
width:14.8%;
background:#fff;
padding:15px 0;
text-align:center;
color:#1e1e1e;

font-size:13px;
letter-spacing:1px;
border-right:1px solid #e5eaef;
border-bottom:1px solid #e5eaef;
}

.tablotr li:nth-child(1){
width:24%;
padding-left:1%;
background:none;
color:#000;
border:none;
text-align:left;
background:#fff;
font-size:13px;
letter-spacing:1px;
border-right:1px solid #e5eaef;
border-bottom:1px solid #e5eaef;
font-weight:bold;
}

.tablotr li b{
font-size:30px;
}

.paketadi{
padding:11px 0;
}

.paketadi i{
display:block;
float:left;
color:#f16c0d;
width:15px;
height:15px;
border:1px solid #f16c0d;
text-align:center;
line-height:15px;
border-radius:20px;
padding:2px;
margin-top:-3px;
margin-right:5px;
}

.trortala{
text-align:center!important;
font-weight:normal!important;
font-size:16px!important;
}

.satinal{
background:#f1650d;
margin:0 5%;
color:#fff;
padding:11.5px 0;
border-radius:4px;
cursor:pointer;
}

.satinal:hover{
background:#323945;
}

.trortala b{
color:#f1650d;
font-size:16px!important;
}

.filmbg{
min-height:800px;
background:url(../images/filmbg.png);
background-position:top right;
background-size: contain;
background-repeat:no-repeat;
margin-top:-80px;
}

.filmicerik{
min-height:350px;
width:100%;
background:#fff;
margin-top:-570px;
z-index:-1;
position:absolute
}

.filmicerigi{
width:1100px;
margin:0 auto;
overflow:hidden;
}

.icerikyaz{
overflow:hidden;
padding:35px 0 0 0;
width:400px;
}

.icerikyaz span{
display:block;
}

.icerikyaz b{
display:block;
font-weight:bold;
color:#f16f0e;
font-size:25px;
padding:15px 0;
}

.icerikyaz em{
display:block;
font-style:normal;
font-weight:bold;
font-size:18px;
}

.icerikyaz p{
font-size:14px;
color:#404851;
}

/**/
.macbg{
min-height:800px;
background:url(../images/macbg.png);
background-position:top left;
background-size: contain;
background-repeat:no-repeat;
margin-top:-280px;
}

.filmicerik1{
min-height:350px;
width:100%;
margin-top:-570px;
position:absolute
}

.filmicerigi1{
width:1100px;
margin:0 auto;
overflow:hidden;
}

.icerikyaz1{
overflow:hidden;
padding:35px 0 0 0;
width:500px;
float:right;

}

.icerikyaz1 span{
display:block;
}

.icerikyaz1 b{
display:block;
font-weight:bold;
color:#f16f0e;
font-size:25px;
padding:15px 0;
}

.icerikyaz1 em{
display:block;
font-style:normal;
font-weight:bold;
font-size:18px;
}

.icerikyaz1 p{
font-size:14px;
}

.cizik{
width:100px;
height:2px;
background:#d0d5da;
margin-top:10px;
}

.ligler{
overflow:hidden;
}

.ligler img{
width:110px
}

.serit{
background-color:#1ec76e;
min-height:80px;
width:1100px;
margin:0 auto;
margin-top:-140px;
margin-bottom:30px;
border-radius:4px;
background-image:url(../images/wpbg.png);
background-position:top left;
background-repeat:no-repeat;
}

.serit span{
display:block;
float:left;
overflow:hidden;
color:#fff;
font-size:19px;
font-weight:bold;
padding:20px 20px;
letter-spacing:1px;
}

.serit span b{
font-size:12px;
display:block;
font-weight:normal;
padding:5px 0 0 0;
letter-spacing:0;
}

.wpbagla{
float:right;
overflow:hidden;
padding:18px 20px 0 0;
}

.wpbagla img{
width:200px;
cursor:pointer;
}

#footer{
background:#101b28;
min-height:50px;
}


.footer{
width:1100px;
margin:0 auto;
overflow:hidden;
}

.f-logo{
float:left;
padding:20px 0;
overflow:hidden;
}

.f-logo img{
width:200px
}

.f-menu{
overflow:hidden;
float:right;
}

.f-menu ul{
margin:0 auto;
list-style:none;
padding:0;
}

.f-menu li{
float:left;
color:#fff;
padding:30px 15px;
}

.f-menu li a{
color:#fff;
text-decoration:none;
}

.f-menu li a:hover{
color:#f16c0d;
}

#copy{
text-align:center;
background:#142130;
color:#657586;
padding:30px 0;
}

.mobil{
display:none;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index:9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
 background: linear-gradient(40deg,#f1630d,#f17b0e);
}


/*Paketler*/
.paketht{
width:1100px;
margin:0 auto;
overflow:hidden;
font-size:21px;
color:#fff;
padding:80px 0
}

.paketht span{
display:block;
font-weight:bold;
font-size:30px;
padding:10px 0
}

.paketler{
overflow:hidden;
padding:40px 0 20px 0;
}

.pakets{
overflow:hidden;
background:#fff;
border:1px solid #fff;
cursor:pointer;
border-radius:4px;
margin-bottom:30px;
}

.ppicon{
overflow:hidden;
float:left;
position:absolute;
margin-top:-10px;
margin-left:10px;
}

.ppadi{
overflow:hidden;
float:left;
color:#f1670d;
font-size:20px;
font-weight:bold;
padding:33px 20px 32px 140px;
border-right:1px solid #d8e3ee;
width:120px
}

.ppadi b{
display:block;
color:#516071;
font-size:15px;
font-weight:bold;
}

.ppoz{
overflow:hidden;
float:left;
width:110px;
padding:15px 10px 20px 20px;
border-right:1px solid #d8e3ee;
}

.ppoz b{
display:block;
padding:10px 0 0 0;
font-weight:normal;
color:#516071;
}

.ppfiy{
float:left;
overflow:hidden;
padding:30px 30px 20px 20px;
width:80px;
font-size:44px;
font-weight:bold;
color:#29343f;
}

.ppfiy b{
font-size:20px;
display:block;
float:left;

}

.ppsat{
background: linear-gradient(40deg,#f1630d,#f17b0e);
overflow:hidden;
float:right;
color:#fff;
height:67px;
width:120px;
text-align:center;
padding:40px 0 0 0;
}

.satyazi{display:none;padding:5px 0 0 0}
.pakets:hover .satyazi{display:block;}
.pakets:hover .sepet{display:none;}
.pakets:hover{border:1px solid #f16f0e;border-radius:4px; }

.why{
overflow:hidden;
min-height:100px;
}

.why h1{
text-align:center;
display:block;
padding:0;
margin:0 auto;
font-weight:normal;
}

.why h1 em{
font-style:normal;
color:#f16f0e;
font-weight:bold;
letter-spacing:1px ;
}

.neden{
overflow:hidden;
padding-bottom:30px;
}

.neden ul{
margin:0 auto;
list-style:none;
padding:0;
}

.neden li{
float:left;
width:30%;
float:left;
padding-top:38px;
background:url(../images/dotcubuk.png);
background-repeat:no-repeat;
background-position:top center;
}

.neden li:nth-child(2){
margin:0 5%;
}

.ustciz{
background:#a5a4b552;
height:1px;
width:70%;
margin:0 auto;
margin-left:15%;
margin-right:15%;
}

.ustbar{
width:5%;
height:3px;
background:#f16c0d;
margin:0 auto;
margin-top:20px;
}

.yaz{
background:#fff;
min-height:100px;
text-align:center;
overflow:hidden;
padding:30px 0 30px 0;
margin-left:5px;
margin-right:5px;
border-radius:5px;
box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.10);

}

.yaz img{
display:block;
text-align:center;
margin:0 auto;
}

.yaz span{
display:block;
color:#3f454e;
font-size:21px;
padding:20px 0 0 0;
}

.yaz b{
font-weight:normal;
color:#999;
padding:10px 20px;
display:block;
line-height:1.5rem;
}

.logolar{
overflow:hidden;
padding:20px 0 40px 0
}

.logolar img{
width:100%;
}

.nedeniptv{
overflow:hidden;
background-size:cover;
min-height:100px;
background:url(../images/iptvbg.png);
padding-bottom:40px;
background-repeat:no-repeat;
}

.nedenb{
text-align:center;
color:#fff;
font-size:24px;
font-weight:bold;
}

.nedenb img{
display:block;
margin:0 auto;
padding:40px 0 20px 0;
}

.kutula{
overflow:hidden;
width:1100px;
margin:0 auto;
padding:20px 0 0 0;
}

.kutula ul{
margin:0 auto;
list-style:none;
padding:0;
}

.kutula li{
float:left;
width:20%;
padding:1%;
margin:0 1%;
min-height:70px;
background: linear-gradient(20deg,#5d6379,#a3a6b3);
color:#fff;
min-height:150px;
}

.kutula li img{
display:block;
padding:10px 0;
}

.kutula li b{
font-weight:normal;
font-size:19px;
padding:10px 0;
display:block;
}

.serit2{
background-color:#1ec76e;
min-height:80px;
width:1100px;
margin:0 auto;
margin-top:30px;
margin-bottom:30px;
border-radius:4px;
background-image:url(../images/wpbg.png);
background-position:top left;
background-repeat:no-repeat;
}

.serit2 span{
display:block;
float:left;
overflow:hidden;
color:#fff;
font-size:19px;
font-weight:bold;
padding:20px 20px;
letter-spacing:1px;
}

.serit2 span b{
font-size:12px;
display:block;
font-weight:normal;
padding:5px 0 0 0;
letter-spacing:0;
}


.wp{
position:fixed;
bottom:10px;
left:10px;
}

.satinal a{
color:#fff;
text-decoration:none;
}

.ppsat a{
color:#fff;
text-decoration:none;
}

/*HAKKIMIZDA*/
#hakkimizda{
overflow:hidden;
padding:50px 0;
}

#sol{
overflow:hidden;
float:left;
width:50%;
}

#sag{
float:right;
overflow:hidden;
width:50%;
}

#sol h1{
color:#1b4268;
font-size:31px;
}

#sol h2{
color:#939faa;
font-weight:normal;
}

#sol p{
color:#3f4257;
font-size:16px;
line-height:24px;
}

#sol h3{
color:#3f4257;
font-size:24px;
font-weight:normal;
}

#sag img{
width:90%;
}

.canli2 a{
color:#1dc56c;
text-decoration:none;
}

.menu ul ul{
display:none;
background-image:url(../images/drop.png);
background-position:top center;
background-repeat:no-repeat;
}

.menu ul li:hover ul{
display:block;
position:absolute;

padding-top:5px;
padding-bottom:5px;
margin-top:-5px;
overflow:hidden;
z-index:999;
margin-left:-40px;
}

.menu li li{
float:none;
padding:0;
margin:0 auto;
background:#fff;
padding:5px;
}

.menu li li a{
padding:0;
padding:10px 20px;
background:#fff;
color:#3f4257;
}

.menu li li:hover{
border:none!important
}

.menu li li a:hover{
background:#eee;
border-radius:5px;
}

#ista{
overflow:hidden;
padding:80px 0;
}

.isol{
width:45%;
float:left;
overflow:hidden;
background-color:#f9fbfd;
background-image:url(../images/istasyon.png);
background-repeat:no-repeat;
background-position:bottom right;
min-height:300px;
margin-right:5%;
}

.kutubox{
float:left;
overflow:hidden;
width:40%;
background:#fff;
min-height:300px;
border-right:1px solid #ddd;
}

.kafa{
background:#f1650d;
padding:30px 10px;
width:10%;
text-align:center;
margin-top:-20px;
margin-left:20px;
position:absolute;
border-radius:5px;
}

.seviye{
overflow:hidden;
padding:120px 0 0 0;
text-align:center;
font-size:24px;
font-weight:bold;
color:#29343f;
}

.seviye span{
display:block;
font-size:14px;
font-weight:normal;
padding:5px 0 0 0;
}

.bfiyat{
padding:80px 0 0 0;
text-align:center;
font-size:34px;
font-weight:bold;
color:#29343f;
}

.bal{
overflow:hidden;
margin:10px;
margin-top:40px;
background: linear-gradient(40deg, #1bbb66, #21d274);
line-height:50px;
color:#fff;
text-align:center;
font-size:17px;
}

.kutuyaz{
padding-left:20px;
overflow:hidden;
}

.kutuyaz p{
overflow:hidden;
padding:5px 0
}

.bal a{
color:#fff;
text-decoration:none;
}