a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,mark,nav,object,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,var,video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
text-decoration: none;
letter-spacing: 0px;
word-spacing: 0px;
}
:root {
--mavi: rgb(0, 91, 172);
--mavi_iki: rgb(17, 127, 224);
--lacivert: rgb(11, 45, 162);
--sari: rgb(255, 163, 26);
--yesil: rgb(15, 146, 24);
--yesil_iki: rgb(9 170 0);
--siyah: rgb(49, 55, 63);
--beyaz: rgb(255, 255, 255);
--mor: rgb(111, 57, 140);
--kiremit: rgb(172, 54, 0);
--kirmizi: rgb(196, 18, 18);
--acikmavi: rgb(208, 224, 241);
--acikmavi_yazi: rgb(107, 134, 164);
--gri: rgb(217, 217, 217);
--turuncu: rgb(221 118 15);
--thor_font: font-family: "source_sans_proregular", 'Inter', sans-serif;
}

::-webkit-scrollbar-track
{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
::-webkit-scrollbar{
width: 7px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb{
background-color: var(--mavi_iki);
}

::-webkit-input-placeholder {
color: var(--acikmavi_yazi)!important;
opacity: 0.6!important;
font-weight: 300!important;
}
:-moz-placeholder {
color: var(--acikmavi_yazi)!important;
opacity: 0.6!important;
font-weight: 300!important;
}
::-moz-placeholder {
color: var(--acikmavi_yazi)!important;
opacity: 0.6!important;
font-weight: 300!important;
}
:-ms-input-placeholder {
color: var(--acikmavi_yazi)!important;
opacity: 0.6!important;
font-weight: 300!important;
}



html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body.firefox {
font-family: "source_sans_pro_lightregular", 'Inter', sans-serif;
}
body {
height: auto;
font-family: "source_sans_proregular", 'Inter', sans-serif;
color: var(--siyah);
font-size: 14px;
overflow-x: hidden;
margin:0 auto;
background:#ffffff;
}
img {
vertical-align: middle;
border-style: none;
object-fit: cover;
}
a,h2,h3,h4,h5,h6,strong,span,p,font,figcaption,figure,img {
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
input[type="search"]
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="select"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
.temizle {
clear:both;
}
.ortala {
text-align: center;
}
.ust125 {
margin-top: 125px;
}
.padding60 {
padding: 60px 0px;
}
.siteyiOrtala {
width: calc(100% - 40px);
max-width: calc(1400px - 40px);
height: auto;
display: block;
position: relative;
margin: 0px auto;
padding: 0px 20px;
}
.siteyiOrtalahidden {
width: calc(100% - 40px);
max-width: calc(1400px - 40px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px auto;
padding: 0px 20px;
}

#ustbar {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
background: var(--lacivert);
padding: 15px 0px;
}
#ustbar .ustbar {
display: block;
}
#ustbar .ustbar ul.ustul_bir {
width: calc(100% - 220px);
height: auto;
overflow: hidden;
display: block;
float: left;
margin: 0px;
padding: 0px;
list-style: none;
}
#ustbar .ustbar ul.ustul_bir li {
list-style: none;
float: left;
margin-right: 30px;
}
#ustbar .ustbar ul.ustul_bir li:last-child {
margin-right: 0px;
}
#ustbar .ustbar ul.ustul_bir li i {
font-size: 14px;
color: var(--beyaz);
float: left;
line-height: 22px;
margin-right: 7px;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
#ustbar .ustbar ul.ustul_bir li a {
font-size: 16px;
font-weight: 400;
color: var(--beyaz);
line-height: 22px;
}
#ustbar .ustbar ul.ustul_bir li:hover i,
#ustbar .ustbar ul.ustul_bir li:hover a {
opacity: 0.7;
}
#ustbar .ustbar p {
font-size: 16px;
font-weight: 400;
color: var(--beyaz);
margin: 0px 30px;
}
#ustbar .ustbar p b {
font-weight: 700;
color: var(--sari);
}
#ustbar .ustbar ul.ustul_iki {
width: 220px;
height: auto;
overflow: hidden;
display: block;
margin: 0px;
padding: 0px;
list-style: none;
}
#ustbar .ustbar ul.ustul_iki li.bayrak {
list-style: none;
}
#ustbar .ustbar ul.ustul_iki li.bayrak a {
display: block;
float: left;
line-height: 22px;
}
#ustbar .ustbar ul.ustul_iki li.bayrak a img {
width: auto;
height: 18px;
overflow: hidden;
border-radius: 5px;
float: left;
margin-top: 3px;
margin-right: 5px;
}
#ustbar .ustbar ul.ustul_iki li.bayrak a.scurrencyicon {
font-size: 16px;
font-weight: 400;
color: var(--beyaz);
line-height: 22px;
margin-left: 5px;
}
#ustbar .ustbar ul.ustul_iki li.bayrak a:hover {
color: var(--sari);
}
#ustbar .ustbar ul.ustul_iki li {
list-style: none;
float: left;
margin: 0px 10px 0px 10px;
}
#ustbar .ustbar ul.ustul_iki li a {
font-size: 16px;
display: block;
line-height: 22px;
color: var(--beyaz);
}
#ustbar .ustbar ul.ustul_iki li a:hover {
color: var(--sari);
}
#ustbar .ustbar ul.ustul_iki li:last-child {
display: none;
}


header {
width: calc(100% - 0px);
height: auto;
display: block;
position: relative;
margin: 30px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
header .siteLogo {
width: 200px;
height: auto;
overflow: hidden;
display: block;
float: left;
}
header .siteLogo img {
width: auto;
height: 50px;
max-width: 100%;
max-height: 100%;
display: block;
}


header nav {
width: calc(100% - 460px);
height: auto;
display: block;
position: relative;
float: left;
margin: 0px 30px;
}
header nav .wrapper {
position: relative;
max-width: 100%;
padding: 0px 0px;
height: 50px;
line-height: 50px;
margin: auto;
text-align: center;
}
header nav .wrapper .nav-links {
display: inline-flex;
margin: 0px;
padding: 0px;
}
header nav .nav-links li {
list-style: none;
height: 42px;
position: static;
}

header nav .nav-links li font.vurgu {
top: -13px;
position: absolute;
background: var(--kirmizi);
color: var(--beyaz);
font-size: 10px;
border-radius: 4px;
text-align: center;
padding: 0 8px;
animation: ping 3s linear infinite;
height: 20px;
line-height: 20px;
display: table;
margin-left: 15px;
}
header nav .nav-links li .vurgu.sari {
background: var(--sari);
color: var(--beyaz);
}
header nav .nav-links li .vurgu.yesil {
background: var(--yesil);
color: var(--beyaz);
}
header nav .nav-links li .vurgu.kiremit {
background: var(--kiremit);
color: var(--beyaz);
}
header nav .nav-links li .vurgu.kirmizi {
background: var(--kirmizi);
color: var(--beyaz);
}
header nav .nav-links li .vurgu.mor {
background: var(--mor);
color: var(--beyaz);
}
@keyframes ping {
0% {
opacity: 0;
}
40% {
opacity: 0.7;
}
100% {
opacity: 1;
}
}

header nav .nav-links a.mlogo {
display: none;
}
header nav .nav-links li a {
position: relative;
display: block;
overflow: hidden;
height: 45px;
line-height: 1.4;
color: var(--siyah);
text-decoration: none;
font-size: 16px;
font-weight: 500;
padding: 5px 15px 0px 15px;
transition: all 0.3s ease;
}
header nav .nav-links ul.mega-links li a:after,
header nav .nav-links ul.drop-menu li a:after {
display: none!important;
}
header nav .nav-links li.altmenusu a:after {
font-family: "Font Awesome 6 Free";
content: "\f107";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block!important;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
font-weight: 900;
font-size: 12px;
margin-left: 2px;
transition: .3s rotate;
position: absolute;
top: calc(50% - 15px);
right: 0px;
color: var(--siyah);
}
header nav .nav-links li.altmenusu a:hover:after,
header nav .nav-links>li.altmenusu:hover>a:after {
rotate: -180deg;
color: var(--mavi);
}

header nav .nav-links li a:hover {
color: var(--mavi);
}
header nav .nav-links>li:hover>a {
color: var(--mavi);
}
header nav .nav-links .mobile-item {
display: none;
}
header nav .nav-links .drop-menu {
position: absolute;
width: auto;
line-height: 3em;
opacity: 0;
visibility: hidden;
padding: 0px;
}
header nav .nav-links li:hover .drop-menu,
header nav .nav-links li:hover .mega-box {
transition: all 0.3s ease;
top: 50px;
opacity: 1;
visibility: visible;
border-radius: 10px;
margin: 0px 0px;
z-index: 9;
animation: hmnu 0.3s linear 0s 1 normal forwards;
}
@keyframes hmnu {
0% {
opacity: 0;
transform: translateY(-30px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
header nav .nav-links li:hover .drop-menu {
text-align: left;
width: 210px;
padding: 10px 30px 15px 30px;
margin: 0px 0px;
background: var(--beyaz);
}
header nav .drop-menu li a {
width: 100%;
display: block;
padding: 0px 0px 0px 0px;
font-weight: 400;
border-radius: 0px;
line-height: 42px;
}
header nav .mega-box {
position: absolute;
left: 0;
width: 100%;
padding: 30px 0px;
top: 50px;
opacity: 0;
visibility: hidden;
background: var(--beyaz);
}
header nav .mega-box .content {
display: flex;
width: calc(100% - 60px);
padding: 0px 30px;
justify-content: space-between;
}
header nav .mega-box .content .row {
width: calc(33.333% - 30px);
}
header nav .content .row img {
width: 100%;
height: 100%;
object-fit: cover;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
header nav .content .row .headerbas {
color: #f2f2f2;
font-size: 20px;
font-weight: 500;
}
header nav .content .row .mega-links {
margin: 0px;
padding: 0px;
}
header nav .row .mega-links li {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
padding: 0px 0px;
margin-bottom: 30px;
}
header nav .row .mega-links li:last-child {
margin-bottom: 0px;
}
header nav .row .mega-links li a {
height: auto;
font-size: 14px;
color: var(--siyah);
line-height: 1.4;
text-align: left;
padding: 0px 0px;
font-family: var(--thor_font);
}
header nav .row .mega-links li a figure {
width: 32px;
height: 32px;
overflow: hidden;
display: block;
float: left;
background: transparent;
padding: 14px 12px;
border-radius: 15px;
margin-right: 15px;
background: #e8e8e8;
}
header nav .row .mega-links li a figure img {
width: 32px;
height: 32px;
overflow: hidden;
display: block;
border-radius: 0px;
}
header nav .row .mega-links li a:hover figure img {
filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(144deg) brightness(104%) contrast(300%);
}
header nav .row .mega-links li a:hover figure {
background: var(--mavi);
animation: mega-links 0.5s ease 0s 1 normal forwards;
}
@keyframes mega-links {
0% {
transform: scale(0.7);
}
100% {
transform: scale(1);
}
}
header nav .row .mega-links li a strong {
width: calc(100% - 72px);
height: auto;
overflow: hidden;
display: block;
font-weight: 600;
margin-bottom: 5px;
font-family: var(--thor_font);
text-align: left;
}
header nav .row .mega-links li a p {
width: calc(100% - 72px);
height: 34px;
overflow: hidden;
display: block;
font-size: 12px;
font-weight: 400;
line-height: 1.4;
font-family: var(--thor_font);
}
header nav .row .mega-links li a:hover {
opacity: 1;
}
header nav .row .mega-links li a:hover strong {
opacity: 1;
color: var(--mavi);
}
header nav .wrapper .btn {
color: var(--acikmavi_yazi);
font-size: 20px;
cursor: pointer;
display: none;
}
header nav .wrapper .btn.close-btn {
position: absolute;
}
header nav input{
display: none;
}


header .sepetHesap {
width: 200px;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
header .sepetHesap a#sepeticon {
width: auto;
height: 50px;
overflow: hidden;
display: block;
position: relative;
float: left;
padding-right: 15px;
margin-right: 15px;
margin-top: unset;
}
header .sepetHesap a#sepeticon i {
line-height: 54px;
font-size: 22px;
color: var(--siyah);
}
header .sepetHesap a#sepeticon .basket-count {
width: 22px!important;
height: 22px!important;
line-height: 21px!important;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 5px;
right: 4px;
background: var(--yesil);
color: var(--beyaz);
text-align: center!important;
border-radius: 100%;
font-weight: 500!important;
font-size: 13px!important;
margin-top: unset!important;
font-family: var(--thor_font);
}
header .sepetHesap a.spthesp {
width: calc(100% - 55px);
height: 50px;
line-height: 50px;
font-size: 16px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
transition: all 900ms ease;
float: left;
background-image: linear-gradient(to left,
var(--turuncu),
var(--sari) 50%,
var(--sari) 50%,
var(--sari));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
border-radius: 50px;
}
header .sepetHesap i.fa-regular.fa-user {
font-size: 20px;
margin-right: 10px;
display: none;
}
header .sepetHesap a.spthesp:hover {
background-position: 0 0;
color: var(--beyaz);
}

.headerBG {
width: 100%;
height: 230px;
margin-bottom: 45px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
display: block;
position: relative;
}
.headerBG:after {
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
pointer-events: none;
background-color: var(--lacivert);
zoom: 1;
filter: alpha(opacity = 80);
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
content: "";
}
.headerBG .headerBGBaslik {
width: 100%;
height: 170px;
overflow: hidden;
display: table;
position: relative;
z-index: 2;
text-align: center;
}
.headerBG .headerBGBaslik h1 {
width: 100%;
font-size: 32px;
font-weight: 700;
color: var(--beyaz);
display: table-cell;
vertical-align: middle;
}
.headerBG .headerBGBaslik .breadcrumb {
width: 100%;
height: auto;
line-height: 20px;
overflow: hidden;
position: absolute;
content: "";
bottom: calc(50% - 50px);
left: 0px;
right: 0px;
margin: 0px auto;
font-size: 16px;
font-weight: 400;
color: var(--beyaz);
display: table-cell;
vertical-align: middle;
}
.headerBG .headerBGBaslik .breadcrumb a {
width: auto;
height: auto;
overflow: hidden;
display: inline-table;
color: var(--beyaz);
}
.headerBG .headerBGBaslik .breadcrumb i {
width: auto;
height: auto;
overflow: hidden;
display: inline-table;
margin: 0px 5px;
font-size: 12px;
}
.headerBG .headerBGBaslik .breadcrumb a:hover {
opacity: 0.7;
}
.headerBG .paylas {
width: auto;
height: auto;
overflow: hidden;
display: table;
position: absolute;
content: "";
bottom: -30px;
right: 0px;
left: 0px;
margin: 0px auto;
z-index: 2;
}
.headerBG .paylas a {
width: 32px;
height: 32px;
line-height: 32px;
overflow: hidden;
display: inline-block;
text-align: center;
border-radius: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 7px 0px 7px;
font-size: 14px;
background: rgb(255 255 255 / 25%);
color: var(--beyaz);
}
.headerBG .paylas #facepaylas:hover {
background: transparent;
}
.headerBG .paylas #twitpaylas:hover {
background: transparent;
}
.headerBG .paylas #linkedpaylas:hover {
background: transparent;
}



.sliderAlani {
width: calc(100% - 0px);
max-width: calc(100% - 0px);
height: calc(100vh - 162px);
overflow: hidden;
display: block;
position: relative;
margin: 0px auto 0px auto!important;

background:
radial-gradient(circle at 1% 52%,
rgba(139, 139, 139, .05) 0%,
rgba(139, 139, 139, .05) 50%,
rgba(21, 21, 21, .05) 50%,
rgba(21, 21, 21, .05) 100%),
radial-gradient(circle at 41% 28%,
rgba(81, 81, 81, .05) 0%,
rgba(81, 81, 81, .05) 50%,
rgba(7, 7, 7, .05) 50%,
rgba(7, 7, 7, .05) 100%),
radial-gradient(circle at 48% 1%,
rgba(93, 93, 93, .05) 0%,
rgba(93, 93, 93, .05) 50%,
rgba(7, 7, 7, .05) 50%,
rgba(7, 7, 7, .05) 100%),
linear-gradient(255deg, var(--mavi_iki), var(--lacivert));
background-repeat: no-repeat;
background-size: cover;
}
.sliderAlani .swiper-slide.swiper-slide-active {
animation: sliderAktif 1s ease 0s 1 normal forwards;
}
@keyframes sliderAktif {
0% {
opacity: 0.8;
}
100% {
opacity: 1;
}
}
.sliderAlani a {
width: 100%;
height: 100%;
overflow: hidden;
display: block;
position: relative;
}
.sliderAlani figure {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
top: calc(50% - 25%);
text-align: right;
}
.sliderAlani figure img {
width: auto;
height: 397px;
overflow: hidden;
display: inline-table;
-o-object-fit: contain;
object-fit: contain;
}
.sliderAlani .swiper-slide.swiper-slide-active .sliderIcerik figure img {
animation: figurecenter 1s ease 0s 1 normal forwards;
}
@keyframes figurecenter {
0% {
transform: scale(0.5);
}
100% {
transform: scale(1);
}
}
.sliderAlani .sliderIcerik {
width: calc(100% - 0px);
max-width: calc(1340px - 0px);
height: calc(100vh - 162px);
display: table;
overflow: hidden;
position: fixed;
content: "";
top: 0;
left: 0%;
right: 0px;
z-index: 9;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
.sliderAlani .sliderIcerik div {
width: calc(60% - 0px);
height: auto;
overflow: hidden;
display: table-cell;
vertical-align: middle;
}

.sliderAlani .swiper-slide.swiper-slide-active .sliderIcerik strong {
animation: sliderici 1s ease 0s 1 normal forwards;
}
@keyframes sliderici {
0% {
opacity: 0;
transform: translateY(-200%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.sliderAlani .swiper-slide.swiper-slide-active .sliderIcerik p {
animation: sliderici2 1s ease 0s 1 normal forwards;
}
@keyframes sliderici2 {
0% {
opacity: 0;
transform: translateY(-200%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.sliderAlani .swiper-slide.swiper-slide-active .sliderIcerik a.detay {
animation: sliderici2 1s ease 0s 1 normal forwards;
}
@keyframes sliderici3 {
0% {
opacity: 0;
transform: translateY(-150%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}

.sliderAlani .sliderIcerik strong {
width: calc(90% - 0px);
font-size: 4em;
display: block;
line-height: 1.4;
font-weight: 900;
color: var(--beyaz);
margin-bottom: 5px;
}
.sliderAlani .sliderIcerik p {
width: calc(90% - 0px);
font-size: 18px;
display: block;
line-height: 1.6;
font-weight: 300;
background: transparent!important;
color: var(--beyaz);
}
.sliderAlani .sliderIcerik a.detay {
width: auto;
height: 60px;
line-height: 60px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 25px 30px 0px 0px;
padding: 0px 60px 0px 30px;
transition: all 900ms ease;
float: left;
background-image: linear-gradient(to left,
var(--turuncu),
var(--sari) 50%,
var(--sari) 50%,
var(--sari));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
border-radius: 50px;
}
.sliderAlani .sliderIcerik a.detay:hover {
background-position: 0 0;
color: var(--beyaz);
}
.sliderAlani .sliderIcerik a.detay:after {
width: auto;
height: auto;
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f178";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
position: absolute;
right: 30px;
top: calc(50% - 6px);
font-size: 14px;
color: var(--beyaz);
padding-bottom: 2px;
transition: all .25s ease-in;
}
.sliderAlani .sliderIcerik a.detay:hover:after {
color: var(--beyaz);
}
.sliderIleri,
.sliderGeri {
width: 46px;
height: 46px;
line-height: 56px;
overflow: hidden;
display: block;
position: absolute;
content: "";
z-index: 9;
top: calc(50% - 24px);
border-radius: 100%;
border: 0px;
background: transparent;
text-align: center;
cursor: pointer;
background: transparent;
border: 1px solid transparent;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.sliderIleri i,
.sliderGeri i {
color: var(--beyaz);
font-size: 26px;
}
.sliderIleri {
right: 60px;
}
.sliderGeri {
left: 60px;
}
.sliderIleri:hover,
.sliderGeri:hover {
color: var(--ffffff);
border: 1px solid var(--beyaz);
}
.sliderIleri:hover i,
.sliderGeri:hover i {
color: var(--beyaz);
}

.nokta {
width: auto!important;
height: auto!important;
position: absolute;
bottom: 50px!important;
z-index: 99;
right: 60px;
left: unset!important;
}
.nokta .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
z-index: 99;
}
.nokta .swiper-pagination-bullet {
width: 10px!important;
height: 10px!important;
display: inline-block!important;
background: var(--beyaz);
opacity: 1!important;
margin: 0px 10px 0px 0px!important;
border-radius: 100%;
}
.nokta .swiper-pagination-bullet-active {
width: 10px!important;
height: 10px!important;
background: var(--sari);
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
opacity: 1!important;
animation: noktageldi 1s ease 0s 1 normal forwards;
}
@keyframes noktageldi {
0% {
transform: scale(0.5);
}
100% {
transform: scale(2);
}
}



#alanAdiSorgula {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #f3f7fb;
}
#alanAdiSorgula h1 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
font-size: 3em;
line-height: 1.4;
font-weight: 500;
color: var(--acikmavi_yazi);
}
#alanAdiSorgula h1 strong {
font-weight: 900;
color: var(--turuncu);
}
#alanAdiSorgula h4 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
font-size: 18px;
line-height: 1.4;
font-weight: 400;
color: var(--acikmavi_yazi);
margin: 15px 0px 30px 0px;
}
#alanAdiSorgula h4 strong {
font-weight: 900;
color: var(--turuncu);
}
#alanAdiSorgula h4 strong .amount_spot_view{
margin: 0px 16px 0 0px!important;
}

#alanAdiSorgula .DomainCheck {
width: calc(100% - 0%);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px auto;
}
#alanAdiSorgula form#DomainCheck {
display: block;
}
#alanAdiSorgula form#DomainCheck input[name="domain"] {
width: calc(100% - 290px);
height: 72px;
overflow: hidden;
display: block;
position: relative;
border-radius: 50px;
outline: none;
border: 5px solid var(--acikmavi);
color: var(--acikmavi_yazi);
margin: 0px 0px 0px 0px;
font-size: 18px;
font-weight: 700;
padding: 0px 200px 0px 80px;
}
#alanAdiSorgula form#DomainCheck input[name="domain"]:focus {
padding: 0px 200px 0px 80px!important;
}
#alanAdiSorgula form#DomainCheck i.fa-solid.fa-magnifying-glass {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
content: "";
z-index: 1;
top: calc(50% - 18px);
left: 18px;
font-size: 36px;
color: var(--acikmavi);
padding: 0px 2px;
}
#alanAdiSorgula form#DomainCheck button[type="submit"] {
width: auto;
height: 62px;
line-height: 62px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: absolute;
content: "";
z-index: 2;
top: 10px;
right: 10px;
background: transparent;
color: var(--beyaz);
text-align: center;
outline: none;
cursor: pointer;
padding: 0px 60px 0px 30px;
transition: all 900ms ease;
float: left;
background-image: linear-gradient(to left,
var(--turuncu),
var(--sari) 50%,
var(--sari) 50%,
var(--sari));
background-position: 99% 0;
background-size: 200% 100%;
transition: all .25s ease-in;
border-radius: 50px;
border: 0px;
}
#alanAdiSorgula form#DomainCheck button[type="submit"]:hover {
background-position: 0 0;
color: var(--beyaz);
}
#alanAdiSorgula form#DomainCheck button[type="submit"] i {
position: absolute;
right: 30px;
top: calc(50% - 7px);
font-size: 18px;
color: var(--beyaz);
}
::placeholder {
font-weight: lighter;
opacity: 1!important;
color: var(--siyah)!important;
}
::-ms-input-placeholder {
font-weight: lighter;
opacity: 1!important;
color: var(--siyah)!important;
}

#alanAdiFiyatlari {
width: calc(100% - 0%);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 30px auto 0px auto;
}
#alanAdiFiyatlari .alanadiFiyatlari,
#alanAdiFiyatlari .alanadiFiyatlari .swiper-slide {
display: block;
}
#alanAdiFiyatlari .alanadiFiyatlari .swiper-slide .spottlds {
width: calc(100% - 40px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 15px 15px 15px 15px;
background: var(--beyaz);
border-radius: 30px;
border: 5px solid var(--acikmavi);
cursor: pointer;
}

#alanAdiFiyatlari .alanadiFiyatlari .swiper-slide .spottlds .bilgi_div {
width: auto;
height: auto;
overflow: hidden;
display: table;
margin: 0px auto;
}
#alanAdiFiyatlari .alanadiFiyatlari .swiper-slide .spottlds img {
width: 60px;
height: 40px;
overflow: hidden;
display: block;
float: left;
margin-right: 10px;
margin-top: 2px;
-o-object-fit: contain;
object-fit: contain;
}
#alanAdiFiyatlari .alanadiFiyatlari .swiper-slide .spottlds .bilgi {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding-left: 10px;
padding-bottom: 4px;
}
#alanAdiFiyatlari .alanadiFiyatlari .swiper-slide .spottlds .bilgi:after {
width: 1px;
height: 100%;
overflow: hidden;
display: block;
position: absolute;
content: "";
left: 0px;
top: 0px;
background: #d8d8d8;
}
#alanAdiFiyatlari .alanadiFiyatlari .swiper-slide .spottlds .pscm {
width: auto;
height: auto;
line-height: 2.2;
overflow: hidden;
display: table;
background: var(--acikmavi);
color: var(--acikmavi_yazi);
padding: 0px 10px;
border-radius: 10px;
margin: 0px auto 15px auto;
}
#alanAdiFiyatlari .alanadiFiyatlari .swiper-slide .spottlds .pscm span {
font-size: 12px;
font-weight: 700;
margin-right: 5px;
}
#alanAdiFiyatlari .alanadiFiyatlari .swiper-slide .spottlds .pscm i {
font-size: 14px;
}
#alanAdiFiyatlari .alanadiFiyatlari .swiper-slide .spottlds .bilgi strong {
font-size: 15px;
font-weight: 700;
display: block;
color: var(--mavi);
}
#alanAdiFiyatlari .alanadiFiyatlari .swiper-slide .spottlds .bilgi span {
font-size: 12px;
font-weight: 400;
display: block;
padding-left: 5px;
}
#alanAdiFiyatlari .alanadiFiyatlari .swiper-slide .spottlds h5 {
width: auto;
height: auto;
overflow: hidden;
display: table;
margin: 15px auto 0px auto;
font-size: 22px;
font-weight: 900;
color: var(--turuncu);
padding: 0px 15px;
}
#alanAdiFiyatlari .alanadiFiyatlari .swiper-slide .spottlds i.currposright {
font-size: 18px;
font-weight: 400;
top: 3px;
}
#alanAdiFiyatlari .alanadiFiyatlari .swiper-slide .spottlds i.currposleft {
font-size: 18px;
font-weight: 400;
top: 3px;
}



#hostingPaketleri {
width: calc(100% - 0px);
height: auto;
display: block;
position: relative;
}

