*{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{height:100%;display:block}head,link,meta,script,style,title{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}div,map,p{display:block}address{display:block;font-style:italic}center{display:block;text-align:center}hr{height:1px;display:block;margin:1.5em 0;overflow:hidden;text-align:center;border-top:1px solid #eaeaea}bdo,bdo[dir]{direction:ltr;unicode-bidi:bidi-override}[dir=rtl]{direction:rtl;unicode-bidi:embed}[dir=ltr]{direction:ltr;unicode-bidi:embed}[align=left]{text-align:left}[align=center]{text-align:center}[align=right]{text-align:right}[valign=top]{vertical-align:top}[valign=middle]{vertical-align:middle}[valign=bottom]{vertical-align:bottom}h1,h2,h3,h4,h5,h6{font-weight:700;display:block}h1{font-size:2.3em}h2{font-size:2em}h3{font-size:1.7em}h4{font-size:1.4em}h5{font-size:1.2em}h6{font-size:1em}small{font-size:65%;display:inline-block;vertical-align:middle}del{text-decoration:line-through}ins{text-decoration:underline}b,strong{font-weight:500}table{width:100%;display:table;text-indent:0;border-spacing:0;border-collapse:separate}thead{display:table-header-group}tbody{display:table-row-group}tfoot{display:table-footer-group}tbody,tfoot,thead,tr{vertical-align:middle;border-color:inherit}tr{display:table-row}td,th{font-weight:300;display:table-cell;vertical-align:inherit}ol,ul{list-style-type:none}form{display:block}label{cursor:default}legend{display:block}fieldset{display:block}button textarea,input{outline:0;display:inline-block;vertical-align:middle;background-color:transparent}button,input[type=submit]{cursor:pointer}button{text-align:center}button:focus{outline:0}textarea{resize:none;min-height:120px;outline:0}button.disabled,input.disabled{cursor:not-allowed;opacity:.5}a{color:#2e393f;cursor:pointer;text-decoration:none;display:inline-block;vertical-align:middle}pre{color:#bbb;padding:20px;margin:10px 0;font-size:.85em;display:block;background-color:#2b303b;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}mark{color:#fff;padding:2px 5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;display:inline-block;vertical-align:middle;background-color:#a9d86e}.p0{padding:0!important}.p5{padding:5px}.p10{padding:10px}.p15{padding:15px}.p20{padding:20px}.p25{padding:25px}.p30{padding:30px}.p40{padding-top:40px}.p50{padding-top:50px}.pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pt25{padding-top:25px}.pt30{padding-top:30px}.pt40{padding-top:40px}.pt50{padding-top:50px}.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb25{padding-bottom:25px}.pb30{padding-bottom:30px}.pb40{padding-top:40px}.pb30{padding-top:50px}.pr5{padding-right:5px}.pr10{padding-right:10px}.pr15{padding-right:15px}.pr20{padding-right:20px}.pr25{padding-right:25px}.pr30{padding-right:30px}.pr40{padding-top:40px}.pr50{padding-top:50px}.pl5{padding-left:5px}.pl10{padding-left:10px}.pl15{padding-left:15px}.pl20{padding-left:20px}.pl25{padding-left:25px}.pl30{padding-left:30px}.pl40{padding-top:30px}.pl50{padding-top:30px}.m0{margin:0!important}.m5{margin:5px}.m10{margin:10px}.m15{margin:15px}.m20{margin:20px}.m25{margin:25px}.m30{margin:30px}.mt5{margin-top:5px}.mt80{margin-top:80px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt25{margin-top:25px}.mt30{margin-top:30px}.mt70{margin-top:70px}.mt100{margin-top:100px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb25{margin-bottom:25px}.mb30{margin-bottom:30px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}.mr25{margin-right:25px}.mr30{margin-right:30px}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml25{margin-left:25px}.ml30{margin-left:30px}.text-right{text-align:right!important}.text-left{text-align:left!important}.text-center{text-align:center!important}
img {max-width: 100%}
*:hover {text-decoration: none !important;transition: all 0.20s ease !important}
*{transition: all 0.20s ease}
body,html {width: 100%;color:#031B4E;font-size: 16px; font-weight: 400; font-family: 'SF Pro', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;}

.btn {font-size: 16px; font-weight: bold; padding: 12px 20px; border-radius: 6px}

header {position: absolute; right: 0px; top: 0px; z-index: 5; width: 100%;}


.topHeader {width: 100%; padding: 10px 0; display: block; background: #182FB7; color: #fff;}
.topHeader a {color: #fff; margin-right: 30px; position: relative;}
.topHeader .text-right a:last-child {margin-right: 0px}
.topHeader a i {margin-right: 5px}

.paketDetay td.fiyatDetay .btn i {font-size: 16px !important;}
table.paketDetay {min-width: 900px;}

.topHeader .switch {position: relative;cursor: pointer; display: inline-block; position: relative; width: 56px;height: 30px; margin-bottom: 0px; margin-left: 10px; margin-right: 10px;}
.topHeader .switch::before {content: "₺"; z-index: 2; padding-left: 5px; font-size: 15px; font-weight: 500; position: absolute; left: 0px; height: 30px; line-height: 30px; top: 0px; width: 50%; text-align: center; color: #000}
.topHeader .switch::after {content: "$"; z-index: 2; padding-right: 5px; font-size: 15px; font-weight: 500; position: absolute; right: 0px; height: 30px; line-height: 30px; top: 0px; width: 50%; text-align: center; color: #000}
.topHeader .switch input {display:none;}
.topHeader .slider {position: absolute;cursor: pointer;border-radius:15px;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;-webkit-transition: .4s;transition: .4s;}
.topHeader .slider:before {position: absolute;z-index: 3; border-radius:15px; content: "";height: 22px;width: 22px;left: 4px;bottom: 4px;background-color: #182FB7;-webkit-transition: .4s;transition: .4s;}
.topHeader input:checked + .slider {background-color: #fff;}
.topHeader input:focus + .slider {box-shadow: 0 0 1px #fff;}
.topHeader input:checked + .slider:before {-webkit-transform: translateX(22px);-ms-transform: translateX(22px);transform: translateX(26px);}


.navbar {display: block; background: none; position: relative; z-index: 2; padding: 30px 0 !important;}
.navbar a {color: #fff}
.navbar-expand-lg .navbar-nav {width: 100%; display: block;}
.navbar-expand-lg .navbar-nav li {display: inline-block;}
.navbar-expand-lg .btn-light {color: #000; margin-left: 20px; font-weight: bold; }
.navbar-expand-lg .btn-light span {font-weight: bold;}
.dropdown-item {color: #000 !important}
.navbar-brand > div {width: 176px; height: 53px; display: block; background: url(../../assets/images/logo-1.png) no-repeat; background-size: contain}
.sticky.navbar .navbar-brand > div {background: url(../../assets/images/logo-2.png) no-repeat; background-size: contain}

.sticky.navbar {position: fixed;top: 0;border-bottom:1px solid #d8d8d8;width: 100%; background: #fff; color: #000; padding: 10px 0 !important}
.sticky.navbar a {color: #000}

#no-more-tables tbody tr:nth-child(even) {background: #F7F7F9}
#no-more-tables td, th {font-weight: 400; padding: 15px}
#no-more-tables th {font-weight: bold; font-size: 15px; opacity: 0.5}
#no-more-tables strong {font-weight: bold; }
#no-more-tables tbody tr td {text-align: center;}
#no-more-tables thead tr th {text-align: center;}
#no-more-tables thead tr th:first-child {text-align: left;}
#no-more-tables tbody tr td:first-child {font-weight: bold; text-align: left}
#no-more-tables tbody tr td i {font-size: 20px}
#no-more-tables tbody tr td .btn {padding: 8px 15px; background: #182FB7; color: #fff; border-radius: 4px; font-weight: bold; font-size: 15px;}
#no-more-tables tbody tr td .btn i {font-size: 15px}
#no-more-tables tbody tr td i {font-size: 24px}
#no-more-tables tbody tr td label {color: #3CB56F}
#no-more-tables tbody tr td i.icon-var {color: #00B453}
#no-more-tables tbody tr td i.icon-yok {color: #B40000}


#bankatables tbody tr:nth-child(even) {background: #F7F7F9}
#bankatables td, th {font-weight: 400; padding: 15px}
#bankatables th {font-weight: bold; font-size: 15px; opacity: 0.5}
#bankatables thead tr th:first-child {text-align: left;}
#bankatables tbody tr td:first-child {font-weight: bold; text-align: left}


.conTitle {width: 100%; display: block; margin-bottom: 26px; position: relative;}
.conTitle p {font-size: 26px; color: #031B4E; font-weight: bold; margin-bottom: 0px}
.conTitle span {font-size: 16px; line-height: 26px; color: #5B6987; margin-bottom: 0px; width: 100%; display: block; font-weight: normal;}
.conTitle p a {float: right; font-size: 16px;  color: #031B4E}

.manset {display: block; z-index: 1; width: 100%}
.manset .mansetItem:before {width: 100%; z-index: 1; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: rgb(24,47,183);background: linear-gradient(45deg, rgba(24,47,183,1) 0%, rgba(24,47,183,0) 100%);}
.manset .mansetItem {position: relative; height: 750px; background-size: cover !important;background-position: center center !important}
.manset .mansetItem img {position: absolute;left: 0px; top: 0px;}
.manset .mansetItem .container {color: #fff; position: relative; top: 50%; transform: translateY(-50%); z-index: 2}
.manset .mansetItem .container p {width: 50%; font-size: 40px; font-weight: bold; line-height: 60px; margin-bottom: 10px}
.manset .mansetItem .container span {width: 50%; display: block; font-size: 20px; line-height: 32px; opacity: 0.7; margin-bottom: 30px;}
.manset .owl-carousel {width: 100% !important; height: auto}
.manset .owl-dots {position: absolute; left: 0px; bottom: 50px; width: 100%; display: block; text-align: center;}
.manset .owl-dot {width: 20px; height: 20px; border-radius: 50%; background: rgba(255,255,255,0.3) !important; margin-right: 10px; z-index: 3}
.manset .owl-dot.active {background: rgba(255,255,255,1) !important;}
.manset .owl-item {width: 100wh !important; display: block;}


.logolar {display: block; width: 100%; padding: 60px 0; background: #F7F7F9; text-align: center;}
.logolar p {color: #5B6987; font-weight: bold; font-size: 16px;}
.logolar .logolarOwl {padding: 50px 0 30px 0}
.logolar .item {line-height: 50px}
.logolar img {-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; max-height:80px  !important; width: auto !important}
.logolar img:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1}
.logolar a {color: #182FB7}

.hizmetler {display: block; width: 100%; padding:100px 0; }
.hizmetler .hizmetItem p {font-size: 20px; line-height: 30px; font-weight: bold; margin:20px 0 10px 0;}
.hizmetler .hizmetItem span {font-size: 16px; line-height: 26px; color: #5B6987; display: block; margin-bottom: 30px}
.hizmetler .hizmetItem a {display: block; color: #182FB7}

.modal-body {padding: 30px}

.breadcrumbb {display: block; color: #fff}
.breadcrumbb a {color: #fff}
.breadcrumbb a:last-child {opacity: .5; cursor: default}


.hizmetDetay .hdItem {padding: 30px; background: #F7F7F9; margin-bottom: 30px}
.hizmetDetay .col-xl-6:nth-child(5) .hdItem {margin-bottom: 0px !important}
.hizmetDetay .col-xl-6:nth-child(6) .hdItem {margin-bottom: 0px !important}
.hizmetDetay .hdItem i {font-size: 50px; color: #182FB7;}
.hizmetDetay .hdItem p {display: block; font-size: 18px; font-weight: bold; margin:15px 0 10px 0;}
.hizmetDetay .hdItem span {display: block; font-size: 16px; line-height: 26px; color: #5B6987}
.hizmetDetay .col-xl-5 {padding-left: 0px !important; background: url(../../assets/images/img1.jpg) center center; background-size: cover; background-repeat: no-repeat;}


.iconItems {display: block; width: 100%; }
.iconItems .container {text-align: center; padding: 100px 50px; background: #F7F7F9;}
.iconItems .iconItem i {font-size: 50px; color: #182FB7}
.iconItems .iconItem p {display: block; font-size: 18px; font-weight: bold; margin:15px 0 10px 0;}
.iconItems .iconItem span {display: block; font-size: 16px; line-height: 26px; color: #5B6987}


.arayalim .container {display: block; border-radius: 10px; margin-top: 120px; padding: 30px; background: #031B4E; color: #fff}
.arayalim .container img {border-radius: 6px}
.arayalim p {display: block; font-size: 26px; line-height: 40px; font-weight: bold; }
.arayalim span {display: block; font-size: 16px; line-height: 26px; opacity: 0.7; margin:10px 0 20px 0;}
.arayalim .bttn {padding: 12px 20px; background: #fff; border-radius: 6px; font-weight: bold; font-size: 16px;}
.arayalim .col-xl-7 > div {display: block; position: absolute; left:30px; top: 50%; transform:translateY(-50%);}


.buyutme {display: block; padding: 120px 0;}
.buyutme p {display: block; font-size: 50px; line-height: 60px; font-weight: bold;}
.buyutme span {display: block; font-size: 16px; line-height: 26px; color: #5B6987; margin: 30px 0}
.buyutme .bttn {padding: 15px 30px; background: #182FB7; color: #fff; border-radius: 4px; font-weight: bold; font-size: 16px;}
.buyutme .col-xl-6 > div {display: block; position: absolute; left:100px; right: 100px; top: 50%; transform:translateY(-50%);}
.buyutme .col-xl-6:last-child {padding: 0px !important}


.datacenter {display: block; padding: 100px 0; background: #031B4E; color: #fff; }
.datacenter p {display: block; font-size: 50px; line-height: 60px; font-weight: bold; }
.datacenter span {display: block; font-size: 16px; line-height: 26px; opacity: 0.7; margin:30px 0;}
.datacenter .bttn {padding: 15px 30px; background: #182FB7; color: #fff; border-radius: 4px; font-weight: bold; font-size: 16px;}
.datacenter .col-xl-6 > div {display: block; position: absolute; left:50px; right: 0px; top: 50%; transform:translateY(-50%);}

.cloudBlog {display: block; padding: 120px 0;}
.cloudBlog .cBlogItem p {font-weight: bold; color: #031B4E; font-size: 18px; line-height: 28px; margin: 15px 0 10px 0}
.cloudBlog .cBlogItem span {color: #5B6987; font-size: 16px; line-height: 26px;}


.destek {display: block; margin-bottom: 50px}
.destek .container {border-radius: 4px;padding: 30px; background: #F2F3F6;}
.destek .container img {height: 202px; }
.destek .container .destekItem {border-radius: 4px; display: block; padding: 30px; background: #fff;}
.destek .container .destekItem img {height: 50px; margin-bottom: 20px}
.destek .container .destekItem p {display: block; font-size: 22px; font-weight: bold; margin-bottom: 0px}
.destek .container .destekItem span {display: block; font-size: 18px}


.pageTitle {display: block; position: relative; overflow: hidden;  color: #fff; margin-top: 45px; padding: 180px 0 200px 0; width: 100%; background: #031B4E; position: relative; background-size: contain; background-position: center right; background-repeat: no-repeat;}
.pageTitle::before {position: absolute;content: ''; z-index: 1; width: 100%; z-index: 2; height: 100%; left: 0px; top: 0px; background: rgb(24,47,183);background: linear-gradient(90deg, rgba(24,47,183,1) 0%, rgba(24,47,183,0) 100%); }
.pageTitle.kisa {padding: 180px 0 100px 0;}

.pageTitle .pTitleBg {position: absolute; right: 0px; top: 50%; transform:translateY(-50%); max-height: 528px;}
.col-xl-6 {position: relative; z-index: 2}
.pageTitle h1 {font-size: 40px; font-weight: bold; line-height: 60px;}
.pageTitle span {font-size: 18px; line-height: 28px; opacity: .7;}
.pageTitle h2 {font-size: 18px; line-height: 28px; opacity: .7;}
.pageTitle ul {display: block; padding: 30px 0; font-size: 0px; line-height: 0px;}
.pageTitle ul li {width: 50%; padding: 10px 0; position: relative; padding-left: 25px; display: inline-block; font-size: 18px; font-weight: bold; line-height: 28px}
.pageTitle ul li::before {position: absolute; content: ''; width: 10px; height: 10px; border-radius: 50%; background: #39F7FF; top: 50%; left: 0px; margin-top: -5px;}

.texts {display: block; padding: 80px 0; font-size: 16px; line-height: 26px}
.texts strong {font-weight: bold}


.fiyatPaketleri {display: block; margin-top: 100px; position: relative; z-index: 3; padding-bottom: 40px;}
.fiyatPaketleri strong{font-weight: 600;}
.fiyatPaketleri .col-xl-4 > div {display: block; background:#fff; padding: 0 50px 40px 50px; border-radius: 10px; text-align: center; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);}
.fiyatPaketleri .col-xl-4 > div .fpTitle {display: block; margin: 0 -50px; width: calc(100% + 100px); margin-bottom: 30px; height: 80px; background: #031B4E; border-radius: 10px 10px 0 0; line-height: 80px; font-size: 20px; font-weight: bold; color: #fff}
.fiyatPaketleri .col-xl-4:nth-child(2) {margin-top: -41px}
.fiyatPaketleri .col-xl-4:nth-child(2) > div .fpTitle {height: auto; line-height: normal; padding: 30px 0 25px 0; background: #FFCD39; color: #000}
.fiyatPaketleri .col-xl-4 > div .fpTitle span {background: #fff; border-radius: 3px; padding: 7px 10px; font-size: 15px; color: #000}
.fiyatPaketleri .col-xl-4 > div .fpTitle label {display: block; margin: 20px 0 0 0; font-weight: bold}
.fiyatPaketleri .col-xl-4 > div .fiyatDetay {display: block;}
.fiyatPaketleri .col-xl-4 > div .fiyatDetay strong {display: inline-block; font-size: 50px; font-weight: 600;}

.fiyatPaketleri .col-xl-4 > div .fiyatDetay span {display: inline-block; font-size: 18px; font-weight: 400;}
.fiyatPaketleri .col-xl-4 > div .fiyatDetay select {display: block; width: 100%; margin: 10px 0 20px 0; border-radius: 5px; background: #ECECEC; border:0px; height: 46px; line-height: 46px; padding: 0 10px}
.fiyatPaketleri .col-xl-4 > div .fiyatDetay .btn {background: #182FB7; color: #fff; display: block; width: 100%;}
.fiyatPaketleri .col-xl-4 > div ul {display: block; margin-top: 25px}
.fiyatPaketleri .col-xl-4 > div ul li {display: block; padding: 18px 0; border-bottom: 1px solid #d8d8d8; font-size: 16px;}
.fiyatPaketleri .col-xl-4 > div ul li:last-child {border-bottom: 0px; padding-top: 40px; font-weight: bold; color: #182FB7}

.fiyatPaketleri.esitle .col-xl-4:nth-child(2) {margin-top: 0px}
.fiyatPaketleri.esitle .col-xl-4:nth-child(2) > div .fpTitle { background: #031B4E; color: #fff}


.platformsecbtnset {display: block; padding-top: 80px; position: relative; z-index: 3; text-align: center;}
.platformsecbtnset span{display: block; font-size: 26px; font-weight: bold; margin-bottom: 10px;}
.platformsecbtnset .btn {background: #f8f9fa; border-color: #a1a1a1; color: #000 ;  width: 150px; margin-left: 10px; margin-right: 10px;}
.platformsecbtnset .active { background: #182FB7; color: #fff !important;}


.hesaplar {padding: 80px 0 50px; display: block;}
.hesaplar .col-xl-3 {margin-bottom: 50px}
.hesaplar img {margin-bottom: 50px}
.hesaplar p {display: block; font-size: 14px; font-weight: bold; opacity: .5; margin-bottom: 5px}
.hesaplar span {display: block; font-size: 16px; font-weight: 400; margin-bottom: 30px}
.hesaplar span:last-child {margin-bottom: 0px}
.hesaplar h3 {margin-bottom: 20px; font-size: 20px; line-height: 30px}


.gebze {display: block; padding: 100px 0; padding-top: 0;}
.gebze .gebzeImg {display: block;position: relative;}
.gebze .gebzeImg > div {position: absolute; left: 0px; bottom: 0px; width: 50%; padding: 50px; background: #fff}
.gebze .gebzeImg > div p {font-size: 40px; font-weight: bold; margin-bottom: 10px}
.gebze .gebzeImg > div span {display: block; font-size: 20px; line-height: 30px; color: #5B6987}


.donanim {display: block; padding: 50px 0 100px 0}
.donanim .col-xl-6 > div {display: block; height: 100%; padding: 30px; background: #F7F7F9}
.donanim i {font-size: 70px; color: #182FB7; margin-bottom: 15px; display: block;}
.donanim p {font-size: 24px; line-height: 35px; font-weight: bold}
.donanim span {font-size: 18px; line-height: 30px; color: #5B6987}


.iletisimBilgileri {padding: 120px 0 120px; position: relative; display: block;}
.iletisimBilgileri .iletisimHarita {width: 50%; height: 100%; position: absolute; right: 0px; top: 0px}
.iletisimBilgileri .iletisimHarita iframe {width: 100%; height: 100%; display: block;}
.iletisimBilgileri ul li {display: block;margin-bottom: 30px}
.iletisimBilgileri ul li .icon {display: inline-block; border-radius: 50%; margin-right: 15px; width: 50px; height: 50px; background: rgba(22,51,255,.1); color: #1633FF; line-height: 50px; text-align: center; font-size: 24px}
.iletisimBilgileri ul li > div {display: inline-block; width: calc(100% - 70px;)}
.iletisimBilgileri ul li > div p {font-size: 14px; font-weight: bold; opacity: .5; margin-bottom: 5px}
.iletisimBilgileri ul li > div span {display:block; font-size: 16px; font-weight: 400;}
.iletisimBilgileri hr {margin: 50px 0; border-color: #d8d8d8}
.iletisimBilgileri .vergi {display: block;}
.iletisimBilgileri .vergi li {width: 30%; padding-right: 10px; display: inline-block; vertical-align:top;}
.iletisimBilgileri .vergi li p {font-size: 14px; font-weight: bold; opacity: .5; margin-bottom: 5px}
.iletisimBilgileri .vergi li span {display:block; font-size: 16px; font-weight: 400;}


.iletisimm {display: block; margin-bottom: 50px}
.iletisimm .col-xl-4 {text-align: center; margin-bottom: 30px}
.iletisimm .col-xl-4  .icon {border-radius: 50%; display: inline-block; margin-bottom: 15px; width: 50px; height: 50px; background: #fff; color: #1633FF; line-height: 50px; text-align: center; font-size: 24px}
.iletisimm .col-xl-4  > div {display: block; background: #F7F7F9; padding: 30px; height: 100%}
.iletisimm .col-xl-4  .text {display: block;}
.iletisimm .col-xl-4  .text p {font-size: 14px; font-weight: bold; margin-bottom: 5px}
.iletisimm .col-xl-4  .text span {display:block; font-size: 16px; font-weight: 400;}


.sss {display: block; padding: 120px 0; font-size: 16px}
.sss .card {background: #fff; border: 0px}
.sss strong {font-weight: bold;}
.sss .card-header {background: none; padding: 0px; font-weight: bold; color: #000;}
.sss .card-header button {padding: 0px; color: #031B4E; white-space: normal; padding: 26px 0;  font-size: 18px;}

#musteriler-page {z-index: -1; position: relative;}
#musteriler-page .square {height: 0px;position: relative; padding-bottom: 100%;}
#musteriler-page .square img {position: absolute; -webkit-filter: grayscale(100%);filter: grayscale(100%); width: auto; transition: all 0.3s ease; opacity: 0.7; max-height:90px; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0);}
#musteriler-page .square:hover img {opacity: 1; -webkit-filter: grayscale(0%);filter: grayscale(0%);}
#musteriler-page .owl-item:nth-of-type(2n) {background: #F7F8FF;}
#musteriler-page .text-center {width: 20%; font-size: 0px; display: inline-block; line-height: 0px; transition: all 0.3s ease}
#musteriler-page .text-center:nth-of-type(2n){background: #F7F8FF;}
#musteriler-page .text-center:nth-child(6) {display: none;}
#musteriler .square {height: 0px;position: relative; padding-bottom: 100%;}
#musteriler .square img {max-width: 80%; -webkit-filter: grayscale(100%);filter: grayscale(100%); width: auto; position: absolute; transition: all 0.3s ease; opacity: 0.7; max-height:90px; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0);}
#musteriler .square:hover img {opacity: 1; -webkit-filter: grayscale(0%);filter: grayscale(0%);}
#musteriler .owl-item:nth-of-type(2n) {background: #F7F8FF;}



.paketDetaySec {display: block; padding: 150px 0 100px 0; display: block; background: #F7F7F9}
.paketDetay th {text-align: center;}
.paketDetay td.fiyatDetay {padding: 20px 15px}
.paketDetay td > i {font-size: 24px}
.paketDetay td strong > i {font-size: 24px}
.paketDetay td i.icon-var {color: #00B453}
.paketDetay td i.icon-yok {color: #B40000}
.paketDetay td.fiyatDetay strong {font-size: 30px; font-weight: bold;}
.paketDetay td.fiyatDetay span {font-size: 18px; font-weight: 400;}
.paketDetay td.fiyatDetay select {width: 100%; text-align: center; margin: 10px 0 20px 0; border-radius: 5px; background: #fff; border:0px; height: 46px; line-height: 46px; padding: 0 10px}
.paketDetay td.fiyatDetay .btn {background: #182FB7; color: #fff; width: 100%;}
.paketDetay th:first-child {width: 25%}
.paketDetay td:first-child {width: 25%; font-weight: bold; font-size:16px }
.paketDetay td {font-size: 18px}
.paketDetay td {text-align: center; font-weight: 400; padding: 20px 0; border-bottom: 1px solid #d8d8d8}
.paketDetay tr:last-child td {border:0px;}
.paketDetay td:first-child {text-align: left;}
.paketDetay th .fpTitle {display: block; height: 80px; background: #031B4E; padding: 10px; border-radius: 10px 10px 0 0; font-size: 20px; font-weight: bold; color: #fff}
.paketDetay th .fpTitle span {background: #fff; border-radius: 3px; padding: 7px 10px; font-size: 15px; color: #000}
.paketDetay th .fpTitle label {display: block; margin: 20px 0 0 0; font-weight: bold}
.paketDetay th:nth-child(3) .fpTitle {height: auto; line-height: normal; margin-top: -43px; padding: 30px 0 25px 0; background: #FFCD39; color: #000}

.paketAlti {display: block; padding: 50px 0}
.paketAlti .col-xl-8 {padding: 40px 30px; background: #fff; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1); border-radius: 10px}
.paketAlti .col-xl-8 > div {width: calc(100% - 210px); display: inline-block; margin-right: 30px;}
.paketAlti .col-xl-8 p {font-size: 26px; font-weight: bold; margin-bottom: 3px}
.paketAlti .col-xl-8 span {color: #5B6987}
.paketAlti .col-xl-8 .btn {background: #182FB7; color: #fff; display: inline-block;}
.paketAlti .col-xl-8 .btn:hover {color: #fff}

.scrollButton {cursor: pointer;}


.vitalCloud {display: block; width: 100%; padding: 50px 0}
.vitalCloud .col-xl-4 {margin-bottom: 30px}
.vitalCloud .col-xl-4 > div {display: block; height: 100%; background: #F7F7F9; padding: 30px; }
.vitalCloud .col-xl-4 > div img {height: 50px; margin-bottom: 20px}
.vitalCloud .col-xl-4 > div p {font-size: 18px; font-weight: bold; line-height: 28px;}
.vitalCloud .col-xl-4 > div span {font-size: 16px; color: #5B6987; line-height: 26px;}
.vitalCloud .altbilgi{ margin-top: 20px;    font-size: 12px;}

.description {display: block;}
.description .row {margin-bottom: 100px}
.description .col-xl-8 > div {position: absolute; left:30px; top: 50%; transform:translateY(-50%);}
.description p {font-size: 30px; line-height: 45px; font-weight: bold; display: block; margin-bottom: 20px}
.description span p {font-size: 30px; font-weight: 400; color: #5B6987; font-size: 18px; line-height: 28px; display: block;}

footer {display: block; width: 100%;}
footer .fTop {display: block; border-top: 1px solid #d8d8d8; background: #fff; padding: 30px 0}
footer .fTop .fTopMenu {display: block; margin-bottom: 0px}
footer .fTop .fTopMenu li {display: inline-block;}
footer .fTop .fTopMenu li a { padding: 0 15px; line-height: 50px}
footer .fMenus {display: block; background: #F7F7F9; padding: 50px 0 40px 0}
footer .fMenus p {display: block; margin-bottom: 10px; font-size: 18px; font-weight: bold}
footer .fMenu {display: block;} 
footer .fMenu li a {padding: 5px 0; display: block; color: #5B6987}
footer .fMenu img {margin-top: 30px}
footer .fsocials {display: block; margin-bottom: 30px}
footer .fsocials a {width: 44px; height: 44px; margin:0 5px 10px 0; text-align: center; line-height: 44px; color: #fff; border-radius: 4px; font-size: 20px} 

footer .fsocials a:first-child {background: #3B5998}
footer .fsocials a:nth-child(2) {background: #1DA1F2; font-size: 16px}
footer .fsocials a:nth-child(3) {background: #FF0000; font-size: 16px}
footer .fsocials a:nth-child(3) {background: #FF0000; font-size: 16px}
footer .fsocials a:nth-child(4) {background: #2867B2; font-size: 16px}
footer .fsocials a:last-child { background: rgb(252,133,59);background: linear-gradient(45deg, rgba(252,133,59,1) 0%, rgba(236,64,98,1) 39%, rgba(188,46,175,1) 100%);}

footer .fDown {display: block; width: 100%; background: #EEF0F3; padding: 7px 0; color: #5B6987; line-height: 36px}


.isOrtaklari {display: block; padding: 120px 0}

@media (min-width: 1600px) {
	.container {max-width: 1500px !important}
}
@media (max-width: 1600px) {
	.navbar .container {max-width: 100% !important; }
	.topHeader .container {max-width: 100% !important;}
}
@media (max-width: 1600px) {
	.container {max-width: 100% !important;  padding: 0 30px}
	.buyutme .col-xl-6 > div {left: 50px; right: 50px}
}

@media (max-width:1300px) {
	.manset .mansetItem .container p {width: 100%}
	.manset .mansetItem .container span {width: 100%}
	.manset .mansetItem {text-align: center}
	.buyutme p, .datacenter p {font-size: 26px; line-height: 40px}
	.destek .container .destekItem p {font-size: 22px}
}
@media (max-width:1200px) {
	.hizmetItem {margin-bottom: 30px}
	.cBlogItem {margin-bottom: 30px}
	footer .fTop .fTopMenu li a {padding: 0 7px}
	.nav-item .btn {padding: 10px 12px}
	.nav-item .btn span {display: none}
	.navbar-expand-lg .navbar-nav .nav-link {padding:8px 5px;}
}
@media (max-width:992px) {
	.nav-item .btn span {display: inline-block;}
	.iletisimBilgileri .iletisimHarita {
		position: relative; width: 100%; height: 500px
	}
	.iletisimBilgileri ul li > div {display: block; width: 100%}
	.iletisimBilgileri ul li .icon {margin:0 0 15px 0;}
	.iletisimBilgileri .vergi li {width: 100%; display: block;}
	.iletisimBilgileri {padding: 80px 0}
	#no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
    display: block;
    text-align: left
    }

    #no-more-tables tbody tr td {text-align: left}
     
    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
    }
     
      
    #no-more-tables td {
    /* Behave like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align:left;
    }
     
    #no-more-tables td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
    padding: 15px;
    }

         
        /*
        Label the data
        */
        #no-more-tables td:before { content: attr(data-title); }
	footer .fTop .fTopMenu {margin-top: 20px}
	footer .fTop .fTopMenu li a {line-height: 30px}
	footer .fDown .col-md-12 {text-align: center !important; padding: 5px 0; line-height: 24px;}
	footer .fMenus {display: none}
	footer .fTop .col-md-12 {text-align: center !important; margin-bottom: 10px}
	footer .fTop .col-md-12:last-child {margin-bottom: 0px}
	.isOrtaklari {padding: 80px 0; text-align: center;}
	.iconItems .container {padding: 80px 30px}
	.arayalim .container {margin-top: 80px; padding: 50px}
	.arayalim .container p {font-size: 40px; line-height: 55px}
	.buyutme {padding: 80px 30px}
	.datacenter {padding: 60px 0}
	.destek .text-center {display: none}
	.datacenter .col-xl-6 > div {position: relative; left: 30px; right: 30px;}
	.buyutme .col-xl-6 > div{position: relative; left: 0px; right: 0px; margin-top: 30px}
	.arayalim .col-xl-7 > div {position: relative; left: 0px; right: 0px; padding: 50px 0 0 0; text-align: left;}
	.cloudBlog {padding: 80px 0}
	.hizmetDetay .col-xl-5 {height: 700px; margin: 0 15px 30px 15px; max-width: calc(100% - 30px)}
	.iconItem {margin-bottom: 50px}
	.navbar-toggler .icon-menu {color: #fff}
	.sticky .icon-menu {color: #000 !important}
	.sticky.navbar{padding: 10px 20px !important}
	.navbar-expand-lg .navbar-nav li {display: block; text-align: left; color: #000}
	.navbar-expand-lg .navbar-nav li a {padding: 15px 0 !important; border-bottom: 1px solid #d8d8d8}
	.navbar-expand-lg .navbar-nav li a.nav-link:last-child {border-bottom: 0px}
	.navbar-expand-lg .navbar-nav li a::after {float: right; line-height: 44px; margin:10px 0;}
	.navbar-nav .dropdown-menu {border: 0px; padding: 0 0 0 30px}
	.navbar-expand-lg .btn-light {margin-left: 0px; padding: 12px 20px !important; width: 100%; border-bottom: 0px; text-align: center; margin-top: 20px}
	.navbar-nav {padding: 20px; background: #fff;}
	.navbar a {color: #000}
	.navbar-collapse {margin-top: 30px}
	.topHeader .col-xl-6:first-child {display: none}
	.topHeader .col-xl-6:last-child {text-align: center !important;}
	.navbar {padding: 15px !important}
	.fiyatPaketleri .col-xl-4 {margin-bottom: 50px; padding: 0 5px}
	.fiyatPaketleri .col-xl-4 > div {padding: 0 20px 40px 20px}
	.fiyatPaketleri .col-xl-4 > div .fiyatDetay strong {font-size: 30px}
	.fiyatPaketleri .col-xl-4 > div .fpTitle {margin: 0 -20px 20px -20px; width: calc(100% + 40px)}
	.description .col-xl-8 > div {position: relative; transform: translateY(0%); left: 0px; top: 0px}
	.description .col-xl-4 img {margin-bottom: 50px}
	.paketDetaySec {position: relative; overflow: auto; padding: 120px 0 80px 0}
}
@media (max-width:768px) {
	.pageTitle.kisa {padding: 130px 0 60px 0}
	.destek .container {padding: 30px 20px}
	.navbar-expand-lg .navbar-nav .nav-link {padding: 15px 0 !important}
	.container {padding: 0px 15px}
	.conTitle p {font-size: 26px; line-height: 36px}
	.buyutme .d-xs-none {display: none}
	.destekItem {margin-bottom: 30px}
	.col-xs-12:last-child .destekItem {margin-bottom: 0px}
	.datacenter .col-xl-6 > div {left: 0px; position: relative; right: 0px; padding: 0 10px}
	.hizmetler {padding: 80px 0 30px 0}
	.hizmetDetay .col-xl-5 {height: 300px}
	.hizmetDetay .col-xl-6:nth-child(5) .hdItem {margin-bottom: 30px !important}
	.iconItem:last-child {margin-bottom: 0px}
	.buyutme {padding:80px 10px;}
	.buyutme p, .datacenter p {font-size: 24px; line-height: 35px; margin-bottom: 0px}
	.buyutme span {margin: 20px 0}
	.buyutme .col-xl-6 > div {margin-top: 15px}
	.arayalim .container {padding: 20px 20px 40px 20px}
	.arayalim .container p {font-size: 24px; line-height: 35px}
	.arayalim .col-xl-7 > div {padding-top: 20px}
	.manset .mansetItem {height: 650px; background-position: center center !important}
	.manset .mansetItem .container p {font-size: 32px; line-height: 46px}
	.manset .mansetItem .container span {font-size: 16px; line-height: 26px}
	.hizmetItem {margin-bottom: 50px}
	.pageTitle {padding: 120px 0 80px 0}
	.pageTitle ul li {width: 100%}
	.pageTitle h1 {font-size: 32px; line-height: 48px}
	.pageTitle .pTitleBg {display: none}
	.paketAlti .col-xl-8 > div {width: 100%; margin-bottom: 20px}
	.paketAlti .col-xl-8 {text-align: center;}
}