content { width:100%; float:left;}
.wrapper { width:100%; margin:auto;}
.container {margin:auto;padding-left: 15px;padding-right: 15px;position: relative;}
.logo {
    float: left;
    margin-top: 25px;
}
.logo img {width:100%;}
.h-menu {
    width: 600px;
    float: left;
    margin-top: 30px;
    margin-left: 110px;
}
.h-menu ul {
    margin: 0;
    padding: 0;
}
.h-menu ul li {
    float: left;
    list-style: none;
}
.h-menu ul li a {
    color: #195184;
    font-weight: bold;
    text-decoration: none;
    font-size: 15px;
    display: block;
    padding: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
}
.h-menu ul li a:hover {
    color: #FFFFFF;
    background:#167eb5;
    border-radius:6px;
}
.h-menu .drop {border-top-left-radius: 6px;border-top-right-radius: 6px;}
.h-menu .drop:hover {background-color:#167eb5;}
.h-menu .drop:hover a {color:white;}
.h-menu ul li:hover ul { display:block;}
.h-menu ul li ul {
    width: 200px;
    background: white;
    float: left;
    position: absolute;
    z-index: 2;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-top: 0;
    -webkit-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.31);
    -moz-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.31);
    box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.31);
    display: none;
}
.h-menu ul li ul li {
    width: 100%;
    border-top: 1px solid #f1f1f1;
    float: left;
}
.h-menu ul li ul li a {
    padding-left: 20px;
    line-height: 16px;
    font-weight: normal;
    color: #222221!important;
    display: block;
    padding-left: 20px;
    font-size: 15px;
}
.h-menu ul li ul li a:hover { color:white!important;}

.h-menu ul li ul li:hover  { background-color:#167eb5; }

.demo-incele {
    margin-top: 30px;
    position: absolute;
    right: 0;
    float: right;
    display: inline-block;
    padding: 11px;
    font-family:Arial;
    padding-left: 22px;
    padding-right: 22px;
    border-radius: 10rem;
    font-weight:bold;
    color: #fff;
    font-size: 15px;
    text-decoration:none;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    animation: blinker 0.9s linear infinite;
}
@keyframes blinker {
    50% { background:#01213A;  }
}
.demo-incele a {
    color: white;
    text-decoration: none;
    display: block;
}
.demo-incele:after {
    animation: blinker 0.9s linear infinite;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #167eb5;
    border-radius: 10rem;
    z-index: -2;
}
.demo-incele:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #47aade;
    transition: all .3s;
    border-radius: 10rem;
    z-index: -1;
}
.demo-incele:hover {
    color: #fff;
}
.demo-incele:hover:before {
    width: 100%;
}


.demo-incele2 {
    margin-top: 40px;
    width: 178px;
    /* margin-left: 44px; */
    position: absolute;
    /* right: 15px; */
    display: inline-block;
    padding: 12px;
    font-family:Arial;
    /* padding-left: 43px; */
    /* padding-right: 19px; */
    border-radius: 10rem;
    color: #fff;
    font-size: 19px;
    text-decoration:none;
    transition: all .3s;
    position: relative;
    text-align: center;
    overflow: hidden;
    z-index: 1;
}
.demo-incele2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #167eb5;
    border-radius: 10rem;
    z-index: -2;
}
.demo-incele2:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #47aade;
    transition: all .3s;
    border-radius: 10rem;
    z-index: -1;
}
.demo-incele2:hover {
    color: #fff;
}
.demo-incele2:hover:before {
    width: 100%;
}


.detay-incele {
    margin-top: 40px;
    /* margin-left:10px; */
    position: absolute;
    /* right: 15px; */
    display: inline-block;
    padding: 12px;
    font-family:Arial;
    padding-left: 27px;
    padding-right: 27px;
    border-radius: 10rem;
    color: #fff;
    font-size: 19px;
    text-decoration:none;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.detay-incele:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FF7315;
    border-radius: 10rem;
    z-index: -2;
}
.detay-incele:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #FF9933;
    transition: all .3s;
    border-radius: 10rem;
    z-index: -1;
}
.detay-incele:hover {
    color: #fff;
}
.detay-incele:hover:before {
    width: 100%;
}




.demo-incele3 {
    margin-top: 40px;
    width: 178px;
    /* margin-left: 44px; */
    position: absolute;
    /* right: 15px; */
    display: inline-block;
    padding: 14px;
    font-family:Arial;
    /* padding-left: 43px; */
    /* padding-right: 19px; */
    border-radius: 10rem;
    color: #fff;
    font-size: 20px;
    text-decoration:none;
    transition: all .3s;
    position: relative;
    text-align: center;
    overflow: hidden;
    z-index: 1;
}
.demo-incele3:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #167eb5;
    border-radius: 10rem;
    z-index: -2;
}
.demo-incele3:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #47aade;
    transition: all .3s;
    border-radius: 10rem;
    z-index: -1;
}
.demo-incele3:hover {
    color: #fff;
}
.demo-incele3:hover:before {
    width: 100%;
}

.slide {width:100%;float:left;background: #167eb5;background-image: url('../images/bg_main.jpg');position: relative;}
.slide .owl-nav {
    opacity: 0;
    width: 100%;
    float: left;
    position: absolute;
    margin-top: -23%;
    transition: all 200ms;
}

.slide:hover .owl-nav {
    opacity: 0.7;
    transition: all 200ms;
}

.slide .owl-nav .owl-prev {
    margin-left: -64px;
    float: left;
    outline: 0px;
}

.slide .owl-nav .owl-next {
    margin-right: -64px;
    float: right;
    outline: 0px;
}
.slide .owl-dots {
    position: absolute;
    bottom: 30px;
}
.slide .owl-dots  .owl-dot {background: #cecece;width: 14px;height: 14px;margin-right: 7px;border-radius: 100%;outline: 0px;}
.slide .owl-dots  .active {
    background: white;
}

.nav-mobil {
    height: 100%;
    width: 70%;
    background-color: #167eb5;
    left: -80%;
    top: 0;
    z-index: 2;
    position: fixed;
    overflow-y: auto;
    overflow-x: visible;
    transform: translate(-280px,0);
}
.ssm-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.2);
    display: none;
    z-index: 1;
}
.nav-mobil {}
.nav-mobil ul {
    margin: 0;
    PADDING: 0;
}
.nav-mobil li {
    width: 100%;
    float: left;
    list-style-type: none;
}
.nav-mobil li a {
    color: white;
    text-decoration: none;
    PADDING-LEFT: 30PX;
    line-height: 36px;
    font-size: 15px;
    display: block;
    font-weight: bold;
    border-bottom: 1px solid #1b8dca;
}
.main-info {
    width: 100%;
    float: left;
    /* padding-top: 40px; */
    /* padding-bottom: 40px; */
}
.main-info .col {width: 33%;text-align: center;float: left;margin-bottom: 9px;margin-top: -11px;min-height: 250px;}
.main-info .col h3 {
    color: #167eb5;
    font-size: 23px;
    font-weight: normal;
    margin: 0;
    margin-top: 10px;
}
.main-info .col p {
    margin: 0;
    line-height: 130%;
    font-size: 15px;
    color: #333333;
    margin-top: 2px;
    padding-right: 20px;
    padding-left: 20px;
}
.main-info .col img { width:134px;}