#hostingPaketleri .hostingPaketleri {
text-align: center;
}
#hostingPaketleri .hostingPaketleri .paket {
/*width: calc(33.33333333% - 20px);
height: auto;
display: block;
position: relative;
float: left;
margin: 45px 30px 0px 0px;*/
display: inline-block;
vertical-align: top;
width: calc(33.33333333% - 23px);
margin: 30px 10px 0px 10px;
position: relative;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
/*
#hostingPaketleri .hostingPaketleri .paket:nth-of-type(3n) {
margin: 45px 0px 0px 0px;
}*/
#hostingPaketleri .hostingPaketleri .paket:first-child:nth-last-child(4),
#hostingPaketleri .hostingPaketleri .paket:first-child:nth-last-child(4)~.paket {
width: calc(25% - 23px);
}
#hostingPaketleri .hostingPaketleri .paket:first-child:nth-last-child(8),
#hostingPaketleri .hostingPaketleri .paket:first-child:nth-last-child(8)~.paket {
width: calc(25% - 23px);
}
#hostingPaketleri .hostingPaketleri .paket:first-child:nth-last-child(12),
#hostingPaketleri .hostingPaketleri .paket:first-child:nth-last-child(12)~.paket {
width: calc(25% - 23px);
}
#hostingPaketleri .hostingPaketleri .paket .detay {
width: calc(100% - 34px);
height: auto;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 30px 15px 25px 15px;
background: var(--beyaz);
border-radius: 15px;
border: 1px solid var(--acikmavi);
box-shadow: 0px 20px 40px rgb(3 15 39 / 15%);
-moz-box-shadow: 0px 20px 40px rgba(3, 15, 39, 0.15);
-webkit-box-shadow: 0px 20px 40px rgb(3 15 39 / 15%);
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
#hostingPaketleri .hostingPaketleri .paket .detay:hover,
#hostingPaketleri .hostingPaketleri .paket .detay.active:hover {
box-shadow: 0px 20px 40px rgb(3 15 39 / 35%);
-moz-box-shadow: 0px 20px 40px rgba(3, 15, 39, 0.35);
-webkit-box-shadow: 0px 20px 40px rgb(3 15 39 / 35%);
border: 1px solid var(--acikmavi);
}
#hostingPaketleri .hostingPaketleri .paket .detay.active {
padding: 30px 15px 25px 15px;
background-image: linear-gradient(to left,
var(--lacivert),
var(--mavi) 50%,
var(--mavi) 50%,
var(--mavi));
background-position: 100% 0;
background-size: 200% 100%;
border: 1px solid var(--acikmavi);
box-shadow: 0px 20px 40px rgb(3 15 39 / 15%);
-moz-box-shadow: 0px 20px 40px rgba(3, 15, 39, 0.15);
-webkit-box-shadow: 0px 20px 40px rgb(3 15 39 / 15%);
}
#hostingPaketleri .hostingPaketleri .paket .detay.active .baslik h3,
#hostingPaketleri .hostingPaketleri .paket .detay.active .baslik i.fas.fa-layer-group,
#hostingPaketleri .hostingPaketleri .paket .detay.active .fiyat strong,
#hostingPaketleri .hostingPaketleri .paket .detay.active .fiyat strong font,
#hostingPaketleri .hostingPaketleri .paket .detay.active ul li {
color: rgb(255 255 255 / 75%);
}
#hostingPaketleri .hostingPaketleri .paket .detay.active ul li i {
background: rgb(255 255 255 / 10%);
color: rgb(255 255 255 / 50%);
}
#hostingPaketleri .hostingPaketleri .paket .detay.active ul li {
-webkit-box-shadow: 0 6px 17px -16px rgb(255 255 255 / 45%);
-moz-box-shadow: 0 6px 17px -16px rgb(255 255 255 / 45%);
box-shadow: 0 6px 17px -16px rgb(255 255 255 / 45%);
}

#hostingPaketleri .hostingPaketleri .paket .detay .baslik {
text-align: center;
display: block;
}
#hostingPaketleri .hostingPaketleri .paket .detay .baslik i.fas.fa-layer-group {
float: left;
margin-right: 15px;
font-size: 32px;
color: var(--acikmavi_yazi);
}
#hostingPaketleri .hostingPaketleri .paket .detay .baslik h3 {
width: auto;
height: 32px;
line-height: 32px;
overflow: hidden;
display: inline-table;
position: relative;
font-size: 24px;
font-weight: 900;
color: var(--acikmavi_yazi);
}
#hostingPaketleri .hostingPaketleri .paket .detay .fiyat {
display: block;
text-align: center;
}
#hostingPaketleri .hostingPaketleri .paket .detay .fiyat strong {
width: auto;
height: 26px;
line-height: 26px;
overflow: hidden;
display: block;
position: relative;
font-size: 24px;
font-weight: 900;
color: var(--acikmavi_yazi);
letter-spacing: 0px;
margin: 15px 0px 0px 0px;
}
#hostingPaketleri .hostingPaketleri .paket .detay .fiyat strong font {
font-size: 14px;
font-weight: 400;
color: var(--acikmavi_yazi);
margin-left: 10px;
}
#hostingPaketleri .hostingPaketleri .paket .detay .fiyat i.currposright {
font-size: 18px;
font-weight: 400;
}
#hostingPaketleri .hostingPaketleri .paket .detay ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}
#hostingPaketleri .hostingPaketleri .paket .detay ul li {
width: calc(100% - 10px);
height: auto;
line-height: 32px;
overflow: hidden;
display: block;
position: relative;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 12px 5px 7px 5px;
-webkit-box-shadow: 0 6px 17px -16px #6e6e6e;
-moz-box-shadow: 0 6px 17px -16px #6e6e6e;
box-shadow: 0 6px 17px -16px #6e6e6e;
font-size: 15px;
color: var(--acikmavi_yazi);
}
#hostingPaketleri .hostingPaketleri .paket .detay ul li:last-child {
box-shadow: 0 0 0 0 #ffffff;
}
#hostingPaketleri .hostingPaketleri .paket .detay ul li i {
width: 32px;
height: 32px;
line-height: 32px;
overflow: hidden;
display: block;
position: relative;
content: "";
top: 0px;
left: 3px;
padding: 0px 0px 0px 0px;
background: var(--acikmavi);
color: var(--acikmavi_yazi);
border-radius: 100%;
text-align: center;
font-size: 13px;
float: left;
margin-right: 15px;
}

#hostingPaketleri .hostingPaketleri .paket .detay a.satinAl {
width: calc(100% - 60px);
height: 48px;
line-height: 48px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 25px 0px 20px 0px;
padding: 0px 30px 0px 30px;
transition: all 900ms ease;
float: left;
background-image: linear-gradient(to left,
var(--lacivert),
var(--mavi_iki) 50%,
var(--mavi_iki) 50%,
var(--mavi_iki));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
border-radius: 50px;
}
#hostingPaketleri .hostingPaketleri .paket .detay a.satinAl:hover {
background-position: 0 0;
color: var(--beyaz);
}
#hostingPaketleri .hostingPaketleri .paket .detay.active a.satinAl {
background-image: linear-gradient(to left,
var(--turuncu),
var(--sari) 50%,
var(--sari) 50%,
var(--sari));
}
#hostingPaketleri #tab0sms .hostingPaketleri .paket .detay ul li {
width: calc(100% - 0px);
padding: 12px 0px 7px 0px;
text-align: center;
}

.genelBaslik {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 45px 0px;
}
.genelBaslik h2 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
font-size: 3em;
line-height: 1.4;
font-weight: 900;
color: var(--acikmavi_yazi);
}
.genelBaslik p {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
font-size: 18px;
line-height: 1.4;
font-weight: 400;
color: var(--acikmavi_yazi);
}
.genelBaslik p b {
font-weight: 900;
color: var(--sari);
}

#nedenBizitrch {
width: calc(100% - 0px);
height: auto;
display: block;
position: relative;
overflow: hidden;
padding: 60px 0px 75px 0px;

background:
radial-gradient(circle at 1% 52%,
rgba(139, 139, 139, .05) 0%,
rgba(139, 139, 139, .05) 50%,
rgba(21, 21, 21, .05) 50%,
rgba(21, 21, 21, .05) 100%),
radial-gradient(circle at 41% 28%,
rgba(81, 81, 81, .05) 0%,
rgba(81, 81, 81, .05) 50%,
rgba(7, 7, 7, .05) 50%,
rgba(7, 7, 7, .05) 100%),
radial-gradient(circle at 48% 1%,
rgba(93, 93, 93, .05) 0%,
rgba(93, 93, 93, .05) 50%,
rgba(7, 7, 7, .05) 50%,
rgba(7, 7, 7, .05) 100%),
linear-gradient(255deg, var(--mavi_iki), var(--lacivert));
background-repeat: no-repeat;
background-size: cover;
}
#nedenBizitrch .genelBaslik {
margin-bottom: 0px;
}
#nedenBizitrch .genelBaslik h2 {
color: var(--beyaz);
z-index: 3;
}
#nedenBizitrch .nedenbizListe {
display: block;
position: relative;
z-index: 3;
}
#nedenBizitrch .nedenbizListe ul {
display: block;
margin: 0px;
padding: 0px;
}
#nedenBizitrch .nedenbizListe ul li {
width: calc(33.33333333% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 45px 45px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
text-align: center;
}
#nedenBizitrch .nedenbizListe ul li:nth-of-type(3n) {
margin: 45px 0px 0px 0px;
}
#nedenBizitrch .nedenbizListe ul li i {
width: 70px;
height: 70px;
line-height: 72px;
text-align: center;
overflow: hidden;
display: inline-table;
color: var(--beyaz);
font-size: 3.5em;
}
#nedenBizitrch .nedenbizListe ul li strong {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 24px;
font-weight: 900;
color: var(--beyaz);
}
#nedenBizitrch .nedenbizListe ul li p {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
color: var(--beyaz);
}


#yazilimPaketieri
#yazilimPaketieri .yazilimPaketieri {
width: calc(100% - 0px);
height: auto;
display: block;
overflow: hidden;
position: relative;
padding: 0px 0px 0px 0px;
}
#yazilimPaketieri .yazilimPaketieri .swiper-slide {
display: block;
}
#yazilimPaketieri .yazilimPaketieri .swiper-slide .yazpak {
width: calc(100% - 2px);
height: auto;
overflow: hidden;
display: block;
position: relative;
border: 1px solid var(--gri);
border-radius: 15px;
padding: 0px 0px 15px 0px;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
#yazilimPaketieri .yazilimPaketieri .swiper-slide .yazpak:hover {
border: 1px solid var(--acikmavi_yazi);
}
#yazilimPaketieri .yazilimPaketieri .swiper-slide .yazpak figure {
width: 100%;
height: auto;
display: block;
overflow: hidden;
position: relative;
}
#yazilimPaketieri .yazilimPaketieri .swiper-slide .yazpak figure img {
width: 100%;
height: auto;
max-height: 100%;
overflow: hidden;
display: block;
position: relative;
z-index: 2;
}
#yazilimPaketieri .yazilimPaketieri .swiper-slide .yazpak figure:after {
width: 100%;
height: 100%;
overflow: hidden;
display: none;
position: absolute;
content: "";
z-index: 3;
top: 0px;
left: 0px;
background: #000000;
opacity: 0.4;
}
#yazilimPaketieri .yazilimPaketieri .swiper-slide .yazpak figure:hover:after,
#yazilimPaketieri .yazilimPaketieri .swiper-slide .yazpak figure:hover:before {
display: block;
}
#yazilimPaketieri .yazilimPaketieri .swiper-slide .yazpak figure:before {
width: 52px;
height: 42px;
line-height: 42px;
overflow: hidden;
position: absolute;
z-index: 5;
top: calc(50% - 20px);
left: 0px;
right: 0px;
margin: 0px auto;
font-size: 18px;
text-align: center;
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f002";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: none;
font-style: normal;
font-variant: normal;
text-rendering: auto;
color: var(--beyaz);
background: var(--siyah);
text-align: center;
border-radius: 5px;
animation: gozin 1s ease 0s 1 normal forwards;
}
@keyframes gozin {
0% {
opacity: 0;
transform: translateY(-100px);
}

100% {
opacity: 1;
transform: translateY(0);
}
}
#yazilimPaketieri .yazilimPaketieri .swiper-slide .yazpak h3 {
width: calc(100% - 30px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
font-size: 16px;
font-weight: 600;
color: var(--siyah);
margin: 15px 0px;
padding: 0px 15px;
text-align: center;
}
#yazilimPaketieri .yazilimPaketieri .swiper-slide .yazpak strong {
width: calc(100% - 30px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
font-size: 24px;
font-weight: 900;
color: var(--acikmavi_yazi);
letter-spacing: 0px;
text-align: center;
padding: 0px 15px;
}
#yazilimPaketieri .yazilimPaketieri .swiper-slide .yazpak strong i.currposright {
font-size: 18px;
font-weight: 400;
}
#yazilimPaketieri .yazilimPaketieri .swiper-slide .yazpak a.satin_al {
width: auto;
height: 48px;
line-height: 48px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 15px auto 0px auto;
padding: 0px 60px 0px 30px;
transition: all 900ms ease;
background-image: linear-gradient(to left,
var(--lacivert),
var(--mavi_iki) 50%,
var(--mavi_iki) 50%,
var(--mavi_iki));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
border-radius: 50px;
}
#yazilimPaketieri .yazilimPaketieri .swiper-slide .yazpak a.satin_al:hover {
background-position: 0 0;
color: var(--beyaz);
}
#yazilimPaketieri .yazilimPaketieri .swiper-slide .yazpak a.satin_al:after {
width: auto;
height: auto;
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f178";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
position: absolute;
right: 30px;
top: calc(50% - 6px);
font-size: 14px;
color: var(--beyaz);
padding-bottom: 2px;
transition: all .25s ease-in;
}
#yazilimPaketieri .yazilimPaketieri .swiper-slide .yazpak a.satin_al:hover:after {
color: var(--beyaz);
}


.yazilimIleri,
.yazilimGeri {
width: 46px;
height: 46px;
line-height: 56px;
overflow: hidden;
display: block;
position: absolute;
content: "";
z-index: 9;
top: calc(50% - -30px);
border-radius: 10px;
border: 0px;
background: var(--siyah);
text-align: center;
cursor: pointer;
border: 1px solid transparent;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.yazilimIleri i,
.yazilimGeri i {
color: var(--beyaz);
font-size: 26px;
}
.yazilimIleri {
right: -40px;
opacity: 0.5;
}
.yazilimGeri {
left: -42px;
opacity: 0.5;
}
.yazilimIleri:hover,
.yazilimGeri:hover {
background: var(--mavi);
color: var(--ffffff);
opacity: 1;
}
.yazilimIleri:hover i,
.yazilimGeri:hover i {
color: var(--beyaz);
}

.akordiyonSag {
width: calc(50% - 45px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-left: 45px;
float: right;
text-align: center;
}
.akordiyonSag img {
width: 100%;
height: 415px;
overflow: hidden;
display: inline-table;
-o-object-fit: contain;
object-fit: contain;
}
.akordiyonSol {
width: calc(50% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-right: 0px;
float: left;
}
.akordiyon_liste {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.akordiyon_liste .akordiyon_baslik {
width: calc(100% - 42px);
height: auto;
line-height: 1.4;
position: relative;
display: block;
padding: 15px 0px 15px 40px;
margin-bottom: 2px;
color: var(--acikmavi_yazi);
font-size: 18px;
font-weight: 700;
text-decoration: none;
border-bottom: 1px solid var(--gri);
-webkit-transition: all .15s;
-moz-transition: all .15s;
-ms-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
cursor: pointer;
}
.akordiyon_liste:last-child .akordiyon_baslik {
border-bottom: 0px;
}
.akordiyon_liste .akordiyon_baslik:hover,
.akordiyon_liste .akordiyon_baslik:hover .akordiyon_ikon {
color: var(--sari);
}
.akordiyon_liste .akordiyon_aktif,
.akordiyon_liste .akordiyon_ikon.akordiyon_dondur {
color: var(--sari)!important;
}
.akordiyon_liste .akordiyon_baslik.akordiyon_aktif {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.akordiyon_liste .akordiyon_baslik .akordiyon_ikon {
position: absolute;
top: 13px;
left: 0px;
display: inline-block;
vertical-align: middle;
width: 30px;
height: 30px;
text-align: center;
color: var(--acikmavi_yazi);
line-height: 30px;
font-size: 20px;
font-weight: 700;
-webkit-transition: all .15s;
-moz-transition: all .15s;
-ms-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
}
.akordiyon_liste .akordiyon_dondur {
transform: rotate(90deg);
}
.akordiyon_liste .akordiyon_icerik {
width: calc(100% - 45px);
height: auto;
overflow: hidden;
padding: 0px 0px 0px 43px;
display: none;
margin: 15px 0px 10px 0px;
}
.akordiyon_liste .akordiyon_icerik p {
width: 100%;
height: auto;
line-height: 1.6;
overflow: hidden;
font-size: 16px;
font-weight: 400;
color: var(--acikmavi_yazi);
margin: 0px 0px 0px 0px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}


#sayac {
width: calc(100% - 0px);
height: auto;
display: block;
overflow: hidden;
position: relative;
padding: 0px 0px 0px 0px;
}
#sayac .sayacic {
width: calc(25% - 33px);
height: auto;
display: block;
margin: 30px 30px 0px 0px;
padding: 45px 0px 30px 0px;
border: 5px solid var(--acikmavi);
float: left;
text-align: center;
position: relative;
border-radius: 15px;
background: var(--acikmavi);
}
#sayac .sayacic:last-child {
margin: 30px 0px 0px 0px;
}
#sayac .sayacic:after {
width: 50%;
height: 5px;
overflow: hidden;
display: block;
position: absolute;
content: "";
background: var(--acikmavi_yazi);
bottom: -5px;
left: 0px;
right: 0px;
margin: 0px auto;
border-radius: 40%;
}
#sayac .sayacic:hover:after {
background: var(--sari);
}
#sayac .sayacic .anaistatistik {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 3em;
font-weight: 900;
color: var(--acikmavi_yazi);
line-height: 1.4;
}
#sayac .sayacic span {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 18px;
font-weight: 300;
color: var(--acikmavi_yazi);
}
#sayac .sayacic i {
width: 82px;
height: 82px;
line-height: 82px;
overflow: hidden;
display: table;
padding: 0px 0px 0px 0px;
position: absolute;
content: "";
top: -36px;
left: 0px;
right: 0px;
margin: 0px auto;
z-index: 3;
background: var(--acikmavi);
font-size: 4em;
border-radius: 100%;
color: var(--acikmavi_yazi);
opacity: 1;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
#sayac .sayacic:hover i {
color: var(--sari);
}


#hakkimizda {
    width: calc(100% - 0px);
    height: auto;
    display: block;
    position: relative;
    overflow: hidden;
    background: var(--mavi);
    padding: 0px 0px 0px 0px;
}
#hakkimizda .hakkimizda {
width: calc(100% - 0px);
height: auto;
display: block;
position: relative;
overflow: hidden;
}
#hakkimizda .hakkimizda div {
    width: calc(100% - 540px);
    height: auto;
    overflow: hidden;
    display: block;
    float: left;
    margin: 60px 45px 60px 0px;
}
#hakkimizda .hakkimizda div h2 {
font-size: 3em;
font-weight: 900;
line-height: 1.4;
color: var(--beyaz);
}
#hakkimizda .hakkimizda div p {
font-size: 18px;
font-weight: 400;
line-height: 1.4;
color: var(--beyaz);
}
#hakkimizda .hakkimizda figure {
width: 450px;
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
}
#hakkimizda .hakkimizda img {
    width: auto;
    height: 430px;
    overflow: hidden;
    display: block;
    display: inline-table;
    -o-object-fit: contain;
    object-fit: contain;
}
#hakkimizda .hakkimizda a.hak_link {
width: auto;
height: 60px;
line-height: 60px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 30px 0px 0px 0px;
padding: 0px 60px 0px 30px;
transition: all 900ms ease;
background-image: linear-gradient(to left,
var(--turuncu),
var(--sari) 50%,
var(--sari) 50%,
var(--sari));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
border-radius: 50px;
}
#hakkimizda .hakkimizda a.hak_link:hover {
background-position: 0 0;
color: var(--beyaz);
}
#hakkimizda .hakkimizda a.hak_link:after {
width: auto;
height: auto;
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f178";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
position: absolute;
right: 30px;
top: calc(50% - 6px);
font-size: 14px;
color: var(--beyaz);
padding-bottom: 2px;
transition: all .25s ease-in;
}

.vdssunucu {
width: calc(100% - 0px);
height: auto;
display: block;
position: relative;
overflow: hidden;
margin-top: 30px;
}
.vdssunucu table {
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
.vdssunucu table thead {
width: 100%;
height: 60px;
overflow: hidden;
background: var(--turuncu);
}
.vdssunucu table thead tr th {
font-size: 16px;
text-align: center;
color: var(--beyaz);
display: table-cell;
vertical-align: middle;
text-align: center;
}

.vdssunucu table tbody tr {
background: #ffffff;
position: relative;
}
.vdssunucu table tbody tr:nth-of-type(2n) {
background: #f9f9f9;
}
.vdssunucu table tbody tr:hover {
background: #f8f8f8;
}
.vdssunucu table > tbody > tr > td {
padding: 20px 10px 10px 10px;
font-size: 15px;
text-align: center;
color: var(--acikmavi_yazi);
font-weight: 400;
position: relative;
}
.vdssunucu table > tbody > tr > td img {
width: 32px;
height: 32px;
overflow: hidden;
display: table;
-o-object-fit: contain;
object-fit: contain;
margin: 0px auto 10px auto;
}
.vdssunucu table > tbody > tr > td h4 {
font-size: 17px;
font-weight: 700;
color: var(--acikmavi_yazi);
}
.vdssunucu table > tbody > tr > td span {
font-size: 14px;
font-weight: 400;
color: var(--acikmavi_yazi);
}
.vdssunucu table > tbody > tr > td strong {
width: 100%;
height: auto;
overflow: hidden;
display: table;
font-size: 20px;
font-weight: 700;
color: var(--acikmavi_yazi);
position: relative;
top: -26px;
margin: 0px auto;
}
.vdssunucu table > tbody > tr > td font {
width: 100%;
height: auto;
overflow: hidden;
display: table;
text-align: center;
font-size: 14px;
font-weight: 400;
position: relative;
top: -24px;
}
.vdssunucu table > tbody > tr > td a.tablosepeteEkle {
width: auto;
height: 48px;
line-height: 48px;
font-size: 14px;
font-weight: 400;
display: inline-flex;
overflow: hidden;
position: relative;
top: -14px;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 0px auto 0px auto;
padding: 0px 30px 0px 30px;
transition: all 900ms ease;
background-image: linear-gradient(to left,
var(--lacivert),
var(--mavi_iki) 50%,
var(--mavi_iki) 50%,
var(--mavi_iki));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
border-radius: 50px;
}
.vdssunucu table > tbody > tr > td a.tablosepeteEkle:hover {
background-position: 0 0;
color: var(--beyaz);
}
.vdssunucu table > tbody > tr > td a.tukendiBtn {
width: auto;
height: 48px;
line-height: 48px;
font-size: 14px;
font-weight: 400;
display: inline-flex;
overflow: hidden;
position: relative;
top: -14px;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 0px auto 0px auto;
padding: 0px 30px 0px 30px;
transition: all 900ms ease;
background-image: linear-gradient(to left,
var(--kiremit),
var(--kiremit) 50%,
var(--kiremit) 50%,
var(--kiremit));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
border-radius: 50px;
}
.vdssunucu table tr #tukendi {
transform: rotate(270deg);
}
.vdssunucu table tr .sunucustok {
margin-left: -30px
}
.vdssunucu table tr #tukendi:after {
display: none;
}
.vdssunucu table th,
.vdssunucu table td {
padding: .625em;
text-align: center;
}
.vdssunucu table th {
font-size: .85em;
letter-spacing: .1em;
text-transform: uppercase;
}
.servercattitle {
border-bottom: 0px;
color: var(--acikmavi_yazi);
}

#hostingPaketleri .hostingPaketleri .paket .detay a.tukendiBtn {
width: calc(100% - 60px);
height: 48px;
line-height: 48px;
font-size: 14px;
font-weight: 400;
display: block;
overflow: hidden;
position: relative;
top: 0px;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 25px 0px 20px 0px;
padding: 0px 30px 0px 30px;
transition: all 900ms ease;
background-image: linear-gradient(to left,
var(--kiremit),
var(--kiremit) 50%,
var(--kiremit) 50%,
var(--kiremit));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
border-radius: 50px;
}



.nokta_paket {
width: auto!important;
height: auto!important;
position: relative;
bottom: 0px!important;
z-index: 99;
right: 0px;
left: 0px!important;
margin: 0px auto;
display: none!important;
}
.nokta_paket .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
z-index: 99;
}
.nokta_paket .swiper-pagination-bullet {
width: 10px!important;
height: 10px!important;
display: inline-block!important;
background: var(--acikmavi_yazi);
opacity: 1!important;
margin: 0px 10px 0px 0px!important;
border-radius: 100%;
}
.nokta_paket .swiper-pagination-bullet-active {
width: 10px!important;
height: 10px!important;
background: var(--sari);
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
opacity: 1!important;
animation: noktageldi 1s ease 0s 1 normal forwards;
}
@keyframes noktageldi {
0% {
transform: scale(0.5);
}
100% {
transform: scale(2);
}
}


#vdssunucu_iki {
width: calc(100% - 0px);
height: auto;
display: block;
position: relative;
overflow: hidden;
padding: 0px 0px;
}
#vdssunucu_iki .vdssunucu_iki {
display: block;
}
#vdssunucu_iki .vdssunucu_iki .liste {
width: calc(100% - 42px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 20px 20px 20px 20px;
margin: 0px 0px 30px 0px;
-webkit-transition: all .70s;
-moz-transition: all .70s;
-ms-transition: all .70s;
-o-transition: all .70s;
transition: all .70s;
border: 2px solid var(--acikmavi);
border-radius: 10px;
}
#vdssunucu_iki .vdssunucu_iki .liste:last-child {
margin: 0px 0px 0px 0px;
}
#vdssunucu_iki .vdssunucu_iki .liste:hover {
border: 2px solid var(--acikmavi_yazi);
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: flex;
columns: 9;
column-gap: 10px;
text-align: left;
justify-content: space-between;
align-items: center;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
text-align: center;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li font {
width: auto;
height: auto;
overflow: hidden;
display: table;
padding: 6px 8px 5px 8px;
font-size: 10px;
font-weight: 500;
background: var(--sari);
color: var(--beyaz);
border-radius: 5px;
margin-bottom: 5px;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li strong.baslik {
font-size: 18px;
font-weight: 700;
color: var(--acikmavi_yazi);
text-align: left;
display: table;
margin-bottom: 10px;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li strong {
font-size: 15px;
font-weight: 700;
color: var(--acikmavi_yazi);
line-height: 1.4;
display: block;
overflow: hidden;
position: relative;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li span {
font-size: 12px;
font-weight: 400;
color: var(--sari);
display: block;
margin-top: 10px;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li img {
width: 32px;
height: 32px;
overflow: hidden;
display: table;
-o-object-fit: contain;
object-fit: contain;
margin: 0px auto 10px auto;
}

#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li.fiyatGoster p {
text-decoration: line-through;
font-size: 14px;
color: var(--acikmavi_yazi);
margin-bottom: 2px;
margin-top: 8px;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li.fiyatGoster strong {
font-size: 24px;
}

#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li.isletim img {
width: 26px;
height: 26px;
display: inline-table;
margin: 6px 5px 10px 5px;
-o-object-fit: contain;
object-fit: contain;
}

#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li.sepetEkle {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li.sepetEkle a.satinAl {
width: auto;
height: 48px;
line-height: 48px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 0px auto 0px auto;
padding: 0px 30px 0px 30px;
transition: all 900ms ease;
background-image: linear-gradient(to left,
var(--lacivert),
var(--mavi_iki) 50%,
var(--mavi_iki) 50%,
var(--mavi_iki));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
border-radius: 50px;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li.sepetEkle a.satinAl:hover {
background-position: 0 0;
color: var(--beyaz);
}

.vds_ekozellik {
display: block;
}
.vds_ekozellik button.vdsnciki_buton {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 94px;
left: 20px;
outline: none;
cursor: pointer;
border: 0px;
background: transparent;
padding: 0px 0px;
font-size: 12px;
font-weight: 400;
color: var(--acikmavi_yazi);
}
.vds_ekozellik button.vdsnciki_buton:hover {
color: var(--yesil);
}
.vds_ekozellik .vdsnciki_ekozllk {
width: calc(100% - 0px);
height: auto;
position: relative;
display: none;
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid var(--acikmavi);
}
.vds_ekozellik .vdsnciki_ekozllk figure {
width: 230px;
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 45px;
}
.vds_ekozellik .vdsnciki_ekozllk figure img {
width: auto;
height: 220px;
-o-object-fit: contain;
object-fit: contain;
}
.vds_ekozellik .vdsnciki_ekozllk ul {
width: calc(100% - 275px);
height: auto;
overflow: hidden;
margin: 0px;
padding: 0px;
columns: 3;
column-gap: 30px;
text-align: left;
justify-content: space-between;
align-items: center;
}
.vds_ekozellik .vdsnciki_ekozllk ul li {
width: calc(100% - 0px);
height: auto;
line-height: 1.6;
overflow: hidden;
display: block;
position: relative;
list-style: none;
padding: 0px 0px 0px 20px;
margin: 0px 0px 15px 0px;
font-size: 14px;
font-weight: 400;
color: var(--acikmavi_yazi);
}
.vds_ekozellik .vdsnciki_ekozllk ul li:after {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
top: 5px;
left: 0px;
padding: 1px 1px 0px 1px;
font-family: "Font Awesome 6 Free";
font-weight: 400;
content: "\f192";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
color: var(--sari);
font-size: 10px;
}
.vds_ekozellik .vdsnciki_ekozllk .ekresim {
display: block;
text-align: center;
margin-top: 20px;
}
.vds_ekozellik .vdsnciki_ekozllk .ekresim img {
width: auto;
height: 40px;
-o-object-fit: contain;
object-fit: contain;
}



#sonHaber {
width: calc(100% - 0px);
height: auto;
display: block;
position: relative;
overflow: hidden;
}
#sonHaber .sonHaber {
display: block;
}

#sonHaber .sonHaber .haber {
width: calc(100%);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 0px 0px 0px 0px;
padding-bottom: 15px;
}
#sonHaber .sonHaber .haber:last-child {
margin: 0px 0px 0px 0px;
}
#sonHaber .sonHaber .haber figure {
display: block;
border-radius: 15px;
}
#sonHaber .sonHaber .haber figure img {
width: 100%;
height: auto;
max-height: 100%;
overflow: hidden;
display: block;
border-radius: 15px;
}
#sonHaber .sonHaber .haber div {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 15px;
background: var(--beyaz);
margin-top: -35px;
border-radius: 15px;
box-shadow: 0px 8px 15px -9px rgba(0, 0, 0, .5);
}
#sonHaber .sonHaber .haber div span {
width: calc(100% - 40px);
height: auto;
line-height: 2;
overflow: hidden;
display: block;
position: relative;
padding: 0px 20px;
font-size: 14px;
font-weight: 500;
color: var(--sari);
margin: 20px 0px 0px 0px;
}
#sonHaber .sonHaber .haber div span:after {
width: 5px;
height: 98%;
overflow: hidden;
display: block;
position: absolute;
content: "";
left: 0px;
top: 0px;
background: var(--sari);
}
#sonHaber .sonHaber .haber div h3 {
width: calc(100% - 40px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
padding: 0px 20px;
font-size: 18px;
font-weight: 700;
color: var(--acikmavi_yazi);
margin: 5px 0px 0px 0px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
#sonHaber .sonHaber .haber div p {
width: calc(100% - 40px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
padding: 0px 20px;
font-size: 16px;
font-weight: 400;
color: var(--siyah);
margin: 5px 0px 20px 0px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
color: var(--acikmavi_yazi);
}
#sonHaber .sonHaber .haber a {
display: block;
}
#sonHaber .sonHaber .haber:hover div h3 {
color: var(--sari);
}

