@charset "utf-8";
body {
    color:#333;
    font-size:16px;
    margin:0;
    overflow-x:hidden;
    padding:0;
}
#wrapper{width:80%;margin-left:auto;margin-right:auto}
p{line-height:normal}
a,img,input,select,textarea{-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
a{color:#333;text-decoration:none}
input,select,textarea{outline:none;width:96%;padding:5px;font-size:15px;color:#333;border:1px solid #ccc}
.hidden{opacity:0}
.visible{opacity:1}
table tr td{border-right-width:1px;border-bottom-width:1px;border-right-style:dotted;border-bottom-style:dotted;border-right-color:#CCC;border-bottom-color:#CCC;height:36px;padding:5px}
.notice{color:orange;font-weight:700}
.error{color:red;font-weight:700}
.complete{color:green;font-weight:700}
.tescilsonuc .error{color:red;font-weight:700;text-align:center;width:100%;float:left}
.clear{clear:both}
h1,h2,h3,h4,h5{padding:0;margin:0;font-weight:400;line-height:normal}
h1{font-size:32px}
h2{font-size:28px}
h3{font-size:26px}
h4{font-size:20px}
h5{font-size:18px}
.menu ul{padding:0;margin:0}
.menu li{float:left;position:relative;list-style-type:none}
.menu li a{float:right;color:#fff;padding-left:25px;padding-right:25px;text-decoration:none;line-height:65px;font-weight:700;font-size:18px}
.menu ul li ul li:hover a{background:#0092b3}
.menu li:hover a{background:rgba(0,0,0,0.7)}
.menu ul li ul{width:200px;float:left;position:absolute;top:65px;left:0;z-index:1;display:none;margin:0;padding:0}
.menu ul li ul li{float:left;width:100%;margin:0px;padding:0px;}
.menu ul li ul li a{background:none;font-size:14px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#0C0C0C;float:left;width:100%;text-align:left;display:block;line-height:40px;margin:0;padding:0 0 0 10px}
.menu li:hover > ul{display:block}
.menu ul li ul li ul{width:200px;height:auto;float:left;position:absolute;top:0;left:180px;z-index:1;display:none}
.menu ul li ul li ul li a:hover{background-color:#3a3a3a}
.sayfalama{width:100%;text-align:center;margin:35px auto 17px}
.sayfalama span a{text-decoration:none;color:#666;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:13px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;border:1px solid #CCC;text-shadow:.06em .06em #fff;padding:2px 8px}
.sayfalama span a:hover{background-color:#ccc}
.sayfalama .sayfalama-active a{background-color:#ccc}
.iletisimtable{float:left;width:49%}
.iletisiminfo{text-align:center;margin-top:15px;margin-bottom:15px}
.iletisimtable h4{color:#a93030}
.gonderbtn{color:#202930;border:1px solid #1F282F;border-radius:2px;padding:7px 25px}
.gonderbtn:hover{color:#FFF;text-decoration:none;background-color:#202930}
.iletisimbilgileri iframe{box-shadow:0 0 15px #ccc}
.list_carousel{width:1000px;margin:auto;}
.list_carousel ul{margin:0;padding:0;list-style:none;display:block}
.list_carousel li{width:100%;height:auto;padding:0;display:block;float:left}
.list_carousel.responsive{width:auto;margin-left:0}
/* .clearfix{float:none;clear:both} */
.logo{float:left;margin-left:5%}
.logo a {
    display: block;
}
.logo img {
    height: 130px;
}
.header{position:absolute;z-index:755;width:100%;margin-top:50px}
.headlinks{float:right;text-align:right;margin-top:-25px;margin-right:7%}
.headlinks a{float:right;margin-left:25px;color:#fff}
.headlinks a:hover{color:#fff}
.headlinks i{margin-right:5px}
.diller{float:right;margin-left:25px;color:#c4c4c4}
.diller span{float:right;margin-right:5px;margin-left:5px}
.diller a{margin-right:5px;margin-left:5px}
.menu{float:right;margin-right:7%;margin-top:15px}
.diller a strong{color:#FFF}
.hakkimizda{float:left;width:100%;margin-top:40px;margin-bottom:30px}
.anaslogan{float:left;width:50%;margin-top:35px}
.hakkkmzdainfo{float:right;width:50%}
.anaslogan h3{font-size:20px;font-weight:700;color:#000;margin-left:25px}
.anaslogan h2{font-family:Georgia,"Times New Roman",Times,serif;font-size:68px;font-style:italic;color:#cecece;margin-top:-25px}
.anaslogan h1{color:#0092b3;font-weight:bolder;font-size:68px;margin-top:-35px}
.hakkkmzdainfo h3{font-weight:700;color:#000;font-size:18px}
.hakkkmzdainfo h2{font-size:24px;font-weight:700;color:#0092b3}
.neleryapariz{float:left;width:100%;margin-top:30px;margin-bottom:30px}
.bloktitle{text-align:center;float:left;width:100%;margin-bottom:25px}
.bloktitleline{background-color:#CCC;height:1px;width:100px;margin-right:auto;margin-left:auto}
.bloktitle h1{margin-bottom:10px}
.hizmlist{text-align:center;float:left;width:23%;height:255px;margin:1% 1% 2%}
.hizmlist h4{font-weight:700;font-size:20px;margin-bottom:5px}
.hizmlist p{padding:0;margin:0}
.hizmlist i{font-size:50px;width:100px;border:1px solid #0092b3;border-radius:100px;text-align:center;padding-top:23px;padding-bottom:23px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;margin-bottom:20px;color:#0092b3}
.hizmlist:hover i{color:#fff;background-color:#0092b3}
.myorumlar{background-image:url(../images/yorumlarbg.jpg);background-repeat:repeat;background-position:center top;float:left;width:100%;height:425px;margin-top:30px;margin-bottom:30px}
.myorumlar .bloktitle{margin-top:30px;color:#FFF}
.myorumlar .list_carousel{width:85%;margin-right:auto;margin-left:auto;margin-top:20px}
.myorumlar .list_carousel li h1{font-size:30px;font-weight:700;color:#FFF;text-align:center;line-height:33px}
.myorumlar .list_carousel .fa.fa-quote-left{font-size:55px;font-weight:bolder;color:#FFF;position:absolute;margin-left:-70px}
.musteri{color:#FFF;float:left;margin-top:20px;font-size:18px}
.musteri span{color:#0092b3}
.pager{float:left;margin-top:35px}
.pager a{margin:0 5px;width:20px;height:20px;float:left;text-decoration:none;color:transparent;border:1px solid #fff;border-radius:100%}
.pager a.selected{background-color:#fff}
.sonprojeler .list_carousel li{width:300px;margin:15px}
.sonprojeler .list_carousel img{height:255px;width:300px;transition:all .3s ease-out;box-shadow:0 0 10px #999}
.sonprojeler .list_carousel img:hover{box-shadow:0 0 15px #666}
.myorumlar .list_carousel li{height:150px}
.sonprojeler .list_carousel li h4{line-height:25px;font-size:18px;font-weight:700}
.leftrightbtn {
    float: right;
    margin-top: -70px;
    position: relative;
    z-index: 1;
}
.leftrightbtn a{font-size:24px;float:left;margin-left:10px;color:#CCC}
.leftrightbtn a:hover{margin-top:-2px;color:#333}
.blog{float:left;height:auto;width:100%;padding-top:20px;padding-bottom:20px;background-image:url(../images/shards_pattern.jpg);background-repeat:repeat}
.blog .list_carousel li{background-color:#FFF;width:300px;margin:15px;transition:all .3s ease-out}
.blog .list_carousel li:hover{box-shadow:0 0 10px #999}
.blog .list_carousel li a img{width:100%;height:245px}
.blog .list_carousel li h4 a{font-size:16px;font-weight:700;color:#25bfd0}
.blog .list_carousel #foo4 li h4{margin-top:5px;margin-right:10px;margin-left:15px;line-height:22px}
.blog #wrapper .list_carousel #foo4 li p{margin-right:5px;margin-left:20px}
.blog .list_carousel #foo4 li .fa.fa-caret-up{font-size:50px;position:absolute;color:#fff;margin-top:212px;margin-left:20px}
.referanslogolar {
    width: 1010px;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}
.referanslogolar img{float:left;height:140px;width:200px;border:1px solid #CCC;margin-top:-1px;margin-left:-1px;-webkit-filter:grayscale(1);filter:grayscale(1)}
.referanslogolar img:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}
.referanslogolar .bloktitle{margin-bottom:35px}
.hostingpaketleri{background-image:url(../images/hostingbg2.jpg);background-repeat:repeat;background-position:center top;float:left;width:100%;height:auto;padding-bottom:20px}
.hostingpaketleri .bloktitle{color:#FFF;margin-top:20px}
.hostslogan{color:#FFF;text-align:center;margin-bottom:20px;width:65%;margin-right:auto;margin-left:auto}
.hostlist{margin:1%;float:left;width:27%;height:auto;background-color:#FFF;box-shadow:0 0 15px #000;padding:20px;padding-bottom:25px;text-align:center;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;border-radius:2px}
.hostlist h4{font-size:24px;font-weight:700;color:#00a19a}
.hostlist h5{background-color:#0092b3;color:#FFF;font-size:26px;font-weight:700;padding-top:7px;padding-bottom:7px;margin-top:20px;margin-bottom:20px}
.hostlist span{float:left;width:100%;padding-top:3px;padding-bottom:3px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#e4e4e4;font-size:16px}
.hostlist .gonderbtn{margin-top:20px;margin-bottom:20px;padding-right:35px;padding-left:35px;font-size:18px}
.footerslogan{background-color:#0092b3;float:left;width:100%;margin-top:15px;color:#FFF;text-align:center;padding-top:30px;padding-bottom:30px}
.footerslogan h3{margin-top:35px}
.footer{float:left;width:100%;background-color:#16171d;color:#FFF}
.footblok{float:left;height:auto;width:29%;margin:50px 10px 10px}
.footlogo{margin-bottom:15px}
.footinfo h4{font-size:16px;font-weight:lighter;line-height:20px;margin-bottom:20px}
.footinfo h1{font-weight:700}
.footinfo h3{font-size:18px;font-weight:700;margin-bottom:10px}
.footinfo i{width:40px;font-size:28px}
.footinfo h5 .fa.fa-map-marker{margin-bottom:20px;float:left}
.footlinks a{float:left;width:100%;color:#A8ABBD;padding-top:8px;padding-bottom:8px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#272934}
.foottitle{margin-bottom:20px}
.footlinks a:hover{color:#FFF;padding-left:5px}
.footmesaj input{background-color:#2d2f3b;margin-bottom:2px;padding:13px;color:#FFF;font-size:16px;border-style:none}
.footmesaj textarea{background-color:#2d2f3b;margin-bottom:2px;padding:13px;color:#FFF;font-size:16px;border-style:none}
.footmesaj input:hover{box-shadow:0 0 15px #000}
.footmesaj textarea:hover{box-shadow:0 0 15px #000}
.footmesaj .gonderbtn{width:87%;border:1px solid #2D2F3B;color:#9295a8;float:left;text-align:center;border-radius:0;padding-top:10px;padding-bottom:10px;font-size:18px}
.copyright{float:right;text-align:right;color:#9295a8;font-size:14px;margin-top:15px;margin-bottom:15px}
.copyright a{color:#9295a8}
.slidedetaylink{color:#FFF;border:1px solid #FFF;font-size:20px;font-weight:lighter;position:relative;z-index:999;padding:8px 35px}
.slidedetaylink:hover{background-color:#FFF;color:#333}
.slides-container li .container h1{font-size:46px;font-weight:400}
.slides-container li .container p{font-size:20px;font-weight:400;margin-bottom:40px}
.menuAc{padding:5px;padding-left:0px;padding-right:0px;color:#fff;font-weight:700;cursor:pointer;display:none;font-size:24px;width:100%;float:left}
.headlinkler{float:left}
#footleftinfo{width:33%}
.mobclear{clear:both;display:none}
.modalDialog{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.8);z-index:99999;opacity:0;-webkit-transition:opacity 400ms ease-in;transition:opacity 400ms ease-in;pointer-events:none}
.modalDialog:target{opacity:1;pointer-events:auto}
.modalDialog > div{width:400px;position:relative;margin:5% auto;padding:8px 20px 30px;border-radius:10px;background:#fff;text-align:center}
.close{background:#606061;color:#FFF;line-height:25px;position:absolute;right:-12px;text-align:center;top:-10px;width:24px;text-decoration:none;font-weight:700;border-radius:12px;box-shadow:1px 1px 3px #000}
.close:hover{background:#00d9ff}
.accountlinks a{color:#FFF;float:right;line-height:45px;font-size:15px;font-weight:600;padding-right:15px;padding-left:15px}
.accountlinks i{margin-right:7px}
.accountlinks a:hover{text-decoration:none;background-color:#007575}
.close:hover{text-decoration:none}
.giris:hover{color:#FFF;background-color:#009d9d}
.girisbilgi{padding:10px}
.girisbilgi h3{color:#0092b3;margin-bottom:15px}
.girisbilgi input{float:left;width:93%;padding:15px;margin-bottom:5px;font-size:18px;color:#333;border:1px solid #AFAFAF}
.girisbilgi .hatirlatbtn{width:100%;margin-top:10px}
.sifreunutmus{text-decoration:none;color:#666;font-size:16px}
#checkbox{float:left;height:30px;width:30px;border:1px solid #555;cursor:pointer;margin-bottom:5px;font-size:22px;font-weight:700;line-height:30px;text-align:center;color:#555}
#checkbox i{line-height:30px}
.checktext{font-size:18px;color:#333;margin-right:20px}
.hatirlatbtn{width:103%;float:left;font-size:24px;color:#fff;padding-top:10px;padding-bottom:10px;background-color:#0092b3;text-decoration:none;text-align:center;margin-top:10px;margin-bottom:10px;border:none;cursor:pointer;outline:none;font-family:'Titillium Web',sans-serif;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.hatirlatbtn:hover{background-color:#333}
.checkbox-custom,.radio-custom{opacity:0;position:absolute}
.checkbox-custom,.checkbox-custom-label,.radio-custom,.radio-custom-label{display:inline-block;vertical-align:middle;cursor:pointer}
.checkbox-custom-label,.radio-custom-label{position:relative;float:left}
.checkbox-custom + .checkbox-custom-label:before,.radio-custom + .radio-custom-label:before{content:'';background:#fff;border:1px solid #AFAFAF;display:inline-block;line-height:20px;vertical-align:middle;width:20px;height:20px;padding:2px;margin-right:10px;text-align:center}
.checkbox-custom:checked + .checkbox-custom-label:before{content:"\f00c";font-family:'FontAwesome';background:#0092b3;color:#fff}
.radio-custom + .radio-custom-label:before{border-radius:50%}
.radio-custom:checked + .radio-custom-label:before{content:"\f00c";font-family:'FontAwesome';color:#bbb}
.hsapyokslogan{text-align:center;float:left;width:100%;margin-top:10px;margin-bottom:10px}
.kaydollink{font-size:18px;font-weight:700;text-align:center;float:left;width:100%}
.girisbilgi .gonderbtn{margin-bottom:25px;font-size:16px}
.headbg{background-image:url(../images/background13.jpg);background-repeat:repeat;background-position:center center;float:left;height:200px;width:100%;opacity:.4;filter:alpha(opacity=40);background-color:#000}
.content{float:left;width:100%;min-height:250px;margin-top:25px;margin-bottom:25px}
.contentucgen{background-image:url(../images/contentucgen.png);background-repeat:repeat-x;float:left;height:7px;width:100%;margin-top:-7px;z-index:555;position:relative}
.sidebar{float:left;width:25%;border-right-width:2px;border-right-style:solid;border-right-color:#F3F3F3}
.sidebar a{float:left;width:95%;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CCC;padding:3%;font-weight:400}
.sidebar h3{color:#0092b3;margin-bottom:20px;font-size:22px}
.sidebar a:hover{background-color:#EAEAEA}
.icerik{float:right;width:69%;min-height:250px;border-right-width:2px;border-right-style:solid;border-right-color:#EEE;padding-right:2%;padding-bottom:2%;padding-left:2%}
.title{float:left;width:100%;margin-bottom:20px;padding-bottom:15px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CCC}
.icerik p img{margin:10px}
.icerik ul li{margin-bottom:10px}
.sosyal{float:right}
.title h2{line-height:34px}
.list{float:left;width:98%;padding:10px;padding-top:15px;padding-bottom:15px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CCC;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.list a img{float:left;margin-right:17px;width:200px;height:150px;box-shadow:0 0 5px #b1b1b1}
.list h3{font-size:20px;line-height:25px;font-weight:700}
.incelelink{font-weight:700;color:#F90}
.list h3 a:hover{text-decoration:underline}
.incelelink:hover{text-decoration:underline}
.hostingaciklama{float:left;width:100%;margin-bottom:20px;margin-top:20px}
.ozelhosting{color:#FFF;text-align:center;float:left;width:100%;margin-top:20px;margin-bottom:15px}
.ozelhosting .gonderbtn{color:#FFF;border:1px solid #FFF;font-size:16px}
.ozelhosting h3{margin-bottom:10px}
.ozelhosting .gonderbtn:hover{color:#3A4851;background-color:#FFF}
.hostingpage{text-align:center;float:left;width:100%;margin-top:25px;margin-bottom:15px;color:#333}
.hostingpage .hostslogan{color:#333}
#hostingpage{padding-top:35px}
.iletisimpage{float:left;width:100%;margin-bottom:35px}
.iletiinfo{float:left;width:48%}
.iletiinfo table tr td h4{color:#0092b3;font-weight:700}
.iletisimform{float:right;width:48%}
.iletisimform table tr td h4{color:#0092b3;font-weight:700}
.iletisimform table tr td .gonderbtn{float:right}
.iletisimpage iframe{margin-top:10px;box-shadow:0 0 15px #b1b1b1}
.hesapfoto{float:right;width:45%;text-align:center}
.hesapfoto img{box-shadow:0 0 15px #b1b1b1;margin-top:15px;width:80%;height:auto}
.sitemio-hesapcontent{float:left;width:100%;margin-bottom:35px}
.hesapbilgiler{float:left;width:50%;margin-left:50px}
.hesapbilgiler table tr td h4{color:#0092b3;font-weight:700}
.sitemio-zorunlu{color:red;margin-left:5px;font-size:16px}
.mushesapsidebar{float:left;width:25%;margin-top:25px}
.mushesapsidebar a{padding:15px;float:left;width:95%;background-color:#F0F0F0;margin-bottom:2px;border-radius:4px;font-size:16px;font-weight:700;border:1px solid #CCC}
.mushesapsidebar a:hover{background-color:#dcdcdc;border:1px solid #999}
#musaktiflink{background-color:#dcdcdc;border:1px solid #999}
.mushesapsidebar i{margin-right:5px}
.mushosmsj{margin-bottom:15px;float:left;width:100%;font-size:16px}
.mushesapcontent{float:right;width:67%;padding:20px;min-height:420px;box-shadow:0 0 10px #ccc,inset 0 0 20px 10px #F2F2F2;border-radius:4px;margin-top:15px;word-wrap:break-word}
.mushesapcontent table{font-size:15px}
.musconbaslik{font-size:22px;font-weight:700;margin-bottom:15px;padding-bottom:10px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CCC;color:#0092b3}
.hesapinfospan{float:right;margin-top:25px}
#odemeyapbtn{color:#090;border:1px solid #090;float:left;padding:5px 15px}
#odemeyapbtn:hover{color:#fff;background-color:#090}
.odemeyontem{width:220px;margin:20px auto 25px}
.destekpagetitle{color:#0092b3}
.destekyanit{float:left;width:80%;padding:15px;background-color:#FFC;margin-top:10px;border-radius:4px}
.destekyanit h5 span{float:right;font-size:14px}
.destekyanit h5{padding-bottom:5px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CCC}
#nobg:hover{background-color:#FFF}
#yetkilimsj{float:right;margin-top:10px;background-color:#DFF}
#projeler{float:left;width:100%}
#projeler img{width:80%;height:auto;margin-bottom:20px;box-shadow:0 0 15px #666;text-align:center}
.mushosinfo{font-size:16px;line-height:32px}
#musmobinfo{display:none}
.headbgcolor{background-color:#000;float:left;width:100%}
.headsocials a{margin-left:10px;font-size:18px}
.headsocials{float:right}
.sonprojeler .hostslogan{color:#333;width:100%}
#alanaditescil .bloktitle h4{margin-top:15px}
.domaintescil{float:left;width:100%;text-align:center}
.domaintescil input{border:1px solid #333;padding:10px;font-size:18px}
.domaintescil select{border:1px solid #333;padding:10px;font-size:18px;-webkit-appearance:none;-webkit-border-radius:0px;}
.domaintescil .gonderbtn{font-size:18px;margin-top:20px;font-family:'Titillium Web',sans-serif;background-color:#fff;cursor:pointer}
.domaintescil .gonderbtn:hover{font-family:'Titillium Web',sans-serif;background-color:#000}
#alanaditescil{border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#ccc;float:left;width:100%;padding-bottom:20px;margin-bottom:15px}
.tescilsonuc{float:left;width:100%;margin-top:20px}
.tescilsonuc table tr td i{margin-right:5px}
#tesclsure{width:78%;border:1px solid #CCC}
#domaintuzanti{width:15%}
.webpaketler{float:left;width:100%;margin-top:20px}
#webpaketler .bloktitle h4{margin-top:15px}
#webpaketler{float:left;width:100%;margin-top:20px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CCC;margin-bottom:20px}
.paketfiyat{font-weight:700;position:absolute;font-size:20px;background-color:#0092b3;color:#FFF;margin-left:-8px;margin-top:185px;padding:10px 20px}
.tescilucretleri{width:75%;margin-top:35px;padding-top:25px;border-top-width:1px;border-top-style:dotted;border-top-color:#CCC;text-align:center;margin-right:auto;margin-left:auto}
.tescilucretleri span{float:left;width:125px;padding:5px;border-right-width:1px;border-right-style:solid;border-right-color:#CCC;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#CCC}
.tescilucretleri h4{margin-bottom:15px}
.tescilsonuc{float:left;width:100%;margin-bottom:35px}
.paketdetay{float:left;width:100%}
.paketdetay img{float:left;margin-right:30px;margin-bottom:10px;box-shadow:0 0 10px #999;margin-left:100px}
#urundemolink{border:1px solid #d88d19;color:#d88d19;font-weight:700;text-shadow:NONE;width:100px;text-align:center;margin-top:28px;margin-bottom:15px}
#urundemolink:hover{background-color:#d88d19;color:#fff}
#urunsatinlink{border:1px solid #090;color:#090;margin-top:0;font-weight:700;text-shadow:NONE;width:100px;text-align:center}
#urunsatinlink:hover{background-color:#090;color:#fff}
.paketaciklamalar{float:left;width:100%;border-top-width:1px;border-top-style:dotted;border-top-color:#CCC;padding-top:15px}
.paketkategoriler {
    float: left;
    width: 32%;
    margin-top: 10px;
    margin-bottom: 35px;
}
.paketkategoriler .gonderbtn {
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    width: 90%;
    margin-bottom: 7px;
    padding: 7px 0px 7px 15px;
    font-weight: 600;
}
#webpaketsolbloks {width: 66%;float: right;}
#musdestekbtn {background-color: #4ea600;color: white;border: 1px solid #428c00;}
#musdestekbtn:hover {background-color: #428c00;color: white;}
.domainarainpt {width:200px; float:right;}
#domainarabtn {float: right;font-size: 14px;padding: 6px 25px;}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    #gorbtn{float:left;padding:5px 15px}
    .paketkategoriler {
        width: 100%;
    }
    .blog .list_carousel li{
        width: 300px;
        margin: 10px;
    }
    .sonprojeler .list_carousel li {
        width: 300px;
        margin: 10px;
    }
    #webpaketsolbloks {
        width: 330px;
        float: none;
    }
    .contentucgen {display: none;}
    .list_carousel {width: 320px;margin: auto;}
    .leftrightbtn {float: none;margin-top: 0px;margin: auto;width: 55px;}
    #wrapper{width:100%}
    .headsocials a {margin-left: 17px;   }
    .headlinks a {margin-bottom: 15px;}
    .menuAc{display:block;width:100%;background-color:#333;position:relative;text-align:center;}
    #indexmobmenu {background:none;}
    .menu ul{display:none;position:relative}
    .menu ul li{float:none}
    .menu ul li a{border-bottom:1px solid #555}
    .slides-container li .container h1{font-size:30px;font-weight:400}
    .logo{float:none;width:50%;margin-left:auto;margin-right:auto;margin-top:45px;text-align:center}
    .logo img {
        height: 80px;
    }
    .menu{float:none;margin:0px;}
    .menu li{float:left;width:100%}
    .menu li a{float:left;width:100%;font-size:20px;background-color:#333;line-height:50px}
    .menu ul li ul{width:100%;float:left;position:relative;top:0;left:0;z-index:1;display:none;margin:0;padding:0;background-color:#222}
    .menu li:hover a{background-color:#222}
    .menu ul li ul li a{width:98%}
    .mobslider{position:absolute;width:100%;height:100%;z-index:890}
    .slidedetaylink{display:none}
    .anaslogan{float:none;width:70%;margin:10px;margin-bottom:25px;}
    .hakkkmzdainfo{float:none;width:85%;margin-left:auto;margin-right:auto}
    .hizmlist{text-align:center;float:none;width:95%;height:auto;margin:1% auto 8%}
    .myorumlar .list_carousel li h1{font-size:18px;font-weight:700;color:#FFF;text-align:center;line-height:23px}
    .myorumlar .list_carousel li{height:185px}
    .referanslogolar{text-align:center;width:100%;}
    .referanslogolar img{float:none;height:140px;width:190px;border:1px solid #CCC;margin-top:-6px;margin-left:-1px;margin-left:auto;margin-right:auto;text-align:center}
    .hostlist{float:none;width:80%;margin:auto;margin-bottom:20px}
    .footer{height:auto}
    #footleftinfo{width:90%}
    .footblok{float:none;height:auto;width:90%;margin:50px auto 10px}
    .mobclear{clear:both;display:block}
    #modalDialogmobil{width:50%;margin-left:auto;margin-right:auto;float:left}
    .modalDialog > div{width:80%}
    .girisbilgi .gonderbtn{margin-left:auto;margin-bottom:25px;font-size:16px;margin-right:auto}
    .icerik{float:none;width:90%;min-height:250px;border-right-width:2px;border-right-style:solid;border-right-color:#EEE;padding-right:2%;padding-bottom:2%;padding-left:2%;margin-left:auto;margin-right:auto;margin-top:50px}
    .mobcontentmenu{margin:0px;}
    .sidebar{float:none;width:90%;border-right-width:2px;border-right-style:solid;border-right-color:#F3F3F3;margin-left:auto;margin-right:auto;margin-top:25px}
    .hostingpage{margin-top:70px}
    .hesapbilgiler{float:none;width:90%;margin-left:auto;margin-right:auto}
    .hesapfoto{float:none;width:100%;text-align:center}
    .hostslogan{width:100%}
    .hostingaciklama{float:none;width:90%;margin-bottom:20px;margin-left:auto;margin-right:auto}
    .iletiinfo{float:none;width:95%;margin-left:auto;margin-right:auto}
    .iletisimform{float:none;margin-top:15px;width:95%;margin-left:auto;margin-right:auto}
    .list a img{width:95%;height:auto}
    .mushosmsj{text-align:center;font-size:18px;margin-top:50px}
    .mushesapsidebar{width:95%}
    .hesapinfospan{display:none}
    .mushesapcontent{float:left;width:90%}
    #musmobinfo{display:block;margin-top:0;margin-bottom:15px;text-align:center;width:100%;font-size:16px}
    .close{right:6px;top:5px}
    #mobiltd{display:none}
    .domaintescil select{padding-left:0;padding-right:0}
    #tesclsure{padding-left:0;padding-right:0;width:100%}
    #domaintuzanti{width:25%}
    .paketdetay img{float:none;margin-right:0;margin-bottom:10px;box-shadow:0 0 10px #999;margin-left:0}
    .paketdetay{text-align:center}
    #alanaditescil,#webpaketler{margin-top:75px}
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.wrapper:before,
.wrapper:after,
.row:before,
.row:after,
.navbar:before,
.navbar:after {
    content: " ";
    display: table;
}
.clearfix:after,
.container:after,
.wrapper:after,
.row:after,
.navbar:after {
    clear: both;
}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}

.wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    width: 100%;
}
.column {
    float: left;
    min-height: 1px;
    position: relative;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 1024px){.container{width: 960px;}}
@media (min-width: 1200px){.container {width: 1100px;}}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.col-xs-1,.col-sm-1,.col-xs-2,.col-sm-2,.col-xs-3,.col-sm-3,.col-xs-4,.col-sm-4,.col-xs-5,.col-sm-5,.col-xs-6,.col-sm-6,.col-xs-7,.col-sm-7,.col-xs-8,.col-sm-8,.col-xs-9,.col-sm-9,.col-xs-10,.col-sm-10,.col-xs-11,.col-sm-11,.col-xs-12,.col-sm-12{min-height:1px;padding-left:15px;padding-right:15px;position:relative}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
.col-xs-pull-12{right:100%}
.col-xs-pull-11{right:91.66666667%}
.col-xs-pull-10{right:83.33333333%}
.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.66666667%}
.col-xs-pull-7{right:58.33333333%}
.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.66666667%}
.col-xs-pull-4{right:33.33333333%}
.col-xs-pull-3{right:25%}
.col-xs-pull-2{right:16.66666667%}
.col-xs-pull-1{right:8.33333333%}
.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}
.col-xs-push-11{left:91.66666667%}
.col-xs-push-10{left:83.33333333%}
.col-xs-push-9{left:75%}
.col-xs-push-8{left:66.66666667%}
.col-xs-push-7{left:58.33333333%}
.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.66666667%}
.col-xs-push-4{left:33.33333333%}
.col-xs-push-3{left:25%}
.col-xs-push-2{left:16.66666667%}
.col-xs-push-1{left:8.33333333%}
.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-0{margin-left:0}
@media(min-width:768px){
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
    .col-sm-12{width:100%}
    .col-sm-11{width:91.66666667%}
    .col-sm-10{width:83.33333333%}
    .col-sm-9{width:75%}
    .col-sm-8{width:66.66666667%}
    .col-sm-7{width:58.33333333%}
    .col-sm-6{width:50%}
    .col-sm-5{width:41.66666667%}
    .col-sm-4{width:33.33333333%}
    .col-sm-3{width:25%}
    .col-sm-2{width:16.66666667%}
    .col-sm-1{width:8.33333333%}
    .col-sm-pull-12{right:100%}
    .col-sm-pull-11{right:91.66666667%}
    .col-sm-pull-10{right:83.33333333%}
    .col-sm-pull-9{right:75%}
    .col-sm-pull-8{right:66.66666667%}
    .col-sm-pull-7{right:58.33333333%}
    .col-sm-pull-6{right:50%}
    .col-sm-pull-5{right:41.66666667%}
    .col-sm-pull-4{right:33.33333333%}
    .col-sm-pull-3{right:25%}
    .col-sm-pull-2{right:16.66666667%}
    .col-sm-pull-1{right:8.33333333%}
    .col-sm-pull-0{right:auto}
    .col-sm-push-12{left:100%}
    .col-sm-push-11{left:91.66666667%}
    .col-sm-push-10{left:83.33333333%}
    .col-sm-push-9{left:75%}
    .col-sm-push-8{left:66.66666667%}
    .col-sm-push-7{left:58.33333333%}
    .col-sm-push-6{left:50%}
    .col-sm-push-5{left:41.66666667%}
    .col-sm-push-4{left:33.33333333%}
    .col-sm-push-3{left:25%}
    .col-sm-push-2{left:16.66666667%}
    .col-sm-push-1{left:8.33333333%}
    .col-sm-push-0{left:auto}
    .col-sm-offset-12{margin-left:100%}
    .col-sm-offset-11{margin-left:91.66666667%}
    .col-sm-offset-10{margin-left:83.33333333%}
    .col-sm-offset-9{margin-left:75%}
    .col-sm-offset-8{margin-left:66.66666667%}
    .col-sm-offset-7{margin-left:58.33333333%}
    .col-sm-offset-6{margin-left:50%}
    .col-sm-offset-5{margin-left:41.66666667%}
    .col-sm-offset-4{margin-left:33.33333333%}
    .col-sm-offset-3{margin-left:25%}
    .col-sm-offset-2{margin-left:16.66666667%}
    .col-sm-offset-1{margin-left:8.33333333%}
    .col-sm-offset-0{margin-left:0}
}

.text-center {
    text-align: center;
}
.text-uppercase {
    text-transform: uppercase;
}

.btn,.form-control {
    font-size: 15px;
    line-height: 1.66666667;
    background-image: none;
}

.form-control {
    display: block;
    height: 35px;
    padding: 6px 12px;
    width: 100%;
}
.form-control::-moz-placeholder {
    color: #202a30;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #202a30;
}
.form-control::-webkit-input-placeholder {
    color: #202a30;
}
textarea.form-control {
    height: auto
}

.btn {
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    touch-action: manipulation;
    user-select: none;
    vertical-align: middle;
}
.btn.focus,
.btn:focus,
.btn:hover {
    color: #333;
    text-decoration: none
}
.hidden-sm {
    display: inline-block;
}
@media only screen and (min-width: 768px) {
    .hidden-sm {
        display: none;
    }
}

/* Header */
.site-header {
    background-color: #262626;
    box-shadow: 0 0 40px rgba(0,0,0,.7);
    color: #fff;
    padding-top: 6px;
    position: relative;
    z-index: 1000;
}
.site-header:before {
    background: -webkit-linear-gradient(left, #2791c7 4%, #35a9e5 4%, #35a9e5 10%, #ad6fc4 10%, #ad6fc4 20%, #425b73 20%, #425b73 27%, #f06244 27%, #f06244 36%, #ee9100 36%, #ee9100 48%, #f6ce00 48%, #f6ce00 56%, #0bb970 56%, #0bb970 62%, #2791c7 62%, #2791c7 67%, #35a8e4 67%, #35a8e4 79%, #ae70c5 79%, #ae70c5 86%, #425b72 86%, #425b72 93%, #f16344 93%);
    background: linear-gradient(90deg, #2791c7 4%, #35a9e5 4%, #35a9e5 10%, #ad6fc4 10%, #ad6fc4 20%, #425b73 20%, #425b73 27%, #f06244 27%, #f06244 36%, #ee9100 36%, #ee9100 48%, #f6ce00 48%, #f6ce00 56%, #0bb970 56%, #0bb970 62%, #2791c7 62%, #2791c7 67%, #35a8e4 67%, #35a8e4 79%, #ae70c5 79%, #ae70c5 86%, #425b72 86%, #425b72 93%, #f16344 93%);
    content: "";
    height: 6px;
    position: absolute;
        left: 0;
        top: 0;
    width: 100%;
}
.header-left {
    float: left;
    position: relative;
    width: 100%;
}
.header-brand {
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
}
.header-brand img {
    display: inline-block;
    max-height: 70px;
    max-width: 100%;
    height: auto;
}
.header-nav-toggle {
    color: #fff;
    display: none;
    font-size: 24px;
    line-height: 1.25;
    padding: 17px 6px;
    position: absolute;
        top: 10px;
        right: 10px;
    text-align: center;
}
.header-nav {
    display: block;
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.header-nav > li {
    display: block;
    position: relative;
}
.header-nav > li > a {
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    padding: 8px 15px;
}
.header-nav > li > a:hover {
    color: #fff;
}
.header-nav > li.active > a,
.header-nav > li.active > a:hover {
    color: #202a30;
}
.header-nav .submenu {
    background-color: #2cb9cb;
    font-size: 14px;
    list-style: none;
    margin: 0;
    padding: 5px 0 5px 10px;
    text-align: left;
}
.header-nav .submenu > li {
    display: block;
}
.header-nav .submenu > li > a {
    color: #fff;
    display: block;
    padding: 6px 10px;
}
.header-nav .submenu > li > a:hover {
    color: #fff;
}
.header-nav > li:hover > .submenu {
    display: block;
}
.header-nav > li:first-child:hover,
.header-nav > li:first-child .submenu {
    background-color: #707a3e;
}
.header-nav > li:nth-child(2):hover,
.header-nav > li:nth-child(2) .submenu {
    background-color: #3dc7d1;
}
.header-nav > li:nth-child(3):hover,
.header-nav > li:nth-child(3) .submenu {
    background-color: #fecb4e;
}
.header-nav > li:nth-child(4):hover,
.header-nav > li:nth-child(4) .submenu {
    background-color: #ff6d6d;
}
.header-nav > li:nth-child(5):hover,
.header-nav > li:nth-child(5) .submenu {
    background-color: #635064;
}
.header-right {
    float: left;
    position: relative;
    width: 100%;
}
.header-phone,
.user-links {
    display: block;
    position: relative;
    width: 100%;
}
.header-phone {
    background-color: #262626;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    padding-bottom: 6px;
    padding-top: 6px;
}
.header-phone:hover {
    color: #ee9100;
}
.user-links {
    font-size: 0;
    list-style: none;
    padding-left: 0;
}
.user-links > li {
    display: inline-block;
    width: 50%;
}
.user-links > li > a {
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 6px;
    text-align: center;
}
.user-links > li > a > span {
    position: relative;
}
@media only screen and (max-width: 1023px) {
    .user-links > li:nth-child(1) > a {
        background-color: #ff6d6d;
    }
    .user-links > li:nth-child(2) > a {
        background-color: #96ae5a;
    }
}
@media only screen and (max-width: 767px) {
    .header-brand,
    .header-right {
        text-align: center;
    }
    .header-nav-toggle {
        display: block;
    }
    .header-nav {
        background-color: rgba(255,255,255,.2);
        display: none;
    }
    .header-right {
        background-color: #f3f3f3;
        box-shadow: inset 0 5px 3px -3px rgba(0,0,0,.15);
    }
}
@media only screen and (min-width: 768px) {
    .header-brand {
        display: block;
        float: left;
        height: 110px;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .header-brand img {
        max-height: 90px;
    }
    .header-nav {
        float: right;
    }
    .header-nav > li {
        float: left;
    }
    .header-nav > li > a {
        font-size: 16px;
        line-height: 1.875;
        padding: 40px 14px;
    }
    .header-nav > li:first-child > a {
        font-size: 30px;
        line-height: 1;
    }
    .header-nav .submenu {
        display: none;
        float: left;
        min-width: 200px;
        padding: 5px 0;
        position: absolute;
            left: 0;
            top: 100%;
        z-index: 1000;
    }
}
@media only screen and (min-width: 1024px) {
    .header-left {
        height: 110px;
        width: 75%;
    }
    .header-nav {
        margin-right: 20px;
    }
    .header-right {
        float: right;
        height: 110px;
        width: 25%;
    }
    .header-phone {
        box-shadow: 0 0 40px rgba(0,0,0,.35);
        font-size: 26px;
        line-height: 1.2;
        padding-bottom: 10px;
        padding-top: 12px;
        text-align: center;
        width: 100%;
        z-index: 3;
    }
    .header-phone .fa {
        margin-right: 10px;
    }
    .user-links > li > a {
        height: 80px;
        overflow: hidden;
        position: relative;
        width: 100%;
    }
    .user-links > li > a:before {
        content: "";
        position: absolute;
            left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .user-links > li > a:before {
        background-color: #202a30;
        border-radius: 100%;
        bottom: 0;
        height: 120px;
        width: 120px;
        -webkit-transition: all 250ms ease;
        transition: all 250ms ease;
        z-index: 1;
    }
    .user-links > li > a > span {
        z-index: 5;
    }
    .user-links .link-icon,
    .user-links .link-text {
        display: block;
        position: absolute;
            left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .user-links .link-icon {
        bottom: 12px;
        font-size: 28px;
        line-height: 1;
    }
    .user-links .link-text {
        font-size: 13px;
        font-weight: 700;
        line-height: 1.4;
        top: 8px;
        width: 100%;
    }
    .user-links > li:nth-child(1) > a:before {
        background-color: #ff6d6d;
    }
    .user-links > li:nth-child(1) > a:hover:before {
        background-color: #ff5454;
    }
    .user-links > li:nth-child(2) > a:before {
        background-color: #96ae5a;
    }
    .user-links > li:nth-child(2) > a:hover:before {
        background-color: #89a04f;
    }
}
/* Footer */
.site-footer {
    background-color: #f5f5f5;
    color: #666;
    font-size: 13px;
    line-height: 1.3333333;
    padding-bottom: 15px;
    position: relative;
}
.site-footer .border-bottom {
    border-bottom: 1px solid #e1e8ed;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.footer-top {
    background-color: #3c3c3c;
    color: #fff;
}
.footer-widget {
    display: block;
    text-align: center;
    width: 100%;
}
.footer-links ul,
.footer-social ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.footer-links li,
.footer-social li {
    display: inline-block;
}
.footer-links {
    padding-bottom: 10px;
    padding-top: 10px;
}
.footer-links li + li::before,
.footer-links a {
    color: #666;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.38461538;
}
.footer-links li + li::before {
    content: "\007C";
    padding: 0 3px;
    position: relative;
        top: -2px;
}
.footer-links a {
    text-transform: uppercase;
}
.footer-links a:hover,
.footer-links a:focus {
    color: #2cb9cb;
}
.footer-social a {
    color: #fff;
    display: block;
    font-size: 24px;
    height: 32px;
    line-height: 1.33333333;
    width: 40px;
}
.footer-social a:hover,
.footer-social a:focus {
    color: #fff;
}
.footer-social .social-facebook:hover,
.footer-social .social-facebook:focus {
    color: #3b5998;
}
.footer-social .social-twitter:hover,
.footer-social .social-twitter:focus {
    color: #1da1f2;
}
.footer-social .social-instagram:hover,
.footer-social .social-instagram:focus {
    color: #c13584;
}
.footer-social .social-google-plus:hover,
.footer-social .social-google-plus:focus {
    color: #dd4b39;
}
.footer-brand > a {
    display: inline-block;
    margin-bottom: 15px;
}
.footer-brand > a > img {
    display: inline-block;
    max-height: 80px;
    width: auto;
}
@media only screen and (min-width: 1024px) {
    .footer-links li + li::before,
    .footer-links a {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.4;
    }
    .footer-social a {
        font-size: 36px;
        height: 48px;
        line-height: 1.33333333;
        width: 60px;
    }
}
/* Inner */
.section {
    display: block;
    width: 100%;
}
.section-header {
    text-align: center;
}
.section-header .carousel-controls {
    display: block;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}
.section-header .carousel-control {
    border: 1px solid #ccc;
    border-radius: 100%;
    color: #ccc;
    display: inline-block;
    height: 24px;
    width: 24px;
}
.section-header .carousel-control:hover {
    border-color: #333;
    color: #333;
}
.section-title {
    color: #444;
    font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-stretch: condensed;
    line-height: 1.25;
    padding-bottom: 30px;
    padding-top: 30px;
    text-transform: uppercase;
}
.card,
.card-inner {
    position: relative;
}
.card-object,
.card-body {
    display: block;
    width: 100%;
}
.card-object a {
    display: block;
}
.card-object img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}
.card-title a {
    color: #444;
}
.card-title a:hover,
.card-title a:focus {
    color: #2cb9cb;
}
/* Slider */
.slider,
.slider-inner,
.slider-item {
    position: relative;
}
.slider-item {
    background-color: #2cb9cb;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.slider-item > a {
    display: block;
    height: 100%;
    position: absolute;
        left: 0;
        top: 0;
    width: 100%;
}
.slider-caption {
    display: table;
    width: 50%;
}
.slider-content {
    display: table-cell;
    vertical-align: middle;
}
.slider-title {
    color: #fff;
    font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 48px;
    font-stretch: condensed;
    line-height: 1;
}
.slider-subtitle {
    color: #fff;
    margin-bottom: 30px;
    margin-top: 20px;
}
.slider-link .btn-link {
    border: 2px solid #fff;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    padding: 15px 20px;
}
.slider-inner,
.slider-item,
.slider-caption {
    height: 120px;
}
.slider-control {
    background-color: rgba(0,0,0,.5);
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    padding: 8px;
    position: absolute;
        left: 0;
        right: auto;
        top: 50%;
        top: calc(50% - 19px);
    z-index: 3;
}
.slider-control:hover,
.slider-control:focus {
    background-color: rgba(0,0,0,.9);
    color: #fff;
}
.slider-control.next {
    left: auto;
    right: 0;
}
.slider:hover .slider-control.prev,
.slider:hover .slider-control.next,
.slider:focus .slider-control.prev,
.slider:focus .slider-control.next {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
@media only screen and (min-width: 768px) {
    .slider-inner,
    .slider-item,
    .slider-caption {
        height: 240px;
    }
    .slider-control {
        font-size: 24px;
        line-height: 24px;
        padding: 15px;
    }
    .slider-control.prev {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    .slider-control.next {
        left: auto;
        right: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    .slider:hover .slider-control.prev,
    .slider:hover .slider-control.next,
    .slider:focus .slider-control.prev,
    .slider:focus .slider-control.next {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@media only screen and (min-width: 1024px) {
    .slider-inner,
    .slider-item,
    .slider-caption {
        height: 600px;
    }
}
/* Alan Adi Tescil */
.alan-adi-tescil {
    padding-bottom: 35px;
    padding-top: 35px;
}
.alan-adi-tescil .section-slogan {
    padding-bottom: 20px;
}
.alan-adi-tescil .section-body .row {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alan-adi-tescil .column {
    overflow: hidden;
    padding: 15px 5px;
    text-align: center;
    width: 100%;
}
.alan-adi-tescil input.form-control::-moz-placeholder { font-style: italic; }
.alan-adi-tescil input.form-control:-ms-input-placeholder { font-style: italic; }
.alan-adi-tescil input.form-control::-webkit-input-placeholder { font-style: italic; }
.alan-adi-tescil select.form-control {
    font-style: italic;
    font-weight: 700;
    height: 35px;
}
.alan-adi-tescil .btn-submit {
    background-color: transparent;
    border-color: transparent;
    color: #202a30;
    height: 35px;
    padding: 4px;
}
.alan-adi-tescil .btn-submit:hover,
.alan-adi-tescil .btn-submit:focus {
    color: #2cb9cb;
}
.alan-adi-tescil .column-01 {
    font-weight: 700;
}
.alan-adi-tescil .column-01 > a {
    color: #202a30;
}
.alan-adi-tescil .column-02 {
    box-shadow: inset 0 0 0 1px #202a30;
}
.alan-adi-tescil .column-01:before,
.alan-adi-tescil .column-03:before {
    box-shadow: inset 0 0 0 1px #202a30;
    content: "";
    display: block;
    position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
    z-index: -1;
}
@media only screen and (max-width: 767px) {
    .alan-adi-tescil .column-02,
    .alan-adi-tescil .column-03 {
        margin-top: -1px;
    }
    .alan-adi-tescil .column-02 {
        text-align: center;
    }
    .alan-adi-tescil input.form-control {
        margin-bottom: 10px;
    }
}
@media only screen and (min-width: 768px) {
    .alan-adi-tescil .section-slogan {
        font-size: 21px;
        padding-bottom: 30px;
    }
    .alan-adi-tescil [class*='col-sm'] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .alan-adi-tescil .column {
        min-height: 65px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .alan-adi-tescil .column-01 {
        padding-left: 24px;
        text-align: right;
    }
    .alan-adi-tescil .alan-adi-tescil .column-01 > a {
        font-size: 18px;
        line-height: 30px;
    }
    .alan-adi-tescil .column-03 {
        padding-right: 24px;
        text-align: left;
    }
    .alan-adi-tescil .column-01:before,
    .alan-adi-tescil .column-03:before {
        -webkit-transform: skewX(35deg);
        transform: skewX(35deg);
    }
    .alan-adi-tescil .column-01:before {
        left: 22px;
        right: -23px;
    }
    .alan-adi-tescil .column-03:before {
        left: -23px;
        right: 22px;
    }
    .alan-adi-tescil input.form-control {
        border-color: transparent;
        float: left;
        width: 80%;
    }
    .alan-adi-tescil select.form-control {
        border-color: transparent;
        width: 20%;
    }
    .alan-adi-tescil .btn-submit {
        width: 35px;
    }
    .alan-adi-tescil .hidden-sm {
        display: none;
    }
}
@media only screen and (min-width: 1024px) {
    .alan-adi-tescil .section-body .row {
        width: 80%;
    }
}
/* Paketler */
.paketler {
    background: #f1efe5 url('../images/bg_paketler.jpg') center center no-repeat;
    background-size: cover;
    padding-bottom: 30px;
}
.paketler,
.paketler .carousel {
    position: relative;
}
.paketler .section-title {
    color: #533523;
}
.paketler .section-body {
    padding-left: 20px;
    padding-right: 20px;
}
.paketler .carousel-item {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.paketler .item-inner {
    background-color: #f1efe5;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
    padding: 15px 10px;
}
.paketler .item-object a {
    display: block;
}
.paketler .item-object img {
    display: inline-block;
    max-height: 230px;
    max-width: 100%;
    width: auto;
}
.paketler .item-body {
    font-size: 14px;
    padding-bottom: 15px;
    padding-top: 10px;
    text-transform: uppercase;
}
.paketler .item-body > a {
    color: #533523;
}
.paketler .item-body > a:hover,
.paketler .item-body > a:focus {
    color: #2cb9cb;
}
.paketler .item-body span {
    display: block;
}
.paketler .item-title {
    font-weight: 600;
}
.paketler .item-price {
    font-weight: 700;
}
.paketler .btn-link {
    background-color: transparent;
    border-radius: 0;
    box-shadow: inset 0 0 0 1px #333;
    color: #333;
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    text-transform: uppercase;
}
.paketler .btn-link:hover,
.paketler .btn-link:focus {
    color: #fff;
}
.paketler .btn-link + .btn-link {
    margin-left: 10px;
}
.paketler .btn-link > span {
    position: relative;
}
.paketler .btn-incele:hover,
.paketler .btn-incele:focus {
    background-color: #fecb4e;
    box-shadow: inset 0 0 0 1px #fecb4e;
}
.paketler .btn-satin-al:hover,
.paketler .btn-satin-al:focus {
    background-color: #82b440;
    box-shadow: inset 0 0 0 1px #82b440;
}
.paketler .carousel-control {
    color: #000;
    display: block;
    font-size: 30px;
    line-height: 1.2;
    height: 36px;
    opacity: .7;
    position: absolute;
        left: -36px;
        top: 36%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
    width: 24px;
}
.paketler .carousel-control:hover,
.paketler .carousel-control:focus {
    opacity: 1;
}
.paketler .carousel-control.next {
    left: auto;
    right: -24px;
}
@media only screen and (max-width: 767px) {
    .paketler .btn-link {
        float: left;
        font-size: 12px;
    }
}
@media only screen and (min-width: 768px) {
    .paketler .item-inner {
        padding: 20px 15px;
    }
    .paketler .btn-link {
        padding-left: 18px;
        padding-right: 18px;
    }
}
/* Son Calismalar */
.calismalar {
    background-color: #f3f3f3;
    padding-bottom: 30px;
}
.calismalar .carousel {
    margin-bottom: 30px;
}
.calismalar .owl-stage-outer {
    overflow: visible !important;
}
.calismalar .owl-carousel .owl-item {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter: alpha(opacity=25);
    opacity: 0.25;
    pointer-events: none;
    -webkit-transition: all 300ms;
    transition: all 300ms;
}
.calismalar .owl-carousel .owl-item.active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    pointer-events: auto;
}
.portfolio-item {
    margin-left: 5px;
    margin-right: 5px;
    overflow: hidden;
    position: relative;
    z-index: 9;
}
.portfolio-item a {
    display: block;
}
.portfolio-item .img {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: auto!important;
}
.portfolio-item .img img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    vertical-align: top;
    width: 100%;
}
.portfolio-item .caption {
    height: 100%;
    overflow: hidden;
    padding: 20px;
    position: absolute;
        left: 0;
        right: 0;
        top: 0;
    text-align: center;
    -webkit-transform: translate(0,100%);
    transform: translate(0,100%);
    -webkit-transition: all 500ms cubic-bezier(.24,.69,.38,1);
    transition: all 500ms cubic-bezier(.24,.69,.38,1);
    z-index: 9;
}
.portfolio-item:hover .caption {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
.portfolio-item .caption:before {
    background: #202a30;
    background: -webkit-linear-gradient(45deg,#202a30 0%,#29b6f6 100%);
    background: linear-gradient(45deg,#202a30 0%,#29b6f6 100%);
    content: "";
    display: block;
    height: 100%;
    opacity: .7;
    position: absolute;
        left: 0;
        top: 0;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    width: 100%;
    z-index: -1;
}
.portfolio-item .caption .tb {
    display: table;
    height: 100%;
    width: 100%;
}
.portfolio-item .caption .tb-cell {
    display: table-cell;
    vertical-align: middle;
}
.portfolio-item .caption h2 {
    color: #fff;
    font-size: 24px;
    line-height: 1.4em;
    margin: 0;
    text-shadow: 0 2px 3px rgba(51,51,51,.9);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.portfolio-item .caption h2:before {
    content: "\f375";
    display: block;
    font-family: "Ionicons";
    font-size: 30px;
    line-height: 1;
    margin-bottom: 30px;
    text-align: center;
}
/* Ne Yapariz */
.neyapariz {
  padding-bottom: 30px;
  position: relative;
}
.neyapariz .section-header {
  padding-bottom: 30px;
  padding-top: 15px;
}
.neyapariz .section-title {
  padding-bottom: 10px;
  padding-top: 15px;
}
.neyapariz .section-body {
  background: #fff url('../images/bg_neyapariz.jpg') center center no-repeat;
}
.neyapariz .htl {
  margin-bottom: 20px;
  position: relative;
}
.neyapariz .htl:before,
.neyapariz .htl:after {
  background-color: #455a64;
  border-radius: 100%;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  width: 20px;
}
.neyapariz .htl > ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  position: relative;
}
.neyapariz .htl > ul:before {
  background-color: #455a64;
  content: "";
  display: block;
  position: absolute;
}
.neyapariz .htl > ul > li {
  display: block;
  float: left;
  width: 100%;
}
.neyapariz .item {
  color: #444;
  display: block;
  position: relative;
}
.neyapariz .item:before {
  background-color: #455a64;
  border-radius: 100%;
  box-shadow: 0 0 0 5px currentColor;
  color: #fa565a;
  content: "";
  display: block;
  height: 24px;
  position: absolute;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  width: 24px;
}
.neyapariz .item:hover .item-number,
.neyapariz .item:focus .item-number {
  box-shadow: inset 0 0 0 15px #455a64;
}
.neyapariz .item-icon,
.neyapariz .item-text {
  display: block;
  width: 50%;
}
.neyapariz .item-icon {
  padding: 10px 15px;
}
.neyapariz .item-number {
  background-color: currentColor;
  box-shadow: inset 0 0 0 10px #455a64;
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-stretch: condensed;
  font-weight: 700;
  height: 96px;
  line-height: 1.75;
  padding: 20px 15px;
  position: relative;
  text-align: center;
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  width: 96px;
}
.neyapariz .item-number:before {
  background-color: #c7d1d5;
  border-radius: 100%;
  content: "";
  box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: -5px;
  left: -5px;
  right: -5px;
  top: -5px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  z-index: -1;
}
.neyapariz .item-text {
  padding-left: 80px;
  padding-top: 15px;
  position: relative;
}
.neyapariz .item-text:before {
  background-color: #455a64;
  content: "";
  display: none;
  position: absolute;
  width: 2px;
}
.neyapariz .item-title {
  background-color: #455a64;
  color: #fff;
  display: block;
  font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-stretch: condensed;
  line-height: 1.6;
  margin-bottom: 10px;
  padding-left: 8px;
  padding-right: 8px;
  text-transform: uppercase;
}
.neyapariz .item-title > span {
  display: inline-block;
  height: 24px;
  margin-left: -8px;
  margin-right: 8px;
  text-align: center;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  width: 24px;
}
.neyapariz .item-desc {
  color: #455a64;
  font-size: 12px;
  line-height: 1.25;
}
.neyapariz .item1,
.neyapariz .item1:before {
  color: #ba68c8;
}
.neyapariz .item1 .item-title > span,
.neyapariz .item1 .item-number {
  background-color: #ba68c8;
}
.neyapariz .item1:hover,
.neyapariz .item1:focus,
.neyapariz .item1:hover:before,
.neyapariz .item1:focus:before {
  color: #a844b9;
}
.neyapariz .item1:hover .item-title > span,
.neyapariz .item1:focus .item-title > span,
.neyapariz .item1:hover .item-number,
.neyapariz .item1:focus .item-number {
  background-color: #a844b9;
}
.neyapariz .item2,
.neyapariz .item2:before {
  color: #ffa726;
}
.neyapariz .item2 .item-title > span,
.neyapariz .item2 .item-number {
  background-color: #ffa726;
}
.neyapariz .item2:hover,
.neyapariz .item2:focus,
.neyapariz .item2:hover:before,
.neyapariz .item2:focus:before {
  color: #f29000;
}
.neyapariz .item2:hover .item-title > span,
.neyapariz .item2:focus .item-title > span,
.neyapariz .item2:hover .item-number,
.neyapariz .item2:focus .item-number {
  background-color: #f29000;
}
.neyapariz .item3,
.neyapariz .item3:before {
  color: #26c6da;
}
.neyapariz .item3 .item-title > span,
.neyapariz .item3 .item-number {
  background-color: #26c6da;
}
.neyapariz .item3:hover,
.neyapariz .item3:focus,
.neyapariz .item3:hover:before,
.neyapariz .item3:focus:before {
  color: #1e9faf;
}
.neyapariz .item3:hover .item-title > span,
.neyapariz .item3:focus .item-title > span,
.neyapariz .item3:hover .item-number,
.neyapariz .item3:focus .item-number {
  background-color: #1e9faf;
}
.neyapariz .item4,
.neyapariz .item4:before {
  color: #66bb6a;
}
.neyapariz .item4 .item-title > span,
.neyapariz .item4 .item-number {
  background-color: #66bb6a;
}
.neyapariz .item4:hover,
.neyapariz .item4:focus,
.neyapariz .item4:hover:before,
.neyapariz .item4:focus:before {
  color: #49a54e;
}
.neyapariz .item4:hover .item-title > span,
.neyapariz .item4:focus .item-title > span,
.neyapariz .item4:hover .item-number,
.neyapariz .item4:focus .item-number {
  background-color: #49a54e;
}
.neyapariz .item5,
.neyapariz .item5:before {
  color: #ff7043;
}
.neyapariz .item5 .item-title > span,
.neyapariz .item5 .item-number {
  background-color: #ff7043;
}
.neyapariz .item5:hover,
.neyapariz .item5:focus,
.neyapariz .item5:hover:before,
.neyapariz .item5:focus:before {
  color: #ff4910;
}
.neyapariz .item5:hover .item-title > span,
.neyapariz .item5:focus .item-title > span,
.neyapariz .item5:hover .item-number,
.neyapariz .item5:focus .item-number {
  background-color: #ff4910;
}
.neyapariz .item6,
.neyapariz .item6:before {
  color: #f06292;
}
.neyapariz .item6 .item-title > span,
.neyapariz .item6 .item-number {
  background-color: #f06292;
}
.neyapariz .item6:hover,
.neyapariz .item6:focus,
.neyapariz .item6:hover:before,
.neyapariz .item6:focus:before {
  color: #ec3372;
}
.neyapariz .item6:hover .item-title > span,
.neyapariz .item6:focus .item-title > span,
.neyapariz .item6:hover .item-number,
.neyapariz .item6:focus .item-number {
  background-color: #ec3372;
}
@media only screen and (max-width: 767px) {
  .neyapariz .section-body {
    background-attachment: fixed;
  }
  .neyapariz .htl:before,
  .neyapariz .htl:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
  }
  .neyapariz .htl:after {
    bottom: 0;
    top: auto;
  }
  .neyapariz .htl > ul {
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .neyapariz .htl > ul:before {
    bottom: 7px;
    left: 50%;
    top: 7px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 6px;
  }
  .neyapariz .item {
    margin-bottom: 10px;
  }
  .neyapariz .item:before,
  .neyapariz .item:after {
    content: " ";
    display: table;
  }
  .neyapariz .item:before {
    left: 50%;
    top: 48px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .neyapariz .item:after {
    clear: both;
  }
  .neyapariz .item-icon,
  .neyapariz .item-text {
    float: left;
  }
  .neyapariz .item-icon {
    text-align: center;
  }
  .neyapariz .item-title {
    text-align: left;
  }
  .neyapariz .item-text {
    padding: 10px 15px;
  }
  .neyapariz .item-odd .item-text {
    padding-left: 30px;
    padding-right: 0;
  }
  .neyapariz .item-even .item-text {
    padding-left: 0;
    padding-right: 30px;
    text-align: right;
  }
}
@media only screen and (min-width: 768px) {
  .neyapariz .htl:before,
  .neyapariz .htl:after {
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .neyapariz .htl:after {
    left: auto;
    right: 0;
  }
  .neyapariz .htl > ul {
    padding-left: 20px;
    padding-right: 20px;
  }
  .neyapariz .htl > ul:before {
    height: 6px;
    left: 10px;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .neyapariz .htl > ul > li {
    width: 33.3333333%;
  }
  .neyapariz .item {
    height: 240px;
  }
  .neyapariz .item-icon,
  .neyapariz .item-text {
    width: 100%;
  }
  .neyapariz .item-icon {
    height: 116px;
  }
  .neyapariz .item-number {
    font-size: 48px;
    height: 96px;
    line-height: 1.16666667;
    padding: 20px 15px;
    width: 96px;
  }
  .neyapariz .item-text {
    height: 120px;
  }
  .neyapariz .item-text:before {
    display: block;
  }
  .neyapariz .item-title {
    background-color: #455a64;
    color: #fff;
    font-size: 22px;
    line-height: 1.36363636;
    margin-bottom: 10px;
    padding-left: 8px;
    padding-right: 8px;
    text-transform: uppercase;
  }
  .neyapariz .item-title,
  .neyapariz .item-title > span {
    display: inline-block;
  }
  .neyapariz .item-title > span {
    height: 30px;
    margin-left: -8px;
    margin-right: 10px;
    text-align: center;
    width: 30px;
  }
  .neyapariz .item-desc {
    font-size: 14px;
    line-height: 1.35714286;
  }
  .neyapariz .item-odd {
    margin-bottom: 6px;
  }
  .neyapariz .item-odd:before {
    left: 51px;
    bottom: -15px;
  }
  .neyapariz .item-odd .item-text {
    padding-left: 80px;
    padding-right: 15px;
  }
  .neyapariz .item-odd .item-text:before {
    bottom: 15px;
    left: 63px;
    top: 0;
  }
  .neyapariz .item-even {
    margin-top: 6px;
  }
  .neyapariz .item-even:before {
    right: 51px;
    top: -15px;
  }
  .neyapariz .item-even .item-icon {
    text-align: right;
  }
  .neyapariz .item-even .item-text {
    text-align: right;
    padding-left: 15px;
    padding-right: 80px;
  }
  .neyapariz .item-even .item-text:before {
    bottom: 0;
    right: 61px;
    top: 15px;
  }
}
/* Cozumler */
.cozumler {
    background: #f1efe5 url('../images/bg_cozumler.jpg') center center no-repeat;
    background-size: cover;
}
.cozumler .caption {
    display: block;
    height: 400px;
    width: 100%;
}
.cozumler .tb {
    display: table;
    height: 100%;
    width: 100%;
}
.cozumler .tb-cell {
    display: table-cell;
    vertical-align: middle;
}
.cozumler .caption-small,
.cozumler .caption-big {
    color: #fff;
    display: block;
    line-height: 1.3333333;
    text-transform: uppercase;
    width: 100%;
}
.cozumler .caption-small {
    font-size: 20px;
}
.cozumler .caption-big {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px;
}
.cozumler .btn-line-caption {
    border: 2px solid #26aebc;
    color: #26aebc;
    display: inline-block;
    text-transform: uppercase;
}
.cozumler .btn-line-caption:hover {
    border-color: #fff;
    color: #fff;
}
/* Son Yazilar */
.son-yazilar {
    padding-bottom: 30px;
    padding-top: 20px;
}
.son-yazilar .section-title {
    padding-bottom: 10px;
}
.son-yazilar .carousel {
    margin-bottom: 20px;
}
.son-yazilar .card {
    padding-left: 10px;
    padding-right: 10px;
}
.son-yazilar .card:hover .card-inner,
.son-yazilar .card:focus .card-inner {
    background-color: #f3f3f3;
}
.son-yazilar .card:hover .card-title a,
.son-yazilar .card:focus .card-title a {
    color: #2cb9cb;
}
.son-yazilar .card:hover .card-object a:before,
.son-yazilar .card:focus .card-object a:before {
    opacity: 1;
}
.son-yazilar .card:hover .card-object a:after,
.son-yazilar .card:focus .card-object a:after {
    opacity: 0.8;
}
.son-yazilar .card-inner {
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 15px;
}
.son-yazilar .card-object {
    margin-bottom: 15px;
}
.son-yazilar .card-object a {
    display: block;
    position: relative;
}
.son-yazilar .card-object a:before,
.son-yazilar .card-object a:after {
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.son-yazilar .card-object a:before {
    color: #fff;
    content: "\f045";
    font-family: FontAwesome;
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
    left: 50%;
    line-height: 30px;
    margin-left: -15px;
    margin-top: -15px;
    top: 50%;
    z-index: 1;
}
.son-yazilar .card-object a:after {
    background: #2cb9cb;
    bottom: 0;
    content: "";
    left: 0;
    right: 0;
    top: 0;
}
.son-yazilar .card-object img {
    display: block;
    max-width: 100%;
    height: 100%;
}
.son-yazilar .card-body {
    font-size: 14px;
}
.son-yazilar .card-title {
    display: block;
    font-family: "Open Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-stretch: condensed;
    font-weight: normal;
    line-height: 1.1;
    margin-bottom: 10px;
}
.son-yazilar .card-excerpt {
    display: block;
    display: -webkit-box;
    max-width: 400px;
    height: 63px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.4;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media only screen and (min-width: 768px) {
    .son-yazilar .card-inner {
        padding: 30px;
    }
    .son-yazilar .card-title {
        margin-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }
}
/* Hosting Paketleri */
.hosting-paketleri {
    background: #f3f3f3 url('../images/bg_hosting.jpg') center center no-repeat;
    background-size: cover;
    color: #444;
    padding-bottom: 30px;
    padding-top: 40px;
}
.hosting-paketleri,
.hosting-paketleri .card,
.hosting-paketleri .card-inner,
.hosting-paketleri .card-header,
.hosting-paketleri .card-header > div,
.hosting-paketleri .card-footer,
.hosting-paketleri .btn-satin-al,
.hosting-paketleri .btn-satin-al > span {
    position: relative;
}
.hosting-paketleri .section-title {
    color: #fff;
    padding-bottom: 10px;
    padding-top: 10px;
}
.hosting-paketleri .section-slogan {
    color: #fff;
    padding-bottom: 30px;
}
.hosting-paketleri .card {
    margin-bottom: 20px;
}
.hosting-paketleri .card-inner {
    background-color: #24c7d1;
    background-clip: content-box;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    z-index: 3;
}
.hosting-paketleri .card-inner:before {
    border-left: 10px solid rgba(255,255,255,.15);
    border-right: 10px solid rgba(255,255,255,.15);
    content: "";
    position: absolute;
        bottom: 0;
        left: 15px;
        right: 15px;
        top: 0;
}
.hosting-paketleri .card-badge {
    background-color: #24c7d1;
    border-radius: 4px;
    padding-bottom: 50%;
    position: absolute;
        left: 0;
        top: 100%;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-30deg) skewX(30deg);
    transform: rotate(-30deg) skewX(30deg);
    width: 57.7%;
}
.hosting-paketleri .card-badge:before {
    border-left: 7px solid rgba(255,255,255,.15);
    border-bottom: 6px solid rgba(255,255,255,.15);
    content: "";
    position: absolute;
        bottom: 8px;
        left: 8px;
        right: 0;
        top: 0;
}
.hosting-paketleri .card-header {
    overflow: hidden;
    padding: 20px 10px 30px;
}
.hosting-paketleri .card-header:before {
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 10px 0 0 rgba(255,255,255,.1);
    content: "";
    position: absolute;
        bottom: 0;
        left: 30px;
        right: 40px;
        top: -100%;
}
.hosting-paketleri .card-title {
    font-size: 24px;
    font-weight: 700;
}
.hosting-paketleri .card-body {
    padding: 10px 40px 20px;
}
.hosting-paketleri .card-body > ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.hosting-paketleri .card-body > ul > li {
    display: block;
    font-size: 15px;
    line-height: 1.2;
    padding: 6px 12px;
}
.hosting-paketleri .card-body > ul > li:not(:last-child) {
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.hosting-paketleri .card-body > ul > li:nth-child(1),
.hosting-paketleri .card-body > ul > li:nth-child(2),
.hosting-paketleri .card-body > ul > li:nth-child(3) {
    font-weight: 700;
}
.hosting-paketleri .card-footer {
    padding-left: 25%;
    padding-right: 25%;
}
.hosting-paketleri .btn-satin-al {
    background-color: #fff;
    color: #24c7d1;
    display: block;
    font-weight: 700;
    text-transform: uppercase;
}
.hosting-paketleri .btn-satin-al:before {
    background-color: inherit;
    border-radius: 4px;
    content: "";
    padding-bottom: 50%;
    position: absolute;
        left: 0;
        top: 100%;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-30deg) skewX(30deg);
    -ms-transform: rotate(-30deg) skewX(30deg);
    transform: rotate(-30deg) skewX(30deg);
    width: 57.7%;
}
.hosting-paketleri .btn-satin-al:after {
    color: inherit;
    content: "\f07a";
    display: inline-block;
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.hosting-paketleri .card-paket1 .card-inner,
.hosting-paketleri .card-paket1 .card-badge {
    background-color: #f2775e;
}
.hosting-paketleri .card-paket1 .card-header,
.hosting-paketleri .card-paket1 .btn-satin-al {
    color: #f2624d;
}
.hosting-paketleri .card-paket2 .card-inner,
.hosting-paketleri .card-paket2 .card-badge {
    background-color: #77cfbf;
}
.hosting-paketleri .card-paket2 .card-header,
.hosting-paketleri .card-paket2 .btn-satin-al {
    color: #64c3b1;
}
.hosting-paketleri .card-paket3 .card-inner,
.hosting-paketleri .card-paket3 .card-badge {
    background-color: #ffba55;
}
.hosting-paketleri .card-paket3 .card-header,
.hosting-paketleri .card-paket3 .btn-satin-al {
    color: #ffab44;
}
@media only screen and (max-width: 767px) {
    .hosting-paketleri .card-badge,
    .hosting-paketleri .btn-satin-al:before {
        display: none;
    }
    .hosting-paketleri .card-footer {
        padding-bottom: 20px;
    }
    .hosting-paketleri .btn-satin-al:after {
        margin-left: 5px;
    }
}
@media only screen and (min-width: 768px) {
    .hosting-paketleri {
        padding-bottom: 130px;
    }
    .hosting-paketleri .btn-satin-al {
        padding-bottom: 20px;
    }
    .hosting-paketleri .btn-satin-al:after {
        font-size: 24px;
        position: absolute;
            bottom: -24px;
            left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
/* Referanslar */
.referanslar {
    padding-bottom: 20px;
    padding-top: 20px;
}
.referanslar .section-title {
    padding-bottom: 10px;
}
.referanslar .carousel-item {
    opacity: .7;
    text-align: center;
    transition: opacity 250ms ease;
}
.referanslar .carousel-item img {
    display: inline-block;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    height: 140px;
    max-width: 100%;
    width: auto;
}
.referanslar .carousel-item:hover {
    opacity: 1;
}
.referanslar .carousel-item:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
/* Yorumlar */
.yorumlar {
    background: #2cb9cb url('../images/bg_yorumlar.jpg') center center no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 18px;
    line-height: 1.3333333;
    padding-bottom: 30px;
    padding-top: 30px;
}
.yorumlar .carousel-item {
    margin-bottom: 50px;
}
.yorumlar .carousel-item > div {
    display: block;
    width: 100%;
}
.yorumlar .item-body {
    padding: 60px 20% 30px;
}
.yorumlar .item-body > span,
.yorumlar .item-footer > span {
    display: block;
    width: 100%;
}
.yorumlar .yorum-icerik {
    font-family: "Georgia", Times, serif;
    font-style: italic;
}
.yorumlar .yorum-sahip {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3333333;
    margin-bottom: 5px;
}
.yorumlar .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
}
.yorumlar .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.yorumlar .owl-dots .owl-dot {
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.yorumlar .owl-dots .owl-dot span {
    background: #ccc;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    border-radius: 30px;
    display: block;
    height: 15px;
    margin: 5px 7px;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    width: 15px;
}
.yorumlar .owl-dots .owl-dot.active span,
.yorumlar .owl-dots .owl-dot:hover span {
    background: #fff;
}