@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    /*background: url("../img/bg.jpg") top center no-repeat;-webkit-background-size: cover;*/
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    font-weight: 300;
}
.fw-bold{
    font-weight: 600;
}
.h-60px {
    height: 60px !important;
}
.h-60px:before {
    content: unset !important;
}
.h-60px:after {
    content: unset !important;
}
.h-baslik {
    color: #0a86ce;
}
.pull-left {
    float: left!important;
}
.pull-right {
    float: right!important;
}
.pull-left img {
    float: left!important;
}
.pull-right img {
    float: right!important;
}
#order-standard_cart .cart-body {
    float: right;
    width: 75%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.clientareaWel .card {
    margin-bottom: 15px;
}
#order-standard_cart .cart-body {
    padding: 20px;
}
.affiliate-stat {
    font-size: 0.8em!important;
}
.affiliate-col {
    padding: 15px!important;
    background: #FFF;
}
.services-col  {
    padding: 15px!important;
    background: #FFF;
}
.greenBg {background-color:#78c560;}
.blueBg {background-color:#081e33;}
.menuBg {background-color: #f4f4f4;}
.fast-menu {
    background-color: #081e33;
    color: #FFF;
}
.fast-menu:hover{
    background: #081e33!important;
}
.cart-back {
    background: #FFF;
}
.animation {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.site-none {
    display: none !important;
}
.linuxVps {
    margin-bottom: 00px;
}

.vpsSecim {float:left;height:auto;}
.vpsSecim .linuxImg img {height:100%;}
.vpsSecim a {width: 100%;min-height: 43px; line-height: 43px; margin-top: 10px; text-align: center; display: block;background-color: #9a9fa2;text-decoration:none;color:#FFF;font-size:16px; line-height:43px; }
.vpsSecim a:hover, .vpsSecim a.aktif {background-color:#0a86ce;}
/*greenBg Başlangıç*/
.telo {
    line-height: 40px;
}

.telo a {
    text-decoration: none !important;
    color: #f4f4f4 !important;
}
#myCarousel {width: 100%; height:440px; padding: 30px 0px; background:url(../img/sliderBg.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;}
#myCarousel .carousel-inner .carousel-item .container {margin-top:30px;}
#myCarousel .carousel-inner .carousel-item .container h1 {color:#FFF;font-size:60px; font-weight:600;width:650px;float:left;padding:0;margin:10px 0;line-height:62px;}
#myCarousel .carousel-inner .carousel-item .container p {color:#FFF;float:left;width:650px;font-size:18px; }
#myCarousel .carousel-inner .carousel-item .container img {float:right;width:338px;height:249px;}

#myCarousel .carousel-indicators {left:0;position:relative;width:auto;bottom:32px;float:left;margin:0;padding:0;}
#myCarousel .carousel-indicators li {border:none;border-radius:0;background-color:#f28d00;color:#FFF;text-indent:0;width:auto;height:auto;padding:5px 8px;font-size:16px; margin:0;}
#myCarousel .carousel-indicators li.active {width:auto;height:auto;color:#24365a;border:none;padding:5px 8px;margin:0;background-color:#fff}

.carousel-fade .carousel-inner .carousel-item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .55s; /* daha yumuşak geçiş */
    transition-duration: .55s; /* daha yumuşak geçiş */
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.carousel-fade .carousel-inner .carousel-item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.carousel .carousel-item {
    -webkit-transition-duration: .7s !important;
    transition-duration: .7s !important;
    -webkit-transition-timing-function: ease-in-out !important;
    transition-timing-function: ease-in-out !important;
}
.carousel-fade .carousel-item {
    -webkit-transition-property: opacity !important;
    transition-property: opacity !important;
    -webkit-transition-duration: .7s !important;
    transition-duration: .7s !important;
    -webkit-transition-timing-function: ease-in-out !important;
    transition-timing-function: ease-in-out !important;
}
.servicesBox {margin-top: -60px}
.servicesBox div:first-child {}
.swiper-pagination{
    text-align: start!important;
    bottom: 15px!important;
}
.swiper-pagination-bullet {
    /* kare görünüm */
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: normal;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #081f33; /* beyaz içi koyu lacivert yazı */
    opacity: 1;
    background: #ffffff; /* beyaz arka plan */
    border-radius: 0 !important; /* yuvarlak olmasın */
}
#myCarousel2 .carousel-indicators {
    position: absolute;
    left: auto !important;
    right: 20px !important;
    top: 20px !important;
    bottom: auto !important;
    width: auto !important;
    margin: 0 !important;
    text-align: right !important;
    display: flex !important;
    justify-content: flex-end !important;
}

#myCarousel3 .carousel-indicators {
    position: absolute;
    left: auto !important;
    right: 20px !important;
    top: 20px !important;
    bottom: auto !important;
    width: auto !important;
    margin: 0 !important;
    text-align: right !important;
    display: flex !important;
    justify-content: flex-end !important;
}

#myCarousel2.carousel.carousel-fade .carousel-inner .carousel-item,
#myCarousel3.carousel.carousel-fade .carousel-inner .carousel-item {
    will-change: opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#myCarousel2.carousel.carousel-fade .carousel-inner .next,
#myCarousel2.carousel.carousel-fade .carousel-inner .prev,
#myCarousel2.carousel.carousel-fade .carousel-inner .active.left,
#myCarousel2.carousel.carousel-fade .carousel-inner .active.right,
#myCarousel3.carousel.carousel-fade .carousel-inner .next,
#myCarousel3.carousel.carousel-fade .carousel-inner .prev,
#myCarousel3.carousel.carousel-fade .carousel-inner .active.left,
#myCarousel3.carousel.carousel-fade .carousel-inner .active.right {
    left: 0 !important;
    -webkit-transform: none !important;
    transform: none !important;
}

#myCarousel2 .carousel-indicators li {
    text-indent: -9999px !important;
    overflow: hidden !important;
    font-size: 0 !important;
    color: transparent !important;
}

#myCarousel3 .carousel-indicators li {
    text-indent: -9999px !important;
    overflow: hidden !important;
    font-size: 0 !important;
    color: transparent !important;
}
/* Aktif bullet: turuncu içi beyaz */
.swiper-pagination-bullet-active {
    background: #f28d00 !important;
    color: #ffffff !important;
}


.servicesBox {margin-top: -60px}
.servicesBox div:first-child {}

.box1 {width:330px;float:left;margin-bottom:20px;}
.box2 {width:330px;float:left;margin:0 20px;margin-bottom:20px;}
.box3 {float:right;margin-bottom:20px;}

.box3 .vps-cloud { margin-bottom: 15px;  height:265px;
    cursor:pointer;position:relative; width:100%;
    background:  #1fa2e1;
    -webkit-box-shadow: inset -100px -100px 250px -55px rgba(0,0,0,0.7);
    -moz-box-shadow: inset -100px -100px 250px -55px rgba(0,0,0,0.7);
    box-shadow: inset -100px -100px 250px -55px rgba(0,0,0,0.7);
    padding:20px;
    box-sizing:border-box;
    margin-top:0;

    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s;
}

.box3 .vps-cloud .bulut {background:url(../img/buluticon.png) no-repeat 0 5px;color:#FFF;}
.box3 .vps-cloud .bulut h2 {font-size:28px;margin:0 0 0 100px;padding-top:10px;position:relative;z-index:99999;}
.box3 .vps-cloud .bulut p {font-size:13px !important;text-align:center;line-height:22px;margin:23px 0 22px 0;position:relative;z-index:99999;}
.box3 .vps-cloud .bulut button {width:100%;color:#FFF;border:1px solid #FFF;background:none;font-size:14px;padding:10px 0;position:relative;z-index:99999;}


.box3 .vps-cloud:hover .bulut button {color:#ffffff;border:1px solid #ffffff;}
.box3 .vps-cloud:hover .bulut {background:url(../img/buluticon.png) no-repeat  0 5px;color:#ffffff;}
.box3 .vps-cloud:hover  {
    background:  #ffffff;
    -webkit-box-shadow: inset -100px -100px 250px -55px rgba(0,0,0,0.3);
    background-color:#11729d ;
}

.box3 .news {width: 100%}
.box3 .news h2 {background:#aeb7c5 url(../img/newsBg.jpg) no-repeat top left;height:50px;color:#FFF;font-size:16px; padding-left:60px;line-height:50px;margin:0;}
.box3 .news ul { font-size:12px;  color:#3b444a; list-style: none; padding: 0px; margin: 0;background: #FFF; box-sizing: border-box; overflow: hidden;}
.box3 .news ul a{ font-size:14px; }
.box3 .news ul li { padding:5px 10px; height:60px;overflow:hidden;}
.box3 .news ul li span {
    color:#FFF;
    text-align: center;
    float: left;
    margin-right:10px;
    background-color:#aeb7c5;
    height:45px;
    padding-top:0;
    width:45px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    line-height:1;}
.box3 .news .scroll-text {overflow: hidden;margin-bottom: 20px;}

.color-box { height:150px; margin-top:20px;margin-bottom:15px; position:relative;float:left;}
.color-box .box:nth-child(1) { margin-left: 0 !important; margin-right: 20px;}
.color-box #diger-hizmetler { margin-right:0px}
.color-box #sunucu-barindirma { margin-right:20px}
.color-box .box { cursor: pointer; overflow: hidden;width: 100%; height: 150px; float: left;}
.color-box  p {  -webkit-font-smoothing: antialiased;  line-height: 1.5em; width:200px; margin-top: 20px; margin-bottom: 20px; margin-left: 210px; height: 90px; font-size:12px;  color: white;}
.color-box a:hover {color:#FFF; text-decoration:none}

#seo-vds { background:#9f0c43 url("../img/seo-vds.jpg") no-repeat; color:#FFF;font-size:18px; line-height:20px;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 86px 0 0 19px;}
#kiralik-sunucu { background:#321e55 url("../img/kiralik-sunucu.jpg") no-repeat;color:#FFF;font-size:18px; line-height:20px;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 86px 0 0 19px;}
#diger-hizmetler { background:#615a52 url("../img/diger-hizmetler.jpg") no-repeat right;color:#FFF;font-size:18px; line-height:20px;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 86px 0 0 19px;}
#sunucu-barindirma { background:#1fa4c1 url("../img/sunucu-barindirma.jpg") no-repeat right;color:#FFF;font-size:18px; line-height:20px;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 86px 0 0 19px;}

.font-white {color:#FFF!important;}
.hover-1 .seo-vds { display: none}
.hover-1:hover .seo-vds { display: block}
.hover-2 .kiralik-sunucu { display: none}
.hover-2:hover .kiralik-sunucu { display: block}
.hover-3 .diger-hizmetler { display: none}
.hover-3:hover .diger-hizmetler { display: block}
.hover-4 .sunucu-barindirma { display: none}
.hover-4:hover .sunucu-barindirma { display: block}
.color-box .seo-vds { z-index:909;  position: absolute; background:#E07182 url("../img/seo-vds.jpg") no-repeat left top; cursor: pointer;  width:505px;   height: 150px;}
.color-box .kiralik-sunucu { z-index:909;  position: absolute; background:#43A1BB url("../img/kiralik-sunucu.jpg") no-repeat left top; cursor: pointer;  width:505px;   height: 150px;  }
.color-box .diger-hizmetler { z-index:909; right:15px;  position: absolute; background:#FDBA0B url("../img/diger-hizmetler.jpg") no-repeat right top; cursor: pointer;  width:505px;   height: 150px;  }
.color-box .diger-hizmetler p { margin-left: 25px !important;}
.color-box .sunucu-barindirma { z-index:909; position: absolute; background:#53BF9F url("../img/sunucu-barindirma.jpg") no-repeat right top; cursor: pointer;  width:410px;   height: 150px;  }
.color-box .sunucu-barindirma p { margin-left: 25px !important;}
.color-box .kiralik-sunucu .kiralikHead,
.color-box .seo-vds .seo-vdsHead {position:absolute; color: #FFF;font-size:18px; line-height:20px;   top: 86px; left: 19px;width:136px;}
.color-box .sunucu-barindirma .sunucu-barindirmaHead,
.color-box .diger-hizmetler .diger-hizmetlerHead {position:absolute; color: #FFF;font-size:18px; line-height:20px;   top: 86px; right: 0px;width:136px;}
.color-box .seo-vds .seo-vdsHead br,
.color-box .kiralik-sunucu .kiralikHead br,
.color-box .sunucu-barindirma .sunucu-barindirmaHead br,
.color-box .diger-hizmetler .diger-hizmetlerHead br { display: inline; }

#yorumlar { display:flex; flex-direction: column; justify-content: center; align-items: flex-start; }
#yorumlar { background-color: #aeb7c5; padding: 10px 15px; height: 150px}
#yorumlar a { font-size:12px;  color:#FFF; text-decoration:underline; position:absolute; right:0; margin-right:20px }
#yorumlar h3 { margin:0; font-size:16px; color:#FFF;  display:inline-block;margin-left: 8px;}
#yorumlar span { margin:0; padding:0px 0px 0px 35px; font-size:14px; color:#FFF;  display:block; }
#yorumlar p { margin:0; padding:7px 0px 0px 35px; font-size:13px; color:#FFF;  line-height:20px; display:block }
.yorumlar-head { display:flex; align-items:center; gap:8px; }
.yorumlar-head i { font-size: 18px; color:#fff; }
.flip-rtl { transform: scaleX(-1); display: inline-block; }

/* Ortak kutu yapısı */
.feature-box {
    height: 150px;
    width: 100%;
    display: block;
    float: right;
    margin-bottom: 16px;
    text-decoration: none;
    padding: 20px;
    box-sizing: border-box;
    color: #FFF;
}
.feature-box:hover {
    color: #FFF!important;
    text-decoration: unset!important;
}
/* Ortak başlık */
.feature-box h2 {
    font-size: 16px;
    margin: 0 0 0 40px;
    padding-top: 0;
}

/* Ortak paragraf */
.feature-box p {
    font-size: 14px;
    text-align: left;
    line-height: 16px;
    margin: 8px 0 12px 40px;
}

/* Ortak buton */
.feature-box button {
    width: 100%;
    color: #FFF;
    border: 1px solid #FFF;
    background: none;
    font-size: 14px;
    padding: 10px 0;
}




/* Hover'da arka plan zoom efekti (canli-yardim & vps-blog) */
.feature-box {position: relative; overflow: hidden; --feature-bg: none;}
.feature-box::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: var(--feature-bg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    z-index: 0;
}
.feature-box:hover::before { -webkit-transform: scale(1.08); transform: scale(1.08); }
.feature-box > * { position: relative; z-index: 1; }
/* Yardımcı arka plan sınıfları (opsiyonel) */
.feature-box.bg-dedicated { --feature-bg: url(../img/dedicated-server.jpg); }
.feature-box.bg-vps-blog { --feature-bg: url(../img/vps-blog-bg.jpg); }


.swiper-slide img{
    width: 100%;
}
.mySwiper .swiper-slide h1 {
    color: #FFF;
    font-size: 60px;
    font-weight: 600;
    float: left;
    padding: 0;
    margin: 10px 0;
    width: 100%;
}

.mySwiper .swiper-slide p {
    color: #FFF;
    float: left;
    font-size: 18px;
    width: 100%;
}
#myCarousel2 {background-color:#0ea1e3;position:relative;height:510px;}
#myCarousel2 .baslik {background:#11729d;padding:20px;position:relative;margin-bottom:10px;}
#myCarousel2 .baslik:after {top: 100%;left: 50px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: #11729d;border-width: 10px;margin-left: -20px;}
#myCarousel2 .baslik img {width:100%;}
#myCarousel2 .baslik h3 {margin:0;padding:0;color:#FFF;font-size:24px; }
#myCarousel2 .baslik h4 {margin:0;padding:0;color:#63c0e9;font-size:14px; }
#myCarousel2 .baslik p {margin:0;padding:0;color:#63c0e9;font-size:12px; margin-top:10px;}
#myCarousel2 .baslik .col-lg-9 {padding-left:0;}
#myCarousel2 .carousel-indicators {position:absolute;top:20px;right:20px;bottom:inherit;left:inherit;width:auto;}
#myCarousel2 .carousel-indicators li {text-indent:-999999px;width:10px;height:10px;background-color:#0398d8;border:none !important;overflow:hidden;display:block;float:left;margin:0 2px;}
#myCarousel2 .carousel-indicators li.active {width:10px;height:10px;background-color:#FFF;border:none !important;}
#myCarousel2 .icerik {color:#FFF;padding:15px 30px}
#myCarousel2 .icerik h2 {font-size: 22px;color: white;margin-left: 0px; }
#myCarousel2 .icerik ul {padding:0; font-size: 14px; color: #FFF;margin-bottom:25px;}
#myCarousel2 .icerik ul li {line-height: 30px; height: 30px; background: url("../img/packed.png") left 50% no-repeat; padding-left: 17px; }
#myCarousel2 .icerik .price {position: relative;   color: #FFF; font-size: 24px;    width: 130px; padding:5px 0; text-align: left; background-color: #1e86b4; float:left;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;text-align: center;}
#myCarousel2 .icerik .price span {display: inline-block;font-size: 14px;}
#myCarousel2 .icerik .buy {-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;width: 120px;position: relative;
    display: block;color: #FFF; float:left; margin-left:15px;font-size: 16px;text-transform: uppercase;text-align: center;background-color: #05c5f5;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding:12px 0 10px 0;text-decoration:none;}
#myCarousel2 .icerik .buy:hover {background-color:rgba(0,0,0,.2) }

#myCarousel3 {background-color:#78c560;position:relative;height:510px;}
#myCarousel3 .baslik {background:#579f41;padding:20px;position:relative;margin-bottom:10px;}
#myCarousel3 .baslik:after {top: 100%;left: 50px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: #579f41;border-width: 10px;margin-left: -20px;}
#myCarousel3 .baslik img {width:100%;}
#myCarousel3 .baslik h3 {margin:0;padding:0;color:#FFF;font-size:24px; }
#myCarousel3 .baslik h4 {margin:0;padding:0;color:#b1d9a5;font-size:14px; }
#myCarousel3 .baslik p {margin:0;padding:0;color:#b1d9a5;font-size:12px; margin-top:10px;}
#myCarousel3 .baslik .col-lg-9 {padding-left:0;}
#myCarousel3 .carousel-indicators {position:absolute;top:20px;right:20px;bottom:inherit;left:inherit;width:auto;}
#myCarousel3 .carousel-indicators li {text-indent:-999999px;width:10px;height:10px;background-color:#81ba6f;border:none !important;overflow:hidden;display:block;float:left;margin:0 2px;}
#myCarousel3 .carousel-indicators li.active {width:10px;height:10px;background-color:#FFF;border:none !important;}
#myCarousel3 .icerik {color:#FFF;padding:15px 30px}
#myCarousel3 .icerik h2 {font-size: 22px;color: white;margin-left: 0px; }
#myCarousel3 .icerik ul {padding:0; font-size: 14px; color: #FFF;margin-bottom:25px;}
#myCarousel3 .icerik ul li {line-height: 30px; height: 30px; background: url("../img/packed.png") left 50% no-repeat; padding-left: 17px; }
#myCarousel3 .icerik .price {position: relative;   color: #FFF; font-size: 24px;    width: 130px; padding:5px 0; text-align: left; background-color: #60ad48; float:left;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;text-align: center;}
#myCarousel3 .icerik .price span {display: inline-block;font-size: 14px;}
#myCarousel3 .icerik .buy {-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;width: 120px;position: relative;
    display: block;color:#FFF; float:left; margin-left:15px;font-size: 16px;text-transform: uppercase;text-align: center;background-color: #82d469;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding:12px 0 10px 0;text-decoration:none;}
#myCarousel3 .icerik .buy:hover {background-color:rgba(0,0,0,.2) }

.server-i {
    color: #FFF;
    font-size: 80px;
}

.firstHeader {margin:0;}
.firstHeader li {height:40px;line-height:40px;margin:0 0 0 20px;padding:0; float: right;}
.firstHeader li a {color:#FFF;line-height:40px;font-size: 13px;  text-decoration:none;}

.dolar-toggle {
    display: inline-block;
    float: right;
    margin-top: 10px;
    margin-left: 20px;
}
.dolar-toggle span{
    background: #578f46;
    padding: 1px 5px 0px 5px;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    min-width: 47px !important;
}
.currency-option {
    cursor: pointer;
    padding: 10px;
}
/*greenBg Bitiş*/
.telo .fa-solid {
    color: #FFF;
}
/*Logo Alanı Başlangıç*/
.logo {padding-left: 15px; padding-top: 25px}
.logo img {max-width:100%;}

.userMenu {padding:25px 0;font-size: 13px; }
.userMenu a {text-decoration:none;}
.userMenu a:last-child {margin-right:0;}
.userMenu a div {text-align:center;display:inline-block;color: #3b444a;text-decoration: none;}
.userMenu a:hover div .icon { -webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);-o-transform: scale(1.3);transform: scale(1.3);}
.userMenu i {
    display: block !important;
    font-size: 25px !important;
    margin:0px 15px;
    padding: 10px;
}
/* mobile-menu */
#overlay {
    background-color: rgba(0, 0, 0, 0.25);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

#mobile-menu {
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    /*background-color: #202425;*/
    background:url(../img/mobile.jpg);
    background-size:cover;
    display: block !important;
    overflow-y: auto;
    position: fixed;
    right: -100%;
    padding:40px;
    top: 0px;
    bottom:0;
    width: 100%;
    z-index: 999999;
    font-size:17px;
}
/*Logo Alanı Bitiş*/
.mobile-menu-ust {padding-bottom:23px; margin-bottom:11px; width:100%; display:inline-block;}
.mobile-menu-ust .mobilLogo { display: inline-block; width: 148px; height: 65px; position: relative; z-index: 1; }
.mobile-menu-ust .close {width:60px;height:60px;background:url(../img/close.png) center center no-repeat;cursor:pointer;float:right;opacity:1;position: relative; z-index: 99999;}
.mobile-menu-ust .close:hover, .mobile-menu-ust .close:focus {opacity:1; filter: alpha(opacity=100);}
.mobile-menu #mobile-menu {right: 0;}
#mobile-menu.open-menu {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    width: 100%;
}
.main-nav ul, .main-nav li {
    padding: 0;
    margin: 0;
    list-style: none;

}
.main-nav ul ul li a {
    padding: 7px 0 7px 10px;
    font-size:15px;
    margin-left:20px;
    font-family: 'Poppins', sans-serif;
    /* background: #000; */
    background:url(../img/sari-ok.png) left center no-repeat;
}
.main-nav a {
    text-decoration: none;
    display: block;
    color: #fff;
    padding: 10px 0 10px 7px;
    font-size:16px;
    font-family: 'Poppins', sans-serif;
}

.main-nav ul ul {
    display: none;
}
.main-nav ul li.tab ul {
    display: block;
}


.navbar {margin-bottom:0;border:none;}


.globalNav {
    font-family: 'Poppins', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 500;
    height: 60px;
    -webkit-perspective: 2000px;
    perspective: 2000px;
    background-color: #081e33;
}

.globalNav ul {
    padding: 0;
    margin: 0
}

.globalNav li {
    list-style: none
}

.globalNav a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    color: #6772e5;
    -webkit-transition: color .1s;
    transition: color .1s
}

.globalNav a:hover {
    color: #32325d;
}

.globalNav>.container-lg {
    padding: 0
}

.globalNav .navRoot {
    position: relative
}

.globalNav .navSection.logo {
    position: absolute;
    top: 0;
    left: 0
}

.globalNav .navSection.primary,
.globalNav .navSection.secondary {
    display: none
}





@media (min-width:670px) {
    .globalNav .navSection.primary,
    .globalNav .navSection.secondary {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.globalNav .navSection.primary {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.globalNav .navSection.secondary {
    position: absolute;
    top: 0;
    right: 0
}

.globalNav .navSection.mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width:670px) {
    .globalNav .navSection.mobile {
        display: none
    }
}

.globalNav.compact .navRoot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.globalNav.compact .navSection.logo {
    position: static;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.globalNav.compact .navSection.secondary {
    position: static
}

.globalNav .rootLink {
    display: inline-block;
    height: 60px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 17px;
    line-height: 60px;
    font-weight: 400;
    margin: 0;
    padding: 0 10px
}

@media (min-width:670px) {
    .globalNav .rootLink {
        padding: 0 25px;
    }
}

@media (max-width:991px) {
    .globalNav .rootLink {
        padding: 0 45px;
    }
}
@media only screen and (min-device-width: 834px) and (max-device-width: 1194px){
    .globalNav .rootLink {
        padding: 0 15px;
    }
}
.globalNav .navSection.logo .rootLink {
    padding-left: 20px!important
}

.globalNav .navSection.secondary .rootLink:last-child {
    padding-right: 20px!important
}

.globalNav .navSection.primary .rootLink {
    font-weight: 300;
}

.globalNav .colorize {
    color: #fff;
    -webkit-transition: color .1s ease;
    transition: color .1s ease
}

.globalNav .colorize.active,
.globalNav .colorize:hover {
    color: #3ac7db
}

.globalNav .item-home h1 {
    line-height: 50px;
    font-size: 20px;
    margin: 0;
    color: inherit
}

.globalNav .item-home svg {
    vertical-align: -5px
}

.globalNav .item-home svg path {
    fill: currentColor
}

.globalNav .item-dashboard:after {
    font: normal 16px StripeIcons;
    content: '\279E';
    padding-left: 1px
}

.globalNav .dropdownRoot {
    position: absolute;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 60px;
    pointer-events: none;
    -webkit-transform: rotateX(-15deg);
    transform: rotateX(-15deg);
    -webkit-transform-origin: 50% -50px;
    transform-origin: 50% -50px;
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    display: none
}

@media (min-width:670px) {
    .globalNav .dropdownRoot {
        display: block
    }
}

.globalNav.dropdownActive .dropdownRoot {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none
}

.globalNav .dropdownBackground {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
    width: 520px;
    height: 400px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.globalNav .alternateBackground,
.globalNav .dropdownBackground {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

.globalNav .alternateBackground {
    right: 0;
    height: 1000px;
    background: #f6f9fc
}

.globalNav .dropdownArrow {
    top: -6px;
    margin: 0 0 0 -6px;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 4px 0 0 0;
    background: #fff;
    box-shadow: -3px -3px 5px rgba(82, 95, 127, .04);
    will-change: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.globalNav .dropdownArrow,
.globalNav .dropdownContainer {
    position: absolute;
    left: 0;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

.globalNav .dropdownContainer {
    overflow: hidden;
    top: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    will-change: transform, width, height;
    -webkit-transition-property: width, height, -webkit-transform;
    transition-property: width, height, -webkit-transform;
    transition-property: transform, width, height;
    transition-property: transform, width, height, -webkit-transform
}

.globalNav .dropdownSection {
    opacity: 0;
    pointer-events: none;
    will-change: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    background: red
}

.globalNav .dropdownSection.active {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.globalNav .dropdownSection.left {
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px)
}

.globalNav .dropdownSection.right {
    -webkit-transform: translateX(150px);
    transform: translateX(150px)
}

.globalNav.dropdownActive .dropdownSection.active {
    pointer-events: auto
}

.globalNav.noDropdownTransition .alternateBackground,
.globalNav.noDropdownTransition .dropdownArrow,
.globalNav.noDropdownTransition .dropdownBackground,
.globalNav.noDropdownTransition .dropdownContainer,
.globalNav.noDropdownTransition .dropdownSection {
    -webkit-transition: none;
    transition: none
}

.globalNav .dropdownContent {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0
}

.globalNav .linkGroup {
    padding: 20px 35px;
    border-bottom: 1px solid #eee;
}

.globalNav .linkContainer {
    display: block;
    padding: 9px 0
}

.globalNav .linkTitle {
    margin: 0;
    color: #193651;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}

.globalNav .linkSub {
    font-size: 15px;
    line-height: 22px;
    color: #6b7c93;
    margin: 5px 0 0;
    display: block
}

.globalNav .linkSub,
.globalNav .linkTitle {
    -webkit-transition: color .1s;
    transition: color .1s
}

.globalNav .linkContainer:hover .linkTitle,
.globalNav .linkTitle:hover {
    color: #081e33
}

.globalNav .linkContainer:hover .linkSub {
    color: #424770
}

.globalNav .hover-fillDark,
.globalNav .hover-fillLight {
    -webkit-transition: fill .1s;
    transition: fill .1s
}

.globalNav .hover-strokeDark,
.globalNav .hover-strokeLight {
    -webkit-transition: stroke .1s;
    transition: stroke .1s
}

.globalNav .linkContainer:hover .hover-fillLight {
    fill: #8898aa
}

.globalNav .linkContainer:hover .hover-fillDark {
    fill: #32325d
}

.globalNav .linkContainer:hover .hover-strokeLight {
    stroke: #8898aa
}

.globalNav .linkContainer:hover .hover-strokeDark {
    stroke: #32325d
}

.globalNav .linkIcon {
    white-space: nowrap
}
.globalNav .linkIcon svg {
    margin: 0 12px -3px -1px
}

.globalNav .linkIcon i {
    width: 17px;
    height: 17px;
    margin: 0 12px -3px -1px
}

.globalNav .withIcon {
    padding-left: 28px
}

.globalNav .withIcon .linkTitle {
    margin-left: -28px
}

.globalNav .new-badge {
    display: inline-block;
    margin-left: 5px;
    vertical-align: 2px;
    color: #fff;
    font-size: 10px;
    line-height: 14px;
    font-weight: 700;
    background: #6772e5;
    -webkit-transition: background .15s;
    transition: background .15s;
    border-radius: 10px;
    padding: 0 5px;
    height: auto;
    top: auto;
    box-shadow: none
}

.globalNav .linkContainer:hover .new-badge {
    background: #32325d
}

.globalNav .productsGroup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 640px;
    max-width: calc(100vw - 85px);
    margin: -5px -10px
}

.globalNav .productsGroup>li {
    -webkit-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%
}

.globalNav .productsGroup .linkContainer,
.globalNav .productsGroup>li {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.globalNav .productsGroup .linkContainer {
    padding: 18px 10px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.globalNav .productsGroup svg, .globalNav .productsGroup i {
    width: 48px;
    height: 48px;
    font-size: 48px;
}

.globalNav .productLinkContent {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 71px
}

.globalNav .prodsubGroup,
.globalNav .productLinkContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.globalNav .prodsubGroup .linkContainer {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 13px 30px
}

.globalNav .prodsubGroup .linkSub {
    margin: 0 0 0 10px
}

.globalNav .item-subscriptions .linkTitle {
    color: #24b47e
}

.globalNav .item-connect .linkTitle {
    color: #3297d3
}

.globalNav .item-relay .linkTitle {
    color: #e25950
}

.globalNav .item-atlas .linkTitle {
    color: #e39f48
}

.globalNav .item-radar .linkTitle {
    color: #b76ac4
}

.globalNav .item-radar .new-badge {
    background: #b76ac4
}

.globalNav .documentationGroup .linkSub {
    max-width: 250px
}

.globalNav .documentationArticles {
    font-size: 15px;
    line-height: 26px;
    margin: 15px 20px 10px 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap
}

.globalNav .documentationArticles>ul {
    margin-right: 40px
}

.globalNav .documentationArticles>ul:last-child {
    margin-right: 0
}

.globalNav .documentationArticles h4 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    margin: 0 0 3px;
    color: #8898aa
}

.globalNav .blogPosts {
    margin: 5px 10px 5px 28px
}

.globalNav .blogPosts a {
    display: block;
    white-space: nowrap;
    padding: 5px 0
}

.globalNav .blogPosts a:after {
    content: '\27A2';
    font: normal 16px StripeIcons;
    margin-left: 6px;
    vertical-align: -3px
}

.globalNav .blogPosts .title {
    font-size: 15px;
    line-height: 22px;
    display: inline-block;
    white-space: nowrap;
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top
}

.globalNav .blogPosts .title.new {
    font-weight: 500
}

.globalNav .blogPosts .new-badge {
    vertical-align: -1px
}

.globalNav .blogPosts a:hover .new-badge {
    background: #32325d
}

.globalNav .navSection.mobile .rootLink {
    cursor: pointer;
    width: 50px;
    height: 50px;
    position: relative
}

.globalNav .navSection.mobile .rootLink h2 {
    color: inherit
}

.globalNav .navSection.mobile .rootLink h2,
.globalNav .navSection.mobile .rootLink h2:after,
.globalNav .navSection.mobile .rootLink h2:before {
    position: absolute;
    width: 24px;
    height: 3px;
    border-radius: 1px;
    background: currentColor
}

.globalNav .navSection.mobile .rootLink h2 {
    font-size: 0;
    left: 13px;
    top: 23px
}

.globalNav .navSection.mobile .rootLink h2:after,
.globalNav .navSection.mobile .rootLink h2:before {
    content: '';
    left: 0
}

.globalNav .navSection.mobile .rootLink h2:before {
    top: -9px
}

.globalNav .navSection.mobile .rootLink h2:after {
    top: 9px
}

.globalNav .popup {
    position: absolute;
    left: 10px;
    top: 5px;
    right: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    pointer-events: none;
    -webkit-perspective: 2000px;
    perspective: 2000px
}

.globalNav .popupContainer {
    background: #fff;
    box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    font-size: 17px;
    line-height: 40px;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-transform: rotate3d(1, 1, 0, -15deg);
    transform: rotate3d(1, 1, 0, -15deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

.globalNav .navSection.mobile.globalPopupActive .popupContainer {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto
}

.globalNav .popup a {
    display: block
}

.globalNav .popupCloseButton {
    position: absolute;
    right: 0;
    top: 0;
    width: 51px;
    height: 51px;
    font-size: 0;
    cursor: pointer
}

.globalNav .popupCloseButton:after,
.globalNav .popupCloseButton:before {
    content: '';
    position: absolute;
    background: #6772e5;
    border-radius: 1px;
    left: 14px;
    right: 14px;
    top: 24px;
    height: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: background .1s;
    transition: background .1s
}

.globalNav .popupCloseButton:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.globalNav .popupCloseButton:hover:after,
.globalNav .popupCloseButton:hover:before {
    background: #32325d
}

.globalNav .mobileSignIn {
    background: #f6f9fc;
    display: block;
    padding: 12px 30px;
    font-weight: 600
}

.globalNav .mobileSignIn:after {
    font: normal 16px StripeIcons;
    content: '\279C';
    margin-left: 6px
}

.globalNav .mobileProducts {
    padding: 20px 0 15px
}

.globalNav .mobileProducts h4 {
    font-size: 14px;
    font-weight: 600;
    color: #8898aa;
    margin: -5px 0 0 30px
}

.globalNav .mobileProductsList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.globalNav .mobileProductsList>ul {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.globalNav .mobileProductsList>ul:last-child {
    -webkit-box-flex: 3;
    -webkit-flex-grow: 3;
    -ms-flex-positive: 3;
    flex-grow: 3
}

.globalNav .mobileProductsList a {
    padding: 0 30px;
    font-size: 20px;
    font-weight: 500;
    line-height: 50px
}

.globalNav .mobileProductsList a:hover {
    color: #32325d
}

.globalNav .mobileProductsList a svg {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 0 15px 0 -3px;
    vertical-align: -5px
}

.globalNav .mobileProductsList .item-subscriptions {
    color: #24b47e
}

.globalNav .mobileProductsList .item-connect {
    color: #3297d3
}

.globalNav .mobileProductsList .item-relay {
    color: #e25950
}

.globalNav .mobileProductsList .item-atlas {
    color: #e39f48
}

.globalNav .mobileProductsList .item-radar {
    color: #b76ac4
}

.globalNav .mobileSecondaryNav {
    border-top: 2px solid #f6f9fc;
    padding: 15px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.globalNav .mobileSecondaryNav>ul {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.globalNav .mobileSecondaryNav>ul:last-child {
    -webkit-box-flex: 3;
    -webkit-flex-grow: 3;
    -ms-flex-positive: 3;
    flex-grow: 3
}

.globalNav .mobileSecondaryNav a {
    padding: 0 20px;
    min-width: 100px
}
img.fill {
    width: 100%;
    height: auto;
}
.vpsSecim {
    width: 220px;
    float: left;
    height: auto;
}
.vpsSecim .linuxImg {
    width: 100%;
    height: 150px;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    padding: 10px 0;
}
.vpsSecim .linuxImg img {
    height: 100%;
}
.vpsIcerik {
    float: right;
}
.vpsIcerik h2 { margin-top: 0;color: #091e32; font-size: 22px; font-weight: 500}
.vpsIcerik p { color: #55626e; font-size:14px; line-height:25px; }

#os-systems .row {
    margin-bottom: 10px !important;
}
#os-systems .thumbnail {
    text-align: center;
    background-color: unset !important;
    padding: 10px !important;
}
#os-systems .thumbnail b {
    margin-top: 9px;
    display: inline-block;
    align-items: center;
    text-align: center;
    border-bottom: 2px solid #098ee8;
}
.priceTop{
    display: block!important;
}
.priceBot{
    display: none!important;
}
.satinalbtn i{
    font-style: normal;
    opacity: 0.3;
}
.satinalbtn i:hover{
    color: #FFF;
}
.min-45{
    min-height: 45px;
}
.cloud img{
    min-height: 31px;
}

.cloud {
    margin-top: 55px;
}
#cldPkt1, #cldPkt2, #cldPkt3, #cldPkt4, #cldPkt5, #cldPkt6, #cldPkt7 {
    margin: 35px 0px 0px 0px;
}
#cldPkt1 a:focus,
#cldPkt2 a:focus,
#cldPkt3 a:focus,
#cldPkt4 a:focus,
#cldPkt5 a:focus,
#cldPkt6 a:focus,
#cldPkt6 a:focus{
    color: #FFF;
}
#cldPkt1 .baslik{
    background: linear-gradient(180deg, rgba(184,10,90,1) 0%, rgba(123,10,55,1) 75%);
    height: 65px;
}
#cldPkt2 .baslik{
    background: linear-gradient(180deg, rgba(77,71,144,1) 0%, rgba(51,47,104,1) 75%);
    height: 65px;
}
#cldPkt3 .baslik{
    background: linear-gradient(180deg, rgba(233,131,37,1) 0%, rgba(224,93,30,1) 75%);
    height: 65px;
}
#cldPkt4 .baslik{
    background: linear-gradient(180deg, rgba(25,148,160,1) 0%, rgba(17,105,120,1) 75%);
    height: 65px;
}
#cldPkt5 .baslik{
    background: linear-gradient(180deg, rgba(4,56,106,1) 0%, rgba(2,41,76,1) 75%);
    height: 65px;
}
#cldPkt6 .baslik{
    background: linear-gradient(180deg, rgba(46,151,24,1) 0%, rgba(32,106,14,1) 75%);
    height: 65px;
}
#cldPkt7 .baslik{
    background: linear-gradient(180deg, rgba(200,50,50,1) 0%, rgba(120,25,25,1) 75%);
    height: 65px;
}


#cldPkt1 .bottom{
    background: #7b0a37;
}
#cldPkt2 .bottom{
    background: #332f68;
}
#cldPkt3 .bottom{
    background: #e05d1e;
}
#cldPkt4 .bottom{
    background: #116978;
}
#cldPkt5 .bottom{
    background: #02294c;
}
#cldPkt6 .bottom{
    background: #206a0e;
}
#cldPkt7 .bottom{
    background: #781818;
}


#cldPkt1 h6,
#cldPkt2 h6,
#cldPkt3 h6,
#cldPkt4 h6,
#cldPkt5 h6,
#cldPkt6 h6,
#cldPkt7 h6
{
    color: #FFF;
    font-size: 24px;
    padding: 20px 0px 20px 100px;
    margin-top: unset;
    margin-bottom: unset;
}

#cldPkt1 p,
#cldPkt2 p,
#cldPkt3 p,
#cldPkt4 p,
#cldPkt5 p,
#cldPkt6 p,
#cldPkt7 p {
    font-size: 13px !important;
    font-family: 'Poppins', sans-serif !important;
    opacity: 0.7 !important;
    color: #FFF !important;
    padding: 10px 20px;
    margin: unset!important;
}

#cldPkt1 a.stockOut,
#cldPkt2 a.stockOut,
#cldPkt3 a.stockOut,
#cldPkt4 a.stockOut,
#cldPkt5 a.stockOut,
#cldPkt6 a.stockOut,
#cldPkt7 a.stockOut {
    top:5px; line-height: 30px; cursor: pointer
}

#cldPkt1 a.stockOut span,
#cldPkt2 a.stockOut span,
#cldPkt3 a.stockOut span,
#cldPkt4 a.stockOut span,
#cldPkt5 a.stockOut span,
#cldPkt6 a.stockOut span,
#cldPkt7 a.stockOut span {
    display: block;
    height: 25px;
    font-size: 12px;
    line-height: 12.5px;
    font-weight: 300;
}
.cld-satin-al a:hover{color: #FFF;}
.server-icon{
    font-size: 60px;
    color: #FFF;
    display: inline-block;
}
.server-sol{
    background-color: rgba(0, 0, 0, 0.3);
    padding: 10px;
}
.server-border {
    border: solid 2px rgba(255, 255, 255, 0.1);
    padding: 8px;
    border-right: 0;
    border-left: 0;
}
.server-sol h2{
    color: #FFF;
}
.server-namesd{
    display: inline-block;
    color: #FFF;
}
.detay-1{
    background: linear-gradient(180deg, #0996ea,#0777e3);
    padding: 3rem;
    width: 100%;
}
.detay-2{
    background: linear-gradient(180deg, #3cc203,#2fb003);
    padding: 3rem;
    width: 100%;
}
.detay-3{
    background: linear-gradient(180deg, #be125f,#ac0e4b);
    padding: 3rem;
    width: 100%;
}
.detay-4{
    background: linear-gradient(180deg, #5647aa,#423791);
    padding: 3rem;
    width: 100%;
}
#cldPkt1 .detay{
    background: linear-gradient(180deg, #be125f,#ac0e4b);
    display: flow-root;

    padding: 3rem;
    width: 100%;
}
#cldPkt2 .detay {
    background: linear-gradient(180deg, #5647aa,#423791);
    display: flow-root;
    padding: 3rem;
    width: 100%;
}
#cldPkt3 .detay {
    background: linear-gradient(180deg, #ea8110,#ea7d10);
    display: flow-root;
    padding: 3rem;
    width: 100%;
}
#cldPkt4 .detay {
    background: linear-gradient(180deg, #10a9b9,#0c90a5);
    display: flow-root;
    padding: 3rem;
    width: 100%;
}
#cldPkt5 .detay {
    background: linear-gradient(180deg, #0996ea,#0777e3);
    display: flow-root;
    padding: 3rem;
    width: 100%;
}
#cldPkt6 .detay {
    background: linear-gradient(180deg, #3cc203,#2fb003);
    display: flow-root;
    padding: 3rem;
    width: 100%;
}
#cldPkt7 .detay {
    background: linear-gradient(180deg, #ba1414, #a01111);
    display: flow-root;
    padding: 3rem;
    width: 100%;
}

#cldPkt1 ul,
#cldPkt2 ul,
#cldPkt3 ul,
#cldPkt4 ul,
#cldPkt5 ul,
#cldPkt6 ul,
#cldPkt7 ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    display: inline-block;
}

#cldPkt1 ul li,
#cldPkt2 ul li,
#cldPkt3 ul li,
#cldPkt4 ul li,
#cldPkt5 ul li,
#cldPkt6 ul li,
#cldPkt7 ul li {
    width: 33%;
    float: left;
    color: #FFF;
    font-size: 15px;
    line-height: 26px;
    padding-left: 13px;
    background: url(../img/paket-detaylar.png) top left no-repeat;
}

#cldPkt1 .baslik-icon {
    background: url(../img/folder-icon-1.png) top left no-repeat;
    background-position: 15px 5px;
}
#cldPkt2 .baslik-icon {
    background: url(../img/folder-icon-2.png) top left no-repeat;
    background-position: 15px 5px;
}
#cldPkt3 .baslik-icon {
    background: url(../img/folder-icon-3.png) top left no-repeat;
    background-position: 15px 5px;
}
#cldPkt4 .baslik-icon {
    background: url(../img/folder-icon-4.png) top left no-repeat;
    background-position: 15px 5px;
}
#cldPkt5 .baslik-icon {
    background: url(../img/folder-icon-5.png) top left no-repeat;
    background-position: 15px 5px;
}
#cldPkt6 .baslik-icon {
    background: url(../img/folder-icon-6.png) top left no-repeat;
    background-position: 15px 5px;
}
#cldPkt7 .baslik-icon {
    background: url(../img/folder-icon-7.png) top left no-repeat;
    background-position: 15px 5px;
}
.amazon-vps{
    background-color: #FF9900!important;
}
.meta-vds{
    background-color: #003366!important;
}
.etsy-vps {
    background-color: #F16521!important;
}
.logo-vps{
    background-color: #0B3D91!important;
}
.satinalbtn {
    background: linear-gradient(180deg, rgba(246,148,0,1) 0%, rgba(238,81,0,1) 75%);
    height: 65px;
    line-height: 65px;
    padding-left: unset !important;
    padding-right: unset !important;
    display: inline-block;
    width: 100%;
    text-align: center;
    text-decoration: unset!important;
    cursor: pointer;
    color: #FFF;
    font-weight: 600;
    font-size: 20px;
}

#accordionExample .card {
    border: 1px solid #e8e8e8;
    border-radius: 0px!important;
    overflow: hidden;
}
#accordionExample .card + .card {
    margin-top: 8px;
}
#accordionExample .card-header {
    padding: 0;
    background-color: #f7f8fa;
}
#accordionExample .card-header a[data-toggle="collapse"] {
    display: block;
    padding: 14px 18px;
    color: #212529;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease;
}
#accordionExample .card-header a{
    font-size: 1rem;
}
/* Aktif olan başlığın vurgu rengi */
#accordionExample .card-header a[aria-expanded="true"] {
    background-color: #e9f2ff;
    color: #052c65;

}