.haberIleri,
.haberGeri {
width: 46px;
height: 46px;
line-height: 56px;
overflow: hidden;
display: block;
position: absolute;
content: "";
z-index: 9;
top: calc(50% - 10px);
border-radius: 10px;
border: 0px;
background: var(--siyah);
text-align: center;
cursor: pointer;
border: 1px solid transparent;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.haberIleri i,
.haberGeri i {
color: var(--beyaz);
font-size: 26px;
}
.haberIleri {
right: -40px;
opacity: 0.5;
}
.haberGeri {
left: -42px;
opacity: 0.5;
}
.haberIleri:hover,
.haberGeri:hover {
background: var(--mavi);
color: var(--ffffff);
opacity: 1;
}
.haberIleri:hover i,
.haberGeri:hover i {
color: var(--beyaz);
}


#sonBlog {
width: calc(100% - 0px);
height: auto;
display: block;
position: relative;
overflow: hidden;
}
#sonBlog .sonBlog {
display: block;
}

#sonBlog .sonBlog .blog {
width: calc(100%);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 0px 0px 0px 0px;
padding-bottom: 15px;
}
#sonBlog .sonBlog .blog:last-child {
margin: 0px 0px 0px 0px;
}
#sonBlog .sonBlog .blog figure {
display: block;
border-radius: 15px;
}
#sonBlog .sonBlog .blog figure img {
width: 100%;
height: auto;
max-height: 100%;
overflow: hidden;
display: block;
border-radius: 15px;
}
#sonBlog .sonBlog .blog div {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 15px;
background: var(--beyaz);
margin-top: -35px;
border-radius: 15px;
box-shadow: 0px 8px 15px -9px rgba(0, 0, 0, .5);
}
#sonBlog .sonBlog .blog div span {
width: calc(100% - 40px);
height: auto;
line-height: 2;
overflow: hidden;
display: block;
position: relative;
padding: 0px 20px;
font-size: 14px;
font-weight: 500;
color: var(--sari);
margin: 20px 0px 0px 0px;
}
#sonBlog .sonBlog .blog div span:after {
width: 5px;
height: 98%;
overflow: hidden;
display: block;
position: absolute;
content: "";
left: 0px;
top: 0px;
background: var(--sari);
}
#sonBlog .sonBlog .blog div h3 {
width: calc(100% - 40px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
padding: 0px 20px;
font-size: 18px;
font-weight: 700;
color: var(--acikmavi_yazi);
margin: 5px 0px 0px 0px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
#sonBlog .sonBlog .blog div p {
width: calc(100% - 40px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
padding: 0px 20px;
font-size: 16px;
font-weight: 400;
color: var(--acikmavi_yazi);
margin: 5px 0px 20px 0px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
#sonBlog .sonBlog .blog a {
display: block;
}
#sonBlog .sonBlog .blog:hover div h3 {
color: var(--sari);
}

.blogIleri,
.blogGeri {
width: 46px;
height: 46px;
line-height: 56px;
overflow: hidden;
display: block;
position: absolute;
content: "";
z-index: 9;
top: calc(50% - 10px);
border-radius: 10px;
border: 0px;
background: var(--siyah);
text-align: center;
cursor: pointer;
border: 1px solid transparent;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.blogIleri i,
.blogGeri i {
color: var(--beyaz);
font-size: 26px;
}
.blogIleri {
right: -40px;
opacity: 0.5;
}
.blogGeri {
left: -42px;
opacity: 0.5;
}
.blogIleri:hover,
.blogGeri:hover {
background: var(--mavi);
color: var(--ffffff);
opacity: 1;
}
.blogIleri:hover i,
.blogGeri:hover i {
color: var(--beyaz);
}



#genelPaketler {
width: calc(100% - 0px);
height: auto;
display: block;
position: relative;
}
#genelPaketler .genelPaketler {
text-align: center;
padding-bottom: 30px;
}
.paketgnl {
/*width: calc(33.33333333% - 20px);
height: auto;
display: block;
position: relative;
float: left;
margin: 30px 30px 0px 0px;*/
display: inline-block;
vertical-align: top;
width: calc(33.33333333% - 23px);
margin: 30px 10px 0px 10px;
position: relative;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
/**.paketgnl:nth-of-type(3n) {
margin: 30px 0px 0px 0px;
}**/
.paketgnl:first-child:nth-last-child(4),
.paketgnl:first-child:nth-last-child(4)~.paketgnl {
width: calc(25% - 23px);
}
.paketgnl:first-child:nth-last-child(8),
.paketgnl:first-child:nth-last-child(8)~.paketgnl {
width: calc(25% - 23px);
}
.paketgnl:first-child:nth-last-child(12),
.paketgnl:first-child:nth-last-child(12)~.paketgnl {
width: calc(25% - 23px);
}

.paketgnl .detay {
width: calc(100% - 40px);
height: auto;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 30px 15px 25px 15px;
background: var(--beyaz);
border-radius: 15px;
border: 1px solid var(--acikmavi);
box-shadow: 0px 20px 40px rgb(3 15 39 / 15%);
-moz-box-shadow: 0px 20px 40px rgba(3, 15, 39, 0.15);
-webkit-box-shadow: 0px 20px 40px rgb(3 15 39 / 15%);
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.paketgnl .detay:hover,
.paketgnl .detay.active:hover {
box-shadow: 0px 20px 40px rgb(3 15 39 / 35%);
-moz-box-shadow: 0px 20px 40px rgba(3, 15, 39, 0.35);
-webkit-box-shadow: 0px 20px 40px rgb(3 15 39 / 35%);
border: 1px solid var(--acikmavi);
}
.paketgnl .detay.active {
padding: 30px 15px 25px 15px;
background-image: linear-gradient(to left,
var(--lacivert),
var(--mavi) 50%,
var(--mavi) 50%,
var(--mavi));
background-position: 100% 0;
background-size: 200% 100%;
border: 1px solid var(--acikmavi);
box-shadow: 0px 20px 40px rgb(3 15 39 / 15%);
-moz-box-shadow: 0px 20px 40px rgba(3, 15, 39, 0.15);
-webkit-box-shadow: 0px 20px 40px rgb(3 15 39 / 15%);
}
.paketgnl .detay.active .baslik h3,
.paketgnl .detay.active .baslik i.fas.fa-layer-group,
.paketgnl .detay.active .fiyat strong,
.paketgnl .detay.active .fiyat strong font,
.paketgnl .detay.active ul li {
color: rgb(255 255 255 / 75%);
}
.paketgnl .detay.active ul li i {
background: rgb(255 255 255 / 10%);
color: rgb(255 255 255 / 50%);
}
.paketgnl .detay.active ul li {
-webkit-box-shadow: 0 6px 17px -16px rgb(255 255 255 / 45%);
-moz-box-shadow: 0 6px 17px -16px rgb(255 255 255 / 45%);
box-shadow: 0 6px 17px -16px rgb(255 255 255 / 45%);
}

.paketgnl .detay .baslik {
text-align: center;
display: block;
}
.paketgnl .detay .baslik i.fas.fa-layer-group {
float: left;
margin-right: 15px;
font-size: 32px;
color: var(--acikmavi_yazi);
}
.paketgnl .detay .baslik h3 {
width: auto;
height: 32px;
line-height: 32px;
overflow: hidden;
display: inline-table;
position: relative;
font-size: 24px;
font-weight: 900;
color: var(--acikmavi_yazi);
}
.paketgnl .detay .fiyat {
display: block;
text-align: center;
}
.paketgnl .detay .fiyat strong {
width: auto;
height: 26px;
line-height: 26px;
overflow: hidden;
display: block;
position: relative;
font-size: 24px;
font-weight: 900;
color: var(--acikmavi_yazi);
letter-spacing: 0px;
margin: 15px 0px 0px 0px;
}
.paketgnl .detay .fiyat strong font {
font-size: 14px;
font-weight: 400;
color: var(--acikmavi_yazi);
margin-left: 10px;
}
.paketgnl .detay .fiyat i.currposright {
font-size: 18px;
font-weight: 400;
}
.paketgnl .detay ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.paketgnl .detay ul li {
width: calc(100% - 0px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 15px 0px 12px 0px;
-webkit-box-shadow: 0 6px 17px -16px #6e6e6e;
-moz-box-shadow: 0 6px 17px -16px #6e6e6e;
box-shadow: 0 6px 17px -16px #6e6e6e;
font-size: 15px;
color: var(--acikmavi_yazi);
text-align: center;
}
.paketgnl .detay ul li:last-child {
box-shadow: 0 0 0 0 #ffffff;
}
.paketgnl .detay ul li i {
width: 32px;
height: 32px;
line-height: 32px;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 10px;
left: 3px;
padding: 0px 0px 0px 0px;
background: var(--acikmavi);
color: var(--acikmavi_yazi);
border-radius: 100%;
text-align: center;
font-size: 13px;
}

.paketgnl .detay a.satinAl {
width: calc(100% - 60px);
height: 48px;
line-height: 48px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 25px 0px 20px 0px;
padding: 0px 30px 0px 30px;
transition: all 900ms ease;
float: left;
background-image: linear-gradient(to left,
var(--lacivert),
var(--mavi_iki) 50%,
var(--mavi_iki) 50%,
var(--mavi_iki));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
border-radius: 50px;
}
.paketgnl .detay a.satinAl:hover {
background-position: 0 0;
color: var(--beyaz);
}
.paketgnl .detay.active a.satinAl {
background-image: linear-gradient(to left,
var(--kiremit),
var(--turuncu) 50%,
var(--turuncu) 50%,
var(--turuncu));
}
.paketgnl .detay .baslik i {
float: left;
margin-right: 15px;
font-size: 32px;
color: var(--acikmavi_yazi);
}



.tabGenel {
display: block;
}
.tabLink {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
text-align: center;
display: block;
overflow: hidden;
}
.tabLink > li {
width: auto;
height: 60px;
display: inline-table;
overflow: hidden;
position: relative;
margin-right: 15px;
}
.tabLink > li:last-child {
margin-right: 0px;
}
.tabLink > li > a {
width: auto;
height: 60px;
line-height: 60px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
outline: none;
cursor: pointer;
padding: 0px 30px 0px 30px;
transition: all 900ms ease;
float: left;
background-image: linear-gradient(to left,
var(--lacivert),
var(--mavi_iki) 50%,
var(--mavi_iki) 50%,
var(--mavi_iki));
background-position: 100% 0;
background-size: 200% 100%;
transition: all .25s ease-in;
border-radius: 50px;
border: 0px;
}
.tabLink > li > a:hover {
color: var(--beyaz);
background-position: 0 0;
}
.tabLink > li.active > a {
background-image: linear-gradient(to left,
var(--turuncu),
var(--sari) 50%,
var(--sari) 50%,
var(--sari));
}


.tabicerik {
width: calc(100% - 0px);
height: auto;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
}
.tabicerik > .tabBolme {
display: none;
}
.tabicerik .active {
display: block;
}
.tabicerik > .active {
display: block;
}

#musteriYorumlari {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #f3f7fb;
}
#musteriYorumlari .gorusunuGonder {
width: auto;
height: auto;
overflow: hidden;
display: table;
position: relative;
text-align: center;
margin: 0px auto;
}
#musteriYorumlari .gorusunuGonder a {
width: auto;
height: 48px;
line-height: 48px;
font-size: 18px;
font-weight: 400;
display: inline-table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 0px auto 30px auto;
padding: 0px 30px 0px 30px;
transition: all 900ms ease;
float: left;
background-image: linear-gradient(to left,
var(--lacivert),
var(--mavi_iki) 50%,
var(--mavi_iki) 50%,
var(--mavi_iki));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
border-radius: 50px;
}
#musteriYorumlari .gorusunuGonder a:hover {
background-position: 0 0;
color: var(--beyaz);
}
#musteriYorumlari .musteriYorumlari .swiper-slide {
cursor: pointer;
}
#musteriYorumlari .musteriYorumlari .swiper-slide .yorum {
width: calc(100% - 31px);
height: auto;
display: block;
position: relative;
padding: 15px 15px;
margin: 0px 0px 15px 0px;
background: var(--beyaz);
border-radius: 5px;
}
#musteriYorumlari .musteriYorumlari .swiper-slide .yorum p {
width: calc(100% - 0px);
height: auto;
line-height: 1.4;
overflow: hidden;
font-size: 15px;
font-weight: 400;
position: relative;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
color: var(--acikmavi_yazi);
}
#musteriYorumlari .musteriYorumlari .swiper-slide img {
width: 66px;
height: 66px;
overflow: hidden;
display: block;
float: right;
border-radius: 100%;
border: 2px solid var(--acikmavi_yazi);
padding: 2px 2px;
margin-left: 15px;
}
#musteriYorumlari .musteriYorumlari .swiper-slide strong.isim {
width: calc(100% - 94px);
height: auto;
overflow: hidden;
display: block;
text-align: right;
float: left;
font-size: 14px;
font-weight: 700;
color: var(--acikmavi_yazi);
margin-bottom: 5px;
padding-right: 5px;
}
#musteriYorumlari .musteriYorumlari .swiper-slide strong.pozisyon {
width: calc(100% - 94px);
height: auto;
overflow: hidden;
display: block;
text-align: right;
float: left;
font-size: 13px;
font-weight: 500;
color: var(--kiremit);
opacity: 0.5;
padding-right: 5px;
}
#musteriYorumlari .musteriYorumlari .swiper-slide span.yildiz {
width: calc(100% - 94px);
height: auto;
overflow: hidden;
display: block;
text-align: right;
float: left;
font-size: 14px;
font-weight: 600;
color: #fece00;
letter-spacing: 3px;
margin-bottom: 5px;
padding-right: 2px;
margin-top: 4px;
}

.yorumIleri,
.yorumGeri {
width: 46px;
height: 46px;
line-height: 56px;
overflow: hidden;
display: block;
position: absolute;
content: "";
z-index: 9;
top: calc(50% - -26px);
border-radius: 10px;
border: 0px;
background: var(--siyah);
text-align: center;
cursor: pointer;
border: 1px solid transparent;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.yorumIleri i,
.yorumGeri i {
color: var(--beyaz);
font-size: 26px;
}
.yorumIleri {
right: -40px;
opacity: 0.5;
}
.yorumGeri {
left: -42px;
opacity: 0.5;
}
.yorumIleri:hover,
.yorumGeri:hover {
background: var(--mavi);
color: var(--ffffff);
opacity: 1;
}
.yorumIleri:hover i,
.yorumGeri:hover i {
color: var(--beyaz);
}



#cozumOrtaklari {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#cozumOrtaklari .cozumOrtaklari .swiper-slide {
cursor: pointer;
vertical-align: middle;
text-align: center;
}
#cozumOrtaklari .cozumOrtaklari .swiper-slide img {
width: auto;
max-width: 100%;
height: 90px;
display: inline-table;
-o-object-fit: contain;
object-fit: contain;
vertical-align: middle;
}


#alanadi_sorgu {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#alanadi_sorgu .alanadisorgu h1 {
color: var(--acikmavi_yazi);
font-size: 2em;
font-weight: 500;
}
#alanadi_sorgu .alanadisorgu h1 .amount_spot_view {
color: var(--turuncu);
}
#alanadi_sorgu .alanadisorgu h1 .currposright {
font-size: 24px;
top: 4px;
}
#alanadi_sorgu #transferbtn {
background-color: var(--mavi_iki)!important;
top: 0px;
}
#alanadi_sorgu #transferbtn:hover {
background-color: var(--turuncu)!important;
}
#alanadi_sorgu .alanadisorgu input {
color: var(--acikmavi_yazi);
font-weight: 500;
}
#alanadi_sorgu .alanadisorgu input:focus {
padding-left: 32px!important;
}
#transfercode h5 {
color: var(--acikmavi_yazi)!important;
}
#transfercode .lbtn {
background-color: var(--mavi_iki)!important;
}
#transfercode .lbtn:hover,
#transferbtn:hover {
background-color: var(--turuncu)!important;
}

#popuzantilar_alanadi,
#popuzantilar_alanadi .popuzantilar,
#popuzantilar_alanadi .popuzantilar .swiper-slide {
display: block;
}
#popuzantilar_alanadi .popuzantilar .swiper-slide .uzantibox.spotlight-tlds {
width: calc(100% - 40px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 15px 15px 15px 15px;
background: var(--beyaz);
border-radius: 30px;
border: 5px solid var(--acikmavi);
cursor: pointer;
}

#popuzantilar_alanadi .popuzantilar .swiper-slide .uzantibox.spotlight-tlds .bilgi_div {
width: auto;
height: auto;
overflow: hidden;
display: table;
margin: 0px auto;
}
#popuzantilar_alanadi .popuzantilar .swiper-slide .uzantibox.spotlight-tlds img {
width: 60px;
height: 40px;
overflow: hidden;
display: block;
float: left;
margin-right: 10px;
margin-top: 2px;
-o-object-fit: contain;
object-fit: contain;
}
#popuzantilar_alanadi .popuzantilar .swiper-slide .uzantibox.spotlight-tlds .bilgi {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding-left: 10px;
padding-bottom: 4px;
}
#popuzantilar_alanadi .popuzantilar .swiper-slide .uzantibox.spotlight-tlds .bilgi:after {
width: 1px;
height: 100%;
overflow: hidden;
display: block;
position: absolute;
content: "";
left: 0px;
top: 0px;
background: #d8d8d8;
}
#popuzantilar_alanadi .popuzantilar .swiper-slide .uzantibox.spotlight-tlds .pscm {
width: auto;
height: auto;
line-height: 2.2;
overflow: hidden;
display: table;
background: var(--acikmavi);
color: var(--acikmavi_yazi);
padding: 0px 10px;
border-radius: 10px;
margin: 0px auto 15px auto;
}
#popuzantilar_alanadi .popuzantilar .swiper-slide .uzantibox.spotlight-tlds .pscm span {
font-size: 12px;
font-weight: 700;
margin-right: 5px;
}
#popuzantilar_alanadi .popuzantilar .swiper-slide .uzantibox.spotlight-tlds .pscm i {
font-size: 14px;
}
#popuzantilar_alanadi .popuzantilar .swiper-slide .uzantibox.spotlight-tlds .bilgi strong {
font-size: 15px;
font-weight: 700;
display: block;
color: var(--mavi);
}
#popuzantilar_alanadi .popuzantilar .swiper-slide .uzantibox.spotlight-tlds .bilgi span {
font-size: 12px;
font-weight: 400;
display: block;
padding-left: 5px;
}
#popuzantilar_alanadi .popuzantilar .swiper-slide .uzantibox.spotlight-tlds h5 {
width: auto;
height: auto;
overflow: hidden;
display: table;
margin: 15px auto 0px auto;
font-size: 22px;
font-weight: 900;
color: var(--turuncu);
padding: 0px 15px;
}
#popuzantilar_alanadi .popuzantilar .swiper-slide .uzantibox.spotlight-tlds i.currposright {
font-size: 18px;
font-weight: 400;
top: 3px;
}
#popuzantilar_alanadi .popuzantilar .swiper-slide .uzantibox.spotlight-tlds i.currposleft {
font-size: 18px;
font-weight: 400;
top: 3px;
}

.tldavailable h4 {
color: var(--acikmavi_yazi)!important;
line-height: 1.6!important;
}
#showTLDStatusAvailable strong {
color: var(--yesil);
line-height: 1.6;
}
#showTLDStatusUnavailable strong {
color: var(--kirmizi);
line-height: 1.6;
}
.lookcolumtitle {
display: table!important;
height: 60px;
background: var(--acikmavi)!important;
}
.lookcolumtitle .lookcolum {
display: table-cell;
vertical-align: middle;
float: none!important;
font-size: 16px;
color: var(--acikmavi_yazi);
}
.checkbox-custom+.checkbox-custom-label:before,
.radio-custom+.radio-custom-label:before {
border: 1.5px solid var(--acikmavi_yazi)!important;
}
.checkbox-custom:checked+.checkbox-custom-label:before {
background: var(--acikmavi_yazi)!important;
}

.lookcolumlist {
display: table!important;
height: 60px;
float: unset!important;
overflow: hidden;
}
.lookcolumlist .lookcolum {
height: auto!important;
line-height: unset!important;
padding: 0px 0px!important;
display: table-cell!important;
vertical-align: middle!important;
float: none!important;
}
.checkbox-custom-label,
.lookcolum .radio-custom-label {
margin-bottom: 0px!important;
}
.lookcolumlist .tldhere {
font-size: 16px!important;
color: var(--acikmavi_yazi);
}
#LookupList .lookcolum .lbtn {
background: var(--acikmavi)!important;
color: var(--acikmavi_yazi)!important;
border: 2px solid var(--acikmavi) !important;
line-height: 2;
}
#LookupList .lookcolum #tesclsure {
border: 1px solid var(--gri)!important;
height: 32px!important;
font-size: 14px!important;
color: var(--acikmavi_yazi)!important;
}

.tescilucretleri h4 {
color: var(--acikmavi_yazi);
}
.tescilucretleri table thead {
background: var(--acikmavi);
color: var(--acikmavi_yazi);
}
.tescilucretleri table thead tr th {
background: transparent!important;
font-size: 16px;
}
.tescilucretleri table thead tr:hover {
background: var(--acikmavi)!important;
}
.tescilucretleri table tbody tr:hover {
background: #f7f7f7!important;
}

.iletisim_ust {
width: 100%;
height: auto;
display: block;
position: relative;
}
.iletisim_ust ul {
width: calc(100% - 0px);
height: auto;
display: flex;
flex-flow: wrap;
position: relative;
padding: 0px 0px 0px 0px;
text-align: center;
}
.iletisim_ust ul li {
width: calc(25% - 61px);
height: auto;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 30px 30px 30px 30px;
border-right: 1px solid rgba(112, 112, 112, 0.13);
transition: .3s ease-in-out;
cursor: default;
}
.iletisim_ust ul li:nth-of-type(4n) {
border-right: 0 none;
}
.iletisim_ust ul li:hover {
background: #ffffff;
border-color: #ffffff !important;
box-shadow: rgba(0, 0, 0, 0.3) 0 2px 30px -10px !important;
transform: scale(1.02);
}
.iletisim_ust ul li img {
width: auto;
height: 64px;
overflow: hidden;
display: table;
-o-object-fit: contain;
object-fit: contain;
margin: 0px auto 15px auto;
}
.iletisim_ust ul li strong {
font-size: 18px;
font-weight: 700;
color: var(--acikmavi_yazi);
overflow: hidden;
display: table;
margin: 0px auto 15px auto;
}
.iletisim_ust ul li p {
line-height: 1.6;
font-size: 14px;
font-weight: 400;
color: var(--acikmavi_yazi);
overflow: hidden;
display: table;
margin: 0px auto 0px auto;
}
.iletisim_ust ul li i {
width: auto;
height: auto;
display: table;
font-size: 4em;
color: var(--acikmavi_yazi);
margin: 0px auto 15px auto;
}

.iletisim_alani {
width: 100%;
height: auto;
overflow: hidden;
display: block;
background:
radial-gradient(circle at 1% 52%,
rgba(139, 139, 139, .05) 0%,
rgba(139, 139, 139, .05) 50%,
rgba(21, 21, 21, .05) 50%,
rgba(21, 21, 21, .05) 100%),
radial-gradient(circle at 41% 28%,
rgba(81, 81, 81, .05) 0%,
rgba(81, 81, 81, .05) 50%,
rgba(7, 7, 7, .05) 50%,
rgba(7, 7, 7, .05) 100%),
radial-gradient(circle at 48% 1%,
rgba(93, 93, 93, .05) 0%,
rgba(93, 93, 93, .05) 50%,
rgba(7, 7, 7, .05) 50%,
rgba(7, 7, 7, .05) 100%),
linear-gradient(140deg, var(--mavi_iki), var(--lacivert));
background-repeat: no-repeat;
background-size: cover;
}
.iletisim_alani .iletisimformu {
width: calc(100% - 500px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
}
.iletisim_alani .iletisimformu h2 {
width: calc(100% - 10%);
font-size: 2em;
font-weight: 900;
line-height: 1.4;
color: var(--acikmavi_yazi);
display: block;
overflow: hidden;
background: var(--beyaz);
padding-right: 10%;
}
.iletisim_alani .iletisimformu p {
width: calc(100% - 10%);
font-size: 18px;
line-height: 1.4;
font-weight: 400;
color: var(--acikmavi_yazi);
overflow: hidden;
display: block;
padding-bottom: 30px;
background: var(--beyaz);
padding-right: 10%;
}
.iletisim_alani .iletisimformu form {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #f3f7fb;
padding: 30px 30px 30px 30px;
}
.iletisim_alani .iletisimformu form input {
width: calc(100% - 32px);
height: 48px;
line-height: 48px;
overflow: hidden;
display: block;
position: relative;
padding: 0px 15px 0px 15px;
margin: 0px 0px 15px 0px;
border: 1px solid var(--acikmavi);
border-radius: 5px;
font-size: 16px;
font-weight: 600;
color: var(--acikmavi_yazi);
}
.iletisim_alani .iletisimformu form input:focus {
padding: 0px 15px 0px 15px!important;
border: 1px solid var(--acikmavi_yazi)!important;
}
.iletisim_alani .iletisimformu form input#phone:focus {
padding-left: 84px!important;
}
.iletisim_alani .iletisimformu form .intl-tel-input {
margin: 0px 0px 15px 0px;
}
.iletisim_alani .iletisimformu form .intl-tel-input input {
width: calc(100% - 2px);
}

.iletisim_alani .iletisimformu form textarea {
width: calc(100% - 32px);
height: 150px;
line-height: 1.6;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px 15px 15px;
margin: 0px 0px 15px 0px;
border: 1px solid var(--acikmavi);
border-radius: 5px;
font-size: 16px;
font-weight: 600;
color: var(--acikmavi_yazi);
}


.iletisim_alani .iletisimformu form a.yesilbtn {
width: calc(100% - 60px);
height: 48px;
line-height: 48px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 15px 0px 0px 0px;
padding: 0px 30px 0px 30px;
transition: all 900ms ease;
background-image: linear-gradient(to left,
var(--lacivert),
var(--mavi_iki) 50%,
var(--mavi_iki) 50%,
var(--mavi_iki));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
border-radius: 50px;
}
.iletisim_alani .iletisimformu form a.yesilbtn:hover {
background-position: 0 0;
color: var(--beyaz);
}