.main-referanslar {
    width: 100%;
    float: left;
    background: #f3f6f9;
    /* border-top: 1px solid #e2e6eb; */
    /* border-bottom: 1px solid #e2e6eb; */
}
.main-referanslar ul {
    margin: 0;
    padding: 0;
}
.main-referanslar ul li {
    float: left;
    list-style-type: none;
    width: 14%;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 24px;
}
.main-referanslar ul li img {
    width: 100%;
    filter:grayscale(100%);
    /* border: 1px solid #e2e6eb; */
    cursor: pointer;
    padding: 6px;
    border-radius: 100px;
}
.main-referanslar .buton {
    background: #FE6001;
    width: 280px;
    margin: auto;
    height: 48px;
    border-radius: 30px;
    line-height: 48px;
    margin-top: 40px;
    border-bottom: 3px solid #DC5301;
}
.main-referanslar .buton a {
    display: block;
    color: white;
    font-size: 20px;
    text-decoration: none;
    text-align: center;
    font-family: Arial;
}
.main-referanslar .buton:hover { background-color:#FF8000;}

.main-referanslar ul li img:hover { filter:grayscale(0%);   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition-duration:0.5s;}

.clear { clear:both;}
.musteri-gorusleri {width:100%;float:left;/* margin-top: 45px; */}
.musteri-gorusleri .col {
    width: 31%;
    float: left;
    text-align: center;
    font-family: Arial;
    margin-top: 14px;
    margin-right: 3%;
}
.musteri-gorusleri .col:last-child { margin-right:0px;}
.musteri-gorusleri .col .img {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
.musteri-gorusleri .col .img img {
    border-radius: 20px;
    width: 92%;
    border: 6px solid #d8e4f1;
}
.musteri-gorusleri .col .play {}
.musteri-gorusleri .col h4  {
    margin: 0;
}
.musteri-gorusleri .col  h5 {
    margin: 0;
}
.main-demo-site {
    width: 100%;
    float: left;
    background: #f3f6f9;
    /* border-top: 1px solid #e2e6eb; */
    /* border-bottom: 1px solid #e2e6eb; */
}
.main-demo-site .ekran {
    width: 45%;
    float: left;
    margin-top: 30px;
}
.main-demo-site .ekran img {
    width: 90%;
    margin-left: 20px;
}
.main-demo-site .text {
    width: 51%;
    float: right;
    margin-top: 50px;
    margin-bottom: 60px;
}

.main-demo-site .text h1 {
    font-family: 'Arial';
    margin: 0;
    margin-bottom: 10px;
    color: #167eb5;
}
.main-demo-site .text p {
    font-size: 19px;
    font-family: Arial;
    margin: 0;
}
.main-demo-site .buton-demo {
    background: #167eb5;
    float: left;
    border-radius: 30px;
    height: 48px;
    line-height: 48px;
    font-size: 20px;
    margin-top: 30px;
    border-bottom: 3px solid #0f4765;
}
.main-demo-site .buton-demo:hover {background-color:#228ec7;}

.main-demo-site .buton-demo a {
    text-decoration: none;
    color: white;
    display: block;
    font-family: Arial;
    padding-left: 30px;
    padding-right: 30px;
}

.main-demo-site .buton-detay {
    background: #FE6001;
    float: left;
    border-radius: 30px;
    height: 48px;
    line-height: 48px;
    font-size: 20px;
    margin-top: 30px;
    border-bottom: 3px solid #DC5301;
    margin-left: 10px;
}
.main-demo-site .buton-detay:hover {background-color:#FF8000;}


.main-demo-site .buton-detay a {
    text-decoration: none;
    color: white;
    display: block;
    font-family: Arial;
    padding-left: 30px;
    padding-right: 30px;
}

.copyright {
    width: 100%;
    float: left;
    padding-top: 2px;
    padding-bottom: 14px;
    background:#FFFFFF;
}
.copyright a { text-decoration:none; color:#000000;}
.copyright .left {
    float: left;
    width: 25%;
}
.copyright .center {
    float: left;
    text-align: center;
    width: 50%;
    font-size: 13px;
    font-family: Arial;
    padding-top: 18px;
}
.copyright .right {
    float: right;
    width: 25%;
    text-align: right;
}
.nav-mobil li ul li a {
    padding-left: 45px;
    font-size: 14px;
    font-weight: lighter;
}
.ssm-nav-visible { left:0px;}
.e-ticaret-paketleri { width:100%; float:left;}
.sp {padding-top: 40px;padding-bottom: 70px;}

.comparison {
    max-width: 1200px;
    margin:0 auto;
    font: 13px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align:center;
    padding:10px;
}

.comparison table {
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    border-right: 0px!important;
    /* border-bottom:1px solid #CCC; */
}

.comparison td, .comparison th {
    border-right: 6px solid white!important;
    empty-cells: show;
    padding: 10px;
    text-align: center;
    /* height: 6px; */
    /* border: 1px solid #CCC; */
}

.compare-heading {
    font-size:18px;
    font-weight:bold !important;
    border-bottom:0 !important;
    padding-top: 26px !important;
    padding-bottom: 22px!important;
    position: relative;
    border: none!important;
    background-image: url('imagesnew/pak_ust.png');
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
}

.compare-heading2 {
    font-size:18px;
    font-weight:bold !important;
    border-bottom:0 !important;
    padding-top: 26px !important;
    padding-bottom: 22px!important;
    position: relative;
    border: none!important;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
}

.compare-heading3 {
    font-size:18px;
    font-weight:bold !important;
    border-bottom:0 !important;
    /* padding-top: 3px !important; */
    /* padding-bottom: 5px!important; */
    position: relative;
    border: none!important;
    background-image: url('imagesnew/pak_ust.png');
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
}



.comparison tbody tr:nth-child(odd) {
    display:none;
}

.comparison .compare-row {
    background: #FBFBFB;
}

.comparison .compare-row22 {
    background: #f6f6f6;
}

.comparison .tickblue {
    color:#0078C1;
}

.comparison .tickgreen {
    color:#009E2C;
}

.comparison th {
    font-weight:normal;
    padding:0;
    /* border-bottom:1px solid #CCC; */
}

.comparison tr td:first-child {
    text-align:left;
    border-left: 0px!important;
    padding: 10px;
}

.comparison .qbse, .comparison .qbo, .comparison .tl {
    color:#FFF;
    padding-left: 10px;
    font-size:13px;
    border-right:1px solid #CCC;
    border-bottom:0;
    width: 395px;
    padding-right: 10px;
}

.comparison .tl2 {
    border-right:0;
}

.comparison .qbse {
    background:#0078C1;
    border-top-left-radius: 3px;
    border-left:0px;
}

.comparison .qbo {
    background:#009E2C;
    border-top-right-radius: 3px;
    border-right:0px;
}

.comparison .price-info {
    padding: 16px 15px 16px 15px;
}

.comparison .price-was {
    color: #b0445c;
    text-decoration: line-through;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: -4px;
}

.comparison .price-now, .comparison .price-now span {
    color: #29607d;
}

.comparison .price-now span {
    font-size: 28px;
    font-weight: bold;
}

.comparison .price-small {
    font-size: 18px !important;
    position: relative;
    top: -11px;
    left: 2px;
}

.comparison .price-buy {
    background:#ff5406;
    padding:10px 20px;
    font-size:12px;
    display:inline-block;
    color:#FFF;
    text-decoration:none;
    border-radius:3px;
    text-transform:uppercase;
    margin:5px 0 10px 0;
}

.comparison .price-try {
    font-size:12px;
}

.comparison .price-try a {
    color:#202020;
}

@media (max-width: 767px) {
    .comparison td:first-child, .comparison th:first-child {
        display: none;
    }
    .comparison tbody tr:nth-child(odd) {
        display:table-row;
        background: #f9f9f9;
        border-bottom: 5px solid #FFFFFF;
        border-top: 5px solid #FFFFFF;
    }
    .comparison .row {
        background:#FFF;
    }
    .comparison td, .comparison th {
        /* border:1px solid #CCC; */
    }
    .price-info {
        border-top:0 !important;
    }


}

@media (max-width: 639px) {
    .comparison .price-buy {
        padding:5px 10px;
    }
    .comparison td, .comparison th {
        padding: 7px 5px;
        /* height: 21px; */
    }
    .comparison .hide-mobile {
        display:none;
    }
    .comparison .price-now span {
        font-size:16px;
    }

    .comparison .price-small {
        font-size: 16px !important;
        top: 0;
        left: 0;
    }
    .comparison .qbse, .comparison .qbo {
        font-size:12px;
        padding:10px 5px;
    }
    .comparison .price-buy {
        margin-top:10px;
    }
    .compare-heading {
        font-size:13px;
    }
}
.paket-adi {
    font-size: 37px;
    color: white;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.paket-bg-1{background-color:#5e9e54;/* border: 1px solid #5e9e54!important; *//* border-top-left-radius: 10px; *//* border-top-right-radius: 10px; */}
.paket-bg-2{background-color:#fb9400;/* border: 1px solid #fb9400!important; */}
.paket-bg-3{background-color:#b0445c;/* border: 1px solid #b0445c!important; */}
.paket-bg-4{background-color: #167eb5;/* border-top-right-radius: 10px; *//* border: 1px solid #167eb5!important; */}
.paket-adi-img {
    position: absolute;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
}

.gizle {display:none;position: absolute;font-size: 12px;width: 140px;margin-left: 5px;background: black;color: white;border-radius: 6px;padding: 5px;z-index: 2;font-weight: lighter;font-family: kalinyazi;padding-left: 10px;padding-right: 10px;bottom: 35px;}
.gizle:after {content:''; position:absolute; top:100%; left:50%; margin-left:-10px; width:0; height:0; border-top:7px solid black; border-right:7px solid transparent; border-left:7px solid transparent;}
.paket-adi-img:hover .gizle { display:block!important;}
.toolstips2:hover .gizle { display:block;}
.ecte  {
    position: absolute;
    top: -1px;
    left: 40px;
}
.light {font-weight: lighter;}
.comparison h3 {
    margin: 0;
    line-height: 57px;
    padding-left: 10px;
    font-size: 19px;
    color: #167eb5;
}
.paket-baslik-icon {
    border: 1px solid #CCC;
    float: left;
    margin-left: -42px;
}
.paket-nedir {
    float: right;
    width: 21px;
}
a.tooltips {
    position: relative;
    display: inline;
    cursor:pointer;
    /* margin-top: -20px; */
}
a.tooltips span {
    position: absolute;
    padding: 15px 11px 15px 15px;
    color: #080808;
    width: 380px;
    background: #000000;
    text-align: left;
    visibility: hidden;
    border-radius: 8px;
    /* box-shadow: 2px 2px 5px RGBA(0,0,0,0.4); */
    font-family:Arial;
    font-size:13px;
}
a.tooltips span:after {
    content: '';
    position: absolute;
    top: 15px;
    right: 100%;
    margin-top: -1px;
    width: 0;
    height: 0;
    border-right: 7px solid #000000;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
a:hover.tooltips span {
    visibility: visible;
    opacity: 1;
    left: 100%;
    top: 2px;
    margin-top: -12px;
    margin-left: 88px;
    z-index: 999;
    color:#FFFFFF;
}
.paket-ozellik {
    width: 82%;
    float: left;
    font-size: 14px;
}
.p_detay {
    width: 21px;
    float: right;
    margin-right: 7px;
}

.tickblue img {
    max-width: 21px;
    margin-top: 2px;
    margin-bottom: -3px;
}
.fixed-bar {
    z-index:9999999;
    position: fixed;
    top: -140px;
    left: 0;
    width: 100%;
    transition: all 200ms;
}

.fixed-bar.open {
    top: 0;
    background:white;
    -webkit-box-shadow: 0px 1px 9px 0px rgba(50, 50, 50, 0.20);
    -moz-box-shadow: 0px 1px 9px 0px rgba(50, 50, 50, 0.20);
    box-shadow: 0px 1px 9px 0px rgba(50, 50, 50, 0.20);
}
.fixed-bar .compare-heading {
    padding: 0!important;
    margin: 0px!important;
    border-radius: 0px;
}

.fixed-bar  .comparison .price-info {
    padding: 0;
    font-size: 17px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: none;
}
.fixed-bar .comparison .price-now span {
    font-size: 19px;
    padding-top: 5px;
}
.fixed-bar tr {/* border:none!important; */border-bottom: 1px solid white!important;}
.fixed-bar .comparison {padding:0px;max-width: 1180px;}
.fixed-bar .paket-adi-img { display:none;}
.fixed-bar .ecte { display:none;}
.fixed-bar .paket-adi {
    font-size: 28px;
    padding-top: initial;
    line-height: 45px;
}
/* Super Panel: www.menucool.com/ui/super-panel */


/*---- panel ----*/
#panel1 {
    position:fixed;
    z-index:9000;
    top: 62px;
    left:0;
    width: 300px;
    height:100%;
    /* padding:20px 0; */
    box-sizing:border-box;
    /* box-shadow: -3px 0 9px rgba(0,0,0,0.2); */
    visibility:hidden;
    background: white;
    font-family: Arial;
    /* overflow: scroll auto; */
    overflow: scroll;
    padding-bottom: 65px;
    -webkit-overflow-scrolling: touch;
    /* border-right: 1px solid #ffffff; */
}
/*---- transparent layer ---- Available when the option transparentLayer is true in pane-panel.js */
.transparent-layer {
    position:fixed;
    top: 63px;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.4);
    display:none;
    -webkit-transition:opacity 0.3s;
    transition:opacity 0.3s;
}



/*---- panel button ----*/
.panel-button{
    -ms-user-select:none;
    -mos-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
    user-select:none;
}


.panel-button
{
    position: absolute;
    top:0;
    left: 5px;
    /*display:inline-block;vertical-align:middle;position:relative;*/
    background-color: #062544;
    height:3px;
    width:24px;
    border-style:solid;
    border-color:white;
    border-top-width:18px;
    border-bottom-width:18px;
    border-left-width:8px;
    border-right-width:8px;
    cursor: pointer;
    box-sizing:content-box;
}

.panel-button:before, .panel-button:after {
    background-color: #082542;
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
    width: 24px;
    height: 3px;
    display:block;
    transition:all .2s linear;
}
.panel-button:after {
    top: 8px;
}


.panel-button.active {
    background-color:white;
}
.panel-button.active:before {
    transform: rotate(45deg);
    top:0;
}
.panel-button.active:after {
    transform: rotate(-45deg);
    top:0;
}
.panel-button { display:none;}


.mobil-tel {
    float: right;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 10px;
    top: 5px;
}
.mobil-tel img {
    width: 100%;
}
.mobil-menu ul {
    margin: 0;
    padding: 0;
}
.mobil-menu ul li {
    width: 100%;
    float: left;
    list-style-type: none;
    border-top: 1px solid #e5e5e5;
}
.mobil-menu ul li a  {
    color: #000000;
    font-family: Arial;
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
    text-decoration: none;
    padding-left: 15px;
    font-size: 16px;
    /* font-weight: bold; */
    background: #ffffff;
}
.mobil-menu ul li ul {
    margin: 0;
    padding: 0;
}
.mobil-menu ul li ul li {}
.mobil-menu ul li ul li a {
    padding-left: 15px;
    /* font-weight: bold; */
    color: #000000;
    background: white;
}


@font-face {
    font-family: 'icomoon';
    src:  url('icomoon.eot?zc439a');
    src:  url('icomoon.eot?zc439a#iefix') format('embedded-opentype'),
    url('icomoon.ttf?zc439a') format('truetype'),
    url('icomoon.woff?zc439a') format('woff'),
    url('icomoon.svg?zc439a#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /* margin-top: 2px; */
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
    content: "\e900";
}
.icon-paint-format:before {
    content: "\e90c";
}
.icon-image:before {
    content: "\e90d";
}
.icon-bullhorn:before {
    content: "\e91a";
}
.icon-folder-open:before {
    content: "\e930";
}
.icon-price-tag:before {
    content: "\e935";
}
.icon-price-tags:before {
    content: "\e936";
}
.icon-cart:before {
    content: "\e93a";
}
.icon-credit-card:before {
    content: "\e93f";
}
.icon-box-add:before {
    content: "\e95e";
}
.icon-search:before {
    content: "\e986";
}
.icon-cog:before {
    content: "\e994";
}
.icon-magic-wand:before {
    content: "\e997";
}
.icon-pie-chart:before {
    content: "\e99a";
}
.icon-stats-dots:before {
    content: "\e99b";
}
.icon-stats-bars2:before {
    content: "\e99d";
}
.icon-truck:before {
    content: "\e9b0";
}
.icon-shield:before {
    content: "\e9b4";
}
.icon-sphere:before {
    content: "\e9c9";
}
.icon-earth:before {
    content: "\e9ca";
}
.icon-link:before {
    content: "\e9cb";
}
.tum-paket-ozellikleri {
    width: 100%;
    float: left;
    font-family: arial;
    height: auto;
}
.tum-paket-ozellikleri .ozellik-list {
    width: 100%;
    float: left;
    background: #e7284d;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    height: 100px;
}
.tum-paket-ozellikleri .ozellik-list ul {margin: 0;padding: 0;}
.tum-paket-ozellikleri .ozellik-list li {
    float: left;
    list-style-type: none;
    width: 10%;
    text-align: center;
    position: relative;
}

.tum-paket-ozellikleri .ozellik-list h4 {
    margin: 0;
    font-weight: 100;
    width: 70%;
    margin: auto;
    font-size: 15px;
    margin-top: 4px;
}
.tum-paket-ozellikleri .ozellik-list .active a {color: #9cddff;}
.tum-paket-ozellikleri .ozellik-list .active {}
.detay-sec {
    position: relative;
    left: 0;
    top: 0px;
    width: 100%;
    margin: auto;
    z-index: 9999;
    margin-top: 9px;
}

.paket-ozellikler-aciklama {width:100%;float:left;font-family: Arial; display: none;}
.paket-ozellikler-aciklama p {
    font-size: 19px;
    margin: 0;
}
.paket-ozellikler-aciklama h1 {
    font-size: 28px;
    margin: 0;
    margin-bottom: 10px;
    padding-top: 50px;
}
.paket-ozellikler-aciklama .aciklama1 {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.paket-ozellikler-aciklama .aciklama1 .text {
    width: 63%;
    float: right;
}
.paket-ozellikler-aciklama .aciklama1 .img {
    width: 32%;
    float: left;
}
.paket-ozellikler-aciklama .aciklama1 .img img {width: 100%;}



.paket-ozellikler-aciklama .aciklama2 {
    width: 100%;
    float: left;
}

.paket-ozellikler-aciklama .aciklama2 .text {
    width: 63%;
    float: left;
    text-align: right;
}
.paket-ozellikler-aciklama .aciklama2 .img {
    width: 32%;
    float: right;
}
.paket-ozellikler-aciklama .aciklama2 .img img {width: 100%;}

.p0 {padding: 0px!important;}
.fixed-bar .ozellik-list li  h4  {
    font-size: 14px;
}
.fixed-bar .ozellik-list {
    padding-top: 10px;
    padding-bottom: 15px;
    height: 37px;
}
.fixed-bar  .detay-sec {
    top: 0px;
}
.taksitlendirme {
    width: 100%;
    margin: auto;
    text-align: center;
    float: left;
    padding-top: 40px;
    background: #e6eef7;
    padding-bottom: 60px;
    background-position: center;
    margin-top: 60px;
}
.taksitlendirme img {
    margin-top: -20px;
    margin-bottom: -10px;
}
.paket-ozellikler-aciklama  a {
    color: black;
    text-decoration: none;
    margin-top: 15px;
    width: 100%;
    float: left;
    font-weight: bold;
    font-size: 14px;
}
.hakkimizda {
    width: 100%;
    float: left;
    padding-top: 28px;
    padding-bottom: 50px;
    background: #f4f8fb;
    background-image: url('../images/hakkimizda.jpg');
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 60px;
}


.etahsilat {
    width: 100%;
    float: left;
    padding-top: 28px;
    padding-bottom: 50px;
    background: #f4f8fb;
    background-image: url('../images/etahsilat.jpg');
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 60px;
}

.egitim {
    width: 100%;
    float: left;
    padding-top: 28px;
    padding-bottom: 50px;
    background: #f4f8fb;
    background-image: url('../images/egitim.jpg');
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 60px;
}

.hakkimizda .title h1 {
    padding-top: 60px;
}
.hakkimizda-text {
    width: 90%;
    text-align: center;
    padding-bottom: 60px;
    font-family: Arial;
    font-size: 18px;
    margin: auto;
}


.taksitlendirme .buton {
    background: #FE6001;
    width: 280px;
    margin: auto;
    height: 48px;
    border-radius: 30px;
    line-height: 48px;
    margin-top: 40px;
    border-bottom: 3px solid #DC5301;
}
.taksitlendirme .buton a {
    display: block;
    color: white;
    font-size: 20px;
    text-decoration: none;
    text-align: center;
    font-family: Arial;
}
.taksitlendirme  .buton:hover { background-color:#FF8000;}
.scroll {
    overflow: scroll auto;
    /* width: 100%; */
    /* float: left; */
    position: relative;
}
.p40 { padding-top:40px!important;}
content { width:100%; float:left;}
.ozellik-list .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    display: none;
}


.ozellik-list a {
    text-decoration: none;
    display: block;
    color: white;
    text-align: center;
    width: 100%;
    float: left;
    cursor: pointer;
}
.ozellik-list a:hover {color: #fff;}
.ozellik-list .active {color: #fff;}

.ozellik-list .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after  {
    font-size: 30px;
    color: #c6e9fb;
}
.ozellik-list .swiper-button-prev:after  {
    left: 0px;
    padding: 0;
    font-size: 30px;
    color: #c6e9fb;
}
.ozellik-list .swiper-button-next:after  {
    right: 0px;
    padding: 0;
}
.ozellik-list .swiper-button-next  {
    right: 0;
    top: 37px;
}

.ozellik-list .swiper-button-prev  {
    left: 0px;
    top: 37px;
}
.tum-paket-ozellikleri  .title {
    margin-bottom: 40px;
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 14px;
    text-transform: none;
}
.taksitlendirme .title p {
    padding-left: 0;
    padding-right: 0;
}
.fixed-bar {}
.eticaret-satinal {
    width: 100%;
    float: left;
    padding-top: 60px;
}
.satinal-form {
    width: 62%;
    float: left;
    background-color:#F8F8F8;
    border: 8px solid #F0F0F0;
    border-radius:17px;
    box-shadow:2px 2px 2px 0px rgba(50, 50, 50, 0.30);
    margin-left: 16%;
    margin-top: 30px;
    padding: 30px;
    font-family: Arial;
}
.adim-img {
    width: 100%;
    float: left;
    text-align: center;
}
.adim-img img {
    width: auto;
    max-width: 100%;
}
.eticaret-satinal .title p {
    padding-left: 180px;
    padding-right: 180px;
    margin-bottom: 30px;
}
.satinal-form h2 {
    margin: 0;
    width: 100%;
    float: left;
    margin-bottom: 25px;
}
.satinal-form .col {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.satinal-form .col label {
    width: 210px;
    float: left;
    line-height: 36px;
    font-size: 14px;
    font-family: Arial;
}
.satinal-form select {border:1px solid #c0c0c0;padding:5px;border-radius:4px;BACKGROUND-COLOR: #ffffff;WIDTH: 200px;HEIGHT: 42px;FONT-SIZE: 15px;}
.fiyat-tablo {
    width: 100%;
    max-width: 380px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 15px;
    font-family: Arial;
}
.fiyat-tablo .tutar {
    color: #008000;
    font-size: 21px;
}
.taksit-select {
    width: 160px!important;
}
.satinal-form input {border:1px solid #c0c0c0;padding:5px;padding-left: 10px;border-radius:4px;BACKGROUND-COLOR: #ffffff;WIDTH: 500px;HEIGHT: 28px;FONT-SIZE: 15px;}
.mb30 { margin-bottom:30px!important;}
.checkbox-sozlesme {
    width: 14px!important;
    float: left;
    margin-right: 14px;
    margin-left: 212px;
}
.sozlesme-link {
    font-size: 14px;
    font-weight: bold;
    color: black;
    line-height: 33px;
}
.sozlesme-link  a {
    color: black;
    text-decoration: none!important;
}


.devam-et {
    margin-top: 0;
    margin-left: 230px;
    position: absolute;
    right: 15px;
    display: inline-block;
    padding: 14px;
    font-family:Arial;
    padding-left: 27px;
    padding-right: 27px;
    border-radius: 10rem;
    color: #fff;
    font-size: 20px;
    text-decoration:none;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.devam-et:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #167eb5;
    border-radius: 10rem;
    z-index: -2;
}
.devam-et:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #47aade;
    transition: all .3s;
    border-radius: 10rem;
    z-index: -1;
}
.devam-et:hover {
    color: #fff;
}
.devam-et:hover:before {
    width: 100%;
}

.iletisim  {
    width: 100%;
    float: left;
    padding-top: 60px;
    padding-bottom: 50px;
    background: #177fba;
    /* background-image: url('../images/hakkimizda.png'); */
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 0;
    text-align: center;
    color: white;
}

.iletisim-formu {
    width: 60%;
    float: left;
    margin-left: 20%;
    margin-bottom: 60px;
}
.iletisim-formu input  {outline-width:0px;border-radius:5px;border:1px solid #C0C0C0;height:28px;width: 90%;padding:7px;font-family:Arial;color:#444444;font-size:16px;}
.iletisim-formu label {
    width: 100px;
    float: left;
    line-height: 46px;
}
.iletisim-formu textarea {outline-width:0px;resize: none;border-radius:5px;border:1px solid #C0C0C0;height:180px;width: calc(95% - 3px);padding:7px;font-family:Arial;color:#444444;font-size:16px;margin-bottom: 30px;padding-top: 10px;padding-left: 10px;}
.iletisim-formu .col-50 {
    width: 50%;
    float: left;
    margin-bottom: 15px;
}
.iletisim-formu .col-100  {
    width: 100%;
    float: left;
}
.iletisim-formu button {
    border: none;
    outline: 0px;
    margin-top: -8px;
    cursor: pointer;
    margin-left: -15px;
}
.iletisim a {
    color: white;
    text-decoration: none;
}
.cozum-ortaklarimiz  {
    width: 100%;
    float: left;
}
.cozum-ortaklarimiz .main-referanslar {
    background: none;
}
.cozum-ortaklarimiz .main-referanslar img  {
    filter: none;
    border: 1px solid #e2e6eb;
}
.cozum-ortaklarimiz .main-referanslar  li {
    width: 17%;
}
.bayilik-basvurusu  {
    width: 100%;
    float: left;
}
.bayilik-basvurusu  .banner {
    width: 100%;
    float: left;
    text-align: center;
}
.bayilik-basvurusu  .banner img {
    width: auto;
    max-width: 100%;
    margin-bottom: 30px;
}
.fs16 {font-size: 18px!important;}
.platinium-eticaret {
    width: 100%;
    float: left;
    text-align: center;
}
.platinium-eticaret-cover {
    width: 100%;
    float: left;
    background: url('../images/platinum_bg.jpg');
    background-repeat: no-repeat;
    color: white;
    padding-top: 85px;
    padding-bottom: 80px;
    background-size: cover;
}
.platinium-eticaret-cover img {
    width: auto;
    max-width: 80%;
}
.platinium-eticaret-cover p {
    font-size: 21px;
    font-family: Arial;
    padding-left: 250px;
    padding-right: 250px;
}
.platinium-eticaret-aciklama  {
    width: 100%;
    float: left;
    padding-top: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e7e7e7;
}
.platinium-eticaret-aciklama  h1  {
    font-size: 35px;
    color: #167eb5;
    font-weight: normal;
    font-size: 34px;
    margin-top: 0px;
    margin-bottom: 0;
    font-family: 'Arial';
    color: #167eb5;
}
.platinium-eticaret-aciklama  p {
    font-size: 20px;
    font-family: Arial;
}
.mobil-uygulamalar {
    width: 100%;
    float: left;
    background-image: url('../images/bg_middle.jpg');
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 40px;
}
.mobil-uygulamalar  .left {
    width: 50%;
    float: left;
    margin-top: 60px;
}
.mobil-uygulamalar .right {
    width: 214px;
    float: right;
    background-image: url('../images/phone.png');
    background-position: top;
    height: 460px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 160px;
}
.mobil-uygulamalar .right img {
    width: 100%;
}
.mobil-uygulamalar .right .app-slide {
    width: 214px;
    margin-top: 62px;
}
.mobil-uygulamalar .right .app-slide  .owl-next {
    float: right;
    font-size: 85px;
    outline: 0px;
    color: #c3c3c3;
}
.mobil-uygulamalar .right .app-slide  .owl-prev {
    font-size: 85px;
    outline: 0px;
    color: #c3c3c3;
}
.mobil-uygulamalar .right .app-slide .owl-nav {
    width: 300px;
    float: left;
    margin-left: -45px;
    margin-top: -220px;
    display: block;
}
.w100 { width:100%; float:left;}
.mobil-uygulamalar .left img {
    max-width: 100%;
    width: auto;
}
.mobil-uygulamalar-wrapper {
    width: 100%;
    float: left;
    margin-top: 40px;
}
.text { width:100%; float:left;}
.text p {}

.konsept-tasarim {
    width: 100%;
    float: left;
    padding-bottom: 50px;
    background: #044585;
    background-image: url('../images/bg_middle2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 60px;
    height: 320px;
}
.konsept-tasarim  .title h1 {
    margin-top: 100px;
    color: white;
    text-align: left;
}
.konsept-tasarim  .title p {
    color: white;
    text-align: left;
    padding: 0;
    width: 80%;
}
.konsept-tasarim-mobil-img { display:none;}
.tasarim-paketleri {}
.tasarim-paketleri .col {
    width: 100%;
    float: left;
    padding-top: 60px;
    padding-bottom: 60px;
}
.tasarim-paketleri .col .text {
    float: left;
    width: 70%;
    font-family: Arial;
    margin-top: 15px;
}
.tasarim-paketleri .col .text h1 {
    font-size: 28px;
    font-family: Arial;
    margin: 0;
    width: 100%;
    float: left;
}
.tasarim-paketleri .col .text span {
    font-size: 20px;
    margin-top: 10px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.tasarim-paketleri .col .text p {
    font-size: 21px;
    margin: 0;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.tasarim-paketleri .col .text b {
    width: 100%;
    float: left;
    font-size: 24px;
    font-family: kalinyazi;
}
.tasarim-paketleri .col .img {
    float: right;
}
.tasarim-paketleri .col .img img {}
.paket-bg { background:#f8f8f8;}
.tumu-buton-wrapper {
    width: 210px;
    margin: auto;
    margin-top: 30px;
}
.tumu-buton-wrapper .demo-incele2 {
    margin: 0;
    margin-bottom: 20px;
    margin-left: -16px;
    /* right: 0; */
    /* left: 50%; */
}
.ref-logo {
    margin-top: -20px;
    margin-bottom: 20px;
    width: 100%;
    float: left;
    height: 170px;
    background: url(../images/reflogos.png);
    background-repeat: no-repeat;
    background-position: center;
}
.eklenti-magazasi {}
.eklenti-magazasi .col {
    width: 100%;
    float: left;
    border-top: 1px solid #e7e7e7;
    padding-top: 15px;
    padding-bottom: 15px;
}
.eklenti-magazasi .col .img {
    float: left;
    margin-right: 15px;
}
.eklenti-magazasi .col .img img {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}
.eklenti-magazasi .col .text h3 {
    margin: 0;
    font-size: 19px;
    color: #167eb5;
    font-family: kalinyazi;
    margin-top: 5px;
}
.eklenti-magazasi .col .text p {
    font-size: 14px;
    font-family: Arial;
    margin: 0;
    margin-top: 5px;
    width: 80%;
}
.eklenti-magazasi .col .fiyat {
    float: right;
    font-weight: bold;
    margin-top: 41px;
}
.eklenti-magazasi .col .right {
    width: 20%;
    float: right;
}
.eklenti-magazasi .col .buton {
    float: right;
    margin-top: 0;
}
.eklenti-magazasi .col .text {
    float: left;
    width: 63%;
}



.eklenti-magazasi .satin-al {
    margin-top: 30px;
    position: absolute;
    right: 15px;
    float: right;
    display: inline-block;
    padding: 11px;
    font-family:Arial;
    padding-left: 22px;
    padding-right: 22px;
    border-radius: 10rem;
    font-weight:bold;
    color: #fff;
    font-size: 14px;
    text-decoration:none;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.eklenti-magazasi .satin-al a {
    color: white;
    text-decoration: none;
    display: block;
}
.eklenti-magazasi .satin-al:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #167eb5;
    border-radius: 10rem;
    z-index: -2;
}
.eklenti-magazasi .satin-al:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #47aade;
    transition: all .3s;
    border-radius: 10rem;
    z-index: -1;
}
.eklenti-magazasi .satin-al:hover {
    color: #fff;
}
.eklenti-magazasi .satin-alhover:before {
    width: 100%;
}
.eklenti-magazasi h4 {
    width: 100%;
    float: left;
    margin: 0;
    font-size: 22px;
    margin-bottom: 15px;
    font-family: kalinyazi;
}
.eklenti-duyuru {
    width: 60%;
    text-align: center;
    padding-left: 20%;
    padding-right: 20%;
    float: left;
    font-size: 14px;
    font-family: Arial;
}
.eklenti-magazasi .col-son{border-bottom:1px solid #e7e7e7;margin-bottom: 50px;}
.referans-vitrin {}
.referans-vitrin .col {
    width: 30%;
    float: left;
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.12);
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.12);
    -moz-box-shadow: 0px 0px 9px 0px rgba (0,0,0,0.12);
    padding: 5px;
    border-radius: 10px;
    margin-right: 3%;
    position: relative;
    margin-bottom: 3%;
}
.referans-vitrin .col .img {
    width: 100%;
    float: left;
}
.referans-vitrin .col .img img {
    width: 360px;
    height: 240px;
    border-radius: 7px;
}
.referans-vitrin .col .text {
    width: 100%;
    text-align: center;
    position: relative;
    margin-bottom: 55px;
}
.referans-vitrin .col .text h3  {
    margin: 0;
    margin-top: 13px;
}
.referans-vitrin .col .text p  {
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}
.referans-vitrin .col  a {color:black;text-decoration: none;}
.mr0 {margin-right: 0px!important;}
.referans-vitrin .col:hover {  background:#167eb5; transition:all 300ms; }
.referans-vitrin .col:hover a { color:white;}
.referans-vitrin .col .app {
    position: absolute;
    /* top: 66px; */
    text-align: center;
    width: 100%;
}
.referans-vitrin .col .app a {
    text-decoration: none;
}

.musteri-yorumlari .yorum1 {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.musteri-yorumlari .yorum1 .text {
    width: 73%;
    float: right;
    font-family: Arial;
}
.musteri-yorumlari .yorum1 .text h1 {
    font-size: 20px;
    margin-top: 40px;
}
.musteri-yorumlari .yorum1 .text p {}
.musteri-yorumlari .yorum1 .img {
    float: left;
    width: 224px;
    height: 224px;
}
.musteri-yorumlari .yorum1 .img img {width: 100%;box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.30);border: 8px white solid;border-radius: 100%;}



.musteri-yorumlari .yorum2 {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.musteri-yorumlari .yorum2 .text {
    width: 73%;
    float: left;
    font-family: Arial;
    text-align: right;
}
.musteri-yorumlari .yorum2 .text h1 {
    font-size: 20px;
    margin-top: 40px;
}
.musteri-yorumlari .yorum2 .text p {}
.musteri-yorumlari .yorum2 .img {
    float: right;
    width: 224px;
    224px: 176px;
}
.musteri-yorumlari .yorum2 .img img {width: 100%;box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.30);border: 8px white solid;border-radius: 100%;}
.musteri-yorumlari {
    width: 100%;
    float: left;
}

.blog {}
.blog .blog-menu {
    width: 260px;
    float: left;
    background: #f2f2f2;
}
.blog .blog-menu ul {
    margin: 0;
    padding: 0;
}
.blog  .blog-menu li {
    width: 100%;
    float: left;
    list-style-type: none;
    margin-bottom: 15px;
    border-bottom: 2px solid white;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.blog  .blog-menu li img {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
    border-radius: 4px;
    border: 1px solid #e7e7e7;
}
.blog .blog-menu a {
    font-family: Arial;
    color: black;
    text-decoration: none;
    font-size: 14px;
    display: block;
}
.blog .blog-menu h4 {
    float: left;
    width: 175px;
    margin: 0;
    font-size: 15px;
}
.blog .blog-menu h3 {
    background: #222222;
    margin: 0;
    height: 46px;
    color: white;
    font-family: Arial;
    text-align: left;
    font-size: 15px;
    line-height: 46px;
    padding-left: 15px;
    margin-bottom: 10px;
    width: 245px;
    float: left;
}
.blog-ara input   {outline-width: 0;border-top-left-radius:7px;border-bottom-left-radius:7px;width: 185px;height:20px;border:1px solid #E0E0E0;font-family:Arial;font-size:17px;background-color:#FFFFFF;color:#A0A0A0;padding-left:15px;padding-right:10px;padding-top:10px;padding-bottom:10px;float: left;margin-bottom: 15px;}

.blog-ara button {background-image: url('images/araicon.png');background-repeat: no-repeat;background-position: center;width:48px;height:42px;border: none;background-image: url('../images/araicon.png');float: left;outline: 0px;border-top-right-radius: 4px;border-bottom-right-radius: 5px;}

.blog-ara {
    width: 100%;
    float: left;
    background: white;
}
.blog-liste {
    width: 100%;
    float: left;
    margin-left: 30px;
}
.blog-liste .col {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 30px;
}
.blog-liste .col .img {
    width: 197px;
    float: left;
}
.blog-liste .col .img img {
    width: 100%;
    border-radius: 10px;
}
.blog-liste .col .text  {
    width: 75%;
    padding-left: 20px;
    font-family: Arial;
}
.blog-liste .col .text h1 {
    margin: 0;
    font-size: 22px;
    font-family: Arial;
}
.blog-liste .col  .text span {}
.blog-liste .col .text  p {
}
.blog-liste .col .text .devami {
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-size: 14px;
}
.sayfalama {
    width: 100%;
    float: left;
}
.sayfalama ul {
    margin: 0;
    float: none;
    margin: auto;
    max-width: 390px;
}
.sayfalama li {
    float: left;
    margin-left: 10px;
    text-align: center;
    line-height: 35px;
    list-style-type: none;
    background: #e6e6e6;
    border-radius: 4px;
}
.sayfalama li a {
    text-decoration: none;
    display: block;
    float: left;
    height: 33px;
    width: 33px;
    color: black;
    border-radius: 4px;
}
.sayfalama li .active { background-color:#7b9f01; color:white;}
.sayfalama li:first-child {
    background-image: url('../images/blog/ref_sol.jpg');

}
.sayfalama li:last-child {  background-image: url('../images/blog/ref_sag.jpg');}
.blog-detay {
    width: 100%;
    float: left;
    font-family: Arial;
}
.blog-detay .img {
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
}
.blog-detay .img img {
    width: 300px;
    max-width: 100%;
    border-radius: 10px;
}
.blog-detay .col {
    width: 100%;
}
.blog-detay .text {
    float: left;
    width: 100%;
}
.blog-detay .text h1 {
    margin: 0;
    margin-bottom: 15px;
}
.blog-detay .text p {}
.blog-detay .text b {}
.etiketler  {
    width: 100%;
    float: left;
}
.etiketler    a {
    float: left;
    margin-right: 15px;
    color: black;
    text-decoration: none;
}
.etiketler span {
    width: 100%;
    float: left;
    margin-top: 15px;
    margin-bottom: 20px;
}
.diger-yazilar {
    width: 100%;
    float: left;
}
.diger-yazilar .col {
    width: 20%;
    margin-right: 5%;
    margin-top: 30px;
    float: left;
}
.diger-yazilar .col .img {}
.diger-yazilar .col   img {
    width: 100%;
    border-radius: 6px;
}
.diger-yazilar .col h1 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 15px;
    margin-top: 8px;
}
.diger-yazilar a {
    display: block;
    color: black;
}
.diger-yazilar h4 {
    width: 100%;
    float: left;
    font-size: 21px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 15px;
}
.taksitlendirme .demo-incele2 {
    margin-right: 7px;
}
.iletisim-buton-ortala {
    width: 142px;
    margin: auto;
}
.iletisim  h1 {
    margin: 0;
    font-size: 48px;
    font-family: kalinyazi;
}
.iletisim  h2 {
    font-size: 35px;
    margin: 0;
    font-weight: 100;
    font-family: Arial;
}
.iletisim h4 {
    font-size: 19px;
    margin: 0;
    font-family: Arial;
    margin-top: 26px;
    margin-bottom: 5px;
}
.iletisim p {
    margin: 0;
    line-height: 24px;
    font-size: 19px;
    font-family: Arial;
}
/* Flexible Slide-to-top Accordion Style*/
.wrapper-st{
    width: 100%;
    float: left;
}
.st-accordion{
    width:100%;
    margin: 0 auto;
    float: left;
    padding-bottom: 60px;
}
.st-accordion ul li{
    height: 20px;
    border-bottom: 1px solid #d3d3d3;
    border-top:1px solid #fff;
    overflow: hidden;
    padding-top:14px;
    padding-bottom:14px;
}
.st-accordion ul li:first-child{
    border-top:none;
}
.st-accordion ul li > a{
    font-family: Arial;
    text-shadow: 1px 1px 1px #fff;
    font-size: 20px;
    display: block;
    position: relative;
    line-height: 20px;
    text-align:left;
    outline:none;
    -webkit-transition:  color 0.2s ease-in-out;
    -moz-transition:  color 0.2s ease-in-out;
    -o-transition:  color 0.2s ease-in-out;
    -ms-transition:  color 0.2s ease-in-out;
    transition:  color 0.2s ease-in-out;
    color: #000000;
    text-decoration: none;
}
.st-accordion ul li > a span{
    background: transparent url(../images/down.png) no-repeat center center;
    text-indent:-9000px;
    width: 26px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: -26px;
    margin-top: -7px;
    opacity:0;
    -webkit-transition:  all 0.2s ease-in-out;
    -moz-transition:  all 0.2s ease-in-out;
    -o-transition:  all 0.2s ease-in-out;
    -ms-transition:  all 0.2s ease-in-out;
    transition:  all 0.2s ease-in-out;
}
.st-accordion ul li > a:hover{
    color: #167eb5;
}
.st-accordion ul li > a:hover span{
    opacity:1;
    right: 10px;
}
.st-accordion ul li.st-open > a{
    color: #167eb5;
}
.st-accordion ul li.st-open > a span{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    transform:rotate(180deg);
    right:10px;
    opacity:1;
}
.st-content{
    padding: 0px 0px 30px 0px;
}
.st-content p{
    font-size: 16px;
    font-family:  Arial;
    padding: 0px 0px 15px 4px;
    text-align:left;
    color:000;
}
.wrapper-st textarea {
    width: 99%!important;
}
.wrapper-st h3 {
    width: 100%;
    float: left;
    text-align: center;
    font-family: Arial;
    font-size: 24px;
    margin: 0;
    margin-bottom: 20px;
}
.yazilim-dili-img {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    margin-top: -42px;
}
.yazilim-dili-img img  {
    width: auto;
    max-width: 100%;
}
.wrapper-st a { color:black; text-decoration:none;}
.eticaret-demo {
    width: 96%;
    float: left;
    margin-left: 2%;
}
.eticaret-demo .col {
    width: 46%;
    float: left;
    margin-right: 4%;
    margin-bottom: 2%;
}
.eticaret-demo .col img {
    width: 100%;
}
.eticaret-demo-form {border-radius:17px;border:8px solid #F0F0F0;width:1010px;background:#F8F8F8;box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.30);width: 84%;float: left;margin-left: 7%;}
.eticaret-demo-form .left {
    width: 474px;
    float: left;
    margin-left: 30px;
}
.eticaret-demo-form .left img {}
.eticaret-demo-form .right {
    width: 420px;
    float: right;
    margin-right: 5%;
    margin-top: 30px;
}
.eticaret-demo-form .right input {outline-width:0px;border-radius:5px;border:1px solid #C0C0C0;height:28px;padding:7px;font-family:Arial;color:#000000;font-size:16px;width: 100%;float: left;margin-bottom: 20px;}
.eticaret-demo-form .right h3 {}
.eticaret-demo-form .right p {}
.eticaret-demo-form .right .select {
    width: 100%;
    float: left;
}
.eticaret-demo-form .right .select input {
    width: 16px;
    float: left;
    height: 15px;
    padding: 0;
    margin: 0;
    margin-right: 5px;
}
.eticaret-demo-form .right .select label  {
    float: left;
    font-size: 14px;
    font-family: Arial;
    width: 90%;
}
.eticaret-demo-form .right .select .w100 {
    margin-bottom: 10px;
}
.eticaret-demo-form .right .select .demo-incele2 {
    margin: 0;
    margin-top: 15px;
    margin-bottom: 20px;
    float: left;
}
.eticaret-demo-form .numara {
    width: 230px;
    text-align: center;
    float: right;
    margin-top: 15px;
    margin-left: 15px;
}
.eticaret-demo-form .tel {
    font-size: 24px;
    font-weight: bold;
}
.taksitlendirme h1 {
    font-family: Arial;
}
.main-demo-site .demo-incele2 {
    margin-right: 7px;
}
#st-accordion ul { margin:0px; padding:0px;}
.paket-ozellik, .paket-ozellik b {
    color: #000;
}

.paket-ozellik font b {
    color: #f00!important;
}
.compare-row td {
    background: #FBFBFB!important;
}.compare-row22 td {
    background: #f6f6f6!important;
}
 @media (max-width: 900px) {
     .ecte { left: 0px }
 }