#cldPkt1:hover .satinalbtn,
#cldPkt2:hover .satinalbtn,
#cldPkt3:hover .satinalbtn,
#cldPkt4:hover .satinalbtn,
#cldPkt5:hover .satinalbtn,
#cldPkt6:hover .satinalbtn,
#cldPkt7:hover .satinalbtn {
    background: linear-gradient(180deg, rgba(238, 81, 0, 1) 0%, rgba(246, 148, 0, 1) 75%);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.cld-fiyat{
    font-size: 27px;
    color: #FFF;
}
.cld-aylik{
    font-size: 11px;
    line-height: 11px;
    color: #FFF;
    padding-top: 10px;
    letter-spacing: 0.5px;
}
.cld-tl{
    font-size: 12px;
    color: #FFF;
    display: inline-block;
    line-height: 11px;
}
.cld-kdv{
    font-size: 11px;
    float: right;
    color: #FFF;
}
.fiyat-trprn{
    background-color: rgba(0, 0, 0, 0.3);
    padding: 0px 10px 0px 10px!important;
    height: 65px;
}
.fiyat-trprn span{
    -webkit-font-smoothing : antialiased
}
.cld-price{
    padding-left: unset!important;
    padding-right: unset!important;
}
.cld-satin-al{
    padding-left: unset!important;
    padding-right: unset!important;
}
.header-index{
    position: relative;
    z-index: 3;
}