.iletisimformu_sag {
width: calc(500px - 60px);
height: 100%;
overflow: hidden;
display: block;
position: relative;
padding: 30px 30px;
}
.iletisimformu_sag h3 {
display: block;
font-size: 24px;
font-weight: 700;
color: var(--beyaz);
}
.iletisimformu_sag ul {
width: 100%;
height: auto;
overflow: hidden;
display: block;
padding: 0px;
margin: 30px 0px 0px 0px;
}
.iletisimformu_sag ul li {
width: calc(100% - 20px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 16px;
color: var(--beyaz);
line-height: 1.6;
margin-bottom: 10px;
padding-left: 20px;
}
.iletisimformu_sag ul li b {
font-weight: 600;
}
.iletisimformu_sag ul li:after {
width: auto;
height: auto;
overflow: hidden;
position: absolute;
top: calc(50% - 5px);
left: 0px;
padding-left: 1px;
font-family: "Font Awesome 6 Free";
content: "\f101";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
font-size: 10px;
color: var(--beyaz);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.iletisim_alani img {
width: auto;
height: 360px;
overflow: hidden;
display: block;
position: absolute;
content: "";
bottom: 0px;
right: calc(125px);
}

.harita_alani {
display: block;
overflow: hidden;
margin-top: 60px;
}
.harita_alani .googlemap {
width: 100%;
overflow: hidden;
}
.harita_alani .googlemap .iletisimtitle {
border-bottom: 0px;
}
.harita_alani .googlemap div#map {
height: 360px!important;
}


.yazilimlar_sol {
width: calc(350px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 45px;
}
.yazilimlar_sol .sol_arama {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
border-radius: 5px;
}
.yazilimlar_sol .sol_arama input {
width: calc(100% - 60px);
height: 52px;
line-height: 52px;
overflow: hidden;
display: block;
float: left;
margin: 0px 0px 0px 0px;
border: 0px;
padding: 15px 15px 15px 15px;
font-size: 16px;
font-weight: 700;
color: var(--siyah);
background: #f2f2f2;
}
.yazilimlar_sol .sol_arama .sbtn {
width: 60px;
height: 52px;
line-height: 52px;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
border-radius: 0px;
background: var(--acikmavi_yazi);
font-size: 22px;
color: var(--beyaz);
}
.yazilimlar_sol .sol_arama .sbtn:hover {
background: var(--turuncu);
}

.yazilimlar_sol .scriptkategoriler {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
display: block;
float: unset;
position: relative;
padding: 30px 30px 30px 30px;
margin: 30px 0px 0px 0px;
background:
radial-gradient(circle at 1% 52%,
rgb(255 255 255 / 5%) 0%,
rgba(139, 139, 139, .05) 50%,
rgba(21, 21, 21, .05) 50%,
rgb(255 255 255 / 5%) 100%),
radial-gradient(circle at 41% 28%,
rgba(81, 81, 81, .05) 0%,
rgba(81, 81, 81, .05) 50%,
rgba(7, 7, 7, .05) 50%,
rgb(255 255 255 / 5%) 100%),
radial-gradient(circle at 48% 1%,
rgba(93, 93, 93, .05) 0%,
rgba(93, 93, 93, .05) 50%,
rgba(7, 7, 7, .05) 50%,
rgba(7, 7, 7, .05) 100%),
linear-gradient(255deg,
rgb(255 255 255), #ffffff);
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;
}
.yazilimlar_sol .scriptkategoriler h4 {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 24px;
font-weight: 700;
color: var(--acikmavi_yazi);
}
.yazilimlar_sol .scriptkategoriler ul {
display: block;
overflow: hidden;
margin: 15px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}
.yazilimlar_sol .scriptkategoriler ul li {
display: block;
overflow: hidden;
margin: 0px 0px 8px 0px;
padding: 8px 0px 8px 0px;
-webkit-box-shadow: 0 6px 20px -18px #000000;
-moz-box-shadow: 0 6px 20px -18px #000000;
box-shadow: 0 6px 20px -18px #000000;
}
.yazilimlar_sol .scriptkategoriler ul li a {
width: 100%;
height: auto;
line-height: 1.6;
display: block;
overflow: hidden;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px;
color: var(--acikmavi_yazi);
background: transparent;
}
.yazilimlar_sol .scriptkategoriler ul li a span {
color: var(--turuncu);
font-weight: 700;
}
.yazilimlar_sol .scriptkategoriler ul li a:hover {
background: transparent;
color: var(--turuncu);
}
.yazilimlar_sol .scriptkategoriler a#scataktif {
background: transparent;
color: var(--turuncu);
}
.yazilimlar_sol .scriptkategoriler a.tumunu {
width: 100%;
height: 50px;
line-height: 50px;
overflow: hidden;
display: block;
position: relative;
float: unset;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
border-radius: 5px;
font-size: 16px;
font-weight: 400;
color: var(--beyaz);
background-image: linear-gradient(to left,
var(--turuncu),
var(--sari) 50%,
var(--sari) 50%,
var(--sari));
background-position: 100% 0;
background-size: 200% 100%;
border: 0px;
}
.yazilimlar_sol .scriptkategoriler a.tumunu:hover {
background-position: 0 0;
color: var(--beyaz);
}


.yazilimlar_sag {
width: calc(100% - 395px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: right;
}
.yazilimlar_sag h4.scriptlisttitle {
width: 100%;
font-size: 2em;
padding-bottom: 0px;
border-bottom: 0px;
color: var(--acikmavi_yazi);
margin-top: 0px;
margin: 5px 0px 0px 0px;
font-weight: 700;
}

#yazilimlar_listele {
justify-content: center !important;
display: flex;
}
.yazilimlar_listele {
flex: 0 0 auto;
width: calc(33.33333333% - 20px);
margin: 30px 30px 0px 0px;
position: relative;
}
.yazilimlar_listele:nth-of-type(3n) {
margin: 30px 0px 0px 0px;
}

.yazilimlar_listele .scriptozellk {
position: absolute;
content: "";
z-index: 4;
background: var(--turuncu)!important;
opacity: 1!important;
}
.yazilimlar_listele #mobiluyum {
background: var(--mavi_iki)!important;
}

.yazilimlar_listele .yazpak {
width: calc(100% - 2px);
height: auto;
overflow: hidden;
display: block;
position: relative;
border: 1px solid var(--gri);
border-radius: 15px;
padding: 0px 0px 15px 0px;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.yazilimlar_listele .yazpak:hover {
border: 1px solid var(--acikmavi_yazi);
}
.yazilimlar_listele .yazpak figure {
width: 100%;
height: auto;
display: block;
overflow: hidden;
position: relative;
}
.yazilimlar_listele .yazpak figure img {
width: 100%;
height: auto;
max-height: 100%;
overflow: hidden;
display: block;
position: relative;
z-index: 2;
}
.yazilimlar_listele .yazpak figure:after {
width: 100%;
height: 100%;
overflow: hidden;
display: none;
position: absolute;
content: "";
z-index: 3;
top: 0px;
left: 0px;
background: #000000;
opacity: 0.4;
}
.yazilimlar_listele .yazpak figure:hover:after,
.yazilimlar_listele .yazpak figure:hover:before {
display: block;
}
.yazilimlar_listele .yazpak figure:before {
width: 52px;
height: 42px;
line-height: 42px;
overflow: hidden;
position: absolute;
z-index: 5;
top: calc(50% - 20px);
left: 0px;
right: 0px;
margin: 0px auto;
font-size: 18px;
text-align: center;
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f002";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: none;
font-style: normal;
font-variant: normal;
text-rendering: auto;
color: var(--beyaz);
background: var(--siyah);
text-align: center;
border-radius: 5px;
animation: gozin 1s ease 0s 1 normal forwards;
}
@keyframes gozin {
0% {
opacity: 0;
transform: translateY(-100px);
}

100% {
opacity: 1;
transform: translateY(0);
}
}
.yazilimlar_listele .yazpak h3 {
width: calc(100% - 30px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
font-size: 16px;
font-weight: 600;
color: var(--siyah);
margin: 15px 0px;
padding: 0px 15px;
text-align: center;
}
.yazilimlar_listele .yazpak strong {
width: calc(100% - 30px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
font-size: 24px;
font-weight: 900;
color: var(--acikmavi_yazi);
letter-spacing: 0px;
text-align: center;
padding: 0px 15px;
}
.yazilimlar_listele .yazpak strong i.currposright {
font-size: 18px;
font-weight: 400;
}
.yazilimlar_listele .yazpak a.satin_al {
width: auto;
height: 48px;
line-height: 48px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 15px auto 0px auto;
padding: 0px 60px 0px 30px;
transition: all 900ms ease;
background-image: linear-gradient(to left,
var(--lacivert),
var(--mavi_iki) 50%,
var(--mavi_iki) 50%,
var(--mavi_iki));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
border-radius: 50px;
}
.yazilimlar_listele .yazpak a.satin_al:hover {
background-position: 0 0;
color: var(--beyaz);
}
.yazilimlar_listele .yazpak a.satin_al:after {
width: auto;
height: auto;
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f178";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
position: absolute;
right: 30px;
top: calc(50% - 6px);
font-size: 14px;
color: var(--beyaz);
padding-bottom: 2px;
transition: all .25s ease-in;
}
.yazilimlar_listele .yazpak a.satin_al:hover:after {
color: var(--beyaz);
}

.kategori_text {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 45px;
}
.kategori_text p {
line-height: 1.6;
font-size: 16px;
font-weight: 400;
color: var(--acikmavi_yazi);
margin-bottom: 15px;
}
.kategori_text p:last-child {
margin-bottom: 0px;
}



.iletisim_alani .iletisimformu form input:focus,
.iletisim_alani .iletisimformu form textarea:focus {
border: 1px solid var(--acikmavi_yazi);
}
.yazilimlar_sol .sol_arama input:focus {
border: 0px;
}
.iletisim_alani .iletisimformu form input::-webkit-input-placeholder,
.iletisim_alani .iletisimformu form textarea::-webkit-input-placeholder,
.yazilimlar_sol .sol_arama input::-webkit-input-placeholder {
color: var(--acikmavi_yazi)!important;
opacity: 0.6!important;
}
.iletisim_alani .iletisimformu form input:-moz-placeholder,
.iletisim_alani .iletisimformu form textarea:-moz-placeholder,
.yazilimlar_sol .sol_arama input:-moz-placeholder {
color: var(--acikmavi_yazi)!important;
opacity: 0.6!important;
}
.iletisim_alani .iletisimformu form input::-moz-placeholder,
.iletisim_alani .iletisimformu form textarea::-moz-placeholder,
.yazilimlar_sol .sol_arama input::-moz-placeholder {
color: var(--acikmavi_yazi)!important;
opacity: 0.6!important;
}
.iletisim_alani .iletisimformu form input:-ms-input-placeholder,
.iletisim_alani .iletisimformu form textarea:-ms-input-placeholder,
.yazilimlar_sol .sol_arama input:-ms-input-placeholder {
color: var(--acikmavi_yazi)!important;
opacity: 0.6!important;
}

.serverlist_butonlar {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
text-align: center;
display: block;
overflow: hidden;
padding: 0px 0px 0px 0px;
}
.serverlist_butonlar ul {
margin: 0px;
padding: 0px;
display: block;
}
.serverlist_butonlar ul > li {
width: auto;
height: auto;
display: inline-table;
position: relative;
margin-right: 15px;
}
.serverlist_butonlar ul > li:last-child {
margin-right: 0px;
}
.serverlist_butonlar ul > li > a {
width: auto;
height: auto;
display: table;
position: relative;
background: transparent;
outline: none;
cursor: pointer;
padding: 12px 30px 12px 30px;
transition: all 900ms ease;
background-image: linear-gradient(to left,
var(--lacivert),
var(--mavi_iki) 50%,
var(--mavi_iki) 50%,
var(--mavi_iki));
background-position: 100% 0;
background-size: 200% 100%;
transition: all .25s ease-in;
border-radius: 50px;
border: 0px;
}
.serverlist_butonlar ul > li > a h4 {
width: auto;
height: auto;
overflow: hidden;
display: block;
font-size: 18px;
font-weight: 400;
color: var(--beyaz);
line-height: 1.6;
margin-top: 5px;
}
.serverlist_butonlar ul > li > a img {
width: 36px;
height: 36px;
overflow: hidden;
display: block;
-o-object-fit: contain;
object-fit: contain;
margin: 0px 5px 0px 0px;
float: left;
}
.serverlist_butonlar ul > li > a i {
width: 36px;
height: 36px;
line-height: 36px;
overflow: hidden;
display: block;
-o-object-fit: contain;
object-fit: contain;
margin: 0px 5px 0px 0px;
float: left;
color: var(--beyaz);
font-size: 26px;
}
.serverlist_butonlar ul > li > a:hover {
color: var(--beyaz);
background-position: 0 0;
}
.serverlist_butonlar ul > li.active > a {
background-image: linear-gradient(to left,
var(--turuncu),
var(--sari) 50%,
var(--sari) 50%,
var(--sari));
}

.internationalsmspage .leftblock h3 {
font-weight: 700;
color: var(--acikmavi_yazi);
}
.internationalsmspage .leftblock h4 {
line-height: 1.6!important;
font-size: 18px!important;
font-weight: 400!important;
color: var(--acikmavi_yazi)!important;
}
.internationalsmspage .rightblocktitle,
.currency-content {
font-weight: 700!important;
}
.internationalsmspage .rightblocktitle,
div#calculateResult,
.currency-content {
color: var(--acikmavi_yazi)!important;
}
strong#country-name {
color: var(--turuncu)!important;
}
span.amount-thousands {
font-weight: 400!important;
color: var(--yesil)!important;
}
.internationalsmspage .leftblock .yesilbtn {
width: auto!important;
height: 50px;
line-height: 50px;
font-size: 16px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 30px auto 0px auto;
padding: 0px 30px 0px 30px;
transition: all 900ms ease;
background-image: linear-gradient(to left,
var(--turuncu),
var(--sari) 50%,
var(--sari) 50%,
var(--sari));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
border-radius: 50px;
}
.internationalsmspage .leftblock .yesilbtn:hover {
background-position: 0 0;
color: var(--beyaz);
}

.linksiztab {
width: 100%;
height: auto;
margin: 0;
list-style: none;
text-align: center;
display: block;
overflow: hidden;
}
.linksiztab > a {
width: auto;
height: 60px;
line-height: 60px;
font-size: 18px;
font-weight: 400;
display: inline-block;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
outline: none;
cursor: pointer;
padding: 0px 30px 0px 30px;
margin: 0px 5px;
transition: all 900ms ease;
background-image: linear-gradient(to left,
var(--lacivert),
var(--mavi_iki) 50%,
var(--mavi_iki) 50%,
var(--mavi_iki));
background-position: 100% 0;
background-size: 200% 100%;
transition: all .25s ease-in;
border-radius: 50px;
border: 0px;
transform: none!important;
box-shadow: unset!important;
}
.linksiztab > a:hover {
color: var(--beyaz);
background-position: 0 0;
}
.linksiztab > a#active {
background-image: linear-gradient(to left,
var(--kiremit),
var(--turuncu) 50%,
var(--turuncu) 50%,
var(--turuncu));
}
.seopaktable {
display: block;
}
.seopaktable .vdssunucu table thead tr th {
font-size: 14px;
}
.seopaktable .vdssunucu table > tbody > tr > td strong,
.seopaktable .vdssunucu table > tbody > tr > td font {
top: -12px;
}
.seopaktable .vdssunucu table > tbody > tr > td a.tablosepeteEkle {
top: -3px;
}
.seopaktable .vdssunucu table td::before {
width: 180px;
}

.blogSol {

}

.blogSag {

}



.css_tanimla .ilanasamalar .ilanasamax {
font-weight: 400;
font-size: 14px;
}
.css_tanimla .ilanasamalar .ilanasamax h3 {
margin-bottom: 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.css_tanimla .ilanasamalar .ilanasamax#asamaaktif {
color: var(--mavi_iki);
font-weight: 700;
font-size: 18px;
}
.css_tanimla .ilanasamalar .ilanasamax#asamaaktif h3 {
background: var(--mavi_iki);
}

.css_tanimla .orderperiodblock-con {
margin: 0px;
}
.css_tanimla .orderperiodblock {
width: calc(22% - 40px);
transform: scale(0.95);
position: relative;
margin: 30px 15px 15px 15px;
background: #f3f7fb;
border-color: var(--acikmavi);
padding: 60px 0px;
}
.css_tanimla .orderperiodblock:hover {
transform: scale(1.07);
}
.css_tanimla .orderperiodblock.active {
transform: scale(1.09);
border: 0px;
box-shadow: 0px 0px 0px #ffffff;
background: var(--mavi_iki);
border: 2px solid var(--mavi_iki);
}
.css_tanimla .orderperiodblock h3 {
color: var(--siyah);
font-size: 24px;
font-weight: 700;
line-height: 1.6;
}
.css_tanimla .orderperiodblock h2 {
color: var(--siyah);
font-size: 24px;
font-weight: 700;
line-height: 1.6;
}
.css_tanimla .orderperiodblock.active h3 {
color: var(--beyaz);
}
.css_tanimla .orderperiodblock.active h2 {
color: var(--beyaz);
}
.css_tanimla .orderperiodblock.active .periodselectbox {
background: var(--mavi_iki);
border-color: var(--beyaz);
}

.css_tanimla .orderperiodblock .ribbonperiod {
width: auto;
height: auto;
overflow: hidden;
display: inline-table;
text-align: unset;
position: absolute;
background: var(--yesil);
margin: 0px auto 0px auto;
padding: 0px 0px;
top: 10px;
right: 0px;
left: 0px;
border-radius: 5px;
}
.css_tanimla .orderperiodblock .ribbonperiod span {
width: auto;
height: 26px;
line-height: 28px;
font-size: 12px;
font-weight: 500;
color: var(--beyaz);
text-transform: uppercase;
text-align: center;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
display: inline-block;
padding: 0px 15px;
box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 1);
position: relative;
right: unset;
left: unset;
top: unset;
background: transparent;
}
.css_tanimla .orderperiodblock .ribbonperiod span::before,
.css_tanimla .orderperiodblock .ribbonperiod span::after {
display: none;
}
.css_tanimla .orderperiodblock h3 {
margin-top: unset;
}
.css_tanimla .orderperiodblock span.setup-fee-period {
width: auto;
height: 26px;
line-height: 28px;
font-size: 12px;
font-weight: 500;
overflow: hidden;
display: inline-table;
text-align: unset;
position: absolute;
background: var(--acikmavi);
color: var(--acikmavi_yazi);
margin: 0px auto 0px auto;
padding: 0px 15px;
right: 0px;
left: 0px;
bottom: 10px;
border-radius: 5px;
}
.css_tanimla .orderperiodblock.active span.setup-fee-period {
bottom: 28px;
}

.css_tanimla .siparisbilgileri .the_btn {
width: calc(50% - 55px);
height: 56px;
line-height: 56px;
font-size: 16px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
transition: all 900ms ease;
background-image: linear-gradient(to left,
var(--turuncu),
var(--sari) 50%,
var(--sari) 50%,
var(--sari));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
border-radius: 50px;
}
.css_tanimla .siparisbilgileri .the_btn:hover {
background-position: 0 0;
color: var(--beyaz);
}

.css_tanimla .siparisbilgileri .ui-state-active {
background: var(--turuncu);
color: var(--beyaz);
}

.css_tanimla .siparisbilgileri strong.the_baslik {
position: relative;
}
.css_tanimla .siparisbilgileri strong.the_baslik.ui-accordion-header-active:hover {
color: var(--beyaz);
}
.css_tanimla .siparisbilgileri strong.the_baslik:hover {
color: var(--siyah);
}
.css_tanimla .siparisbilgileri strong.the_baslik i {
margin-right: 10px;
}
.css_tanimla .siparisbilgileri strong.the_baslik.ui-accordion-header-active i {
transform: rotate(90deg);
}
.css_tanimla .siparisbilgileri .ui-state-active .ui-icon,
.css_tanimla .siparisbilgileri .ui-button:active .ui-icon,
.css_tanimla .siparisbilgileri .ui-icon {
display: none;
}

.css_tanimla .siparisbilgileri .alanadisorgu input {
border: 5px solid var(--acikmavi);
}

.css_tanimla .siparisbilgileri .alanadisorgu h5 {
color: var(--acikmavi_yazi);
}
.css_tanimla .siparisbilgileri .domainsec .alanadisorgu .gonderbtn {
top: -2px;
}
.css_tanimla .siparisbilgileri .alanadisorgu #result_dns i,
.css_tanimla .siparisbilgileri .alanadisorgu #result_dns p,
.css_tanimla .siparisbilgileri .alanadisorgu #dns_list {
color: var(--acikmavi_yazi);
}

.css_tanimla #ek_hizmetler_order .siparisbilgileri table,
.css_tanimla #ek_hizmetler_order .siparisbilgileri table tbody {
width: 100%;
display: block;
}
.css_tanimla #ek_hizmetler_order .siparisbilgileri table tr td {
width: 70%;
display: block;
overflow: hidden;
float: left;
padding: 0px 0px 0px 0px;
border-bottom: 0px;
}
.css_tanimla #ek_hizmetler_order .siparisbilgileri table tr td:nth-of-type(2n) {
width: 30%;
display: block;
overflow: hidden;
}
.css_tanimla #ek_hizmetler_order .siparisbilgileri table tr td.baslik {
height: 60px;
line-height: 60px;
padding: 0px 20px;
font-size: 16px;
font-weight: 700;
color: var(--siyah);
background: #ebebeb;
border: 0px;
}

.css_tanimla #ek_hizmetler_order .siparisbilgileri table tr.ek_hizmetler_tr {
width: calc(100% - 62px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
border-radius: 5px;
border: 1px solid var(--gri);
padding: 20px 30px;
margin-bottom: 30px;
justify-content: center;
}

.css_tanimla #ek_hizmetler_order .siparisbilgileri table tr.ek_hizmetler_tr img {
width: 48px;
height: 48px;
overflow: hidden;
display: block;
float: left;
margin-right: 15px;
background: var(--acikmavi);
border: 3px solid var(--mavi_iki);
padding: 10px 10px;
border-radius: 100%;
}
.css_tanimla #ek_hizmetler_order .siparisbilgileri table tr.ek_hizmetler_tr label strong {
font-size: 20px;
font-weight: 700;
line-height: 1.4;
color: var(--acikmavi_yazi);
display: block;
margin-top: 2px;
}
.css_tanimla #ek_hizmetler_order .siparisbilgileri table tr.ek_hizmetler_tr label span {
width: calc(100% - 119px);
height: auto;
overflow: hidden;
display: block;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
color: var(--acikmavi_yazi);
display: block;
padding-right: 30px;
}

.css_tanimla #ek_hizmetler_order .siparisbilgileri table tr.ek_hizmetler_tr select.ek_hizmet_select {
width: calc(100% - 0px);
height: 42px;
overflow: hidden;
display: table;
position: relative;
background: rgb(184 197 211 / 50%);
border: 0px;
margin: 0px;
padding: 5px 5px 5px 5px;
color: var(--acikmavi_yazi)!important;
font-size: 14px;
font-weight: 700;
padding: 0px 15px;
}

.css_tanimla {
font-family: var(--thor_font);
}
.css_tanimla .sepetleft .sepetbaslik,
.css_tanimla .sepetrightshadow .sepetbaslik {
background: var(--turuncu);
color: var(--beyaz);
border-radius: 5px;
}

.css_tanimla .sepetleft .uhperiyod select {
color: var(--siyah);
cursor: pointer;
}
.css_tanimla .sepetleft .uhsil a:hover {
color: var(--kirmizi);
}
.css_tanimla .sepetleft .sepetlist {
position: relative;
}
.css_tanimla .sepetleft .row-label {
margin-left: unset;
top: 5px;
left: 20px;
}
.css_tanimla .sepetleft .green-label::before {
display: none;
}
.css_tanimla .sepetleft .lbtn {
border: 2px solid var(--turuncu);
color: var(--turuncu);
}
.css_tanimla .sepetleft .lbtn:hover {
color: var(--beyaz);
background: var(--turuncu);
}
.css_tanimla #total-amount-payable {
margin-top: 5px;
}
.css_tanimla #total-amount-payable .amount_spot_view i {
top: 5px;
}
.css_tanimla .sepetrightshadow #kuponkodu input {
font-weight: 600;
color: var(--turuncu);
}
.css_tanimla .sepetrightshadow #kuponkodu input:focus {
padding: 10px 0px;
border-color: var(--turuncu);
}
.css_tanimla .sepetright .the_gonderbtn,
.sunucusipside .the_gonderbtn {
width: calc(100% - 0px);
height: 56px;
line-height: 56px;
font-size: 16px;
font-weight: 400;
display: inline-block;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 10px auto 0px auto;
padding: 0px 0px 0px 0px;
transition: all 900ms ease;
background-image: linear-gradient(to left,
var(--yesil),
var(--yesil_iki) 50%,
var(--yesil_iki) 50%,
var(--yesil_iki));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
border-radius: 5px;
}
.css_tanimla .sepetright .the_gonderbtn:hover,
.sunucusipside .the_gonderbtn:hover {
background-position: 0 0;
color: var(--beyaz);
}
input {
color: var(--siyah)!important;
}

.css_tanimla .orderuserlogin h2 {
color: var(--acikmavi_yazi);
}

.radio-custom:checked+.radio-custom-label:before {
background: var(--acikmavi_yazi)!important;
}
.lbtn {
border: 2px solid var(--turuncu)!important;
color: var(--turuncu)!important;
}
.lbtn:hover {
color: var(--beyaz)!important;
background: var(--turuncu)!important;
}
input:focus,
select:focus {
border-bottom-color: var(--acikmavi)!important;
padding-left: 0px!important;
}


.yesilbtn {
width: calc(70% - 0px)!important;
height: 56px!important;
line-height: 56px!important;
font-size: 16px!important;
font-weight: 400!important;
display: inline-block!important;
overflow: hidden!important;
position: relative!important;
background: transparent!important;
color: var(--beyaz)!important;
text-align: center!important;
z-index: 1!important;
border: 0px!important;
outline: none!important;
cursor: pointer!important;
margin: 10px auto 0px auto!important;
padding: 0px 0px 0px 0px!important;
transition: all 900ms ease!important;
background-image: linear-gradient(to left,
var(--yesil),
var(--yesil_iki) 50%,
var(--yesil_iki) 50%,
var(--yesil_iki))!important;
background-position: 100% 0!important;
background-size: 201% 100%!important;
transition: all .25s ease-in!important;
border-radius: 5px!important;
}
.yesilbtn:hover {
background-position: 0 0!important;
color: var(--beyaz)!important;
}

input[type=tel]:focus,
input#gsm:focus {
padding-left: 84px!important;
}

input, select, textarea {
font-family: var(--thor_font)!important;
color: var(--siyah)!important;
}

#empty_list {
color: var(--acikmavi_yazi)!important;
}

.css_tanimla .siparisbilgileri .alanadisorgu input {
padding: 24px 15px;
}
.css_tanimla .siparisbilgileri .alanadisorgu input:focus {
padding-left: 16px!important;
}
.css_tanimla .siparisbilgileri .domainsec select:focus,
.css_tanimla .siparisbilgileri #StepForm2 .alanadisorgu input:focus {
padding-left: 32px!important;
border-bottom-color: var(--acikmavi)!important;
}
.css_tanimla #ek_hizmetler_order .siparisbilgileri table tr.ek_hizmetler_tr select.ek_hizmet_select:focus,
.css_tanimla .sunucukonfigurasyonu .skonfiginfo select:focus {
padding: 0px 15px!important;
}
.css_tanimla .sunucukonfigurasyonu .skonfiginfo {
border-color: var(--acikmavi);
}
.css_tanimla .sunucukonfigurasyonu .skonfiginfo select {
width: calc(100% - 0px);
height: 42px;
overflow: hidden;
display: table;
position: relative;
background: rgb(184 197 211 / 50%);
border: 0px;
margin: 0px;
padding: 5px 5px 5px 5px;
color: var(--acikmavi_yazi)!important;
font-size: 14px;
font-weight: 700;
padding: 0px 15px;
cursor: pointer;
}
.css_tanimla .sunucukonfigurasyonu .skonfiginfo h4 {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
padding: 15px 15px 15px 15px;
background: var(--acikmavi);
color: var(--acikmavi_yazi);
margin-bottom: 0px;
border-color: var(--acikmavi);
}


.css_tanimla .sunucukonfigurasyonu .sungenbil {
width: 67%;
}
.css_tanimla .sunucukonfigurasyonu .sunucusipside {
width: 30%;
}
.css_tanimla .sunucukonfigurasyonu .skonfiginfo table tr {
width: calc(100% - 30px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--beyaz);
padding: 15px 15px;
margin-bottom: 0px;
justify-content: center;
border-bottom: 1px solid var(--acikmavi);
}
.css_tanimla .sunucukonfigurasyonu .skonfiginfo table tr:last-child {
border-bottom: 0px;
}
.css_tanimla .sunucukonfigurasyonu .skonfiginfo table tr td {
padding: 0px;
border: 0px;
position: relative;
}
.css_tanimla .sunucukonfigurasyonu .skonfiginfo table tr td strong {
width: calc(100% - 70px);
height: auto;
overflow: hidden;
display: block;
font-size: 16px;
font-weight: 600;
color: var(--acikmavi_yazi);
padding: 0px 20px 0px 50px;
text-align: left;
}
.css_tanimla .sunucukonfigurasyonu .skonfiginfo table tr td font {
width: calc(100% - 70px);
height: auto;
overflow: hidden;
display: block;
font-size: 14px;
font-weight: 400;
color: var(--acikmavi_yazi);
line-height: 1.4;
padding: 0px 20px 0px 50px;
}
.css_tanimla .sunucukonfigurasyonu .skonfiginfo table tr td img {
width: 32px;
height: 32px;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: calc(50% - 16px);
left: 0px;
}


.css_tanimla .sunucukonfigurasyonu .sunucusipside .skonfigside {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px 15px 15px;
background-image: linear-gradient(to left,
var(--lacivert),
var(--mavi) 50%,
var(--mavi) 50%,
var(--mavi));
background-position: 100% 0;
background-size: 200% 100%;
}

.css_tanimla .sunucukonfigurasyonu .sunucusipside .skonfigside h4 {
color: rgb(255 255 255 / 75%);
border-bottom: 1px solid rgb(255 255 255 / 13%)
}
.css_tanimla .sunucukonfigurasyonu .sunucusipside .skonfigside strong,
.css_tanimla .sunucukonfigurasyonu .sunucusipside .skonfigside span,
.css_tanimla .sunucukonfigurasyonu .sunucusipside .skonfigside {
color: rgb(255 255 255 / 75%);
}
.css_tanimla .sunucukonfigurasyonu .sunucusipside .skonfigside .line {
background: rgb(255 255 255 / 13%);
}
.css_tanimla .sunucukonfigurasyonu .sunucusipside .skonfigside #service_amounts {
width: 100%;
display: block;
overflow: hidden;
margin-bottom: 15px;
}
.css_tanimla .sunucukonfigurasyonu .sunucusipside .skonfigside #service_amounts div {
overflow: hidden;
display: block;
border-bottom: 1px solid rgb(255 255 255 / 13%);
padding: 5px 0px 8px 0px;
color: var(--acikmavi_yazi);
}
.css_tanimla .sunucukonfigurasyonu .sunucusipside .skonfigside #service_amounts div span {
width: 80%;
float: left;
color: rgb(255 255 255 / 75%);
}
.css_tanimla .sunucukonfigurasyonu .sunucusipside .skonfigside #service_amounts div strong {
float: right;
padding: 6px 0;
font-size: 14px;
color: rgb(255 255 255 / 75%);
}
.css_tanimla .sunucukonfigurasyonu .sunucusipside .skonfigside .sunucretler span {
font-size: 16px;
}
.css_tanimla .sunucukonfigurasyonu .sunucusipside .skonfigside .sunucretler {
text-align: center;
}


.css_tanimla .sms_sip_say table {
margin: 0px auto;
}
.css_tanimla .sms_sip_say table tr.sms_sip_bas {
width: 100%;
height: 50px;
line-height: 50px;
overflow: hidden;
background: var(--acikmavi_yazi);
color: var(--acikmavi);
font-size: 16px;
font-weight: 700;
}
.css_tanimla .sms_sip_say table tr.sms_sip_bas td {
padding: 0px 15px;
border-bottom: 0px;
}


.kirmizi_bilgi {
color: #721c24;
background-color: #f8d7da;
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 25px;
border: 1px solid #f5c6cb;
border-radius: .25rem;
font-size: 14px!important;
}

.css_tanimla #ek_hizmetler_order .siparisbilgileri table tr.ek_hizmetler_tr label.checkbox-custom-label strong {
display: inline-table;
font-size: 14px;
}

.css_tanimla .gerekli_bilgiler table {
width: 100%;
}
.css_tanimla .gerekli_bilgiler .gerekli_bilgiler_baslik {
width: calc(100% - 30px);
height: 50px;
line-height: 50px;
overflow: hidden;
display: block;
background: var(--acikmavi_yazi);
color: var(--acikmavi);
border-radius: 5px;
font-size: 16px;
font-weight: 700;
padding: 0px 15px;
}

.css_tanimla .gerekli_bilgiler table tr.ek_hizmetler_tr {
width: calc(100% - 62px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
border-radius: 5px;
border: 1px solid var(--gri);
padding: 20px 30px;
margin-bottom: 30px;
justify-content: center;
}
.css_tanimla .gerekli_bilgiler table tr td {
width: 70%;
display: block;
overflow: hidden;
float: left;
padding: 0px 0px 0px 0px;
border-bottom: 0px;
}
.css_tanimla .gerekli_bilgiler table tr td:nth-of-type(2n) {
width: 30%;
display: block;
overflow: hidden;
}
.css_tanimla .gerekli_bilgiler table tr.ek_hizmetler_tr label strong {
font-size: 20px;
font-weight: 700;
line-height: 1.4;
color: var(--acikmavi_yazi);
display: block;
margin-top: 2px;
}
.css_tanimla .gerekli_bilgiler table tr.ek_hizmetler_tr label strong span {
float: left;
width: auto;
height: auto;
padding: 0px 10px 0px 0px;
color: var(--kirmizi);
}
.css_tanimla .gerekli_bilgiler table tr.ek_hizmetler_tr label font {
width: calc(100% - 119px);
height: auto;
overflow: hidden;
display: block;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
color: var(--acikmavi_yazi);
display: block;
padding-right: 30px;
}
.css_tanimla .gerekli_bilgiler table tr.ek_hizmetler_tr textarea {
width: calc(100% - 32px);
height: auto;
overflow: hidden;
display: block;
position: relative;
border: 1px solid var(--gri);
padding: 15px 15px;
}
.css_tanimla .gerekli_bilgiler table tr.ek_hizmetler_tr textarea:focus {
border: 1px solid var(--gri);
padding: 15px 15px;
}

.kampanya_bilgi_alani {
width: calc(100% - 122px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 45px 30px 45px 30px;
padding: 30px 30px 30px 30px;
background: #f3f7fb;
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
border: 1px solid var(--acikmavi);
}
.kampanya_bilgi_alani .kamp_sol {
width: 300px;
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 0px 60px 0px 0px;
z-index: 3;
}
.kampanya_bilgi_alani .kamp_sag {
width: calc(100% - 360px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
z-index: 3;
}

.kampanya_bilgi_alani .kamp_sol h2 {
font-size: 20px;
font-weight: 700;
color: var(--turuncu);
}
.kampanya_bilgi_alani .kamp_sol h3 {
font-size: 28px;
font-weight: 900;
color: var(--acikmavi_yazi);
}
.kampanya_bilgi_alani .kamp_sag strong {
width: 100%;
height: 36px;
line-height: 36px;
overflow: hidden;
display: block;
position: relative;
font-size: 20px;
font-weight: 900;
color: var(--turuncu);
text-align: left;
}
.kampanya_bilgi_alani .kamp_sag p {
width: 100%;
height: auto;
line-height: 1.6;
overflow: hidden;
display: block;
position: relative;
font-size: 16px;
font-weight: 400;
color: var(--acikmavi_yazi);
}
.kampanya_bilgi_alani .kupon_kodu_ic {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 10px;
}
.kampanya_bilgi_alani #cpnCode {
width: auto;
height: 38px;
line-height: 38px;
overflow: hidden;
display: table;
border: 1px dashed var(--turuncu);
padding: 0px 15px;
border-right: 0;
float: left;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.kampanya_bilgi_alani #cpnBtn {
width: auto;
height: 38px;
line-height: 38px;
overflow: hidden;
display: table;
border: 1px solid var(--turuncu);
background: var(--turuncu);
padding: 0px 15px;
color: var(--beyaz);
cursor: pointer;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

.kampanya_bilgi_alani .timeContainer {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin-top: 5px;
}
.kampanya_bilgi_alani .timeContainer .wrapper {
width: auto;
height: auto;
overflow: hidden;
display: block;
}
.kampanya_bilgi_alani .timeContainer .wrapper div {
width: calc(25% - 5px);
height: auto;
overflow: hidden;
display: block;
text-align: center;
color: var(--beyaz);
padding: 10px 0px;
border-radius: 5px;
font-size: 12px;
font-weight: 400;
float: left;
margin-right: 5px;
}
.kampanya_bilgi_alani .timeContainer .wrapper div:first-child {
background: var(--acikmavi_yazi);
color: var(--beyaz);
}
.kampanya_bilgi_alani .timeContainer .wrapper div:nth-child(2) {
background: var(--acikmavi_yazi);
color: var(--beyaz);
}
.kampanya_bilgi_alani .timeContainer .wrapper div:nth-child(3) {
background: var(--siyah);
color: var(--beyaz);
}
.kampanya_bilgi_alani .timeContainer .wrapper div:last-child {
background: var(--siyah);
color: var(--beyaz);
}
.kampanya_bilgi_alani .timeContainer .wrapper div h4 {
font-size: 28px;
font-weight: 700;
margin-bottom: 5px;
}

.kampanya_bilgi_alani span.close-icon {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 8px;
right: 10px;
padding-left: 2px;
font-size: 18px;
color: var(--acikmavi_yazi);
cursor: pointer;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.kampanya_bilgi_alani span.close-icon:hover {
color: var(--turuncu);
}

.referans_kategori {
display: block;
}
.referans_kategori .anascriptlist h4 {
font-size: 16px;
margin-top: 10px;
color: var(--acikmavi_yazi);
font-family: var(--thor_font);
}
.referans_kategori .anascriptlist h4 span {
line-height: 2;
font-size: 14px;
color: var(--turuncu);
margin: 5px 0px;
}


.site_alt_aciklama {
width: calc(100% - 62px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 45px 0px 45px 0px;
padding: 30px 30px 30px 30px;
background: #f3f7fb;
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
border: 1px solid var(--acikmavi);
}
.site_alt_aciklama p {
font-size: 14px;
line-height: 1.5;
color: var(--acikmavi_yazi);
margin-bottom: 15px;
}
.site_alt_aciklama p:last-child {
margin-bottom: 0px;
}

.referans_detay {
display: block;
}
.referans_detay .referans_detay_yazi {
display: block;
}
.referans_detay .referans_detay_yazi p {
font-size: 15px;
line-height: 1.5;
color: var(--acikmavi_yazi);
margin-bottom: 15px;
}
.referans_detay .referans_detay_yazi p:last-child {
margin-bottom: 0px;
}
.referans_detay .scriptrightside ul.yan_ozellik_ul,
.referans_detay .scriptrightside .sunucugereksinim ul {
width: 100%;
height: auto;
display: block;
overflow: hidden;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.referans_detay .scriptrightside ul.yan_ozellik_ul li,
.referans_detay .scriptrightside .sunucugereksinim ul li {
font-size: 15px;
line-height: 22px;
color: var(--acikmavi_yazi);
margin-bottom: 10px;
}
.referans_detay .scriptrightside ul.yan_ozellik_ul li i,
.referans_detay .scriptrightside .sunucugereksinim ul li i {
width: 22px;
height: 22px;
line-height: 22px;
overflow: hidden;
display: block;
position: relative;
content: "";
top: 0px;
left: 0px;
padding: 0px 0px 0px 0px;
color: var(--acikmavi_yazi);
border-radius: 100%;
text-align: center;
font-size: 11px;
float: left;
margin-right: 5px;
}

.referans_detay .scriptrightside .paypasbutonlar {
width: 100%;
height: auto;
display: block;
overflow: hidden;
text-align: center;
margin: 10px auto 0px auto;
float: unset;
}
.referans_detay .scriptrightside .paypasbutonlar a {
float: unset;
display: inline-table;
margin: 0px 5px;
}
.referans_detay .scriptrightside .kategori {
width: 100%;
height: auto;
overflow: hidden;
display: block;
text-align: center;
}
.referans_detay .scriptrightside .kategori .lbtn {
margin: 0px auto;
}
.referans_detay .scriptrightside .yesilbtn {
width: 100%!important;
}
.referans_detay .scriptlisttitle {
color: var(--acikmavi_yazi);
}
.referans_detay .anascriptlist h4 {
font-size: 16px;
margin-top: 10px;
color: var(--acikmavi_yazi);
font-family: var(--thor_font);
}
.referans_detay .anascriptlist h4 span {
line-height: 2;
font-size: 14px;
color: var(--turuncu);
margin: 5px 0px;
}






.bilgi_bankasi_arama {
width: calc(100% - 0%);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px auto;
}
.bilgi_bankasi_arama form#SearchForm {
display: block;
position: relative;
}
.bilgi_bankasi_arama form#SearchForm input[name="q"] {
width: calc(100% - 290px);
height: 62px;
overflow: hidden;
display: block;
position: relative;
border-radius: 50px;
outline: none;
border: 5px solid var(--acikmavi);
color: var(--acikmavi_yazi);
margin: 0px 0px 0px 0px;
font-size: 18px;
font-weight: 700;
padding: 0px 200px 0px 80px;
}
.bilgi_bankasi_arama form#SearchForm input[name="q"]:focus {
padding: 0px 200px 0px 80px!important;
}
.bilgi_bankasi_arama form#SearchForm i.fa-solid.fa-magnifying-glass {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
content: "";
z-index: 1;
top: calc(50% - 18px);
left: 18px;
font-size: 36px;
color: var(--acikmavi);
padding: 0px 2px;
}
.bilgi_bankasi_arama form#SearchForm a.search {
width: auto;
height: 52px;
line-height: 52px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: absolute;
content: "";
z-index: 2;
top: 10px;
right: 10px;
background: transparent;
color: var(--beyaz);
text-align: center;
outline: none;
cursor: pointer;
padding: 0px 60px 0px 30px;
transition: all 900ms ease;
float: left;
background-image: linear-gradient(to left,
var(--turuncu),
var(--sari) 50%,
var(--sari) 50%,
var(--sari));
background-position: 99% 0;
background-size: 200% 100%;
transition: all .25s ease-in;
border-radius: 50px;
border: 0px;
}
.bilgi_bankasi_arama form#SearchForm a.search:hover {
background-position: 0 0;
color: var(--beyaz);
}
.bilgi_bankasi_arama form#SearchForm a.search i {
position: absolute;
right: 30px;
top: calc(50% - 7px);
font-size: 18px;
color: var(--beyaz);
}

.bilgi_bankasi_sol {
width: calc(100% - 445px);
height: auto;
display: block;
position: relative;
margin: 0px 45px 0px 0px;
float: left;
}
.bilgi_bankasi_sol h4 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 22px;
font-weight: 700;
color: var(--turuncu);
margin: 30px 0px 15px 0px;
padding-bottom: 15px;
border-bottom: 1px solid var(--gri);
}
.bilgi_bankasi_sol ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;
position: relative;
}
.bilgi_bankasi_sol ul li {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 15px 0px;
padding: 15px 15px 15px 15px;
border-radius: 5px;
/*border: 1px solid var(--gri);*/
box-shadow: 0px 0px 20px 1px rgb(3 15 39 / 10%);
-moz-box-shadow: 0px 0px 20px 1px rgb(3 15 39 / 10%);
-webkit-box-shadow: 0px 0px 20px 1px rgb(3 15 39 / 10%);
}
.bilgi_bankasi_sol ul li a {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin: 0px 0px 0px 0px;
}
.bilgi_bankasi_sol ul li a i {
width: 28px;
height: 28px;
line-height: 28px;
overflow: hidden;
display: block;
float: left;
text-align: center;
margin-right: 10px;
font-size: 16px;
background: var(--acikmavi);
color: var(--acikmavi_yazi);
border-radius: 100%;
}
.bilgi_bankasi_sol ul li a strong {
width: calc(100% - 38px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
font-size: 16px;
font-weight: 700;
color: var(--acikmavi_yazi);
margin-top: 2px;
text-align: left;
}
.bilgi_bankasi_sol ul li a:hover strong {
color: var(--turuncu);
}
.bilgi_bankasi_sol ul li span {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin: 15px 0px 0px 0px;
padding: 15px 0px 0px 0px;
border-top: 1px solid var(--gri);
}

.bilgi_bankasi_sag {
width: 400px;
height: auto;
display: block;
position: relative;
float: left;
margin: 0px 0px 0px 0px;
}
.bilgi_bankasi_sag ul.sag_bil_kat,
.detay_yazisi_sag ul.sag_bil_kat,
.blog_kat_sag ul.sag_bil_kat {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
display: block;
float: unset;
position: relative;
padding: 30px 30px 30px 30px;
margin: 0px 0px 0px 0px;
background:
radial-gradient(circle at 1% 52%,
rgb(255 255 255 / 5%) 0%,
rgba(139, 139, 139, .05) 50%,
rgba(21, 21, 21, .05) 50%,
rgb(255 255 255 / 5%) 100%),
radial-gradient(circle at 41% 28%,
rgba(81, 81, 81, .05) 0%,
rgba(81, 81, 81, .05) 50%,
rgba(7, 7, 7, .05) 50%,
rgb(255 255 255 / 5%) 100%),
radial-gradient(circle at 48% 1%,
rgba(93, 93, 93, .05) 0%,
rgba(93, 93, 93, .05) 50%,
rgba(7, 7, 7, .05) 50%,
rgba(7, 7, 7, .05) 100%),
linear-gradient(255deg,
rgb(255 255 255), #ffffff);
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;
}
.bilgi_bankasi_sag ul.sag_bil_kat h4,
.detay_yazisi_sag ul.sag_bil_kat h4,
.blog_kat_sag ul.sag_bil_kat h4 {
display: block;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
font-size: 24px;
font-weight: 700;
color: var(--acikmavi_yazi);
}
.bilgi_bankasi_sag ul.sag_bil_kat li,
.detay_yazisi_sag ul.sag_bil_kat li,
.blog_kat_sag ul.sag_bil_kat li {
display: block;
overflow: hidden;
margin: 0px 0px 8px 0px;
padding: 8px 0px 8px 0px;
-webkit-box-shadow: 0 6px 20px -18px #000000;
-moz-box-shadow: 0 6px 20px -18px #000000;
box-shadow: 0 6px 20px -18px #000000;
}
.bilgi_bankasi_sag ul.sag_bil_kat li a,
.detay_yazisi_sag ul.sag_bil_kat li a,
.blog_kat_sag ul.sag_bil_kat li a {
width: 100%;
height: auto;
font-size: 16px;
line-height: 1.6;
display: block;
overflow: hidden;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px;
color: var(--acikmavi_yazi);
background: transparent;
}
.bilgi_bankasi_sag ul.sag_bil_kat li a span,
.detay_yazisi_sag ul.sag_bil_kat li a span,
.blog_kat_sag ul.sag_bil_kat li a span {
color: var(--turuncu);
font-weight: 700;
}
.bilgi_bankasi_sag ul.sag_bil_kat li a:hover,
.detay_yazisi_sag ul.sag_bil_kat li a:hover,
.blog_kat_sag ul.sag_bil_kat li a:hover {
background: transparent;
color: var(--turuncu);
}


.bilgi_bankasi_sag ul.sag_bil_pop,
.detay_yazisi_sag ul.sag_bil_pop,
.blog_kat_sag ul.sag_bil_pop {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 30px 0px 0px 0px;
padding: 0px 0px;
}
.bilgi_bankasi_sag ul.sag_bil_pop h4,
.detay_yazisi_sag ul.sag_bil_pop h4,
.blog_kat_sag ul.sag_bil_pop h4 {
display: block;
margin: 0px 0px 15px 0px;
padding: 0px 0px 10px 0px;
font-size: 24px;
font-weight: 700;
color: var(--acikmavi_yazi);
border-bottom: 1px solid var(--gri);
}
.bilgi_bankasi_sag ul.sag_bil_pop li,
.detay_yazisi_sag ul.sag_bil_pop li,
.blog_kat_sag ul.sag_bil_pop li {
width: 100%;
height: auto;
overflow: hidden;
display: block;
border-bottom: 1px solid var(--gri);
padding-bottom: 10px;
margin-bottom: 15px;
}
.bilgi_bankasi_sag ul.sag_bil_pop li:last-child,
.detay_yazisi_sag ul.sag_bil_pop li:last-child,
.blog_kat_sag ul.sag_bil_pop li:last-child {
border-bottom: 0px;
}
.bilgi_bankasi_sag ul.sag_bil_pop li a,
.detay_yazisi_sag ul.sag_bil_pop li a,
.blog_kat_sag ul.sag_bil_pop li a {
display: block;
line-height: 1.6;
color: var(--acikmavi_yazi);
}
.bilgi_bankasi_sag ul.sag_bil_pop li a i,
.detay_yazisi_sag ul.sag_bil_pop li a i,
.blog_kat_sag ul.sag_bil_pop li a i {
font-size: 12px;
margin-right: 5px;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.bilgi_bankasi_sag ul.sag_bil_pop li a span,
.detay_yazisi_sag ul.sag_bil_pop li a span,
.blog_kat_sag ul.sag_bil_pop li a span {
font-size: 16px;
}
.bilgi_bankasi_sag ul.sag_bil_pop li a:hover,
.detay_yazisi_sag ul.sag_bil_pop li a:hover,
.blog_kat_sag ul.sag_bil_pop li a:hover {
color: var(--turuncu);
}

.bilgi_detay_sol {
width: calc(100% - 445px);
height: auto;
display: block;
position: relative;
margin: 0px 45px 0px 0px;
float: left;
}
.bilgi_detay_sol .baslik {
width: calc(100% - 0px);
height: auto;
display: block;
position: relative;
margin: 0px 0px 15px 0px;
padding: 0px 0px 15px 0px;
border-bottom: 1px solid var(--gri);
}
.bilgi_detay_sol .baslik h2 {
font-size: 2em;
font-weight: 700;
color: var(--acikmavi_yazi);
}
.bilgi_detay_sol .aciklama {
width: calc(100% - 0px);
height: auto;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.bilgi_detay_sol .aciklama p {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
color: var(--acikmavi_yazi);
}
.bilgi_detay_sol .openticket {
width: calc(100% - 32px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px 15px 15px;
margin: 45px 0px 0px 0px;
border-radius: 5px;
text-align: center;
border: 1px solid var(--gri);
}
.bilgi_detay_sol .openticket h4 {
font-size: 18px;
font-weight: 700;
color: var(--turuncu);
line-height: 1.6;
margin-bottom: 5px;
}
.bilgi_detay_sol .openticket p {
font-size: 15px;
font-weight: 400;
color: var(--acikmavi_yazi);
line-height: 1.6;
margin-bottom: 10px;
}
.bilgi_detay_sol .openticket .lbtn {
padding: 10px 15px;
}
.bilgi_detay_sol .faydalimi {
margin-top: 30px;
}

.detay_yazisi_sol {
/*width: calc(100% - 461px);*/
width: calc(100% - 445px);
height: auto;
display: block;
overflow: hidden;
position: relative;
margin: 0px 45px 0px 0px;
/*margin: 0px 30px 0px 0px;
padding: 0px 30px 0px 0px;*/
float: left;
color: var(--acikmavi_yazi);
/*border-right: 1px solid var(--gri);*/
}
.detay_yazisi_sol img {
width: auto;
height: 350px;
overflow: hidden;
display: table;
-o-object-fit: contain;
object-fit: contain;
margin: 0px auto 15px auto;
}

.detay_yazisi_sol p {
font-size: 16px;
font-weight: 400;
margin-bottom: 15px;
line-height: 1.6;
}
.detay_yazisi_sol ul li,
.detay_yazisi_sol ol li {
font-size: 16px;
font-weight: 400;
margin-bottom: 15px;
line-height: 1.6;
}

.detay_yazisi_sol h1 {
font-size: 28px;
font-weight: 700;
}
.detay_yazisi_sol h2 {
font-size: 24px;
font-weight: 700;
}
.detay_yazisi_sol h3 {
font-size: 20px;
font-weight: 700;
}
.detay_yazisi_sol h4,
.detay_yazisi_sol h5 {
font-size: 16px;
font-weight: 700;
}
.detay_yazisi_sag,
.blog_kat_sag {
width: 400px;
height: auto;
display: block;
position: relative;
float: left;
margin: 0px 0px 0px 0px;
}

.blog_kat_sol {
width: calc(100% - 445px);
height: auto;
display: block;
overflow: hidden;
position: relative;
margin: 0px 45px 0px 0px;
float: left;
color: var(--acikmavi_yazi);
}

.blog_kat_sol .blog {
width: calc(50% - 15px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 0px 30px 30px 0px;
padding-bottom: 15px;
}
.blog_kat_sol .blog:nth-of-type(2n) {
margin: 0px 0px 30px 0px;
}
.blog_kat_sol .blog figure {
display: block;
border-radius: 15px;
}
.blog_kat_sol .blog figure img {
width: 100%;
height: 270px;
overflow: hidden;
display: block;
border-radius: 15px;
}
.blog_kat_sol .blog div {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 15px;
background: var(--beyaz);
margin-top: -35px;
border-radius: 15px;
box-shadow: 0px 8px 15px -9px rgba(0, 0, 0, .5);
}
.blog_kat_sol .blog div span {
width: calc(100% - 40px);
height: auto;
line-height: 2;
overflow: hidden;
display: block;
position: relative;
padding: 0px 20px;
font-size: 14px;
font-weight: 500;
color: var(--sari);
margin: 20px 0px 0px 0px;
}
.blog_kat_sol .blog div span:after {
width: 5px;
height: 98%;
overflow: hidden;
display: block;
position: absolute;
content: "";
left: 0px;
top: 0px;
background: var(--sari);
}
.blog_kat_sol .blog div h3 {
width: calc(100% - 40px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
padding: 0px 20px;
font-size: 18px;
font-weight: 700;
color: var(--acikmavi_yazi);
margin: 5px 0px 0px 0px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.blog_kat_sol .blog div p {
width: calc(100% - 40px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
padding: 0px 20px;
font-size: 16px;
font-weight: 400;
color: var(--acikmavi_yazi);
margin: 5px 0px 20px 0px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.blog_kat_sol .blog a {
display: block;
}
.blog_kat_sol .blog:hover div h3 {
color: var(--sari);
}


.sayfalama {
margin: 15px auto!important;
}
.sayfalama .sayfalama-active a {
background-color: var(--turuncu)!important;
color: var(--beyaz)!important;
border: 1px solid var(--turuncu)!important;
}

.sayfalama span a {
text-decoration: none;
border-radius: 5px;
font-size: 15px;
border: 1px solid var(--acikmavi_yazi)!important;
padding: 10px 15px!important;
margin: 0px 2px;
font-weight: 600;
color: var(--acikmavi_yazi)!important;
}
.sayfalama span a:hover {
background-color: var(--acikmavi_yazi)!important;
color: var(--beyaz)!important;
border: 1px solid var(--acikmavi_yazi)!important;
}

.yazilim_sag {
width: 400px;
height: auto;
position: -webkit-sticky;
position: sticky;
float: right;
margin: 0px 0px 0px 0px;
}
ul.yazilim_sag_ozellikler {
width: calc(100% - 62px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 30px 30px 30px 30px;
margin: 0px 0px 30px 0px;
border-radius: 5px;
background: #f8f8f8;
border: 1px solid #dddddd;
}
ul.yazilim_sag_ozellikler li {
width: 100%;
height: auto;
line-height: 1.6;
overflow: hidden;
display: block;
margin: 0px 0px 8px 0px;
padding: 8px 0px 8px 0px;
-webkit-box-shadow: 0 6px 20px -18px #000000;
-moz-box-shadow: 0 6px 20px -18px #000000;
box-shadow: 0 6px 20px -18px #000000;
font-size: 15px;
font-weight: 400;
color: #606060;
}
ul.yazilim_sag_ozellikler li:last-child {
box-shadow: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
padding: 8px 0px 8px 0px;
}
ul.yazilim_sag_ozellikler li i {
margin-right: 8px;
font-size: 9px;
margin-top: 7px;
float: left;
padding-left: 1px;
}

.yazilim_sag .scriptpaylas.paypasbutonlar {
width: 100%;
height: auto;
display: block;
overflow: hidden;
text-align: center;
margin: 0px auto 0px auto;
float: unset;
}
.yazilim_sag .scriptpaylas.paypasbutonlar a {
float: unset;
display: inline-table;
margin: 0px 5px;
}

.yazilim_sag .fiyat_period {
width: calc(100% - 66px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 30px 15px 30px;
margin: 0px 0px 30px 0px;
border-radius: 5px;
background: #fff3cd;
border: 3px dashed #f1dc9b;
color: #856404;
text-align: center;
}
.yazilim_sag .fiyat_period strong {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 2em;
font-weight: 900;
}
.yazilim_sag .fiyat_period strong i {
font-weight: 400;
}
.yazilim_sag .fiyat_period span {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 18px;
font-weight: 400;
margin-top: 10px;
}

.yazilim_sag a.demo_link,
.yazilim_sag a.demo_admin_link {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: var(--mavi_iki);
padding: 15px 30px 15px 30px;
color: var(--beyaz);
text-align: center;
border-radius: 5px;
margin-bottom: 5px;
}
.yazilim_sag a.demo_admin_link {
background: var(--mavi_iki);
}
.yazilim_sag a.demo_link:hover,
.yazilim_sag a.demo_admin_link:hover {
background: var(--lacivert);
}
.yazilim_sag a.demo_link i,
.yazilim_sag a.demo_admin_link i {
font-size: 16px;
margin-right: 5px;
}
.yazilim_sag a.demo_link span,
.yazilim_sag a.demo_admin_link span {
font-size: 16px;
font-weight: 400;
margin-top: 0px;
}

.yazilim_sag a.buy_link {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 30px 15px 30px;
color: var(--beyaz);
text-align: center;
border-radius: 5px;
margin-top: 25px;
background-image: linear-gradient(to left,
var(--yesil),
var(--yesil_iki) 50%,
var(--yesil_iki) 50%,
var(--yesil_iki));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
}
.yazilim_sag a.buy_link:hover {
background-position: 0 0;
color: var(--beyaz);
}
.yazilim_sag a.buy_link i {
font-size: 16px;
margin-right: 5px;
}
.yazilim_sag a.buy_link span {
font-size: 16px;
font-weight: 400;
margin-top: 0px;
}


.yazilim_sag .sunucu_gereksinimi {
width: calc(100% - 62px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 30px 15px 30px;
margin: 30px 0px 30px 0px;
border-radius: 5px;
background: #f8d7da;
border: 1px solid #f5c6cb;
color: #721c24;
font-size: 15px;
}
.yazilim_sag .sunucu_gereksinimi h3 {
font-size: 18px;
font-weight: 700;
display: block;
text-align: left;
margin-bottom: 10px;
}
.yazilim_sag .sunucu_gereksinimi span {
line-height: 1.6;
}









.yazilim_sol {
width: calc(100% - 445px);
height: auto;
display: block;
position: relative;
margin: 0px 45px 0px 0px;
float: left;
}
.yazilim_sol figure {
width: calc(100%);
height: auto;
display: block;
overflow: hidden;
}
.yazilim_sol figure img {
width: calc(100%);
height: auto;
display: block;
overflow: hidden;
}

.yazilim_sol_aciklama {
display: block;
color: var(--acikmavi_yazi);
margin: 30px 0px 0px 0px;
}
.surumgecmisi div  {
color: var(--acikmavi_yazi);
}
.yazilim_sol_aciklama p,
.surumgecmisi div p {
font-size: 16px;
font-weight: 400;
margin-bottom: 15px;
line-height: 1.6;
}
.yazilim_sol_aciklama ul li,
.yazilim_sol_aciklama ol li,
.surumgecmisi div li {
font-size: 16px;
font-weight: 400;
margin-bottom: 5px;
line-height: 1.6;
}

.yazilim_sol_aciklama h1,
.surumgecmisi div h1 {
font-size: 28px;
font-weight: 700;
}
.yazilim_sol_aciklama h2,
.surumgecmisi div h2 {
font-size: 24px;
font-weight: 700;
}
.yazilim_sol_aciklama h3,
.surumgecmisi div h3 {
font-size: 20px;
font-weight: 700;
}
.yazilim_sol_aciklama h4,
.yazilim_sol_aciklama h5,
.surumgecmisi div h4,
.surumgecmisi div h5 {
font-size: 16px;
font-weight: 700;
}

.surumgecmisi .ui-icon,
.surumgecmisi .ui-button:active .ui-icon,
.surumgecmisi .ui-icon {
display: none;
}


.surumgecmisi strong.the_baslik.ui-accordion-header-active:hover {
color: var(--beyaz);
}
.surumgecmisi strong.the_baslik:hover,
.surumgecmisi strong.the_baslik {
color: var(--siyah);
}
.surumgecmisi strong.the_baslik i {
margin-right: 10px;
}
.surumgecmisi .ui-state-active {
background: var(--turuncu);
color: var(--beyaz);
}
.surumgecmisi strong.the_baslik.ui-accordion-header-active {
color: var(--beyaz);
}
.surumgecmisi strong.the_baslik.ui-accordion-header-active i {
transform: rotate(90deg);
}

ul.yazilim_sol_ozellikleri {
width: calc(100% - 0px);
height: auto;
display: flex;
flex-flow: wrap;
position: relative;
padding: 0px 0px 0px 0px;
margin: 45px 0px 0px 0px;
text-align: center;
}
ul.yazilim_sol_ozellikleri li {
width: calc(33.333333% - 61px);
height: auto;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 30px 30px 30px 30px;
border-bottom: 1px solid rgba(112, 112, 112, 0.13);
border-right: 1px solid rgba(112, 112, 112, 0.13);
transition: .3s ease-in-out;
cursor: default;
}
ul.yazilim_sol_ozellikleri li:nth-of-type(3n) {
border-right: 0 none;
}
ul.yazilim_sol_ozellikleri li:hover {
background: #ffffff;
border-color: #ffffff !important;
box-shadow: rgba(0, 0, 0, 0.3) 0 2px 30px -10px !important;
border-radius: 10px;
transform: scale(1.02);
}
ul.yazilim_sol_ozellikleri li img {
width: auto;
height: 64px;
overflow: hidden;
display: table;
-o-object-fit: contain;
object-fit: contain;
margin: 0px auto 15px auto;
}
ul.yazilim_sol_ozellikleri li strong {
font-size: 18px;
font-weight: 700;
color: var(--acikmavi_yazi);
overflow: hidden;
display: table;
margin: 0px auto 15px auto;
}
ul.yazilim_sol_ozellikleri li p {
line-height: 1.6;
font-size: 14px;
font-weight: 400;
color: var(--acikmavi_yazi);
overflow: hidden;
display: table;
margin: 0px auto 0px auto;
}
ul.yazilim_sol_ozellikleri li i {
width: auto;
height: auto;
display: table;
font-size: 4em;
color: var(--acikmavi_yazi);
margin: 0px auto 15px auto;
}



#yazilimlar_listele.yazilimlar_listele_pop .yazilimlar_listele {
width: calc(25% - 20px);
}
#yazilimlar_listele.yazilimlar_listele_pop .yazilimlar_listele:nth-of-type(3n) {
margin: 30px 30px 0px 0px;
}
#yazilimlar_listele.yazilimlar_listele_pop .yazilimlar_listele:nth-of-type(4n) {
margin: 30px 0px 0px 0px;
}
.popbas h4.scriptlisttitle {
width: 100%;
font-size: 2em;
padding-bottom: 0px;
border-bottom: 0px;
color: var(--acikmavi_yazi);
margin-top: 0px;
margin: 45px 0px 0px 0px;
font-weight: 700;
text-align: center;
}







.uyeol {
position:absolute;
width: 60%!important;
border-radius:0;
margin: 0px auto!important;
right:0;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
background: #ffffff;
border-radius: 30px;
}
#uyeolgirisbody {
background: #efefef!important;
}
#uyeolgiris:before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 50%;
min-height: 100vh;
justify-content: center;
align-items: center;
padding: 0px 0px;
border-radius: 0 100% 100% 0;
background: #fff;
background: linear-gradient(132deg, #FC415A, #591BC5, #212335);
background-size: 400% 400%;
animation: Gradient 15s ease infinite;
}
@keyframes Gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
#Signin_Form {
width: 75%;
margin: 0px auto!important;
}
#Signforget_Form {
width: 75%;
margin: 0px auto 0px auto!important;
}
.giris_sag .sifreunuttulink {
margin-top: 3px;
}
.inputlar_form,
.inputlar_form_iki {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.inputlar_form input,
.inputlar_form_iki input {
width: calc(100% - 67px);
height: auto;
overflow: hidden;
display: block;
position: relative;
border-radius: 100px;
border: 1px solid #d9d9d9;
padding: 14.5px 45px 14.5px 20px!important;
margin-bottom: 15px;
}
.inputlar_form input:focus,
.inputlar_form_iki input:focus {
border: 1px solid var(--acikmavi_yazi);
border-bottom-color: var(--acikmavi_yazi)!important;
}
.inputlar_form i,
.inputlar_form_iki i {
width: auto;
height: auto;
overflow: hidden;
position: absolute;
content: "";
top: 16px;
right: 18px;
font-size: 18px;
color: var(--acikmavi_yazi);
font-family: "Font Awesome 6 Free";
content: "\f0e0";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
}


#Signforget_Form{width:70%;margin:auto;margin-top:105px}
#Signforget_Form input{margin-bottom:20px}

#Signforget_Form strong {
margin-top: 66px;
}
#Signin_Form strong,
#Signforget_Form strong {
width: 100%;
height: auto;
overflow: hidden;
display: block;
text-align: center;
font-size: 28px;
font-weight: 600;
line-height: 1.6;
color: var(--acikmavi_yazi);
}
#Signin_Form p,
#Signforget_Form p {
width: 100%;
height: auto;
overflow: hidden;
display: block;
text-align: center;
font-size: 15px;
font-weight: 400;
line-height: 1.4;
color: var(--acikmavi_yazi);
margin-bottom: 15px;
}

.giris_sol {
width: calc(50% - 60px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
padding: 30px;
}
.giris_sol img {
width: 200px;
height: auto;
overflow: hidden;
display: block;
margin: 30px auto 30px auto;
}
.giris_sol div {
display: block;
overflow: hidden;
text-align: center;
}
.giris_sol div span {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 16px;
font-weight: 400;
line-height: 1.6;
color: var(--acikmavi_yazi);
}
.giris_sol div h1 {
color: var(--acikmavi_yazi);
margin-bottom: 10px;
}
.giris_sol div a.gonderbtn {
margin-top: 15px;
color: var(--turuncu);
border: 2px solid var(--turuncu);
}
.giris_sol div a.gonderbtn:hover {
color: var(--beyaz);
background-color: var(--turuncu);
}
.giris_sag {
width: calc(50% - 60px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: right;
padding: 30px;
}
.giris_sag:after {
width: 1px;
height: calc(100% - 60px);
overflow: hidden;
display: block;
position: absolute;
content: "";
background: #dedede;
left: 0px;
top: 30px;
}
.giris_sag .yesilbtn {
width: calc(70% - 0px)!important;
height: 56px!important;
line-height: 56px!important;
font-size: 16px!important;
font-weight: 400!important;
display: inline-block!important;
overflow: hidden!important;
position: relative!important;
background: transparent!important;
color: var(--beyaz)!important;
text-align: center!important;
z-index: 1!important;
border: 0px!important;
outline: none!important;
cursor: pointer!important;
margin: 10px auto 0px auto!important;
padding: 0px 0px 0px 0px!important;
transition: all 900ms ease!important;
background-image: linear-gradient(to left,
var(--turuncu),
var(--sari) 50%,
var(--sari) 50%,
var(--sari))!important;
background-position: 100% 0!important;
background-size: 200% 100%!important;
transition: all .25s ease-in!important;
border-radius: 100px!important;
}
.giris_sag .yesilbtn:hover {
background-position: 0 0!important;
color: var(--beyaz)!important;
}
ul.sosyal_medya_uye {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
ul.sosyal_medya_uye li {
width: 32px;
height: 32px;
line-height: 32px;
overflow: hidden;
display: inline-table;
position: relative;
margin: 0px 5px;
}
ul.sosyal_medya_uye li a {
width: 32px;
height: 32px;
line-height: 32px;
overflow: hidden;
display: inline-table;
position: relative;
border-radius: 100%;
color: var(--acikmavi_yazi);
border: 1px solid var(--acikmavi_yazi);
background: transparent;
}
ul.sosyal_medya_uye li a:hover {
color: var(--beyaz);
border: 1px solid var(--turuncu);
background: var(--turuncu);
}

.signupcon {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 30px 30px;
}
.uye_ol_ust {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 30px;
}
.uye_ol_ust h3 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
text-align: center;
font-size: 28px;
font-weight: 600;
line-height: 1.6;
color: var(--turuncu);
}
.uye_ol_ust div {
width: auto;
height: auto;
overflow: hidden;
display: table;
position: relative;
margin: 0px auto;
text-align: center;
}
.uye_ol_ust div label span {
margin-top: 5px;
float: right;
}
.uye_ol_ust img {
width: 200px;
height: auto;
overflow: hidden;
display: block;
margin: 0px auto 30px auto;
}

.genel_inputlar,
.genel_inputlar_iki {
display: block;
overflow: hidden;
}
.genel_inputlar .inputlar_form {
width: calc(50% - 8px);
float: left;
margin-right: 15px;
}
.genel_inputlar .inputlar_form:nth-of-type(2n) {
margin-right: 0px;
}
.genel_inputlar_iki .inputlar_form {
width: calc(100% - 0px);
}
.genel_inputlar_iki .inputlar_form:nth-of-type(2n),
.genel_inputlar_iki .inputlar_form:nth-of-type(3n) {
width: calc(50% - 8px);
margin-right: 15px;
float: left;
}
.genel_inputlar_iki .inputlar_form:nth-of-type(3n) {
margin-right: 0px;
}

.inputlar_form_iki input#gsm {
width: calc(100% - 0px);
padding: 14.5px 45px 14.5px 84px!important;
}
.inputlar_form_iki{
margin-bottom: 15px!important;
}

.inputlar_form select {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
border-radius: 100px;
border: 1px solid #d9d9d9;
padding: 14.5px 45px 14.5px 20px!important;
margin-bottom: 15px;
}
.inputlar_form select:focus {
border: 1px solid var(--acikmavi_yazi);
border-bottom-color: var(--acikmavi_yazi)!important;
}
.inputlar_form_iki .intl-tel-input.separate-dial-code .selected-flag {
-webkit-border-top-left-radius: 100px;
-webkit-border-bottom-left-radius: 100px;
-moz-border-radius-topleft: 100px;
-moz-border-radius-bottomleft: 100px;
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
}

.inputlar_form .sbtn {
width: calc(100% - 14px);
color: var(--acikmavi_yazi);
}
.inputlar_form .sbtn:hover {
background: var(--acikmavi_yazi);
border-radius: 5px;
border: 1px solid;
color: var(--beyaz);
}
.inputlar_form .sbtn i {
top: 9px;
}
.inputlar_form .sbtn:hover i {
color: var(--beyaz);
}
.inputlar_form #weak,
.inputlar_form #good,
.inputlar_form #strong {
padding: 9px 6px;
}
.inputlar_form #weak {
color: #721c24;
background-color: #f8d7da;
}
.inputlar_form #good {
color: #856404;
background-color: #fff3cd;
}
.inputlar_form #strong {
color: #155724;
background-color: #d4edda;
}

.inputlar_form_check {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin-top: 15px;
}

#uyegirisi_yapsin {
text-align: center;
}
#uyegirisi_yapsin button {
width: calc(70% - 0px)!important;
height: 56px!important;
line-height: 56px!important;
font-size: 16px!important;
font-weight: 400!important;
display: inline-block!important;
overflow: hidden!important;
position: relative!important;
background: transparent!important;
color: var(--beyaz)!important;
text-align: center!important;
z-index: 1!important;
border: 0px!important;
outline: none!important;
cursor: pointer!important;
margin: 10px auto 0px auto!important;
padding: 0px 0px 0px 0px!important;
transition: all 900ms ease!important;
background-image: linear-gradient(to left,
var(--turuncu),
var(--sari) 50%,
var(--sari) 50%,
var(--sari))!important;
background-position: 100% 0!important;
background-size: 200% 100%!important;
transition: all .25s ease-in!important;
border-radius: 100px!important;
}
#uyegirisi_yapsin button:hover {
background-position: 0 0!important;
color: var(--beyaz)!important;
}
p.uye_ol_text {
width: 100%;
height: auto;
overflow: hidden;
display: block;
text-align: center;
margin-top: 15px;
}
p.uye_ol_text a {
font-weight: 700;
color: var(--turuncu);
}