.vpsButtons {
    margin-top: -60px;
    margin-bottom: 70px;
}

.vpsButtons *{
    outline: none!important;
}
.vpsButtons a {
    text-decoration: none;
    display: inline-block;
    margin-right: 25px;
}
.vpsButtons a button {width:100%;background-color:#1f90c7;border:none;color:#FFF;font-size:16px; height:60px;margin:0;padding:0px 15px 0px 60px;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align:left;background-position:20px center;background-repeat:no-repeat;}
.vpsButtons a:hover button {background-color:#081f33;transition: 0.3s}
.vpsButtons a:hover button:focus{outline: 0}
.vpsButtons a:nth-child(1) button {background-image:url(../img/paket.png);}
.vpsButtons a:nth-child(2) button {background-image:url(../img/linux.png);}
.vpsButtons a:last-child button {background-image:url(../img/windows.png);}
.vpsButtons a:last-child {margin-right:0; }

.vpsButtons .location1{background-image:url(../img/trk.png) !important;  padding: 0px 80px;}
.vpsButtons .location2{background-image:url(../img/hll.png) !important; padding: 0px 80px;}
.vpsServer .row {
    margin-bottom: 70px;
}

.sss h4 {
    font-size: 28px;
    color: #4d5360;
    height: auto;
    width: 100%;
    background: url(../img/ui-accordion-title.png) center top no-repeat;
    padding: 60px 0 20px 0;
}
.sss h4 span {
    font-size: 28px;
    color: #ef5500;
    font-weight: bold;
}
div.header-lined h1 {
    margin-top: 0;
    margin-bottom: 15px;
    padding: 6px 0;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    color: #058;
    font-size: 1.5rem;
}
.login ul {
    margin-top: 55px!important;
}
.register ul {
    margin-top: 30px!important;
}
.panel-group {
    margin-bottom: 20px;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-group .panel-heading {
    border-bottom: 0;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: #000;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
}
.kiralikServer {
    margin-bottom: 30px;
}
.blue-menu {
    float: left;
    height: auto;
    color: #072442;
    font-size: 17px;
}
img.fill {
    width: 100%;
    height: auto;
}
.vpsServer h5 {color:#091e32;font-size:22px; margin:0;padding:0;}
.vpsServer h2 {color:#091e32;font-size:22px; margin:0;padding:0; font-weight: 500}
.vpsServer p {color:rgba(85,98,110,0.9);font-size:15px; line-height:25px; margin:0;padding:15px 0 0;}
.vpsServer .row {margin-bottom:70px;}
.vpsServer ul {margin:10px 0;}
.vpsServer ul li {color: rgba(85,98,110,0.9);  font-size:15px; line-height:25px; }

.ks-menu {float: left;color: #072442;font-size: 17px;}
.ks-menu ul {margin: 0;padding: 0;list-style: none;background: #eaeaea;}
.ks-menu ul li { border-bottom:1px solid #dce0e4;display:block;}
.ks-menu ul li a { color:#072442;padding: 15px;display:block;padding-left:30px;}
.ks-menu ul li:hover {  background:#46a314 url("../img/active-green.jpg") no-repeat;  }
.ks-menu ul li:hover a { color: white;text-decoration:none;}
.ks-menu ul li a:hover { color: white;}
.ks-menu .active { background:#46a314 url("../img/active-green.jpg") no-repeat;  }
.ks-menu .active a { color: white;}
.divide {
    width: 990px;
    margin: auto;
    height: 38px;
    margin-bottom: 45px;
    background: url(../img/divide.png) no-repeat top center;
}
#KServer {
    margin: 15px 0px;
}
#KServer .info1 {
    float: left;
    padding: 25px;
    margin-bottom: 15px;
    background-color: rgba(10, 34, 57, 0.4);
}
#KServer .info2 {
    float: right;
    padding: 25px;
    margin-bottom: 15px;
    background-color: rgba(10, 34, 57, 0.4);
}
#KServer .cnt {
    margin: auto;
    background-color: #FFF;
    padding: 35px;
    height: 790px;
}
#KServer .cnt .h31 {
    background: url(../img/icon-parca.png) 0px 4px no-repeat;
}
#KServer .cnt h3 {
    margin: 0;
    padding: 0px 0px 0px 66px;
    font-size: 22px !important;
    line-height: 24px;
    color: #3b4d60;
}
#KServer .cnt p { color:#002f5b;  font-size:14px !important; line-height:20px !important; padding:0; margin:27px 0px 0px 0px; }
#KServer .cnt .h31 { background:url(../img/icon-parca.png) 0px 4px no-repeat }
#KServer .cnt .h32 { background:url(../img/icon-kurulum.png) 0px 4px no-repeat }
#KServer .cnt .h33 { background:url(../img/icon-network.png) 0px 4px no-repeat }
#KServer .cnt .h34 { background:url(../img/icon-trafik.png) 0px 4px no-repeat }
#KServer .cnt .h35 { background:url(../img/icon-networky.png) 0px 4px no-repeat }
#KServer .cnt .h36 { background:url(../img/icon-destek.png) 0px 4px no-repeat }
#KServer .cnt .cizgi{ height:20px; margin-bottom:20px; width:%100; border-bottom:solid 1px #dadadb }

.kiralikIcerik h2 { margin-top: 0;color: #0a86ce; font-size: 28px; }
.kiralikIcerik p { color: #55626e; font-size:16px; line-height:25px; }

.blue-menu ul { margin: 0; padding: 0; list-style: none; background: #ededed;}
.blue-menu ul li {  border-bottom:1px solid #dce0e4;display:block;}
.blue-menu ul li a { color:#072442;display:block;padding: 15px; padding-left:30px;}
.blue-menu ul li:hover {  background:#0a86ce url("../img/active-blue.png") no-repeat left center;  }
.blue-menu ul li:hover a { color: white;text-decoration:none;}
.blue-menu ul li a:hover { color: white;}
.blue-menu .active { background:#0a86ce url("../img/active-blue.png") no-repeat left center;  }
.blue-menu .active a { color: white;}

.sunucuIcerik {/*v2float:right;width:735px;*//* background: #FFF; *//* box-shadow: 0 0 1px 1px #ddd,0px 1px 0 1px #ddd; */}
.sunucuIcerik h2 { margin-top: 0;color: #6d6d6d; font-size: 28px; }
.sunucuIcerik p { color: #55626e;  font-size: 14px; line-height: 23px}
.sunucuIcerik .sunucuBarindirmaPaketleri {width:100%;margin:20px 0 40px;}
.sunucuIcerik form {margin:20px 0 40px;}
.sunucuIcerik a,.sunucuIcerik a:hover {color: #55626e; text-decoration: none}

.hizmet-icerigi ul { list-style-type:none; margin:10px 0 20px 0; padding:0;display:inline-block; }
.hizmet-icerigi ul li { padding-left:0; float:left; height:40px; font-size:15px; color:#7cafd9;   line-height:40px;width:330px;margin:15px 0;}
.hizmet-icerigi ul li i {color:#FFF;background-color:#7cafd9;font-size:24px;-webkit-border-radius: 100% !important;-moz-border-radius: 100% !important;border-radius: 100% !important;float:left;width:45px;height:45px;line-height:45px;text-align:center;
}
.hizmet-icerigi ul li:hover i {-webkit-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,1);
    box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,1);}
.hizmet-icerigi ul li p {font-size:12px; float:left;text-align:left;line-height:40px;padding:0 10px}
.hizmet-icerigi ul li span { margin-top:-17px;display:block }
.hizmet-icerigi .uptime { background:url(../img/icon-hizmet-uptime.png) 0px 0px no-repeat;  }
.hizmet-icerigi .sogutma { background:url(../img/icon-hizmet-sogutma.png) 0px 0px no-repeat;  }
.hizmet-icerigi .firewall { background:url(../img/icon-hizmet-firewall.png) 0px 0px no-repeat;  }

.hizmet-icerigi .yangin { background:url(../img/icon-hizmet-yangin.png) 0px 0px no-repeat;  }
.hizmet-icerigi .yazilim { background:url(../img/icon-hizmet-yazilim-kiralama.png) 0px 0px no-repeat; }
.hizmet-icerigi .yediyirmidort { background:url(../img/icon-hizmet-724.png) 0px 0px no-repeat;  }

.hizmet-icerigi .enerji { background:url(../img/icon-hizmet-enerji.png) 0px 0px no-repeat; }
.hizmet-icerigi .sanal { background:url(../img/icon-hizmet-sanal-veri-merkezi.png) 0px 0px no-repeat; }
.hizmet-icerigi .kurulum { background:url(../img/icon-hizmet-kurulum.png) 0px 0px no-repeat;  }

.formBaslik {color:#337ab7 !important;}

.comments-form {
    padding: 20px;
    width: 100%;
    display: block;
    background-color: #FFF;
    margin: 15px;
}

.kiralikIcerik {padding: 00px 15px;}
.kiralikIcerik h2 { margin-top: 0;color: #0a86ce; font-size: 28px; }
.kiralikIcerik p { color: #55626e; font-size:16px; line-height:25px; }

.lisansKiralama.nav-tabs {border-bottom:1px solid #E24832;margin:30px 0 0;}
.lisansKiralama li a,
.lisansKiralama li a:hover,
.lisansKiralama li a:focus {background-color:transparent;border:none !important;color:#E24832;}
.lisansKiralama .active {color: #fff!important; background-color: #e24832!important;}
.lisansKiralama li.active a,
.lisansKiralama li.active a:hover,
.lisansKiralama li.active a:focus {background-color:#E24832!important;border:none!important;color:#ffffff!important;}
.lisansKiralama.nav-tabs {border-bottom:1px solid #E24832;margin:30px 0 0;}
.tab-content {border:1px solid #E24832;padding:15px;}

.tab-content table {width:100%;}
.tab-content table thead tr th:last-child,
.tab-content table thead tr th:nth-child(2),
.tab-content table tbody tr td:last-child,
.tab-content table tbody tr td:nth-child(2) {text-align:left;}

.tab-content table thead tr th:nth-child(2),
.tab-content table tbody tr td:nth-child(2) {padding:10px }

.tab-content table tr th {padding:10px;}
.tab-content table tr td {padding:10px;border-top:1px solid #ddd; font-family:sans-serif; font-size: 14px!important;}

.tab-content table tr td button {
    background-color: #0a86ce;padding: 5px 10px; color: #FFF;border:none;}

.lisansForm .control-label {line-height:38px !important;height:38px;padding-right:0 !important;}
.lisansForm {padding:0;}


.kiralikServer {
    margin-bottom: 30px;
}
.kurumsal-menu {
    float: left;
    background: #ededed;
    height: auto;
    color: #072442;
    font-size: 17px;
    font-family: 'Poppins', sans-serif;
}
.kurumsal-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.kurumsal-menu .active {
    background: #e34832 url(../img/active.jpg) no-repeat left center;
}
.kurumsal-menu {height: 100%; color:#072442; font-size:17px; font-family:'Poppins', sans-serif; margin-bottom: 25px}
.kurumsal-menu ul { margin: 0; padding: 0; list-style: none; background: #ededed; }
.kurumsal-menu ul li {  border-bottom:1px solid #dce0e4;display:block;}
.kurumsal-menu ul li a { color:#072442;display:block;padding: 15px; padding-left:30px;}
.kurumsal-menu ul li:hover {  background:#e34832 url("../img/active.jpg") no-repeat left center;  }
.kurumsal-menu ul li:hover a { color: white;text-decoration:none;}
.kurumsal-menu ul li a:hover { color: white;}
.kurumsal-menu .active { background:#e34832 url("../img/active.jpg") no-repeat left center;  }
.kurumsal-menu .active a { color: white;}

.sunucuIcerik {
    float: right;
    /* background: #FFF; */
    /* box-shadow: 0 0 1px 1px #ddd, 0px 1px 0 1px #ddd; */
}
.sepet {float:left; width:48px; height:47px; background-color: #ffd800; padding: 12px 10px !important; color:#4f4b32 !important; margin-left: 7px; margin-top:30px;}
.sepet img {float:left; margin-bottom:9px; margin-left:3px;}

.accountt {margin-left:10px;background-color: #ffd800; padding: 12px 10px !important; color:#4f4b32 !important; font-size:17px; margin-top:30px; float:left;}
.account img {margin-right:10px; margin-top: -8px;}

.accountt .fa {
    margin-right: 16px;
}

.border-support {
    border-color: #28a745;
}
.sidebar-menu-item-label {
 font-size: 15px;
}
.title-support h3{
    color: #FFF;
    font-size: 16px;
}
.clr-bdg {
    color: #FFF;
}
.current-balance {
    padding: 5px;
    font-size: 15px;
    border-color: #28a745;
}



.footer {padding-bottom:40px;}
.footer ul { float: left; margin:0; margin-top: 40px;  list-style: none;}
.footer ul:nth-child(4),
.footer ul:nth-child(9) {margin-right:0;}
.footer ul li { color: #0895eb; font-size:13px; margin-top: 10px; }
.footer ul li:first-child { margin-bottom: 10px;}
.footer ul li a { color:#b1b5b9; font-size:12px;  line-height:22px}

.copyright {  font-size:12px; color:#5f6770;padding:15px 0 10px 0;background:url(../img/footerBg.jpg) repeat-x center top #FFF;}
.copyright a { color:#5f6770; font-size:12px; margin-left: 10px;}
.copyright .left  {float:left;padding: 10px 10px 10px 0;}
.copyright .right {float:right;}
.copyright .right a { font-size:15px;  margin-right: 5px; }

.sss .card {
    margin-bottom: 15px;
}
#bannerPage {
    height: 330px;
    margin-bottom:30px;
    padding-top: 15px;
    color: #FFF;
}

#bannerPage h1 {
    font-size: 54px;
    margin: 0;
    padding: 0;
}

#bannerPage p {
    font-size: 18px;
    margin: 10px 0;
    padding: 0;
}

#bannerPage img {
    width: 75%;
}



.bannerVps {background:url(../img/bannerBg.jpg) repeat-x center center;}
.bannerCloud {background:url(../img/bannerBg2.jpg) repeat-x center center;}
.bannerLinux {background:url(../img/bannerBg3.jpg) repeat-x center center;}
.bannerKiralik {background:url(../img/bannerBg4.jpg) repeat-x center center;}


/* Yatay mod (geniş ekran) */
@media screen and (min-width: 768px) and (max-width: 900px) {
    .vpsButtons a button {
        height: 80px;
    }
    .vpsPlatform img {
        height: 40%!important;
        width: 100%!important;
    }
    .priceBot {
        margin-bottom: 0px!important;
    }
    .kiralikBack {
        background-color: rgba(0, 0, 0, 0.3);
    }
    .table-container {
        width: 100%;
        max-width: 100vw;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    /* Keep invoice list cells on one line and allow horizontal scroll */
    #tableInvoicesList {
        display: table;
        table-layout: auto;
        white-space: nowrap;
        width: 100%;
    }

    #tableInvoicesList th,
    #tableInvoicesList td {
        white-space: nowrap;
    }

    /* Make status label not expand cell unexpectedly */
    .label.status {
        display: inline-block;
        max-width: 100%;
    }
}

@media (max-width:767px) {
    .pm-table-wrap {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #payMethodList {
        min-width: 520px; /* başlıklar ve aksiyonlar için minimum genişlik */
        width: 100%;
        table-layout: auto;
    }

    #payMethodList th,
    #payMethodList td {
        white-space: nowrap;
    }

    /* Aksiyon sütunundaki butonları alt alta getir */
    #payMethodList td a.btn {
        display: block;
        width: 100%;
        margin-bottom: 6px;
        text-align: center;
    }
    #payMethodList td a.btn:last-child {
        margin-bottom: 0;
    }
    .table-container {
        width: 100%;
        max-width: 100vw;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    /* Keep invoice list cells on one line and allow horizontal scroll */
    #tableInvoicesList {
        display: table;
        table-layout: auto;
        white-space: nowrap;
        width: 100%;
    }

    #tableInvoicesList th,
    #tableInvoicesList td {
        white-space: nowrap;
    }

    /* Make status label not expand cell unexpectedly */
    .label.status {
        display: inline-block;
        max-width: 100%;
    }

    .kiralikIcerik h2 {
        font-size: 24px;
    }
    .sss h4,
    .sss span {
        font-size: 20px!important;
    }
    .sss .card h5 {
        font-size: 1em;
    }
    .sss .card-body {
        font-size: 0.85em;
    }
    #bannerPage {
        height: unset;
        min-height: 200px;
    }
    #bannerPage h1 {
        font-size: 24px;
        margin-bottom: 0 !important;
    }
    #bannerPage p {
        font-size: 14px;
    }
    #bannerPage .pt-4 {
        padding-top:1rem !important;
    }

    .vpsButtons a button {
        width: 100%;
    }

    .login ul {
        margin-top: 0px!important;
    }
    .register ul {
        margin-top: 0px!important;
    }
    .mobilMenu {color:#FFF;font-size:20px;display:block;padding-top:11px;float:left;}
    .navbar-nav {margin:0 !important;}
    .navbar-nav>li>a {text-align:left;margin:0 !important}
    .userMenu {text-align:center;}
    .logo {text-align:center; padding: 10px 0;}
    .firstHeader {text-align:center;float:right !important;text-align:center;}
    .firstHeader li {margin:0 10px }

    .mySwiper .swiper-slide h1 {
        font-size: 25px;
    }
    .mySwiper .swiper-slide p{
        font-size: 14px;
    }
    .box3 .vps-cloud {width:100%;height:auto;}
    .box3 .vps-cloud img {width:100%;visibility:hidden;}

    .canli-yardim {width:100%;float:left;}

    .vps-blog {float:right;width:100%;}

    #yorumlar {width:100%;height:auto;}

    .color-box {height:auto;width:100%;}
    .color-box .box {display:none;}
    .color-box div div:last-child {position:relative;left:0;right:0;float:left;width:100%;display:block;margin-bottom:20px;height:auto;min-height:150px;}
    .color-box div:last-child div:last-child {margin-bottom:0;}
    .color-box p {width:auto;height:auto;margin:30px 20px 20px 20px; }

    .footer ul {width:50%;float:none;margin-right:0;}

    .copyright {padding-bottom:45px;}
    .copyright .left {width:100%;margin-bottom:10px;text-align:center;}
    .copyright .right {width:100%;text-align:center;}

    .mutlu-musteri-hatti {bottom:0 !important;top:auto !important;left:0 !important;right:0 !important;width: auto;height: 63px;background: url("../img/mutlu-musteri-hatti2.jpg") no-repeat center top #0a78e7;
        webkit-transform: rotateX(90deg) rotateY(0deg); /* Safari */
        -webkit-transform-origin: bottom;
        transform: rotateX(90deg) rotateY(0deg); /* Standard syntax */
        transform-origin: bottom;
    }

    .color-box .kiralik-sunucu { background:#43A1BB; }
    .color-box .kiralik-sunucu .kiralikHead {display:block;height:50px;position:relative;background:#5cb2c9 url(../img/kiralikHead.png) 15px center no-repeat;padding-left:75px;color:#FFF;font-size:18px; line-height:50px; }
    .color-box .kiralik-sunucu .kiralikHead:after {top: 100%;left: 50px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: #5cb2c9;border-width: 10px;margin-left: -20px;}

    .color-box .seo-vds { background:#e07182; }
    .color-box .seo-vds .seo-vdsHead {display:block;height:50px;position:relative;background:#f5889b url(../img/seovdsHead.png) 15px center no-repeat;padding-left:75px;color:#FFF;font-size:18px; line-height:50px; }
    .color-box .seo-vds .seo-vdsHead:after {top: 100%;left: 50px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: #f5889b;border-width: 10px;margin-left: -20px;}

    .color-box .sunucu-barindirma { background:#53bf9f; }
    .color-box .sunucu-barindirma .sunucu-barindirmaHead {display:block;height:50px;position:relative;background:#60d4b1 url(../img/sunucu-barindirmaHead.png) 15px center no-repeat;padding-left:75px;color:#FFF;font-size:18px; line-height:50px; }
    .color-box .sunucu-barindirma .sunucu-barindirmaHead:after {top: 100%;left: 50px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: #60d4b1;border-width: 10px;margin-left: -20px;}

    .color-box .diger-hizmetler { background:#fdba0b; }
    .color-box .diger-hizmetler .diger-hizmetlerHead {display:block;height:50px;position:relative;background:#ffc736 url(../img/diger-hizmetlerHead.png) 15px center no-repeat;padding-left:75px;color:#FFF;font-size:18px; line-height:50px; }
    .color-box .diger-hizmetler .diger-hizmetlerHead:after {top: 100%;left: 50px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: #ffc736;border-width: 10px;margin-left: -20px;}

    .color-box .kiralik-sunucu .kiralikHead, .color-box .seo-vds .seo-vdsHead {top:0;left:0;width:100%;}
    .color-box .kiralik-sunucu .kiralikHead br, .color-box .seo-vds .seo-vdsHead br {display:none;}
    .color-box .sunucu-barindirma .sunucu-barindirmaHead, .color-box .diger-hizmetler .diger-hizmetlerHead {top:0;left:0;width:100%;}
    .color-box .sunucu-barindirma .sunucu-barindirmaHead br, .color-box .diger-hizmetler .diger-hizmetlerHead br {display:none;}
    .comments-form {padding: 15px;}
    #KServer {width:100%;}
    #KServer .info1, #KServer .info2 {width:100%;}
    #KServer .cnt {width:auto;height:auto;}

    .divide {width:100%;}
    .kiralikIcerik {width:100%;padding:0 15px;margin-top: 15px;}

    .lisansKiralama.nav-tabs > li {float:none;width:100%;}
    .lisansKiralama.nav-tabs > li a {margin-right:0;}
    .vpsSecim {margin:0 auto;float:none;}

    .logo {padding:15px}

    .userMenu a span {
        display: none;
    }
    .userMenu i {
         display: block !important;
         font-size: 20px !important;
         margin-left: 0;
         margin-top: 6px;
         margin-right: unset;
         padding: 0;
     }
    .userMenu a{
        margin-right: 15px;
    }

    .userMenu a:last-child i {
        margin-right: 0;
    }
    .copyright {padding-bottom:15px;}
    .copyright .left {width:100%;margin-bottom:10px;text-align:center;}
    .copyright .right {width:100%;text-align:center;}
}

@media (max-width:768px) {
    .logomobil {margin-top: 10px;max-width: 100px !important;}
    .siteGizle {display: none;}
    .p-a {
        bottom: 125px;
    }

    .firstHeader li {
        display: none!important;
    }
    .server-i {
        font-size: 65px;
    }
}

@media (min-width:991px) {
    .logosite {display: block;}
    .logomobil {display: none;}
}

@media (max-width:991px) {
    .logosite {display: none;}
    .logomobil {display: block;}
    .panelButonlar {width: 600px !important;}
    .mobile-none {
        display: none !important;
    }
    .site-none {
        display: inline-block !important;
    }
    .mobile-bar {
        height: 2px;
        width: 100%;
        background-color: #3b444a;
    }
    #myCarousel .carousel-indicators {
        left: unset;
    }
    .border {
        border-bottom: 2px solid #3b444a;
    }
    #myCarousel {height: 300px;}
    .header-fixed {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 999999;
        animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
        -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    }
    .header-fixed-t {
        position: fixed;
        width: 100%;
        top: 40px;
        z-index: 999999;
        animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
        -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    }

    .priceTop{display: none!important;}
    .priceBot{display: block!important;margin-bottom: 10px;}
    #cldPkt1, #cldPkt2 .baslik1 {height: auto;}
    #cldPkt1 h6, #cldPkt2 h6, #cldPkt3 h6, #cldPkt4 h6, #cldPkt5 h6, #cldPkt6 h6 { font-size: 18px; }
    #cldPkt1 .bottom1 {height: auto;}
    #cldPkt1 ul li, #cldPkt2 ul li, #cldPkt3 ul li, #cldPkt4 ul li, #cldPkt5 ul li, #cldPkt6 ul li { width: 100%; float: none; padding-left: 15px; }
    #cldPkt1 .fiyat-aylik, #cldPkt2 .fiyat-aylik, #cldPkt3 .fiyat-aylik, #cldPkt4 .fiyat-aylik, #cldPkt5 .fiyat-aylik, #cldPkt6  .fiyat-aylik { margin-top: 15px; }
    #cldPkt1 .detay, #cldPkt2 .detay, #cldPkt3 .detay, #cldPkt4 .detay, #cldPkt5 .detay, #cldPkt6 .detay, #cldPkt7 .detay { padding: 1rem 2rem; }
    .satinalbtn a { font-size: 16px; top: 10px; left: 20px; }
    .fiyat-trprn { padding: 0 10px; }

}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px !important;
    }
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px !important;
    }
}