#paketOzellikleri_Ortala {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}

ul.paket_sayfa_ozellikleri {
width: calc(100% - 0px);
height: auto;
display: flex;
flex-flow: wrap;
position: relative;
padding: 0px 0px 0px 0px;
text-align: center;
}
ul.paket_sayfa_ozellikleri li {
width: calc(33.333333% - 61px);
height: auto;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 30px 30px 30px 30px;
border-bottom: 1px solid rgba(112, 112, 112, 0.13);
border-right: 1px solid rgba(112, 112, 112, 0.13);
transition: .3s ease-in-out;
cursor: default;
}
ul.paket_sayfa_ozellikleri li:nth-of-type(3n) {
border-right: 0 none;
}
ul.paket_sayfa_ozellikleri li:nth-of-type(7n),
ul.paket_sayfa_ozellikleri li:nth-of-type(8n),
ul.paket_sayfa_ozellikleri li:nth-of-type(9n) {
border-bottom: 0 none;
}
ul.paket_sayfa_ozellikleri li:hover {
background: #ffffff;
border-color: #ffffff !important;
box-shadow: rgba(0, 0, 0, 0.3) 0 2px 30px -10px !important;
border-radius: 10px;
transform: scale(1.02);
}
ul.paket_sayfa_ozellikleri li img {
width: auto;
height: 64px;
overflow: hidden;
display: table;
-o-object-fit: contain;
object-fit: contain;
margin: 0px auto 15px auto;
}
ul.paket_sayfa_ozellikleri li strong {
font-size: 18px;
font-weight: 700;
color: var(--acikmavi_yazi);
overflow: hidden;
display: table;
margin: 0px auto 15px auto;
}
ul.paket_sayfa_ozellikleri li p {
line-height: 1.6;
font-size: 14px;
font-weight: 400;
color: var(--acikmavi_yazi);
overflow: hidden;
display: table;
margin: 0px auto 0px auto;
}
ul.paket_sayfa_ozellikleri li i {
width: auto;
height: auto;
display: table;
font-size: 4em;
color: var(--acikmavi_yazi);
margin: 0px auto 15px auto;
}

.sunucu_barindirma_sayfa {
display: block;
}
.sunucu_barindirma_sayfa ul.paket_sayfa_ozellikleri {
text-align: left;
}
.sunucu_barindirma_sayfa ul.paket_sayfa_ozellikleri li img {
width: 64px;
height: 64px;
margin: 0px 15px 0px 0px;
float: left;
}
.sunucu_barindirma_sayfa ul.paket_sayfa_ozellikleri li strong {
width: calc(100% - 80px);
margin: 10px 0px 5px 0px;
text-align: left;
}
.sunucu_barindirma_sayfa ul.paket_sayfa_ozellikleri li p {
width: calc(100% - 80px);
margin: 0px 0px 0px 0px!important;
text-align: left;
}
.sunucu_barindirma_sayfa p {
margin: 10px auto 30px auto!important;
}

.snc_brndrm_ozllk {
display: block;
}
.snc_brndrm_ozllk ul {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
columns: 4;
column-gap: 30px;
}
.snc_brndrm_ozllk ul li {
display: block;
margin: 0px 0px 0px 0px;
padding: 30px 15px 30px 15px;
text-align: center;
box-shadow: rgba(0, 0, 0, 0.3) 0 2px 30px -10px !important;
border-radius: 15px;
transition: .3s ease-in-out;
}
.snc_brndrm_ozllk ul li strong {
font-size: 2.5em;
font-weight: 700;
line-height: 1.6;
color: var(--acikmavi_yazi);
}
.snc_brndrm_ozllk ul li p {
line-height: 1.6;
font-size: 14px;
font-weight: 400;
color: var(--acikmavi_yazi);
}



.paket_bilgiMesaji,
.paket_talepOlustur,
.paket_ortak_ozellikler,
.paket_ortak_sistemler,
.paket_ortak_liste {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.paket_bilgiMesaji img {
width: auto;
height: 128px;
overflow: hidden;
display: table;
-o-object-fit: contain;
object-fit: contain;
margin: 0px auto 15px auto;
}
.paket_bilgiMesaji h2 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
font-size: 36px;
line-height: 1.4;
font-weight: 900;
color: var(--acikmavi_yazi);
}
.paket_bilgiMesaji p {
width: 70%;
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
font-size: 18px;
line-height: 1.6;
font-weight: 400;
color: var(--acikmavi_yazi);
margin: 10px auto 0px auto;
}
.paket_bilgiMesaji p b {
font-weight: 900;
}

.paket_talepOlustur {
padding: 60px 0px;
background:
radial-gradient(circle at 1% 52%,
rgba(139, 139, 139, .05) 0%,
rgba(139, 139, 139, .05) 50%,
rgba(21, 21, 21, .05) 50%,
rgba(21, 21, 21, .05) 100%),
radial-gradient(circle at 41% 28%,
rgba(81, 81, 81, .05) 0%,
rgba(81, 81, 81, .05) 50%,
rgba(7, 7, 7, .05) 50%,
rgba(7, 7, 7, .05) 100%),
radial-gradient(circle at 48% 1%,
rgba(93, 93, 93, .05) 0%,
rgba(93, 93, 93, .05) 50%,
rgba(7, 7, 7, .05) 50%,
rgba(7, 7, 7, .05) 100%),
linear-gradient(255deg, var(--mavi_iki), var(--lacivert));
background-repeat: no-repeat;
background-size: cover;
}
.paket_talepOlustur .ic {
width: calc(100% - 200px);
height: auto;
overflow: hidden;
display: block;
float: left;
}
.paket_talepOlustur .ic strong {
font-size: 32px;
font-weight: 900;
color: var(--beyaz);
}
.paket_talepOlustur .ic p {
font-size: 18px;
line-height: 1.6;
font-weight: 400;
color: var(--beyaz);
}
.paket_talepOlustur a {
width: calc(200px - 0px);
height: 48px;
line-height: 48px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 10px 0px 0px 0px;
padding: 5px 0px 5px 0px;
transition: all 900ms ease;
float: left;
background-image:
linear-gradient(to left,
var(--turuncu),
var(--sari) 50%,
var(--sari) 50%,
var(--sari));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
border-radius: 50px;
}
.paket_talepOlustur a:hover {
background-position: 0 0;
color: var(--beyaz);
}

ul.paket_sayfa_ozellikleri h2,
.paket_ortak_ozellikler h2,
.paket_ortak_sistemler h2,
.paket_ortak_isletimsistemleri h2,
.sunucu_barindirma_sayfa h2 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
font-size: 36px;
line-height: 1.4;
font-weight: 900;
color: var(--acikmavi_yazi);
}
ul.paket_sayfa_ozellikleri p,
.paket_ortak_ozellikler p,
.paket_ortak_sistemler p,
.paket_ortak_isletimsistemleri p,
.sunucu_barindirma_sayfa p {
width: 70%;
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
font-size: 18px;
line-height: 1.6;
font-weight: 400;
color: var(--acikmavi_yazi);
margin: 10px auto 0px auto;
}
.paket_ortak_ozellikler p b {
font-weight: 900;
}
.paket_ortak_ozellikler ul {
padding: 0px 0px;
margin: 60px 0px 0px 0px;
display: block;
overflow: hidden;
}
.paket_ortak_ozellikler ul li {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: flex;
flex-wrap: wrap;
padding: 0px 0px 0px 0px;
margin: 0px 0px 45px 0px;
align-items: center !important;
}
.paket_ortak_ozellikler ul li:last-child {
margin: 0px 0px 0px 0px;
}
.paket_ortak_ozellikler ul li img {
width: 562px;
height: auto;
overflow: hidden;
display: table;
-o-object-fit: contain;
object-fit: contain;
margin: 0px 45px 0px 0px;
float: left;

-webkit-border-radius: 20px;
-webkit-border-bottom-right-radius: 200px;
-moz-border-radius: 20px;
-moz-border-radius-bottomright: 200px;
border-radius: 20px;
border-bottom-right-radius: 200px;
}
.paket_ortak_ozellikler ul li:nth-of-type(2n) img {
order: 1 !important;
margin: 0px 0px 0px 30px;

-webkit-border-radius: 20px;
-webkit-border-bottom-left-radius: 200px;
-moz-border-radius: 20px;
-moz-border-radius-bottomleft: 200px;
border-radius: 20px;
border-bottom-left-radius: 200px;
}
.paket_ortak_ozellikler ul li div {
width: calc(100% - 620px);
height: auto;
overflow: hidden;
display: block;
}
.paket_ortak_ozellikler ul li div strong {
display: block;
font-size: 28px;
line-height: 1.4;
font-weight: 900;
color: var(--acikmavi_yazi);
margin: 5px 0px 15px 0px;
}
.paket_ortak_ozellikler ul li div span {
display: block;
font-size: 18px;
line-height: 1.6;
font-weight: 400;
color: var(--acikmavi_yazi);
margin: 0px 0px 0px 0px;
}
.paket_ortak_ozellikler ul li div span b {
font-weight: 900;
}
.paket_ortak_sistemler ul {
display: flex;
justify-content: space-around;
padding: 0px 0px 30px 0px;
margin: 45px 0px 0px 0px;
}
.paket_ortak_sistemler ul li {
display: flex;
flex-direction: column;
align-items: center;
font-weight: 600;
padding: 15px 30px;
margin: 0px 0px 0px 0px;
box-shadow: rgba(0, 0, 0, 0.3) 0 2px 30px -10px !important;
border-radius: 15px;
transition: .3s ease-in-out;
}
.paket_ortak_sistemler ul li:hover {
transform: scale(1.02);
}
.paket_ortak_sistemler ul li a {
text-align: center;
}
.paket_ortak_sistemler ul li a strong {
margin-top: 15px;
display: block;
border: 1px solid var(--acikmavi_yazi);
padding: 5px 0px;
border-radius: 5px;
}
.paket_ortak_sistemler ul li img {
width: 80px;
height: 80px;
overflow: hidden;
display: table;
-o-object-fit: contain;
object-fit: contain;
}
.paket_ortak_sistemler ul li strong {
font-size: 16px;
line-height: 1.4;
font-weight: 600;
color: var(--acikmavi_yazi);
margin-top: 10px;
}


.paket_ortak_isletimsistemleri {
width: 100%;
height: auto;
display: block;
position: relative;
}
.paket_ortak_isletimsistemleri ul {
padding: 0px 0px 0px 0px;
margin: 15px 0px 0px 0px;
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.paket_ortak_isletimsistemleri ul:nth-of-type(2n) {
margin: 45px 0px 0px 0px;
padding: 15px 0px 0px 0px;
border-top: 1px solid var(--gri);
}
.paket_ortak_isletimsistemleri ul li {
width: calc(20% - 62px);
display: inline-block;
flex-direction: row;
align-items: center;
font-weight: 600;
padding: 15px 15px 15px 15px;
margin: 30px 15px 0px 15px;
box-shadow: rgba(0, 0, 0, 0.3) 0 2px 30px -10px !important;
border-radius: 15px;
transition: .3s ease-in-out;
position: relative;
}
.paket_ortak_isletimsistemleri ul li img {
width: 32px;
height: 32px;
overflow: hidden;
display: table;
-o-object-fit: contain;
object-fit: contain;
float: left;
margin-right: 10px;
}
.paket_ortak_isletimsistemleri ul li strong {
width: calc(100% - 42px);
height: auto;
overflow: hidden;
display: block;
font-size: 16px;
line-height: 32px;
font-weight: 600;
color: var(--acikmavi_yazi);
margin-top: 0px;
text-align: left;
}


.the_tooltip {
position: absolute;
content: "";
right: 5px;
bottom: calc(50% - 9px);
}
.the_tooltip i.fa-regular.fa-circle-question {
color: var(--turuncu);
}
.the_tooltip .right {
min-width: 180px;
max-width: 400px;
top: 50%;
margin-left: 10px;
transform: translate(-98%, 15%);
padding:0;
color: #EEEEEE;
background-color: #444444;
font-weight:normal;
font-size:13px;
border-radius:8px;
position:absolute;
z-index:99999999;
box-sizing:border-box;
visibility:hidden;
opacity:0;
transition: opacity 0.8s;
}
.the_tooltip .right i {
position: absolute;
content: "";
right: 3px;
top: -13px;
color: #444444;
font-size: 26px;
}
.the_tooltip:hover .right {
visibility:visible; opacity:1;
}
.the_tooltip .text-content {
padding: 10px 15px;
}
.the_tooltip .text-content span {
display: block;
line-height: 1.8;
}



.paket_ortak_liste ul {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
margin: 45px 0px 0px 0px;
padding: 0px 0px 0px 0px;
columns: 4;
column-gap: 15px;
text-align: left;
}
.paket_ortak_liste ul li {
width: calc(100% - 40px);
height: auto;
line-height: 1.6;
overflow: hidden;
display: block;
position: relative;
list-style: none;
padding: 10px 10px 10px 30px;
margin: 0px 0px 15px 0px;
font-size: 14px;
font-weight: 400;
color: var(--acikmavi_yazi);
background: #f3f7fb;
border-radius: 4px;
}
.paket_ortak_liste ul li:after {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
top: 15px;
left: 10px;
padding: 1px 1px 0px 1px;
font-family: "Font Awesome 6 Free";
font-weight: 400;
content: "\f192";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
color: var(--sari);
font-size: 10px;
}

#yeni_sss {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#yeni_sss .sss {
float: unset;
width: 100%;
padding-top: 0px;
border-top: 0px;
}
#yeni_sss .sss h2 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
font-size: 36px;
line-height: 1.4;
font-weight: 900;
color: var(--acikmavi_yazi);
margin-bottom: 30px;
}
#yeni_sss .sss #accordion h3 {
padding: 15px 15px 15px 15px;
font-size: 18px;
font-weight: 700;
color: var(--acikmavi_yazi)!important;
}
#yeni_sss .sss #accordion h3 i {
margin-right: 5px;
}
#yeni_sss .sss #accordion .ui-state-default {
background: transparent;
border-bottom: 1px solid var(--gri);
border-radius: 0px;
}
#yeni_sss .sss #accordion h3.ui-accordion-header.ui-corner-top.ui-state-default.ui-accordion-header-active.ui-state-active.ui-accordion-icons {
background: transparent;
color: var(--sari)!important;
border-bottom: 1px solid var(--sari);
}
#yeni_sss .sss #accordion h3.ui-accordion-header.ui-corner-top.ui-state-default.ui-accordion-header-active.ui-state-active.ui-accordion-icons i {
transform: rotate(90deg);
}
#yeni_sss .sss #accordion .ui-state-default span {
display: none;
}
#yeni_sss .sss .ui-accordion .ui-accordion-content {
width: calc(100% - 30px);
height: auto;
line-height: 1.6;
overflow: hidden;
font-size: 16px;
font-weight: 400;
color: var(--acikmavi_yazi);
padding: 15px 15px 15px 15px;
}
#yeni_sss .sss #accordion h3:hover {
background: transparent;
color: var(--sari)!important;
border-bottom: 1px solid var(--sari);
}




.area {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
content: "";
z-index: 1;
top: 0px;
left: 0px;
}
.area .circles {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
padding: 0px;
margin: 0px;
}
.area .circles li {
position: absolute;
display: block;
list-style: none;
width: 30px;
height: 30px;
background: rgba(255, 255, 255, 0.09);
animation: noktalarHareket 25s linear infinite;
bottom: -150px;
}
.area .circles li:nth-child(1){
left: 10%;
width: 80px;
height: 80px;
animation-delay: 0s;
}
.area .circles li:nth-child(2){
left: 25%;
width: 60px;
height: 60px;
animation-delay: 2s;
animation-duration: 12s;
}
.area .circles li:nth-child(3){
left: 60%;
width: 30px;
height: 30px;
animation-delay: 4s;
}
.area .circles li:nth-child(4){
left: 40%;
width: 60px;
height: 60px;
animation-delay: 0s;
animation-duration: 18s;
}
.area .circles li:nth-child(5){
left: 55%;
width: 30px;
height: 30px;
animation-delay: 0s;
}
.area .circles li:nth-child(6){
left: 70%;
width: 110px;
height: 110px;
animation-delay: 3s;
}
.area .circles li:nth-child(7){
left: 10%;
width: 150px;
height: 150px;
animation-delay: 7s;
}
.area .circles li:nth-child(8){
left: 30%;
width: 45px;
height: 45px;
animation-delay: 15s;
animation-duration: 45s;
}
.area .circles li:nth-child(9){
left: 5%;
width: 35px;
height: 35px;
animation-delay: 2s;
animation-duration: 35s;
}
.area .circles li:nth-child(10){
left: 85%;
width: 150px;
height: 150px;
animation-delay: 0s;
animation-duration: 11s;
}

@keyframes noktalarHareket {
0%{
transform: translateY(0) rotate(0deg);
opacity: 1;
border-radius: 10px;
}
100%{
transform: translateY(-1000px) rotate(720deg);
opacity: 0;
border-radius: 50%;
}
}

.cd-top {
background: var(--lacivert) url(../images/cd-top-arrow.svg) no-repeat center 50%!important;
border-radius: 100%!important;
}

footer {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 0px 75px 0px;
background:
radial-gradient(circle at 1% 52%,
rgba(139, 139, 139, .05) 0%,
rgba(139, 139, 139, .05) 50%,
rgba(21, 21, 21, .05) 50%,
rgba(21, 21, 21, .05) 100%),
radial-gradient(circle at 41% 28%,
rgba(81, 81, 81, .05) 0%,
rgba(81, 81, 81, .05) 50%,
rgba(7, 7, 7, .05) 50%,
rgba(7, 7, 7, .05) 100%),
radial-gradient(circle at 48% 1%,
rgba(93, 93, 93, .05) 0%,
rgba(93, 93, 93, .05) 50%,
rgba(7, 7, 7, .05) 50%,
rgba(7, 7, 7, .05) 100%),
linear-gradient(255deg, var(--mavi_iki), var(--lacivert));
background-repeat: no-repeat;
background-size: cover;
margin-top: 60px;
}



footer form#newsletter_email {
width: 60%;
display: block;
position: relative;
margin: 0px auto;
}
footer form#newsletter_email input[name="email"] {
width: calc(100% - 290px);
height: 52px;
overflow: hidden;
display: block;
position: relative;
border-radius: 50px;
outline: none;
border: 5px solid var(--acikmavi);
margin: 0px 0px 0px 0px;
font-size: 18px;
font-weight: 500;
padding: 0px 200px 0px 80px;
}
footer form#newsletter_email input[name="email"]:focus {
padding: 0px 200px 0px 80px!important;
}
footer form#newsletter_email i.fa-regular.fa-envelope {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
content: "";
z-index: 1;
top: calc(50% - 18px);
left: 18px;
font-size: 36px;
color: var(--acikmavi);
padding: 0px 2px;
}
footer form#newsletter_email a#newsletter_submit {
width: auto;
height: 52px;
line-height: 52px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: absolute;
content: "";
z-index: 2;
top: 5px;
right: 5px;
background: transparent;
color: var(--beyaz);
text-align: center;
outline: none;
cursor: pointer;
padding: 0px 30px 0px 30px;
transition: all 900ms ease;
float: left;
background-image: linear-gradient(to left,
var(--kiremit),
var(--turuncu) 50%,
var(--turuncu) 50%,
var(--turuncu));
background-position: 99% 0;
background-size: 200% 100%;
transition: all .25s ease-in;
border-radius: 50px;
border: 0px;
margin: 0px 0px 0px 0px;
}
footer form#newsletter_email a#newsletter_submit:hover {
background-position: 0 0;
color: var(--beyaz);
}
footer form#newsletter_email a#newsletter_submit i {
position: absolute;
right: 30px;
top: calc(50% - 7px);
font-size: 18px;
color: var(--beyaz);
}

footer .siteyiOrtala {
margin-top: 60px;
}

footer .flogo {
display: block;
text-align: center;
margin: 0px 0px 45px 0px;
}
footer .flogo img {
width: auto;
height: 52px;
display: inline-table;
-o-object-fit: contain;
object-fit: contain;
margin: 0px 0px 25px 0px;
}
footer .flogo h3 {
font-size: 18px;
font-weight: 300;
color: var(--beyaz);
line-height: 1.4;
}

footer ul.sosyal {
width: 200px;
height: auto;
overflow: hidden;
display: block;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}
footer ul.sosyal li {
list-style: none;
display: inline-table;
margin: 0px 10px;
}
footer ul.sosyal li a {
font-size: 16px;
font-weight: 400;
color: var(--beyaz);
line-height: 1.6;
margin-top: 15px;
display: block;
}
footer ul.sosyal li a:hover {
color: var(--sari);
}

footer .footerAciklama {
width: calc(100% - 200px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 30px;
float: left;
}
footer .footerAciklama a {
color: var(--beyaz);
line-height: 1.6;
margin-top: 15px;
display: table;
float: left;
margin-right: 45px;
}
footer .footerAciklama a i {
font-size: 16px;
margin-right: 10px;
padding-left: 1px;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
footer .footerAciklama a font {
font-size: 16px;
font-weight: 400;
margin-right: 10px;
}
footer .footerAciklama a:hover {
color: var(--sari);
}
footer .footerAciklama span {
font-size: 16px;
font-weight: 400;
color: var(--beyaz);
line-height: 1.6;
margin-top: 15px;
display: block;
}
footer .footerAciklama span i {
font-size: 16px;
margin-right: 10px;
padding-left: 1px;
}



footer #footerLink {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
footer .footerLink {
display: inline-block;
vertical-align: top;
width: calc(33.33333333% - 23px);
margin: 0px 10px 0px 10px;
position: relative;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
footer .footerLink:first-child:nth-last-child(4),
footer .footerLink:first-child:nth-last-child(4)~.footerLink {
width: calc(25% - 23px);
}
footer .footerLink:first-child:nth-last-child(8),
footer .footerLink:first-child:nth-last-child(8)~.footerLink {
width: calc(25% - 23px);
}
footer .footerLink:first-child:nth-last-child(12),
footer .footerLink:first-child:nth-last-child(12)~.footerLink {
width: calc(25% - 23px);
}

footer .footerLink a h4 {
font-size: 18px;
font-weight: 700;
color: var(--sari);
line-height: 3;
display: block;
margin-bottom: 15px;
position: relative;
}
footer .footerLink a h4:after {
width: 40%;
height: 2px;
overflow: hidden;
display: block;
position: absolute;
content: "";
bottom: 0px;
left: 0px;
background: var(--beyaz);
}
footer .footerLink ul {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
footer .footerLink ul li {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
list-style: none;
margin-bottom: 15px;
}
footer .footerLink ul li a {
width: calc(100% - 20px);
height: auto;
font-size: 15px;
font-weight: 400;
color: var(--beyaz);
position: relative;
overflow: hidden;
padding-left: 20px;
}
footer .footerLink ul li a:after {
width: auto;
height: auto;
overflow: hidden;
position: absolute;
top: calc(50% - 4px);
left: 0px;
padding-left: 1px;
font-family: "Font Awesome 6 Free";
content: "\f101";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
font-size: 10px;
color: var(--beyaz);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
footer .footerLink ul li a:hover,
footer .footerLink ul li a:hover:after {
color: var(--sari);
}

footer .footerLink ul li:nth-of-type(1n) a:after {
display: none;
}
footer .footerLink ul li:nth-of-type(2n) a:after,
footer .footerLink ul li:nth-of-type(3n) a:after,
footer .footerLink ul li:nth-of-type(4n) a:after,
footer .footerLink ul li:nth-of-type(5n) a:after,
footer .footerLink ul li:nth-of-type(6n) a:after,
footer .footerLink ul li:nth-of-type(7n) a:after,
footer .footerLink ul li:nth-of-type(8n) a:after,
footer .footerLink ul li:nth-of-type(9n) a:after,
footer .footerLink ul li:nth-of-type(10n) a:after,
footer .footerLink ul li:nth-of-type(11n) a:after,
footer .footerLink ul li:nth-of-type(12n) a:after,
footer .footerLink ul li:nth-of-type(13n) a:after,
footer .footerLink ul li:nth-of-type(14n) a:after,
footer .footerLink ul li:nth-of-type(15n) a:after,
footer .footerLink ul li:nth-of-type(16n) a:after,
footer .footerLink ul li:nth-of-type(17n) a:after,
footer .footerLink ul li:nth-of-type(18n) a:after,
footer .footerLink ul li:nth-of-type(19n) a:after,
footer .footerLink ul li:nth-of-type(20n) a:after,
footer .footerLink ul li:nth-of-type(21n) a:after,
footer .footerLink ul li:nth-of-type(22n) a:after,
footer .footerLink ul li:nth-of-type(23n) a:after,
footer .footerLink ul li:nth-of-type(24n) a:after,
footer .footerLink ul li:nth-of-type(25n) a:after,
footer .footerLink ul li:nth-of-type(26n) a:after,
footer .footerLink ul li:nth-of-type(27n) a:after,
footer .footerLink ul li:nth-of-type(28n) a:after,
footer .footerLink ul li:nth-of-type(29n) a:after,
footer .footerLink ul li:nth-of-type(30n) a:after {
display: block;
}

footer .copy {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 30px 30px 30px 30px;
margin-top: 60px;
border-radius: 15px;
background: rgb(255 255 255 / 15%);
}
footer .copy p {
width: calc(100% - 430px);
height: auto;
overflow: hidden;
display: block;
font-size: 14px;
font-weight: 400;
color: var(--beyaz);
float: left;
padding-right: 30px;
}
footer .copy img {
width: auto;
height: 24px;
display: inline-table;
-o-object-fit: contain;
object-fit: contain;
}
footer .copy #ETBIS {
float: right;
}





















@media screen and (min-width: 1201px) and (max-width: 1396px) {
header nav {
width: calc(100% - 430px);
margin: 0px 30px;
}
header .siteLogo {
width: 170px;
}
header .siteLogo img {
width: auto;
height: 40px;
margin-top: 5px;
}
header nav .nav-links li a {
font-size: 14px;
padding: 5px 15px 0px 15px;
}
header nav .nav-links li font.vurgu {
font-size: 9px;
}
.sliderAlani .sliderIcerik {
width: calc(100% - 20%);
max-width: calc(1340px - 20%);
padding: 0px 10% 0px 10%;
}
.sliderIleri {
right: 30px;
}
.sliderGeri {
left: 30px;
}
.sliderAlani .sliderIcerik strong {
font-size: 3em;
}
.sliderAlani figure img {
width: auto;
height: 300px;
overflow: hidden;
display: inline-table;
-o-object-fit: contain;
object-fit: contain;
}
.yazilimIleri {
right: 40px;
}
.yazilimGeri {
left: 42px;
}
#musteriYorumlari {
overflow: unset;
}
.yorumIleri,
.yorumGeri {
top: unset;
bottom: -80px;
}
.yorumIleri {
left: calc(50% - -30px);
}
.yorumGeri {
left: calc(50% - 30px);
}


#sonBlog {
overflow: unset;
}
.blogIleri,
.blogGeri {
top: unset;
bottom: -65px;
}
.blogIleri {
left: calc(50% - -30px);
}
.blogGeri {
left: calc(50% - 30px);
}


}

@media screen and (min-width: 981px) and (max-width: 1200px) {
.ust125 {
margin-top: 90px;
}
#ustbar .ustbar ul.ustul_bir {
width: calc(100% - 390px);
}
#ustbar .ustbar ul.ustul_bir li {
margin: 8px 30px 0px 0px;
}
#ustbar .ustbar ul.ustul_iki {
width: 390px;
}
#ustbar .ustbar ul.ustul_iki li {
margin: 10px 10px 0px 10px;
}
#ustbar .ustbar ul.ustul_iki li:last-child {
display: block;
margin: 0px 0px 0px 10px;
}
header .sepetHesap a.spthesp {
display: none;
}
header .sepetHesap {
width: 40px;
}
#ustbar .ustbar ul.ustul_iki li:last-child a.spthesp {
width: auto;
height: 40px;
line-height: 40px;
font-size: 16px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 0px 0px 0px 0px;
padding: 0px 25px 0px 25px;
transition: all 900ms ease;
float: right;
background-image: linear-gradient(to left,
var(--turuncu),
var(--sari) 50%,
var(--sari) 50%,
var(--sari));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
border-radius: 50px;
}
#ustbar .ustbar ul.ustul_iki li:last-child a.spthesp i.fa-regular.fa-user {
font-size: 20px;
margin-right: 10px;
}
#ustbar .ustbar ul.ustul_iki li:last-child a.spthesp:hover {
background-position: 0 0;
color: var(--beyaz);
}

header nav {
width: calc(100% - 270px);
margin: 0px 30px;
}
header .siteLogo {
width: 170px;
}
header .siteLogo img {
width: auto;
height: 40px;
margin-top: 5px;
}
header nav .nav-links li a {
font-size: 14px;
padding: 5px 15px 0px 15px;
}
header nav ul.drop-menu li a {
font-size: 14px;
padding: 5px 0px 0px 0px;
}
header nav .nav-links li font.vurgu {
font-size: 9px;
}
header nav .mega-box .content {
width: calc(100% - 30px);
padding: 0px 15px;
}
header nav .mega-box .content .row {
width: calc(33.333% - 15px);
}
header nav .nav-links li {
list-style: none;
height: 40px;
position: static;
}
.sliderAlani .sliderIcerik {
width: calc(100% - 20%);
max-width: calc(1340px - 20%);
padding: 0px 10% 0px 10%;
}
.sliderIleri {
right: 30px;
}
.sliderGeri {
left: 30px;
}
.sliderAlani .sliderIcerik strong {
font-size: 3em;
}
.sliderAlani figure img {
width: auto;
height: 300px;
overflow: hidden;
display: inline-table;
-o-object-fit: contain;
object-fit: contain;
}

.yazilimIleri {
right: 40px;
}
.yazilimGeri {
left: 42px;
}
#musteriYorumlari {
overflow: unset;
}
.yorumIleri,
.yorumGeri {
top: unset;
bottom: -80px;
}
.yorumIleri {
left: calc(50% - -30px);
}
.yorumGeri {
left: calc(50% - 30px);
}

#sonBlog {
overflow: unset;
}
.blogIleri,
.blogGeri {
top: unset;
bottom: -65px;
}
.blogIleri {
left: calc(50% - -30px);
}
.blogGeri {
left: calc(50% - 30px);
}

#alanAdiSorgula h1,
.genelBaslik h2,
#sayac .sayacic .anaistatistik {
font-size: 2.5em;
}
.genelBaslik p,
#alanAdiSorgula h4 {
font-size: 16px;
}
.genelBaslik p {
width: 70%;
margin: 0px auto;
}

#nedenBizitrch .nedenbizListe ul li strong {
font-size: 20px;
}

#nedenBizitrch .nedenbizListe ul li {
width: calc(50% - 30px);
margin: 45px 45px 0px 0px;
text-align: left;
}
#nedenBizitrch .nedenbizListe ul li:nth-of-type(2n) {
margin: 45px 0px 0px 0px;
}
#nedenBizitrch .nedenbizListe ul li:nth-of-type(3n) {
margin: 45px 45px 0px 0px;
}
#nedenBizitrch .nedenbizListe ul li:nth-of-type(6n) {
margin: 45px 0px 0px 0px;
}

#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li strong {
font-size: 13px;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li span {
font-size: 11px;
}

.alanadisorgu input {
width: 55%!important;
}

.yazilimlar_sol {
width: calc(280px - 0px);
}
.yazilimlar_sag {
width: calc(100% - 325px);
}

.paket_ortak_isletimsistemleri ul li {
width: calc(33.333333% - 60px);
}

.css_tanimla .siparisbilgileri strong.the_baslik {
text-align: left;
}

.css_tanimla #ek_hizmetler_order .siparisbilgileri table tr.ek_hizmetler_tr label strong {
text-align: left;
}

.css_tanimla .sunucusipside {
margin-top: 0px!important;
top: 0px!important;
}

.blog_kat_sol,
.yazilim_sol {
width: calc(100% - 345px);
margin: 0px 45px 0px 0px;
}
.blog_kat_sag,
.yazilim_sag {
width: 300px;
}

.uyeol {
width: 80%!important;
}

footer form#newsletter_email {
width: 80%;
}

}

@media screen and (max-width: 980px) {
.ust125 {
margin-top: 60px;
}

header .siteLogo img {
width: auto;
height: 40px;
margin-top: 5px;
}
#ustbar .ustbar ul.ustul_bir {
width: calc(100% - 230px);
}
#ustbar .ustbar ul.ustul_bir li {
margin: 0px 30px 0px 0px;
}
#ustbar .ustbar ul.ustul_iki {
width: 230px;
}
#ustbar .ustbar ul.ustul_iki li {
margin: 0px 10px 0px 10px;
}
#ustbar .ustbar ul.ustul_iki li:last-child {
display: block;
margin: 0px 0px 0px 10px;
}
header {
overflow: hidden;
}
header .sepetHesap a.spthesp {
width: calc(100% - 57px);
height: 32px;
line-height: 36px;
color: var(--beyaz);
background: var(--mavi_iki) !important;
border-radius: 5px;
margin-top: 8px;
}
header .sepetHesap a.spthesp:hover {
background: var(--sari) !important;
}
header .sepetHesap a.spthesp span {
display: none;
}
header .sepetHesap a.spthesp i {
display: block!important;
font-size: 18px!important;
margin-top: 7px;
}
header .sepetHesap {
width: 105px;
float: right;
margin-right: 60px;
}
header .sepetHesap i.fa-regular.fa-user {
margin-right: 0px;
font-size: 16px;
}
#ustbar .ustbar ul.ustul_iki li:last-child a.spthesp {
display: none;
}

header nav {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0px;
right: 0px;
}
header nav .wrapper .btn {
width: 50px;
display: block;
font-size: 2em;
right: 30px;
top: 15px;
margin-bottom: 15px;
text-align: right;
padding: 0px 0px;
border-radius: 0px;
border: 0px;
margin-top: unset;
}
header nav .wrapper .btn:hover {
color: var(--sari);
background: transparent;
}
header nav .wrapper .nav-links {
position: fixed;
height: calc(100vh - 80px);
width: calc(100% - 60px);
top: 0;
left: -100%;
background: var(--beyaz);
display: block;
padding: 50px 30px 30px 30px;
line-height: 50px;
overflow-y: auto;
box-shadow: 0px 15px 15px rgba(0,0,0,0.18);
transition: all 0.3s ease;
z-index: 99;
}
/* custom scroll bar */
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: #242526;
}
::-webkit-scrollbar-thumb {
background: #3A3B3C;
}
header nav #menu-btn:checked ~ .nav-links {
left: 0%;
}
header nav #menu-btn:checked ~ .btn.menu-btn {
display: none;
}
header nav .nav-links li font.vurgu {
top: 15px;
font-size: 10px;
padding: 0 8px;
height: 20px;
line-height: 20px;
margin-left: 0px;
right: 20px;
}
header nav #close-btn:checked ~ .btn.menu-btn {
display: block;
}
header nav .nav-links li {
margin: 0px 0px;
position: relative;
height: auto;
text-align: left;
}
header nav .nav-links li a {
display: block;
height: auto;
color: var(--acikmavi_yazi);
font-size: 16px;
font-weight: 500;
padding: 0px 0px 0px 0px;
line-height: 42px;
border-bottom: 1px solid rgb(0 0 0 / 15%);
}


header nav .nav-links .mobile-item:after {
font-family: "Font Awesome 6 Free";
content: "\f107";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block !important;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
font-weight: 900;
font-size: 12px;
margin-left: 2px;
transition: .3s rotate;
position: absolute;
top: calc(50% - 6px);
right: 0px;
color: var(--acikmavi_yazi);
}
header nav .nav-links .mobile-item:hover:after {
color: var(--sari);
}
header nav .row .mega-links li:hover a p {
color: var(--siyah);
}

header nav .nav-links li a:hover {
color: var(--sari);
}
header nav .nav-links .drop-menu {
position: static;
opacity: 1;
top: 65px;
visibility: visible;
padding-left: 0px;
width: 100%;
max-height: 0px;
overflow: hidden;
box-shadow: none;
animation: unset!important;
padding: 0px 0px 0px 0px!important;
width: 100%!important;
}
header nav .nav-links a.mlogo {
display: table;
margin: 0px auto 30px auto;
}
header nav .nav-links a.mlogo img {
width: auto;
height: 40px;
}
header nav .nav-links ul.drop-menu li a {
font-size: 14px;
font-weight: 400;
color: var(--siyah);
padding: 5px 0px;
}
header nav .nav-links ul.drop-menu li:hover a {
color: var(--acikmavi_yazi);
}
header nav #menualternatif1:checked ~ .drop-menu,
header nav #menualternatif2:checked ~ .drop-menu,
header nav #menualternatif3:checked ~ .drop-menu,
header nav #menualternatif4:checked ~ .drop-menu,
header nav #menualternatif5:checked ~ .drop-menu,
header nav #menualternatif6:checked ~ .drop-menu,
header nav #menualternatif7:checked ~ .drop-menu,
header nav #menualternatif8:checked ~ .drop-menu,
header nav #menualternatif9:checked ~ .drop-menu,
header nav #menualternatif10:checked ~ .drop-menu,
header nav #menualternatif11:checked ~ .drop-menu,
header nav #menualternatif12:checked ~ .drop-menu,
header nav #menu1:checked ~ .mega-box,
header nav #menu2:checked ~ .mega-box,
header nav #menu3:checked ~ .mega-box,
header nav #menu4:checked ~ .mega-box,
header nav #menu5:checked ~ .mega-box,
header nav #menu6:checked ~ .mega-box,
header nav #menu7:checked ~ .mega-box,
header nav #menu8:checked ~ .mega-box,
header nav #menu9:checked ~ .mega-box,
header nav #menu10:checked ~ .mega-box,
header nav #menu11:checked ~ .mega-box,
header nav #menu12:checked ~ .mega-box {
max-height: 100%;
}
header nav .nav-links li:hover .drop-menu,
header nav .nav-links li:hover .mega-box {
animation: unset;
}
header nav .nav-links .desktop-item {
display: none;
}
header nav .nav-links .mobile-item {
display: block;
color: var(--acikmavi_yazi);
font-size: 16px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
border-bottom: 1px solid rgb(0 0 0 / 15%);
position: relative;
}
header nav .nav-links .mobile-item:hover {
color: var(--sari);
}
header nav .drop-menu li {
margin: 0;
}

header nav .mega-box{
position: static;
top: 65px;
opacity: 1;
visibility: visible;
padding: 0px 0px;
max-height: 0px;
overflow: hidden;
transition: all 0.3s ease;
}
header nav .mega-box .content {
width: calc(100% - 0px);
box-shadow: none;
flex-direction: column;
padding: 0px 0px 15px 0px;
}
header nav .mega-box .content .row {
width: 100%;
border-top: 1px solid rgba(255,255,255,0.08);
}
header nav .mega-box .content .row:nth-child(1),
header nav .mega-box .content .row:nth-child(2){
border-top: 0px;
}
header nav .content .row .mega-links{
border-left: 0px;
padding-left: 0px;
}
header nav .row .mega-links li {
margin: 15px 0px 0px 0px;
}
header nav .row .mega-links li a {
padding-bottom: 15px;
}
header nav .content .row header{
font-size: 19px;
}

.sliderAlani {
width: calc(100% - 0px);
max-width: calc(100% - 0px);
height: calc(100vh - 300px);
}
.sliderAlani .sliderIcerik {
width: calc(100% - 20%);
max-width: calc(1340px - 20%);
height: calc(100vh - 300px);
padding: 0px 10% 0px 10%;
}
.sliderIleri {
right: 30px;
}
.sliderGeri {
left: 30px;
}
.sliderAlani .sliderIcerik strong {
font-size: 2em;
text-align: left;
}
.sliderAlani .sliderIcerik p {
font-size: 14px;
}
.sliderAlani figure img {
width: auto;
height: 250px;
overflow: hidden;
display: inline-table;
-o-object-fit: contain;
object-fit: contain;
}
.sliderAlani .sliderIcerik a.detay {
width: auto;
height: 48px;
line-height: 48px;
font-size: 16px;
margin: 25px 30px 0px 0px;
padding: 0px 60px 0px 30px;
}


#alanAdiSorgula h1,
.genelBaslik h2 {
font-size: 2em;
}
.genelBaslik p,
#alanAdiSorgula h4 {
font-size: 16px;
}
.genelBaslik p {
width: 70%;
margin: 0px auto;
}
.tabLink > li > a {
font-size: 16px;
}

#nedenBizitrch .nedenbizListe ul li {
width: calc(50% - 30px);
margin: 45px 45px 0px 0px;
text-align: left;
}
#nedenBizitrch .nedenbizListe ul li:nth-of-type(2n) {
margin: 45px 0px 0px 0px;
}
#nedenBizitrch .nedenbizListe ul li:nth-of-type(3n) {
margin: 45px 45px 0px 0px;
}
#nedenBizitrch .nedenbizListe ul li:nth-of-type(6n) {
margin: 45px 0px 0px 0px;
}
#nedenBizitrch .nedenbizListe ul li strong {
font-size: 18px;
font-weight: 600;
}
#nedenBizitrch .nedenbizListe ul li p {
font-size: 14px;
}

#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li strong {
font-size: 13px;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li span {
font-size: 11px;
}

.akordiyonSag {
width: calc(100% - 0px);
margin-left: 0px;
float: unset;
text-align: center;
}
.akordiyonSol {
width: calc(100% - 0px);
float: unset;
}

#sayac .sayacic i {
width: 68px;
height: 68px;
line-height: 68px;
top: -36px;
font-size: 3em;
}
#sayac .sayacic .anaistatistik {
font-size: 26px;
}
#sayac .sayacic span {
font-size: 14px;
}
#sayac .sayacic {
padding: 35px 0px 20px 0px;
}

#hostingPaketleri .hostingPaketleri .paket .detay a.satinAl,
#vdssunucu #sunuculistele .sunuculistele .baslik a.satinAl,
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li.sepetEkle a.satinAl {
font-size: 16px;
}
#hakkimizda .hakkimizda a.hak_link {
width: auto;
height: 48px;
line-height: 48px;
font-size: 16px;
}

#hakkimizda .hakkimizda div {
width: calc(100% - 395px);
}
#hakkimizda .hakkimizda div h2 {
font-size: 2em;
}
#hakkimizda .hakkimizda div p {
font-size: 16px;
}
#hakkimizda .hakkimizda figure {
width: 350px;
}

#hostingPaketleri .hostingPaketleri .paket {
width: calc(50% - 23px);
margin: 30px 10px 0px 10px;
}
#hostingPaketleri .hostingPaketleri .paket:first-child:nth-last-child(4),
#hostingPaketleri .hostingPaketleri .paket:first-child:nth-last-child(4)~.paket {
width: calc(50% - 23px);
}
#hostingPaketleri .hostingPaketleri .paket:first-child:nth-last-child(8),
#hostingPaketleri .hostingPaketleri .paket:first-child:nth-last-child(8)~.paket {
width: calc(50% - 23px);
}
#hostingPaketleri .hostingPaketleri .paket:first-child:nth-last-child(12),
#hostingPaketleri .hostingPaketleri .paket:first-child:nth-last-child(12)~.paket {
width: calc(50% - 23px);
}


.paketgnl {
width: calc(50% - 23px);
}
.paketgnl:first-child:nth-last-child(4),
.paketgnl:first-child:nth-last-child(4)~.paketgnl {
width: calc(50% - 23px);
}
.paketgnl:first-child:nth-last-child(8),
.paketgnl:first-child:nth-last-child(8)~.paketgnl {
width: calc(50% - 23px);
}
.paketgnl:first-child:nth-last-child(12),
.paketgnl:first-child:nth-last-child(12)~.paketgnl {
width: calc(50% - 23px);
}

.yazilimIleri {
right: 40px;
}
.yazilimGeri {
left: 42px;
}
#musteriYorumlari {
overflow: unset;
}
.yorumIleri,
.yorumGeri {
top: unset;
bottom: -80px;
}
.yorumIleri {
left: calc(50% - -30px);
}
.yorumGeri {
left: calc(50% - 30px);
}

#sonBlog,
#sonHaber {
overflow: unset;
padding-bottom: 60px;
}
.blogIleri,
.blogGeri,
.haberGeri,
.haberIleri {
top: unset;
bottom: -65px;
}
.blogIleri,
.haberIleri {
left: calc(50% - -10px);
}
.blogGeri,
.haberGeri {
left: calc(50% - 54px);
}


.vdssunucu table {
border: 0;
}

.vdssunucu table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

.vdssunucu table tr {
display: block;
margin-bottom: .625em;
}
.vdssunucu table > tbody > tr > td a.tablosepeteEkle {
display: table;
width: 150px;
}
.vdssunucu table td {
border-bottom: 1px solid #ddd;
display: block;
}
.vdssunucu table td:nth-last-of-type(2n) {
border-bottom: 0px;
}
.vdssunucu table td:last-child {
border-bottom: 0px;
padding: 0px 10px 10px 10px;
}

.vdssunucu table td::before {
width: 100px;
content: attr(data-label);
float: left;
font-weight: bold;
text-transform: uppercase;
text-align: left;
}
.vdssunucu table > tbody > tr > td {
text-align: left;
padding: 20px 10px 20px 10px;
}
.vdssunucu table > tbody > tr > td img {
width: 22px;
height: 22px;
margin: 0px 15px 0px 0px;
float: left;
}

.vdssunucu table td:last-child {
border-bottom: 0;
}

.serverlist_butonlar ul > li {
margin-right: 0px;
clear:both;
}

#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste {
display: block;
columns: unset;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li {
width: calc(100% - 30px);
float: left;
padding: 15px 15px 15px 15px;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li:nth-of-type(2n),
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li:nth-of-type(3n),
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li:nth-of-type(4n),
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li:nth-of-type(5n),
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li:nth-of-type(6n),
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li:nth-of-type(7n) {
width: calc(33.333333% - 39px)!important;
border: 1px solid var(--acikmavi);
margin: 0px 10px 10px 0px;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li:nth-of-type(4n) {
margin: 0px 0px 10px 0px!important;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li:nth-of-type(7n) {
margin: 0px 0px 10px 0px!important;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li.baslik {
text-align: center;
float: unset;
margin-bottom: 15px;
border: 0px;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li.baslik font {
display: inline-table;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li strong.baslik {
width: 100%;
display: inline-table;
text-align: center;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li.fiyatGoster {
padding: 15px 0px 15px 0px;
border: 0px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: auto !important;
margin: 0px;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li.fiyatGoster span {
margin-top: 5px;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li.sepetEkle {
width: auto !important;
border: 0px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
float: right;
margin: 0px;
text-align: right;
padding: 15px 0px 15px 0px;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li.sepetEkle a.satinAl {
margin: 20px 0px 0px 0px;
}
.vds_ekozellik button.vdsnciki_buton {
left: 0px;
right: 0px;
margin: 0px auto;
}
.vds_ekozellik .vdsnciki_ekozllk {
clear: both;
}
.vds_ekozellik .vdsnciki_ekozllk figure {
width: 200px;
}
.vds_ekozellik .vdsnciki_ekozllk figure img {
height: 195px;
}
.vds_ekozellik .vdsnciki_ekozllk ul {
width: calc(100% - 245px);
columns: 2;
}

.paket_ortak_liste ul {
columns: 2;
column-gap: 30px;
}

.headerBG .headerBGBaslik h1,
.paket_bilgiMesaji h2,
.paket_ortak_ozellikler h2,
.paket_ortak_sistemler h2,
#yeni_sss .sss h2 {
font-size: 2em;
}
.paket_ortak_ozellikler ul li div strong {
font-size: 2em;
text-align: left;
}

.paket_bilgiMesaji p,
.paket_ortak_ozellikler p,
.paket_ortak_sistemler p {
width: 90%;
font-size: 16px;
}

.paket_ortak_ozellikler ul li {
display: block;
}
.paket_ortak_ozellikler ul li img {
float: unset!important;
margin: 0px auto 15px auto!important;
}
.paket_ortak_ozellikler ul li div {
width: 100%;
text-align: center;
}
.paket_ortak_ozellikler ul li div strong {
text-align: center;
}
.paket_ortak_ozellikler ul li div span {
width: 100%;
font-size: 16px;
}



.paket_ortak_sistemler {
overflow: unset;
}
.paket_ortak_sistemler ul {
display: block;
columns: 3;
column-gap: 30px;
width: calc(100% - 20%);
padding: 0px 10%;
}
.paket_ortak_sistemler ul li {
margin-bottom: 30px;
}
.paket_talepOlustur .ic {
width: 100%;
float: unset;
text-align: center;
}
.paket_talepOlustur a {
margin: 15px auto 0px auto;
float: unset;
}

#alanadi_sorgu #transferbtn {
top: 0px;
}

.iletisim_ust ul li {
width: calc(50% - 61px);
}
.iletisim_alani .iletisimformu {
width: calc(100% - 0px);
float: unset;
}
.iletisimformu_sag {
width: calc(100% - 60px);
}
.iletisim_alani img {
display: none;
}
.css_tanimla .siparisbilgileri strong.the_baslik {
text-align: left
}
.yazilimlar_sol {
width: calc(100% - 0px);
margin-top: 45px;
}
.yazilimlar_sag {
width: calc(100% - 0px);
}

.paket_ortak_isletimsistemleri ul li {
width: calc(33.333333% - 60px);
}

#yeni_sss .sss #accordion h3 {
font-size: 16px;
}
#yeni_sss .sss .ui-accordion .ui-accordion-content {
font-size: 14px;
}


.css_tanimla .orderperiodblock {
width: calc(40% - 40px);
margin: 30px 15px 15px 15px;
padding: 60px 0px;
}
.css_tanimla .sunucusipside {
margin-top: 0px!important;
top: 0px!important;
}


.css_tanimla #ek_hizmetler_order .siparisbilgileri table tr.ek_hizmetler_tr img {
width: 32px;
height: 32px;
}
.css_tanimla #ek_hizmetler_order .siparisbilgileri table tr.ek_hizmetler_tr label strong {
text-align: left;
font-size: 16px;
}
.css_tanimla #ek_hizmetler_order .siparisbilgileri table tr.ek_hizmetler_tr label span {
font-size: 14px;
}
.css_tanimla #ek_hizmetler_order .siparisbilgileri table tr.ek_hizmetler_tr {
width: calc(100% - 62px);
display: block;
overflow: hidden;
}
.css_tanimla #ek_hizmetler_order .siparisbilgileri table tr td {
width: 100%;
}
.css_tanimla #ek_hizmetler_order .siparisbilgileri table tr td:nth-of-type(2n) {
width: 100%;
}
.css_tanimla #ek_hizmetler_order .siparisbilgileri table tr.ek_hizmetler_tr select.ek_hizmet_select {
width: 60%;
margin: 20px auto 0px auto;
}


.kampanya_bilgi_alani .kamp_sol {
width: 213px;
margin: 0px 30px 0px 0px;
}
.kampanya_bilgi_alani .kamp_sag {
width: calc(100% - 243px);
}

.kampanya_bilgi_alani .timeContainer .wrapper div h4 {
font-size: 18px;
}
.kampanya_bilgi_alani .timeContainer .wrapper div {
font-size: 10px;
}
.kampanya_bilgi_alani .kamp_sag p {
line-height: 1.6;
}
.kampanya_bilgi_alani .kupon_kodu_ic {
margin-top: 15px;
}
.kampanya_bilgi_alani .timeContainer .wrapper div {
width: calc(50% - 35px);
margin-right: 5px;
}
.kampanya_bilgi_alani .timeContainer .wrapper div:nth-of-type(3n),
.kampanya_bilgi_alani .timeContainer .wrapper div:nth-of-type(4n) {
margin-top: 5px;
}

.bilgi_bankasi_sol,
.bilgi_detay_sol,
.detay_yazisi_sol,
.blog_kat_sol {
width: calc(100% - 0px);
margin: 0px 0px 0px 0px;
float: unset;
}
.bilgi_bankasi_sag,
.detay_yazisi_sag,
.blog_kat_sag {
width: calc(100% - 0px);
margin: 0px 0px 0px 0px;
float: unset;
}
.bilgi_detay_sol,
.blog_kat_sol {
margin-bottom: 30px;
}


.yazilim_sol {
width: calc(100% - 0px);
margin: 0px 0px 0px 0px;
float: unset;
}
.yazilim_sag {
width: calc(100% - 0px);
margin: 0px 0px 0px 0px;
float: unset;
}
.surumgecmisi strong.the_baslik {
text-align: left;
}


ul.yazilim_sol_ozellikleri li {
width: calc(50% - 61px);
}
ul.yazilim_sol_ozellikleri li:nth-of-type(2n),
ul.yazilim_sol_ozellikleri li:nth-of-type(4n),
ul.yazilim_sol_ozellikleri li:nth-of-type(6n),
ul.yazilim_sol_ozellikleri li:nth-of-type(8n) {
border-right: 0 none!important;
}
ul.yazilim_sol_ozellikleri li:nth-of-type(3n),
ul.yazilim_sol_ozellikleri li:nth-of-type(5n),
ul.yazilim_sol_ozellikleri li:nth-of-type(7n),
ul.yazilim_sol_ozellikleri li:nth-of-type(9n) {
border-right: 1px solid rgba(112, 112, 112, 0.13);
}

.uyeol {
width: 60%!important;
}
.giris_sol {
width: calc(100% - 60px);
float: unset;
padding: 30px 30px 0px 30px;
}
.giris_sag {
width: calc(100% - 60px);
float: unset;
padding: 30px;
}
.giris_sag:before {
display: none;
}
.giris_sol div h1,
.giris_sol div span {
display: none;
}
.giris_sol img {
margin: 0px auto 15px auto;
}

section#uyeolgiris .genel_inputlar .inputlar_form {
width: calc(100% - 0px);
float: unset;
margin-right: 0px;
}
section#uyeolgiris .inputlar_form #weak,
section#uyeolgiris .inputlar_form #good,
section#uyeolgiris .inputlar_form #strong {
margin-top: 15px;
}
section#uyeolgiris .uyeol {
width: 95% !important;
position: relative;
margin: 30px auto 0px auto !important;
float: unset !important;
top: unset!important;
left: unset!important;
right: unset!important;
transform: unset!important;
}


footer .footerLink {
width: calc(33.333333% - 12px);
margin: 0px 10px 0px 0px;
}
footer .footerLink:first-child:nth-last-child(2),
footer .footerLink:first-child:nth-last-child(2)~.footerLink {
width: calc(50% - 12px);
}
footer .footerLink:first-child:nth-last-child(4),
footer .footerLink:first-child:nth-last-child(4)~.footerLink {
width: calc(50% - 12px);
}
footer .footerLink:first-child:nth-last-child(8),
footer .footerLink:first-child:nth-last-child(8)~.footerLink {
width: calc(50% - 12px);
}
footer .footerLink:first-child:nth-last-child(12),
footer .footerLink:first-child:nth-last-child(12)~.footerLink {
width: calc(50% - 12px);
}
footer .footerLink ul li a {
padding-left: 15px;
}
footer .footerAciklama a {
margin-bottom: 10px;
}
footer .footerAciklama span {
width: 100%;
height: auto;
overflow: hidden;
}
footer .footerAciklama a font,
footer .footerAciklama span {
font-size: 14px;
}

}

@media screen and (max-width: 768px) {
    #hakkimizda .hakkimizda img {
    width: 200px;
    height: auto;
    overflow: hidden;
    display: inline-table;
    object-fit: unset;
}
#hakkimizda .hakkimizda div {
    margin: 60px 45px 30px 0px;
}
#ustbar .ustbar ul.ustul_bir li a {
font-size: 14px;
}
#alanAdiSorgula form#DomainCheck input[name="domain"] {
width: calc(100% - 190px);
height: 52px;
border-radius: 50px;
font-size: 16px;
padding: 0px 124px 0px 56px;
}
#alanAdiSorgula form#DomainCheck input[name="domain"]:focus {
padding: 0px 124px 0px 56px!important;
}
#alanAdiSorgula form#DomainCheck i.fa-solid.fa-magnifying-glass {
top: calc(50% - 14px);
left: 18px;
font-size: 28px;
}
#alanAdiSorgula form#DomainCheck button[type="submit"] {
width: auto;
height: 42px;
line-height: 42px;
font-size: 16px;
top: 10px;
right: 10px;
padding: 0px 25px 0px 25px;
}
#alanAdiSorgula form#DomainCheck button[type="submit"] i {
display: none;
}
.genelBaslik p {
width: 90%;
margin: 0px auto;
}
.sliderAlani .sliderIcerik {
width: calc(100% - 10%);
max-width: calc(1340px - 10%);
height: calc(100vh - 300px);
padding: 0px 5% 0px 5%;
}
.sliderAlani .sliderIcerik div {
width: calc(100% - 0px);
display: block;
margin-top: 5%;
}
.sliderAlani figure {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
top: unset;
bottom: -15%;
text-align: center;
}
.sliderAlani figure img {
height: 200px;
}
.sliderIleri, .sliderGeri {
top: calc(100% - 82px);
display: none;
}
.nokta {
left: 0px!important;
right: 0px!important;
margin: 0px auto!important;
display: table;
}

#nedenBizitrch .nedenbizListe ul li {
width: calc(100% - 0px);
margin: 30px 0px 0px 0px;
text-align: left;
}
#nedenBizitrch .nedenbizListe ul li i {
float: left;
margin-right: 15px;
}
#nedenBizitrch .nedenbizListe ul li strong {
width: calc(100% - 85px);
font-weight: 600;
margin-top: 12px;
text-align: left;
}
#nedenBizitrch .nedenbizListe ul li p {
width: calc(100% - 85px);
}

#hakkimizda .hakkimizda div {
width: calc(100% - 0px);
float: unset;
margin-right: 0px;
}
#hakkimizda .hakkimizda a.hak_link {
margin: 30px auto 30px auto;
}
#hakkimizda .hakkimizda figure {
width: 350px;
margin: 0px auto;
}

.tabLink {
text-align: center;
}
.tabLink > li {
display: table;
margin: 0px auto 15px auto;
}
.tabLink > li:last-child {
margin: 0px auto 0px auto;
}

#hostingPaketleri .hostingPaketleri .paket {
width: calc(100% - 23px);
margin: 30px 0px 0px 0px;
}
#hostingPaketleri .hostingPaketleri .paket:first-child:nth-last-child(4),
#hostingPaketleri .hostingPaketleri .paket:first-child:nth-last-child(4)~.paket {
width: calc(100% - 23px);
}
#hostingPaketleri .hostingPaketleri .paket:first-child:nth-last-child(8),
#hostingPaketleri .hostingPaketleri .paket:first-child:nth-last-child(8)~.paket {
width: calc(100% - 23px);
}
#hostingPaketleri .hostingPaketleri .paket:first-child:nth-last-child(12),
#hostingPaketleri .hostingPaketleri .paket:first-child:nth-last-child(12)~.paket {
width: calc(100% - 23px);
}

.paketgnl {
width: calc(100% - 23px);
margin: 30px 0px 0px 0px;
}
.paketgnl:first-child:nth-last-child(4),
.paketgnl:first-child:nth-last-child(4)~.paketgnl {
width: calc(100% - 23px);
}
.paketgnl:first-child:nth-last-child(8),
.paketgnl:first-child:nth-last-child(8)~.paketgnl {
width: calc(100% - 23px);
}
.paketgnl:first-child:nth-last-child(12),
.paketgnl:first-child:nth-last-child(12)~.paketgnl {
width: calc(100% - 23px);
}

#sayac .sayacic {
width: calc(50% - 33px);
margin: 30px 30px 30px 0px;
}
#sayac .sayacic:nth-of-type(2n) {
width: calc(50% - 17px);
margin: 30px 0px 30px 0px;
}

section#akordiyon .siteyiOrtalahidden {
width: calc(100% - 0px);
max-width: calc(1400px - 0px);
padding: 0px 0px;
}

.vds_ekozellik .vdsnciki_ekozllk figure {
width: 200px;
margin: 0px auto 30px auto;
float: unset;
}
.vds_ekozellik .vdsnciki_ekozllk figure img {
height: 195px;
}
.vds_ekozellik .vdsnciki_ekozllk ul {
width: calc(100% - 0px);
columns: 2;
}
.vds_ekozellik .vdsnciki_ekozllk .ekresim img {
height: 30px;
}


#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li {
width: calc(100% - 30px);
float: left;
padding: 15px 15px 15px 15px;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li:nth-of-type(2n),
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li:nth-of-type(3n),
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li:nth-of-type(4n),
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li:nth-of-type(5n),
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li:nth-of-type(6n),
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li:nth-of-type(7n) {
width: calc(50% - 37px)!important;
border: 1px solid var(--acikmavi);
margin: 0px 10px 10px 0px;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li:nth-of-type(4n),
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li:nth-of-type(6n) {
margin: 0px 10px 10px 0px!important;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li:nth-of-type(3n),
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li:nth-of-type(5n),
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li:nth-of-type(7n) {
margin: 0px 0px 10px 0px;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li.baslik {
text-align: center;
float: unset;
margin-bottom: 15px;
border: 0px;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li.baslik font {
display: inline-table;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li strong.baslik {
width: 100%;
display: inline-table;
text-align: center;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li.fiyatGoster {
padding: 15px 0px 15px 0px;
border: 0px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: auto !important;
margin: 0px;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li.fiyatGoster span {
margin-top: 5px;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li.sepetEkle {
width: auto !important;
border: 0px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
float: right;
margin: 0px;
text-align: right;
padding: 15px 0px 15px 0px;
}
#vdssunucu_iki .vdssunucu_iki .liste ul.ulliste li.sepetEkle a.satinAl {
margin: 20px 0px 0px 0px;
}
#sonBlog .sonBlog .blog div h3 {
margin: 5px 0px 20px 0px;
}
#sonBlog .sonBlog .blog div p {
display: none;
}
.yorumIleri {
left: calc(50% - -8px);
}
.yorumGeri {
left: calc(50% - 58px);
}

.paket_ortak_ozellikler ul {
text-align: center;
}
.paket_ortak_ozellikler ul li img,
.paket_ortak_ozellikler ul li:nth-of-type(2n) img {
width: auto;
height: 250px;
margin: 0px auto 15px auto;
float: unset;
}
.paket_ortak_ozellikler ul li div {
width: 100%;
}
.paket_ortak_ozellikler ul li div strong {
text-align: center;
}
.paket_ortak_ozellikler ul li div span {
width: 100%;
margin: 0px auto 0px auto;
}

.iletisim_ust ul li {
width: calc(100% - 61px);
}


.serverlist_butonlar ul > li {
margin-right: 0px;
clear:both;
margin-bottom: 10px;
}
.serverlist_butonlar ul > li:last-child {
margin-bottom: 0px;
}

.vdssunucu table tr #tukendi {
transform: rotate(0deg);
margin-left: 0px;
margin-top: -17px;
right: 0px;
width: auto;
padding: 0px 10px;
}


ul.paket_sayfa_ozellikleri li {
width: calc(50% - 61px);
}
ul.paket_sayfa_ozellikleri li:nth-of-type(2n) {
border-right: 0px none;
}
ul.paket_sayfa_ozellikleri li:nth-of-type(3n) {
border-right: 1px solid rgba(112, 112, 112, 0.13);
}
ul.paket_sayfa_ozellikleri li:nth-of-type(7n),
ul.paket_sayfa_ozellikleri li:nth-of-type(8n) {
border-bottom: 1px solid rgba(112, 112, 112, 0.13);
}
ul.paket_sayfa_ozellikleri li:nth-of-type(9n) {
border-right: 0px none;
}

.css_tanimla .siparisbilgileri strong.the_baslik {
text-align: left
}
.css_tanimla .siparisbilgileri .domainsec .alanadisorgu .gonderbtn {
width: 60%;
margin: 0px auto;
}

.paket_ortak_isletimsistemleri ul li {
width: calc(50% - 60px);
}

.snc_brndrm_ozllk ul {
columns: 2;
column-gap: 30px;
}

#yazilimlar_listele {
display: unset;
}
.yazilimlar_listele,
#yazilimlar_listele.yazilimlar_listele_pop .yazilimlar_listele {
flex: unset;
width: calc(50% - 0px);
margin: 30px auto 0px auto;
position: relative;
}
.yazilimlar_listele:nth-of-type(3n),
#yazilimlar_listele.yazilimlar_listele_pop .yazilimlar_listele:nth-of-type(3n) {
margin: 30px auto 0px auto;
}

.uyeol {
width: 95%!important;
}
#uyeolgiris:before {
width: 55%;
}

.css_tanimla .orderperiodblock {
width: calc(70% - 40px);
margin: 30px 15px 15px 15px;
padding: 60px 0px;
}

.css_tanimla .siparisbilgileri .the_btn {
width: calc(95% - 55px);
}

.css_tanimla #ek_hizmetler_order .siparisbilgileri table tr.ek_hizmetler_tr select.ek_hizmet_select {
width: 90%;
margin: 20px auto 0px auto;
}

.blog_kat_sol .blog {
width: calc(80% - 0px);
float: unset;
margin: 0px auto 30px auto;
padding-bottom: 15px;
}
.blog_kat_sol .blog:nth-of-type(2n) {
margin: 0px auto 30px auto;
}

.kampanya_bilgi_alani {
width: calc(100% - 62px);
margin: 45px 0px 45px 0px;
}
.kampanya_bilgi_alani .kamp_sol {
width: 100%;
margin: 0px 0px 0px 0px;
}
.kampanya_bilgi_alani .kamp_sag {
width: calc(100% - 0px);
margin: 15px 0px 0px 0px;
}

.kampanya_bilgi_alani .timeContainer .wrapper div h4 {
font-size: 18px;
}
.kampanya_bilgi_alani .timeContainer .wrapper div {
font-size: 10px;
}
.kampanya_bilgi_alani .kamp_sag p {
line-height: 1.6;
}
.kampanya_bilgi_alani .kupon_kodu_ic {
display: table;
margin: 15px auto 0px auto;
}

.kampanya_bilgi_alani .timeContainer .wrapper div {
width: calc(25% - 35px);
margin-right: 5px;
}
.kampanya_bilgi_alani .timeContainer .wrapper div:nth-of-type(3n),
.kampanya_bilgi_alani .timeContainer .wrapper div:nth-of-type(4n) {
margin-top: 0px;
}

.css_tanimla .sunucukonfigurasyonu .sungenbil,
.css_tanimla .sunucukonfigurasyonu .sunucusipside {
width: 100%;
}

.css_tanimla .sunucukonfigurasyonu .skonfiginfo table tr {
display: block;
}
.css_tanimla .sunucukonfigurasyonu .skonfiginfo table tr td {
width: 100%!important;
height: auto;
overflow: hidden;
display: block;
}
.css_tanimla .sunucukonfigurasyonu .skonfiginfo table tr td select {
width: 90%;
margin: 20px auto 0px auto;
}
.css_tanimla .sunucukonfigurasyonu .skonfiginfo table tr td img {
position: relative;
float: left;
}
.css_tanimla .sunucukonfigurasyonu .skonfiginfo table tr td strong {
width: calc(100% - 60px);
padding: 0px 0px 0px 17px;
}

ul.yazilim_sol_ozellikleri li {
width: calc(100% - 61px);
border-right: 0 none!important;
}

#cozumOrtaklari .cozumOrtaklari .swiper-slide img {
height: 68px;
}
footer form#newsletter_email {
width: 100%;
}
footer form#newsletter_email input[name="email"] {
width: calc(100% - 215px);
font-size: 14px;
padding: 0px 140px 0px 65px;
}
footer form#newsletter_email input[name="email"]:focus {
padding: 0px 140px 0px 65px!important;
}
footer form#newsletter_email a#newsletter_submit {
font-size: 14px;
}

footer .footerLink ul li a {
font-size: 14px;
}
footer .footerAciklama a {
margin-bottom: 0px;
}
footer .footerAciklama span {
padding-top: 15px;
}

footer .copy {
width: calc(100% - 30px);
margin-top: 30px;
padding: 15px 15px 15px 15px;
}
footer .copy p {
width: calc(100% - 0px);
float: none;
padding-right: 0px;
margin-bottom: 30px;
}
footer .copy img {
height: 18px;
}
footer .footerAciklama {
width: calc(100% - 0px);
margin-bottom: 15px;
}
footer ul.sosyal {
width: 148px;
margin: 0px auto 0px auto;
clear: both;
}

}

@media screen and (max-width: 640px) {
#ustbar .ustbar ul.ustul_bir {
width: calc(100% - 0px);
text-align: center;
margin-bottom: 10px;
}
#ustbar .ustbar ul.ustul_bir li {
float: unset;
margin: 0px 5px 0px 5px;
display: inline-table;
}
#ustbar .ustbar ul.ustul_iki {
width: calc(100% - 0px);
text-align: center;
}
#ustbar .ustbar ul.ustul_iki li {
float: unset;
margin: 0px 5px 0px 5px;
display: inline-table;
}
#ustbar .ustbar ul.ustul_iki li.bayrak a {
display: inline-table;
float: unset;
line-height: 22px;
}
#ustbar .ustbar ul.ustul_iki li.bayrak a img {
float: unset;
margin-top: 0px;
}

.paket_ortak_isletimsistemleri ul li {
width: calc(100% - 60px);
}

.paket_ortak_liste ul {
columns: 1;
column-gap: 0px;
}
.paket_ortak_sistemler ul {
columns: 2;
}

.yazilimlar_listele,
#yazilimlar_listele.yazilimlar_listele_pop .yazilimlar_listele {
flex: unset;
width: calc(85% - 0px);
margin: 30px auto 0px auto;
position: relative;
}

ul.paket_sayfa_ozellikleri li {
width: calc(100% - 60px);
border-right: 0px none;
border-bottom: 1px solid rgba(112, 112, 112, 0.13);
}
ul.paket_sayfa_ozellikleri li:nth-of-type(9n) {
border-right: 0px none;
}

.bilgi_bankasi_arama form#SearchForm input[name="q"] {
width: calc(100% - 230px);
font-size: 16px;
padding: 0px 140px 0px 80px;
}
.bilgi_bankasi_arama form#SearchForm input[name="q"]:focus {
padding: 0px 140px 0px 80px!important;
}
.bilgi_bankasi_arama form#SearchForm a.search {
padding: 0px 30px 0px 30px;
font-size: 14px;
}
.bilgi_bankasi_arama form#SearchForm a.search i {
display: none;
}

#Signin_Form {
width: 90%;
}

.blog_kat_sol .blog {
width: calc(100% - 0px);
float: unset;
margin: 0px auto 30px auto;
padding-bottom: 15px;
}
.blog_kat_sol .blog:nth-of-type(2n) {
margin: 0px auto 30px auto;
}

.snc_brndrm_ozllk ul {
columns: 1;
column-gap: 0px;
}

}

@media screen and (max-width: 500px) {
.headerBG .headerBGBaslik h1 {
font-size: 24px;
}
.headerBG .headerBGBaslik .breadcrumb {
font-size: 12px;
margin: 10px auto 0px auto;
}
.sliderAlani {
height: calc(100vh - 350px);
}
.sliderAlani .sliderIcerik {
height: calc(100vh - 350px);
padding: 0px 5% 0px 5%;
}
.sliderAlani figure {
width: calc(100% - 0px);
bottom: -15%;
}
.sliderAlani figure img {
height: 160px;
}
.nokta {
bottom: 25px !important;
left: unset !important;
right: 15px !important;
margin: unset unset !important;
display: table;
}

.vds_ekozellik .vdsnciki_ekozllk .ekresim img {
height: 20px;
}
}