@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,latin-ext);
@import url("https://fonts.googleapis.com/css2?family=Exo:wght@200;300;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;600&display=swap");
.grayscale {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
}
.grayscale:hover {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  filter: grayscale(0);
}

body {
  background-color: #f0f2f5;
  background-color: #fff;
  color: #999;
  /*family: 'Roboto Condensed', sans-serif;*/
  font-family: "Exo", sans-serif;
  font-size: 16px;
  font-weight: 400;
}

/*@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700&display=swap');*/
body {
  font-family: "Exo", sans-serif;
  font-size: 16px;
  font-weight: 400;
}

body .page {
  overflow: hidden;
  position: relative;
  z-index: 10;
}

.topbar-wrapper {
  background: rgb(195, 63, 117);
  background: linear-gradient(90deg, rgb(195, 63, 117) 2%, rgb(15, 69, 147) 98%);
  min-height: 8px;
  color: #fff;
}

.navigation {
  width: 100%;
  height: 70px;
  display: table;
  position: relative;
  font-family: inherit;
  background-color: #fff;
}

.navigation * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

.navigation-portrait {
  height: 48px;
}

.navigation-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 19998;
}

.navigation-hidden {
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.align-to-right {
  float: right;
}

.nav-header {
  float: left;
}

.navigation-hidden .nav-header {
  display: none;
}

.nav-brand {
  /*line-height: 70px;*/
  padding: 0;
  color: #343a40;
  font-size: 24px;
  text-decoration: none !important;
}

.nav-brand:hover,
.nav-brand:focus {
  color: #343a40;
}

.navigation-portrait .nav-brand {
  font-size: 18px;
  line-height: 48px;
}

.nav-logo > img {
  height: 48px;
  margin: 11px auto;
  padding: 0 15px;
  float: left;
}

.nav-logo:focus > img {
  outline: initial;
}

.navigation-portrait .nav-logo > img {
  height: 36px;
  margin: 6px auto 6px 15px;
  padding: 0;
}

.nav-toggle {
  width: 30px;
  height: 30px;
  padding: 6px 2px 0;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  right: 15px;
  display: none;
  cursor: pointer;
}

.nav-toggle:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 2px;
  background-color: #343a40;
  border-radius: 10px;
  box-shadow: 0 0.5em 0 0 #343a40, 0 1em 0 0 #343a40;
}

.navigation-portrait .nav-toggle {
  display: block;
}

.navigation-portrait .nav-menus-wrapper {
  width: 320px;
  height: 100%;
  top: 0;
  left: -400px;
  position: fixed;
  background-color: #fff;
  z-index: 20000;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
  left: auto;
  right: -400px;
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
  left: 0;
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
  left: auto;
  right: 0;
}

.nav-menus-wrapper-close-button {
  width: 30px;
  height: 40px;
  margin: 10px 7px;
  display: none;
  float: right;
  color: #343a40;
  font-size: 26px;
  cursor: pointer;
}

.navigation-portrait .nav-menus-wrapper-close-button {
  display: block;
}

.nav-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: normal;
  font-size: 0;
}

.navigation-portrait .nav-menu {
  width: 100%;
}

.navigation-landscape .nav-menu.nav-menu-centered {
  float: none;
  text-align: center;
}

.navigation-landscape .nav-menu.nav-menu-centered > li {
  float: none;
}

.nav-menu > li {
  display: inline-block;
  float: left;
  text-align: left;
}

.navigation-portrait .nav-menu > li {
  width: 100%;
  position: relative;
  border-top: solid 1px #f0f0f0;
}

.navigation-portrait .nav-menu > li:last-child {
  border-bottom: solid 1px #f0f0f0;
}

.nav-menu + .nav-menu > li:first-child {
  border-top: none;
}

.nav-menu > li > a {
  height: 70px;
  padding: 26px 15px;
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  color: #343a40;
  transition: color 0.3s, background 0.3s;
}

.navigation-portrait .nav-menu > li > a {
  width: 100%;
  height: auto;
  padding: 12px 15px 12px 26px;
}

.nav-menu > li:hover > a,
.nav-menu > li.active > a,
.nav-menu > li.focus > a {
  /*color: #ff6b00;*/
  color: #b62f87;
  /* border-bottom: 2px solid #c33f75;*/
}

.menuCizgi {
  width: 0;
  background: rgb(195, 63, 117);
  background: linear-gradient(90deg, rgb(195, 63, 117) 2%, rgb(239, 202, 195) 98%);
  height: 3px;
  border-radius: 1px;
  transition: width 0.5s ease-out;
}

.nav-menu > li.focus > .menuCizgi {
  display: block;
  width: 100%;
  background: rgb(195, 63, 117);
  background: linear-gradient(90deg, rgb(195, 63, 117) 2%, rgb(239, 202, 195) 98%);
  height: 3px;
  border-radius: 1px;
}

.nav-menu > li > a > i,
.nav-menu > li > a > [class*=ion-] {
  width: 18px;
  height: 16px;
  line-height: 16px;
  transform: scale(1.4);
}

.nav-menu > li > a > [class*=ion-] {
  width: 16px;
  display: inline-block;
  transform: scale(1.8);
}

.navigation-portrait .nav-menu.nav-menu-social {
  width: 100%;
  text-align: center;
}

.nav-menu.nav-menu-social > li {
  text-align: center;
  float: none;
  border: none !important;
}

.navigation-portrait .nav-menu.nav-menu-social > li {
  width: auto;
}

.nav-menu.nav-menu-social > li > a > [class*=ion-] {
  font-size: 12px;
}

.nav-menu.nav-menu-social > li > a > .fa {
  font-size: 14px;
}

.navigation-portrait .nav-menu.nav-menu-social > li > a {
  padding: 15px;
}

.submenu-indicator {
  margin-left: 6px;
  margin-top: 6px;
  float: right;
  transition: all 0.2s;
}

.navigation-portrait .submenu-indicator {
  width: 54px;
  height: 44px;
  margin-top: 0;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  z-index: 20000;
}

.submenu-indicator-chevron {
  height: 6px;
  width: 6px;
  display: block;
  border-style: solid;
  border-width: 0 1px 1px 0;
  border-color: transparent #70798b #70798b transparent;
  transform: rotate(45deg);
  transition: border 0.2s;
}

.navigation-portrait .submenu-indicator-chevron {
  position: absolute;
  top: 18px;
  left: 24px;
}

.nav-menu > li:hover > a .submenu-indicator-chevron,
.nav-menu > .active > a .submenu-indicator-chevron,
.nav-menu > .focus > a .submenu-indicator-chevron {
  border-color: transparent #967adc #967adc transparent;
}

.navigation-portrait .submenu-indicator.submenu-indicator-up {
  transform: rotate(-180deg);
}

.nav-overlay-panel {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: none;
  z-index: 19999;
}

.no-scroll {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.nav-search {
  height: 70px;
  float: right;
  z-index: 19998;
}

.navigation-portrait .nav-search {
  height: 48px;
  padding: 0 10px;
  margin-right: 52px;
}

.navigation-hidden .nav-search {
  display: none;
}

.nav-search-button {
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  cursor: pointer;
  background-color: #fbfcfd;
}

.navigation-portrait .nav-search-button {
  width: 50px;
  height: 48px;
  line-height: 46px;
  font-size: 22px;
}

.nav-search-icon {
  width: 14px;
  height: 14px;
  margin: 2px 8px 8px 4px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: #343a40;
  text-align: left;
  text-indent: -9999px;
  border: 2px solid;
  border-radius: 50%;
  transform: rotate(-45deg);
}

.nav-search-icon:after,
.nav-search-icon:before {
  content: "";
  pointer-events: none;
}

.nav-search-icon:before {
  width: 2px;
  height: 11px;
  top: 11px;
  position: absolute;
  left: 50%;
  border-radius: 0 0 1px 1px;
  box-shadow: inset 0 0 0 32px;
  transform: translateX(-50%);
}

.nav-search-button:hover .nav-search-icon {
  color: #ff6b00;
}

.nav-search > form {
  width: 100%;
  height: 100%;
  padding: 0 auto;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 99;
}

.nav-search-inner {
  width: 70%;
  height: 70px;
  margin: auto;
  display: table;
}

.navigation-portrait .nav-search-inner {
  height: 48px;
}

.nav-search-inner input[type=text],
.nav-search-inner input[type=search] {
  height: 70px;
  width: 100%;
  margin: 0;
  padding: 0 12px;
  font-size: 26px;
  text-align: center;
  color: #343a40;
  outline: none;
  line-height: 70px;
  border: none;
  background-color: transparent;
  transition: all 0.3s;
}

.navigation-portrait .nav-search-inner input[type=text],
.navigation-portrait .nav-search-inner input[type=search] {
  height: 48px;
  font-size: 18px;
  line-height: 48px;
}

.nav-search-close-button {
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  line-height: normal;
  color: #343a40;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
}

.navigation-portrait .nav-search-close-button {
  top: 10px;
  right: 14px;
}

.nav-button {
  margin: 18px 15px 0;
  padding: 8px 14px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
}

.nav-button:hover,
.nav-button:focus {
  color: #fff;
  text-decoration: none;
}

.navigation-portrait .nav-button {
  width: calc(100% - 52px);
  margin: 17px 26px;
}

.nav-text {
  margin: 25px 15px;
  display: inline-block;
  color: #343a40;
  font-size: 14px;
}

.navigation-portrait .nav-text {
  width: calc(100% - 52px);
  margin: 12px 26px 0;
}

.navigation-portrait .nav-text + ul {
  margin-top: 15px;
}

.nav-dropdown {
  min-width: 180px;
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  list-style: none;
  z-index: 98;
  white-space: nowrap;
}

.navigation-portrait .nav-dropdown {
  width: 100%;
  position: static;
  left: 0;
}

.nav-dropdown .nav-dropdown {
  left: 100%;
}

.nav-menu > li > .nav-dropdown {
  border-top: solid 1px #f0f0f0;
}

.nav-dropdown > li {
  width: 100%;
  float: left;
  clear: both;
  position: relative;
  text-align: left;
}

.nav-dropdown > li > a {
  width: 100%;
  padding: 16px 20px;
  display: inline-block;
  text-decoration: none;
  float: left;
  font-size: 13px;
  color: #343a40;
  background-color: #fdfdfd;
}

.nav-dropdown > li:hover > a,
.nav-dropdown > li.focus > a {
  color: #ff6b00;
}

.nav-dropdown.nav-dropdown-left {
  right: 0;
}

.nav-dropdown > li > .nav-dropdown-left {
  left: auto;
  right: 100%;
}

.navigation-landscape .nav-dropdown.nav-dropdown-left > li > a {
  text-align: right;
}

.navigation-portrait .nav-dropdown > li > a {
  padding: 12px 20px 12px 30px;
}

.navigation-portrait .nav-dropdown > li > ul > li > a {
  padding-left: 50px;
}

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > a {
  padding-left: 70px;
}

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > a {
  padding-left: 90px;
}

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: 110px;
}

.nav-dropdown .submenu-indicator {
  right: 15px;
  top: 10px;
  position: absolute;
}

.navigation-portrait .nav-dropdown .submenu-indicator {
  right: 0;
  top: 0;
}

.nav-dropdown .submenu-indicator .submenu-indicator-chevron {
  transform: rotate(-45deg);
}

.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
  transform: rotate(45deg);
}

.nav-dropdown > li:hover > a .submenu-indicator-chevron,
.nav-dropdown > .focus > a .submenu-indicator-chevron {
  border-color: transparent #ff6b00 #ff6b00 transparent;
}

.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator {
  left: 10px;
}

.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron {
  transform: rotate(135deg);
}

.nav-dropdown-horizontal {
  width: 100%;
  left: 0;
  background-color: #fdfdfd;
  border-top: solid 1px #f0f0f0;
}

.nav-dropdown-horizontal .nav-dropdown-horizontal {
  width: 100%;
  top: 100%;
  left: 0;
}

.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal {
  border-top: none;
}

.nav-dropdown-horizontal > li {
  width: auto;
  clear: none;
  position: static;
}

.navigation-portrait .nav-dropdown-horizontal > li {
  width: 100%;
}

.nav-dropdown-horizontal > li > a {
  position: relative;
}

.nav-dropdown-horizontal .submenu-indicator {
  height: 18px;
  top: 11px;
  transform: rotate(90deg);
}

.navigation-portrait .nav-dropdown-horizontal .submenu-indicator {
  height: 42px;
  top: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up {
  transform: rotate(-180deg);
}

.megamenu-panel {
  width: 100%;
  padding: 15px;
  display: none;
  position: absolute;
  font-size: 14px;
  z-index: 98;
  text-align: left;
  color: inherit;
  border-top: solid 1px #f0f0f0;
  background-color: #fdfdfd;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.075);
}

.navigation-portrait .megamenu-panel {
  padding: 25px;
  position: static;
  display: block;
}

.megamenu-panel [class*=container] {
  width: 100%;
}

.megamenu-panel [class*=container] [class*=col-] {
  padding: 0;
}

.megamenu-panel-half {
  width: 50%;
}

.megamenu-panel-quarter {
  width: 25%;
}

.navigation-portrait .megamenu-panel-half,
.navigation-portrait .megamenu-panel-quarter {
  width: 100%;
}

.megamenu-panel-row {
  width: 100%;
}

.megamenu-panel-row:before,
.megamenu-panel-row:after {
  content: "";
  display: table;
  line-height: 0;
}

.megamenu-panel-row:after {
  clear: both;
}

.megamenu-panel-row [class*=col-] {
  display: block;
  min-height: 20px;
  float: left;
  margin-left: 3%;
}

.megamenu-panel-row [class*=col-]:first-child {
  margin-left: 0;
}

.navigation-portrait .megamenu-panel-row [class*=col-] {
  float: none;
  display: block;
  width: 100% !important;
  margin-left: 0;
  margin-top: 15px;
}

.navigation-portrait .megamenu-panel-row:first-child [class*=col-]:first-child {
  margin-top: 0;
}

.megamenu-panel-row .col-1 {
  width: 5.5833333333%;
}

.megamenu-panel-row .col-2 {
  width: 14.1666666667%;
}

.megamenu-panel-row .col-3 {
  width: 22.75%;
}

.megamenu-panel-row .col-4 {
  width: 31.3333333333%;
}

.megamenu-panel-row .col-5 {
  width: 39.9166666667%;
}

.megamenu-panel-row .col-6 {
  width: 48.5%;
}

.megamenu-panel-row .col-7 {
  width: 57.0833333333%;
}

.megamenu-panel-row .col-8 {
  width: 65.6666666667%;
}

.megamenu-panel-row .col-9 {
  width: 74.25%;
}

.megamenu-panel-row .col-10 {
  width: 82.8333333333%;
}

.megamenu-panel-row .col-11 {
  width: 91.4166666667%;
}

.megamenu-panel-row .col-12 {
  width: 100%;
}

.megamenu-tabs {
  width: 100%;
  float: left;
  display: block;
}

.megamenu-tabs-nav {
  width: 20%;
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
}

.navigation-portrait .megamenu-tabs-nav {
  width: 100%;
}

.megamenu-tabs-nav > li > a {
  width: 100%;
  padding: 10px 16px;
  float: left;
  font-size: 13px;
  text-decoration: none;
  color: #343a40;
  border: solid 1px #eff0f2;
  outline: 0;
  background-color: #fff;
}

.megamenu-tabs-nav > li.active a,
.megamenu-tabs-nav > li:hover a {
  background-color: #f5f5f5;
}

.megamenu-tabs-pane {
  width: 80%;
  min-height: 30px;
  padding: 20px;
  float: right;
  display: none;
  font-size: 13px;
  color: #343a40;
  border: solid 1px #eff0f2;
  background-color: #fff;
}

.megamenu-tabs-pane.active {
  display: block;
}

.navigation-portrait .megamenu-tabs-pane {
  width: 100%;
}

.megamenu-lists {
  width: 100%;
  display: table;
}

.megamenu-list {
  width: 100%;
  margin: 0 0 15px;
  padding: 0;
  display: inline-block;
  float: left;
  list-style: none;
}

.megamenu-list:last-child {
  margin: 0;
  border: none;
}

.navigation-landscape .megamenu-list {
  margin: -15px 0;
  padding: 20px 0;
  border-right: solid 1px #f0f0f0;
}

.navigation-landscape .megamenu-list:last-child {
  border: none;
}

.megamenu-list > li > a {
  width: 100%;
  padding: 10px 15px;
  display: inline-block;
  color: #343a40;
  text-decoration: none;
  font-size: 13px;
}

.megamenu-list > li > a:hover {
  background-color: #ff6b00;
  color: #fff;
}

.megamenu-list > li.megamenu-list-title > a {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #343a40;
}

.megamenu-list > li.megamenu-list-title > a:hover {
  background-color: transparent;
}

.navigation-landscape .list-col-2 {
  width: 50%;
}

.navigation-landscape .list-col-3 {
  width: 33%;
}

.navigation-landscape .list-col-4 {
  width: 25%;
}

.navigation-landscape .list-col-5 {
  width: 20%;
}

.nav-menu > li > a {
  color: #343a40;
  text-transform: uppercase;
}

.nav-dropdown > li > a {
  color: #343a40;
  padding: 10px 20px;
  border-bottom: 1px solid #f6f6f6;
}

.nav-dropdown > li > a:hover,
.nav-dropdown > li > a:focus {
  color: #ff6b00;
}

.main_header_area.sticky {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 9999;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.transparent-menu {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 99;
}

.navigation-portrait .nav-menu > li > a {
  width: 100%;
  height: auto;
  padding: 10px 10px 10px 30px;
}

.navigationPadding {
  padding: 0px 100px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .nav-dropdown > li > a,
  .megamenu-list > li > a {
    width: 65%;
  }
}
.dilBtn {
  display: inline-block;
  float: right;
  margin: 20px 10px;
}
.dilBtn .dropdown {
  position: relative;
  display: inline-block;
  min-width: 75px;
}
.dilBtn .dropdown .dropbtn {
  background-color: #be5ea0;
  padding: 5px 15px !important;
  font-size: 16px;
  border: none;
  cursor: pointer;
  color: #fff;
  border-radius: 5px;
}
.dilBtn .dropdown .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f2f2f2;
  border-top: 1px solid #ccc;
  text-align: center;
  min-width: 62px;
  z-index: 1;
}
.dilBtn .dropdown .dropdown-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.dilBtn .dropdown .dropdown-content ul li a {
  color: #333;
  padding: 5px 16px;
  text-decoration: none;
  display: block;
  /*border-bottom:1px solid #999;*/
}
.dilBtn .dropdown .dropdown-content ul li a:hover {
  color: #454544;
}
.dilBtn .dropdown:hover .dropdown-content {
  display: block;
  background-color: #fff;
}
.hizmetlerMainSlider {
  padding: 40px 10px;
  /*  .slick-active {
      color: #be5ea0!important;
      background-color: #be5ea0!important;
  }*/
}
.hizmetlerMainSlider .baslik {
  font-size: 30px;
  text-align: center;
  color: #666666;
}
.hizmetlerMainSlider .baslikCizgi {
  width: 120px;
  background: rgb(195, 63, 117);
  background: linear-gradient(90deg, rgb(195, 63, 117) 2%, rgb(239, 202, 195) 98%);
  height: 5px;
  border-radius: 3px;
  transition: width 0.5s ease-out;
  display: inline-block;
  margin-bottom: 20px;
}
.hizmetlerMainSlider .hizmetKutu {
  padding: 15px;
}
.hizmetlerMainSlider .hizmetKutu .card {
  border: 0px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px 11px -4px rgb(168, 168, 168);
  -moz-box-shadow: 3px 3px 11px -4px rgb(168, 168, 168);
  box-shadow: 3px 3px 11px -4px rgb(168, 168, 168);
  padding: 5px;
  display: flex;
  flex-direction: row;
  border-radius: 15px;
  position: relative;
  justify-content: center;
  align-self: center;
  overflow: hidden;
  height: 280px;
}
.hizmetlerMainSlider .hizmetKutu .card .cardText {
  width: 50%;
  text-align: left;
  padding: 10px;
  /*  background-color: rgb(195, 63, 117);*/
  justify-content: center;
  align-self: center;
}
.hizmetlerMainSlider .hizmetKutu .card .cardText .textKutu {
  max-height: 145px;
  overflow: hidden;
  margin-bottom: 10px;
}
.hizmetlerMainSlider .hizmetKutu .card .cardText h5 {
  color: #3f536f;
  font-weight: 700;
}
.hizmetlerMainSlider .hizmetKutu .card .cardImg {
  width: 50%;
  padding-top: 30px;
}
.hizmetlerMainSlider .hizmetKutu .card .cardImg .hizmetSayiKutu {
  position: relative;
  top: -5px;
  left: calc(100% - 120px);
  width: 90px;
  height: 90px;
  background-color: #b62f87;
  /* background: #93ecff; */
  border-bottom-left-radius: 70px;
  border-bottom-right-radius: 70px;
  text-align: center;
  z-index: 1;
  padding: 20px 5px 10px 5px;
  color: #fff;
  font-size: 20px;
}
.hizmetlerMainSlider .hizmetKutu .card .cardImg .hizmetSayiKutu span {
  font-size: 30px;
}
.hizmetlerMainSlider .hizmetKutu .card a {
  min-width: 120px;
  padding: 5px 10px;
  color: #fff;
  background-color: #007be3;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  font-size: 12px;
}
.hizmetlerMainSlider .slick-dots {
  position: absolute;
  bottom: -40px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.hizmetlerMainSlider .slick-dots li {
  width: 30px;
  height: 30px;
}
.hizmetlerMainSlider .slick-prev:before, .hizmetlerMainSlider .slick-next:before {
  font-size: 50px;
  color: #ac1118;
}
.hizmetlerMainSlider .slick-prev {
  left: -50px;
}
.hizmetlerMainSlider .slick-dots li.slick-active button::before {
  font-size: 15px !important;
  color: #cb008c;
}
.hizmetlerMainSlider .slick-dots li button::before {
  font-size: 15px !important;
  color: #020202;
}

.sliderBox {
  background-color: #d9d9d9;
  border-bottom: 8px solid #fcf4eb;
}
.sliderBox .slide .slide__content--headings {
  position: absolute;
  top: 200px;
  left: 15%;
  width: 40%;
  height: auto;
}
.sliderBox .slide .slide__content--headings .title {
  color: #323233;
  font-size: 40px !important;
  padding: 10px 30px 10px 10px;
}
.sliderBox .slide .slide__content--headings .title span {
  font-weight: 500;
  color: #b62f87;
}
.sliderBox .slide .slide__content--headings .ligt-title {
  color: #fff;
  font-size: 44px !important;
  padding: 10px 30px 10px 10px;
  font-weight: 500;
}
.sliderBox .slide .slide__content--headings .ligt-title span {
  font-weight: 700;
  background: #C33F75;
  background: linear-gradient(to right, #C33F75 0%, #efcac3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sliderBox .slide .slide__content--headings .button-custom {
  font-size: 22px;
  background-color: #ac1118;
  color: #fff !important;
  font-weight: 300;
}
.sliderBox .slick-nav {
  --active: #ac1118;
  --border: rgba(172, 17, 24, 0.12);
  background: rgba(255, 255, 255, 0.5);
  width: 44px;
  height: 44px;
  position: absolute;
  cursor: pointer;
  top: calc(50% - 44px);
  border-radius: 50%;
}
.sliderBox .slick-nav.prev-arrow {
  left: 3%;
  transform: scaleX(-1);
  z-index: 999;
}
.sliderBox .slick-nav.next-arrow {
  left: auto;
  right: 3%;
}
.sliderBox .slick-nav i {
  display: block;
  position: absolute;
  margin: -10px 0 0 -10px;
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
}
.sliderBox .slick-nav i:before, .sliderBox .slick-nav i:after {
  content: "";
  width: 10px;
  height: 2px;
  border-radius: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: var(--active);
  margin: -1px 0 0 -5px;
  display: block;
  transform-origin: 9px 50%;
}
.sliderBox .slick-nav i:before {
  transform: rotate(-40deg);
}
.sliderBox .slick-nav i:after {
  transform: rotate(40deg);
}
.sliderBox .slick-nav:before, .sliderBox .slick-nav:after {
  content: "";
  display: block;
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  border-radius: 50%;
  border: 2px solid var(--border);
}
.sliderBox .slick-nav svg {
  width: 44px;
  height: 44px;
  display: block;
  position: relative;
  z-index: 1;
  color: var(--active);
  stroke-width: 2px;
  stroke-dashoffset: 126;
  stroke-dasharray: 126 126 0;
  transform: rotate(0deg);
}
.sliderBox .slick-nav.animate svg {
  animation: stroke 1s ease forwards 0.3s;
}
.sliderBox .slick-nav.animate i {
  animation: arrow 1.6s ease forwards;
}
.sliderBox .slick-nav.animate i:before {
  animation: arrowUp 1.6s ease forwards;
}
.sliderBox .slick-nav.animate i:after {
  animation: arrowDown 1.6s ease forwards;
}
@keyframes stroke {
  52% {
    transform: rotate(-180deg);
    stroke-dashoffset: 0;
  }
  52.1% {
    transform: rotate(-360deg);
    stroke-dashoffset: 0;
  }
  100% {
    transform: rotate(-180deg);
    stroke-dashoffset: 126;
  }
}
@keyframes arrow {
  0%, 100% {
    transform: translateX(0);
    opacity: 1;
  }
  23% {
    transform: translateX(17px);
    opacity: 1;
  }
  24%, 80% {
    transform: translateX(-22px);
    opacity: 0;
  }
  81% {
    opacity: 1;
    transform: translateX(-22px);
  }
}
@keyframes arrowUp {
  0%, 100% {
    transform: rotate(-40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}
@keyframes arrowDown {
  0%, 100% {
    transform: rotate(40deg) scaleX(1);
  }
  20%, 80% {
    transform: rotate(0deg) scaleX(0.1);
  }
}

@media (min-width: 992px) {
  .slider,
  .slide {
    height: 720px;
  }
}

.slide {
  position: relative;
  transition: 1s;
}
.slide .slide__img {
  width: 100%;
  height: auto;
  overflow: hidden;
}
@media (min-width: 992px) {
  .slide .slide__img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}
.slide .slide__img img {
  min-width: 100%;
  min-height: 720px;
  height: auto;
  opacity: 1 !important;
  animation-duration: 3s;
  transition: all 1s ease;
}
.slide .slide__content {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.slide .slide__content .slideBg {
  position: absolute;
  background: rgb(27, 20, 100);
  background: linear-gradient(90deg, rgba(27, 20, 100, 0.7) 36%, rgba(2, 13, 45, 0.7) 97%);
  width: 100%;
  height: 738px;
}
.slide .slide__content__left {
  left: 15%;
  transform: translate(-15%, -50%);
}
.slide .slide__content__right {
  left: 35%;
  transform: translate(5%, -50%);
}
.slide--headings {
  color: #fff;
  /* width: 50%;*/
}
.slide--headings h2 {
  font-size: 3.5rem;
  margin: 10px 0;
}
.slide--headings .animated {
  transition: all 0.5s ease;
}
.slide--headings .top-title {
  /* font-family: "Herr Von Muellerhoff";*/
  font-size: 2rem;
}
.slide--headings .title {
  font-size: 2.5rem;
}
.slide--headings .button-custom {
  text-decoration: none;
  color: #333;
  padding: 0.5rem 2.5rem;
  font-size: 1.5rem;
}

.slider [data-animation-in] {
  opacity: 0;
  animation-duration: 1.5s;
  transition: opacity 0.5s ease 0.3s;
  transition: 1s;
}

.slick-dotted .slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: 25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  display: block;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.simple-dots .slick-dots li {
  width: 20px;
  height: 20px;
}
.simple-dots .slick-dots li button {
  border-radius: 50%;
  background-color: white;
  opacity: 0.25;
  width: 20px;
  height: 20px;
}
.simple-dots .slick-dots li button:hover, .simple-dots .slick-dots li button:focus {
  opacity: 1;
}
.simple-dots .slick-dots li.slick-active button {
  color: white;
  opacity: 0.75;
}

.stick-dots .slick-dots li {
  height: 3px;
  width: 50px;
}
.stick-dots .slick-dots li button {
  position: relative;
  background-color: white;
  opacity: 0.25;
  width: 50px;
  height: 3px;
  padding: 0;
}
.stick-dots .slick-dots li button:hover, .stick-dots .slick-dots li button:focus {
  opacity: 1;
}
.stick-dots .slick-dots li.slick-active button {
  color: white;
  opacity: 0.75;
}
.stick-dots .slick-dots li.slick-active button:hover, .stick-dots .slick-dots li.slick-active button:focus {
  opacity: 1;
}

/* /////////// IMAGE ZOOM /////////// */
@keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
    transition: 1s;
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
    transition: 1s;
  }
}
.zoomInImage {
  animation-name: zoomInImage;
}

@keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
    transition: 1s;
  }
  to {
    transform: scale3d(1, 1, 1);
    transition: 1s;
  }
}
.zoomOutImage {
  animation-name: zoomOutImage;
  transition: 1s;
}

.indexAbout {
  padding: 50px 0px;
  background-color: #f6f7f9;
  /*** 
  =============================================
      About Style1 Area Css
  =============================================
  ***/
}
.indexAbout .about-style1-area {
  position: relative;
  display: block;
  background: #f2f3f4;
  padding: 120px 0 120px;
}
.indexAbout .about-style1-area.bg-white {
  background: #ffffff;
}
.indexAbout .about-style1-area .shape {
  position: absolute;
  left: -70px;
  bottom: 0px;
  right: 0px;
  background: url("../images/indexAbout/cizgi.svg");
  /*  background-image: url('../images/shape-1.png');*/
  width: 697px;
  height: 439px;
  content: "";
}
.indexAbout .about-style1-image-box {
  position: relative;
  display: block;
  max-width: 470px;
  width: 100%;
}
.indexAbout .about-style1-image-box .shape {
  position: absolute;
  left: -130px;
  bottom: 0px;
  right: 0px;
  background: url("../images/indexAbout/cizgi.svg");
  /*  background-image: url('../images/shape-1.png');*/
  width: 697px;
  height: 439px;
}
.indexAbout .about-style1-image-box .image-box1 {
  position: relative;
  display: block;
  width: 370px;
  overflow: hidden;
  z-index: 5;
}
.indexAbout .about-style1-image-box .image-box1:before {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 170px;
  height: 300px;
  background: url(../../_/images/shape/border.png);
  content: "";
  z-index: 1;
}
.indexAbout .about-style1-image-box .image-box1 img {
  width: 100%;
  transform: scale(1.01);
  transition: all 700ms ease;
}
.indexAbout .about-style1-image-box .image-box1:hover img {
  transform: scale(1.2);
}
.indexAbout .about-style1-image-box .image-box2 {
  position: relative;
  display: block;
  margin-top: 30px;
  width: 170px;
  overflow: hidden;
  z-index: 5;
}
.indexAbout .about-style1-image-box .image-box2 img {
  width: 100%;
  transform: scale(1.2);
  transition: all 700ms ease;
}
.indexAbout .about-style1-image-box .image-box2:hover img {
  transform: scale(1);
}
.indexAbout .video-holder-box {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 270px;
  height: 475px;
  overflow: hidden;
  background-position: center top;
  background-attachment: inherit;
  background-size: cover;
  margin-top: 70px;
}
.indexAbout .video-holder-box .icon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.indexAbout .video-holder-box .icon:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.8);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
  opacity: 0;
  z-index: 1;
}
.indexAbout .video-holder-box:hover .icon:before {
  opacity: 1;
}
.indexAbout .video-holder-box .icon .inner {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 5;
}
.indexAbout .video-holder-box .icon .inner a {
  background: rgb(195, 63, 117);
  /*background: linear-gradient(90deg, rgb(195, 63, 117) 2%, rgb(15, 69, 147) 98%);*/
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100px;
  width: 100px;
  transition: all 500ms ease;
  -webkit-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  transition: all 1s ease;
  font-size: 30px;
  color: white;
  line-height: 100px;
}
.indexAbout .video-holder-box .icon .inner a span:before {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  color: #ffffff !important;
  font-size: 30px;
  line-height: 100px;
}
.indexAbout .about-style1-text-box {
  position: relative;
  display: block;
  padding-left: 100px;
  padding-top: 30px;
}
.indexAbout .about-style1-text-box .title {
  position: relative;
  display: block;
}
.indexAbout .about-style1-text-box .title:before {
  position: absolute;
  top: 6px;
  left: -100px;
  background-image: url("../images/title-bg.png");
  width: 60px;
  height: 39px;
  content: "";
}
.indexAbout .about-style1-text-box .title p {
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 6px;
  margin: 0;
}
.indexAbout .about-style1-text-box .title h1 {
  position: relative;
  display: block;
  color: #000000;
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
  margin: 17px 0 0;
  font-weight: 500;
}
.indexAbout .about-style1-text-box .title h1 b {
  font-weight: 500;
  color: #b62f87;
}
.indexAbout .about-style1-text-box .title h1 b span {
  color: #ea613e;
}
.indexAbout .about-style1-text-box .title h1 span {
  color: #b62f87;
}
.indexAbout .about-style1-text-box .inner-contant {
  position: relative;
  display: block;
  padding-top: 36px;
}
.indexAbout .about-style1-text-box .inner-contant p {
  margin: 0 0 25px;
}
.indexAbout .about-style1-text-box .inner-contant .signature-box {
  position: relative;
  display: block;
  padding-top: 37px;
}
.indexAbout .about-style1-text-box .inner-contant a {
  color: #ffffff;
  font-size: 18px;
  border-radius: 5px;
  border: 1px solid #b62f87;
  display: inline-block;
  width: 200px;
  text-align: center;
  text-decoration: none;
  transition: 0.3s;
  padding: 7px;
  background-color: #b62f87;
}
.indexAbout .about-style1-text-box .inner-contant a:hover {
  background-color: #fefefe;
  color: #ac1118;
}
.indexAbout .about-style1-image-box {
  position: relative;
  display: block;
  max-width: 470px;
  width: 100%;
  margin-top: 70px;
}
.indexAbout .about-style1-image-box .image-box1 {
  position: relative;
  display: block;
  width: 370px;
  overflow: hidden;
  z-index: 5;
}
.indexAbout .about-style1-image-box .image-box1:before {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 170px;
  height: 300px;
  background: url(../images/indexAbout/border.svg);
  content: "";
  z-index: 1;
}
.indexAbout .about-style1-image-box .image-box1 img {
  width: 100%;
  transform: scale(1.01);
  transition: all 700ms ease;
}
.indexAbout .about-style1-image-box .image-box1:hover img {
  transform: scale(1.2);
}
.indexAbout .about-style1-image-box .image-box2 {
  position: relative;
  display: block;
  margin-top: 30px;
  width: 170px;
  overflow: hidden;
  z-index: 5;
}
.indexAbout .about-style1-image-box .image-box2 img {
  width: 100%;
  transform: scale(1.2);
  transition: all 700ms ease;
}
.indexAbout .about-style1-image-box .image-box2:hover img {
  transform: scale(1);
}

.zoom-fade,
.banner,
.fullwidth-video-section .play-link .icon-box {
  animation-name: zoom-fade;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: zoom-fade;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: zoom-fade;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: zoom-fade;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: zoom-fade;
  -o-animation-duration: 5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

@-webkit-keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.blogMainSlider {
  padding: 40px 10px;
  background-color: #f8f9fa;
  /*  .slick-active {
      color: #be5ea0!important;
      background-color: #be5ea0!important;
  }*/
}
.blogMainSlider .baslik {
  font-size: 30px;
  text-align: center;
  color: #666666;
}
.blogMainSlider .baslikCizgi {
  width: 120px;
  background: rgb(195, 63, 117);
  background: linear-gradient(90deg, rgb(195, 63, 117) 2%, rgb(239, 202, 195) 98%);
  height: 5px;
  border-radius: 3px;
  transition: width 0.5s ease-out;
  display: inline-block;
  margin-bottom: 20px;
}
.blogMainSlider .blogAciklama {
  font-size: 24px;
  color: #005eb8;
  font-weight: 500;
}
.blogMainSlider a.blogKutu {
  padding: 15px;
  text-decoration: none;
  /*     font-size: 16px;
  color: #52525c;
  font-weight: 400;*/
}
.blogMainSlider a.blogKutu .card {
  border: 0px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px 11px -4px rgb(168, 168, 168);
  -moz-box-shadow: 3px 3px 11px -4px rgb(168, 168, 168);
  box-shadow: 3px 3px 11px -4px rgb(168, 168, 168);
  padding: 5px;
  display: flex;
  flex-direction: column;
  border-radius: 30px;
  position: relative;
  justify-content: center;
  align-self: center;
  overflow: hidden;
}
.blogMainSlider a.blogKutu .card .cardText {
  width: 100%;
  text-align: left;
  padding: 20px;
  /*  background-color: rgb(195, 63, 117);*/
  justify-content: center;
  align-self: center;
}
.blogMainSlider a.blogKutu .card .cardText .blogKategoriEtiket {
  color: #1760ff;
  padding: 5px 10px;
  text-align: center;
  background-color: #dce7ff;
  display: inline-block;
  margin: 15px 0px;
  font-size: 14px;
}
.blogMainSlider a.blogKutu .card .cardText .textKutu {
  max-height: 170px;
  overflow: hidden;
  margin-bottom: 10px;
}
.blogMainSlider a.blogKutu .card .cardText h5 {
  color: #071c4d;
  font-weight: 600;
}
.blogMainSlider a.blogKutu .card .cardText p {
  font-size: 16px;
  color: #52525c;
  font-weight: 400;
}
.blogMainSlider a.blogKutu .card .cardText .blogFooter {
  display: flex;
  justify-content: center;
  align-self: center;
}
.blogMainSlider a.blogKutu .card .cardText .blogFooter .kutu {
  width: 50%;
  font-size: 11px;
  color: #52525c;
}
.blogMainSlider a.blogKutu .card .cardText .blogFooter .kutu .icon {
  width: 20px;
  display: inline-block;
  margin: 5px;
}
.blogMainSlider a.blogKutu .card .cardImg {
  border-radius: 30px 30px 0px 0px;
  width: 100%;
  overflow: hidden;
}
.blogMainSlider a.blogKutu .card .cardImg img {
  width: 100%;
}
.blogMainSlider a.blogKutu .card a {
  min-width: 120px;
  padding: 5px 10px;
  color: #fff;
  background-color: #007be3;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  font-size: 12px;
}
.blogMainSlider a.blogKutu:hover .card {
  background-color: #fcf5ff;
}
.blogMainSlider .slick-dots {
  position: absolute;
  bottom: -40px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.blogMainSlider .slick-dots li {
  width: 30px;
  height: 30px;
}
.blogMainSlider .slick-prev:before, .blogMainSlider .slick-next:before {
  font-size: 50px;
  color: #ac1118;
}
.blogMainSlider .slick-prev {
  left: -50px;
}
.blogMainSlider .slick-dots li.slick-active button::before {
  font-size: 15px !important;
  color: #cb008c;
}
.blogMainSlider .slick-dots li button::before {
  font-size: 15px !important;
  color: #020202;
}

.blogBox {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.blogBox .blogContainer {
  width: calc(50% - 30px) !important;
  padding: 15px;
  margin: 15px;
  background-color: #f1f1f1;
  border-radius: 10px;
  display: inline-block;
}
.blogBox .blogContainer .blogImage {
  height: 200px;
  overflow: hidden;
}
.blogBox .blogContainer .blogImage img {
  width: 100%;
}
.blogBox .blogContainer .baslikContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0px;
}
.blogBox .blogContainer .baslikContainer .divsol {
  width: 80px;
}
.blogBox .blogContainer .baslikContainer .divsol .tarihKutu {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #0392ce;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
  font-size: 12px;
}
.blogBox .blogContainer .baslikContainer .divsag {
  width: calc(100% - 80px);
}
.blogBox .blogContainer .baslikContainer .divsag .blogBaslik {
  width: 100%;
  font-size: 24px;
  font-weight: 500;
  color: #0392ce;
}
.blogBox .blogContainer .baslikContainer .divsag .blogEtiket {
  padding: 5px 0px;
  height: auto;
}
.blogBox .blogContainer .baslikContainer .divsag .blogEtiket span {
  background-color: azure;
  margin: 2px;
  padding: 2px;
  border: 1px dashed #b7d9e7;
  font-size: 9px;
  display: inline-block;
}
.blogBox .blogContainer .blogText {
  height: 100px;
  overflow: hidden;
}
.blogBox .blogContainer .blogKisayollar {
  display: flex;
  justify-content: center;
  align-self: center;
}
.blogBox .blogContainer .blogKisayollar .kutu {
  width: 49%;
  font-size: 11px;
  color: #52525c;
  margin: 5px 0.5%;
  background-color: #f2f9f9;
}
.blogBox .blogContainer .blogKisayollar .kutu .icon {
  width: 20px;
  display: inline-block;
  margin: 5px;
}
.blogBox .blogContainer .blogKisayollar .kutu a {
  background: rgb(195, 63, 117);
  /* background: linear-gradient(90deg, rgba(195,63,117,1) 2%, rgba(239,202,195,1) 98%); */
  padding: 5px 10px;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #fff;
  float: right;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
}

.baslikContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0px;
}
.baslikContainer .divsol {
  width: 80px;
}
.baslikContainer .divsol .tarihKutu {
  width: 60px;
  height: 60px;
  border-radius: 15px;
  background-color: #0392ce;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
  font-size: 12px;
}
.baslikContainer .divsag {
  width: calc(100% - 80px);
}
.baslikContainer .divsag .blogBaslik {
  width: 100%;
  font-size: 24px;
  font-weight: 500;
  color: #0392ce;
}
.baslikContainer .divsag .blogEtiket {
  padding: 5px 0px;
  height: auto;
}
.baslikContainer .divsag .blogEtiket span {
  background-color: azure;
  margin: 2px;
  padding: 2px;
  border: 1px dashed #b7d9e7;
  font-size: 9px;
  display: inline-block;
}

.blogList {
  margin-top: 20px;
}
.blogList ul {
  margin: 0px;
  padding: 0px;
}
.blogList ul li {
  list-style: none;
  margin: 5px 0px;
  padding: 10px 0px;
  border-bottom: 1px solid #f1f1f1;
}
.blogList ul li a {
  text-decoration: none;
  display: flex;
  /* justify-content: center;*/
  align-items: center;
  flex-wrap: wrap;
  color: #848f93;
}
.blogList ul li a .tarihKutu {
  width: 60px;
  height: 30px;
  border-radius: 3px;
  background-color: #848f93;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
  font-size: 10px;
  margin-right: 10px;
  line-height: 14px;
}
.blogList ul li a:hover {
  color: #0392ce;
}
.blogList ul li a:hover .tarihKutu {
  background-color: #0392ce;
}

.mainParalaxSection {
  min-height: 300px;
  background-color: #323334 !important;
  background-color: #00bce4 !important;
  text-align: center;
  background-image: url("../images/paralax.jpg");
  background-color: transparent;
  background-attachment: fixed;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover; /* Mozilla*/
  -o-background-size: cover; /* Opera*/
  background-size: cover; /* Generic*/
}
.mainParalaxSection .bgParalax {
  /*background: linear-gradient(90deg, rgba(#005a84,0.6), rgba(#00bce4,0.6));*/
  background: rgb(27, 20, 100);
  background: linear-gradient(90deg, rgba(27, 20, 100, 0.7) 36%, rgba(2, 13, 45, 0.7) 97%);
  width: 100%;
  min-height: 400px;
  padding: 80px 0px;
  display: flex;
}
.mainParalaxSection .bgParalax .boxBaslik {
  position: relative;
  font-size: 30px;
  color: #fff;
}
.mainParalaxSection .bgParalax .baslikCizgi {
  width: 120px;
  background: rgb(195, 63, 117);
  background: linear-gradient(90deg, rgb(195, 63, 117) 2%, rgb(239, 202, 195) 98%);
  height: 5px;
  border-radius: 3px;
  transition: width 0.5s ease-out;
  display: inline-block;
  margin-bottom: 20px;
}
.mainParalaxSection .bgParalax .single_kutu {
  background-color: #fff;
  width: 100%;
  min-height: 500px;
  padding: 10px;
  display: block;
  width: 100%;
  text-decoration: none;
  color: inherit;
}
.mainParalaxSection .bgParalax .single_kutu .hizmet_img {
  width: 100%;
  margin: 0px auto;
  /* border: 1px solid #ccc;*/
  overflow: hidden;
  /* background-color:#f2f2f2;*/
}
.mainParalaxSection .bgParalax .single_kutu .hizmet_img img {
  width: 100%;
  /*filter: grayscale(70%);*/
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.mainParalaxSection .bgParalax .single_kutu .hizmet_content .baslik {
  font-size: 24px;
  font-weight: 500;
}
.mainParalaxSection .bgParalax .single_kutu .hizmet_content .icerik {
  font-weight: 300;
  margin: 10px 0px;
}
.mainParalaxSection .bgParalax .single_kutu .hizmet_content .hizmetBtn {
  background-color: #ff4dd1;
  border: 1px dashed #00bfff;
  color: #fff;
  border-radius: 10%;
}
.mainParalaxSection .bgParalax .single_kutu:hover .hizmet_img img {
  filter: grayscale(70%);
  -webkit-transform: scale(1.1);
  transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1); /* IE 9 */
  -webkit-transform: scale(1.1, 1.1); /* Safari and Chrome */
}
.mainParalaxSection .bgParalax .single_kutu:hover .hizmet_content .baslik {
  color: #333;
}
.mainParalaxSection .bgParalax .single_kutu:hover .hizmet_content .icerik {
  font-weight: 300;
  margin: 10px 0px;
  color: #333;
}
.mainParalaxSection .bgParalax .single_kutu:hover .hizmet_content .hizmetBtn {
  background-color: #00bfff;
  color: #fff;
  border-radius: 0%;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

.tabLink:nth-child(odd) {
  background: #f7f7f7;
}

.tabLink {
  text-align: left;
  border: none;
  padding: 0px;
  background: transparent;
}
.tabLink .imgKutu {
  width: 55px;
  line-height: 45px;
  padding: 7px;
  display: inline-block;
}
.tabLink .imgKutu img {
  width: 100%;
}
.tabLink .textKutu {
  display: inline-block;
  line-height: 50px;
  padding-left: 20px;
  color: #5c5c5e;
  font-size: 20px;
}

.tabIconBg1 {
  background-color: #40b3f3;
}

.tabIconBg2 {
  background-color: #039bef;
}

.tabIconBg3 {
  background-color: #0081d8;
}

.tabIconBg4 {
  background-color: #006dc6;
}

.tabIconBg5 {
  background-color: #045faa;
}

.tabIconBg6 {
  background-color: #045b95;
}

.tabIconBg7 {
  background-color: #034c87;
}

.tabIconBg8 {
  background-color: #00437a;
}

.tabrigth {
  background-color: #ededed;
  width: 70%;
  position: relative;
  margin-left: 30%;
  min-height: 525px;
  padding-left: 5%;
}
.tabrigth h5 {
  line-height: 50px;
  padding-left: 20px;
  color: #5c5c5e;
  font-size: 24px;
}

.tabLeft {
  position: absolute;
  background-color: #ffffff;
  width: 42%;
  min-height: 100px;
  margin: 25px 0px;
  left: -35%;
  -webkit-box-shadow: 3px 3px 11px -4px rgb(168, 168, 168);
  -moz-box-shadow: 3px 3px 11px -4px rgb(168, 168, 168);
  box-shadow: 3px 3px 11px -4px rgb(168, 168, 168);
}
.tabLeft .active {
  background-color: #00437a !important;
}
.tabLeft .active .textKutu {
  color: #fff !important;
}

.teknolojiKutu {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #fff;
  border-radius: 8px;
  padding: 10px;
  margin: 15px;
  min-height: 60px;
  text-align: center;
}
.teknolojiKutu img {
  width: auto;
  max-width: 100%;
  max-height: 50px;
}

.tabSayfa h5 {
  color: #4872ad;
  font-weight: 500;
  margin: 30px 15px 15px;
}
.tabSayfa .nav-tabs {
  background-color: #f9f9f9;
}
.tabSayfa .tabactive {
  background-color: #045faa;
}
.tabSayfa .nav-tabs .nav-item.show .nav-link, .tabSayfa .nav-tabs .nav-link.active {
  background-color: #045faa;
  color: white;
  font-size: 14px;
}
.tabSayfa .nav-tabs .nav-link {
  border-right: 1px solid #e1e1e1;
  color: #333;
  font-size: 14px;
}
.tabSayfa .tabTextBox {
  height: 40px;
  overflow: hidden;
  display: block;
  font-size: 13px;
}
.tabSayfa .tabIconBox {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #00bce4;
  padding: 1px;
  display: block;
  text-align: center;
  line-height: 26px;
  margin: 2px auto;
  border: 1px dashed #045faa;
}
.tabSayfa .tabIconBox img {
  width: auto;
  height: 16px;
}

.teknolojiKutuSayfa {
  background-color: rgba(237, 237, 237, 0.5);
  /*    background-color: #ededed;*/
  border: 1px solid #ededed;
  border-radius: 8px;
  padding: 10px;
  margin: 15px;
  min-height: 80px;
  line-height: 80px;
  text-align: center;
}
.teknolojiKutuSayfa img {
  width: auto;
  max-height: 60px;
}

footer {
  position: relative;
  background-color: #060e59;
  font-size: 14px;
  padding-top: 20PX;
}
footer .baslikCizgi {
  width: 120px;
  /*background: rgb(195,63,117);
  background: linear-gradient(90deg, rgba(195,63,117,1) 2%, rgba(239,202,195,1) 98%);*/
  background: #0392ce;
  height: 3px;
  border-radius: 3px;
  transition: width 0.5s ease-out;
  display: inline-block;
  margin-bottom: 20px;
}
footer .form-row {
  margin-top: 5px;
}
footer .footerAlt {
  position: absolute;
  position: relative;
  min-height: 80px;
  margin: 0px 0px 0px !important;
  width: 100%;
  bottom: 0px;
}
footer .footerAlt .footer-logo {
  width: 70%;
  padding: 10px 10px 10px 0px;
}
footer .footerAlt h5 {
  color: white;
  font-size: 22px;
  display: block;
  width: 100%;
}
footer .footerAlt ul.footermenu {
  column-count: 2;
  color: #fff;
  margin: 0px;
  padding: 0px 0px 20px 0px;
}
footer .footerAlt ul.footermenu li {
  /* list-style-image: url('../images/liIcon.svg');*/
  font-size: 15px;
  list-style: none;
}
footer .footerAlt ul.footermenu li i, footer .footerAlt ul.footermenu li span {
  color: #0392ce;
  font-size: 20px;
  margin-right: 8px;
  width: 20px;
  display: inline-block;
}
footer .footerAlt ul.footermenu li a {
  /*font-size: 14px;*/
  color: #fff;
  text-decoration: none;
  font-weight: 100;
  display: flex;
}
footer .footerAlt ul.footermenu li a:hover {
  color: #00bce4;
}
footer .footerAlt h5 {
  margin-top: 25px;
  display: inline-block;
}
footer .footerAlt ul.footerAdres {
  color: #e5e5e5;
  margin: 0px;
  padding: 0px;
  list-style: none;
  font-size: 16px;
}
footer .footerAlt ul.footerAdres li {
  font-weight: 100;
  margin: 8px 3px;
}
footer .footerAlt ul.footerAdres li i, footer .footerAlt ul.footerAdres li span {
  color: #0392ce;
  font-size: 20px;
  margin-right: 8px;
  width: 20px;
  display: inline-block;
}
footer .footerAlt ul.footerAdres li a {
  font-size: 14px;
  color: #fff;
  text-decoration: none;
}
footer .footerAlt ul.footerAdres li a:hover {
  color: #35c3ff;
}
footer .footerAlt ul.sosyaMedyaMenu {
  padding: 10px 0px;
  margin-bottom: 0px;
  width: auto;
  display: inline-block;
}
footer .footerAlt ul.sosyaMedyaMenu li {
  list-style: none;
  display: inline-block;
  margin: 0px;
  margin-right: 5px;
  padding: 0px;
}
footer .footerAlt ul.sosyaMedyaMenu li a {
  /* border: 1px solid #ac1118;
  -webkit-box-shadow: 3px 5px 5px -5px rgba(160,160,160,1);
  -moz-box-shadow: 3px 5px 5px -5px rgba(160,160,160,1);
  box-shadow: 3px 5px 5px -5px rgba(160,160,160,1);*/
  text-align: center;
  padding: 4px;
  /* background-color: #CCC;*/
  color: #fff;
  text-decoration: none;
  line-height: 20px;
  width: 30px;
  height: 30px;
  border-radius: 20%;
  display: inline-block;
  font-size: 18px;
  /* line-height:40px;*/
}
footer .footerAlt ul.sosyaMedyaMenu li a:hover {
  /* background: #fff;
  color: #060e59;*/
}
footer .footerAlt ul.sosyaMedyaMenu li a:active {
  background-color: #333;
}
footer .footerBottom {
  background-color: #030b3a;
  font-size: 12px;
  padding: 8px 0px;
}
footer .footerBottom p {
  line-height: 20px;
  margin-bottom: 0px;
  color: #fff;
  font-weight: 100;
}
footer .footerBottom .footerBottomLogo {
  height: 25px;
  margin-top: 5px;
}
footer .footerBottom ul {
  padding: 0px;
  margin: 0px;
  width: auto;
  display: inline-block;
}
footer .footerBottom ul li {
  list-style: none;
  display: inline-block;
  margin: 0px;
  margin-right: 15px;
  padding: 0px;
}
footer .footerBottom ul li a {
  text-align: center;
  color: #fff;
  text-decoration: none;
  border-radius: 20%;
  display: inline-block;
  font-size: 12px;
}
footer .footerBottom ul li a:hover {
  /* background: #fff;*/
  color: #00bce4;
}
footer .footerBottom ul li a:active {
  color: #00bce4;
}

.cerezPolitikasiBox {
  display: block;
  /*display: none;*/
  position: fixed;
  /*background-color: rgba(6,14,89,0.9);*/
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 999;
  bottom: 0px;
  width: 100%;
  padding: 10px;
  -webkit-box-shadow: 0px -1px 5px 0px rgb(115, 115, 115);
  -moz-box-shadow: 0px -1px 5px 0px rgb(115, 115, 115);
  box-shadow: 0px -1px 5px 0px rgb(115, 115, 115);
}
.cerezPolitikasiBox p {
  margin-bottom: 0px;
}
.cerezPolitikasiBox h5 {
  font-size: 17px;
  color: #fff;
}

.cerezLink {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}

.cerezBtn {
  background: rgb(195, 63, 117);
  /*    background: linear-gradient(90deg, rgba(195,63,117,1) 2%, rgba(239,202,195,1) 98%);*/
  padding: 5px 10px;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #fff;
  float: right;
  text-decoration: none;
}

.cerezBtn:hover {
  background-color: #000;
  color: #fff;
}

.backtotop {
  content: "";
  position: fixed;
  bottom: 50px;
  right: 30px;
  display: none;
  width: 40px;
  height: 40px;
}

.teknolojilerKutu {
  min-height: 300px;
}

.headerbg {
  background-color: #005eb8;
  background-image: url("../images/bg2.svg");
  background-position: top left;
  background-size: cover;
  min-height: 250px;
}
.headerbg .headerBox {
  display: flex;
  align-items: center;
}
.headerbg .headerBox .solKutu {
  width: 70%;
}
.headerbg .headerBox .sagKutu {
  width: 30%;
}
.headerbg .slogan {
  color: #323233;
  font-size: 40px !important;
  padding: 30px 30px 10px 10px;
}
.headerbg .slogan span {
  font-weight: 500;
  color: #b62f87;
}
.headerbg .slogan b {
  font-weight: 500;
  color: #b62f87;
}
.headerbg .slogan h1 {
  font-size: 30px;
  line-height: 48px;
}
.headerbg .headerimg img {
  width: 100%;
  height: auto;
  max-height: 300px;
}

.altSayfa h3 {
  padding: 10px 15px;
  border-left: 6px solid #b62f87;
  line-height: 30px;
  margin: 0px;
}
.altSayfa .sayfaBaslikKutu {
  width: 100%;
  height: 70px;
  background-color: #f1f1f1;
  color: #333;
  padding: 10px 0px;
  display: inline-block;
  margin-bottom: 50px;
}
.altSayfa .sayfaText {
  font-size: 16px;
  color: #333;
  padding: 50px 0px;
  /*  text-align: justify;*/
}
.altSayfa .sayfaText .pageul {
  width: 100%;
  /*column-count: 3;*/
  margin: 0px;
  padding: 0px;
}
.altSayfa .sayfaText .pageul li {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: calc(33.3333333333% - 3px);
  display: inline-block;
  padding: 15px;
  color: #fff;
  font-size: 21px;
  text-align: center;
}
.altSayfa .sayfaText .pageul li img {
  height: 50px;
  display: block;
  margin: 10px auto;
}
.altSayfa .sayfaText h4 {
  font-size: 18px;
  font-weight: 700;
}
.altSayfa .sayfaText a {
  text-decoration: none;
  color: #b62f87;
  font-weight: 700;
}
.altSayfa .sayfaText a:hover {
  color: #0392ce;
}
.altSayfa .sayfaText .baslik {
  font-size: 30px;
  text-align: center;
  color: #666666;
}
.altSayfa .sayfaText .baslikCizgi {
  width: 120px;
  background: rgb(195, 63, 117);
  background: linear-gradient(90deg, rgb(195, 63, 117) 2%, rgb(239, 202, 195) 98%);
  height: 5px;
  border-radius: 3px;
  transition: width 0.5s ease-out;
  display: inline-block;
  margin-bottom: 20px;
}

.counters {
  background: #f2f2f2;
  color: #333;
  padding: 40px 20px;
  text-align: center;
  /*
  .container {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 30px;
      text-align: center;
  }*/
}
.counters .counterBox {
  width: 100%;
  background-color: #fff;
  margin: 15px 0px;
  padding: 10px;
  text-align: center;
  position: relative;
}
.counters .counterBox .imgBox {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 10px solid #f2f2f2;
  text-align: center;
  overflow: hidden;
  line-height: 80px;
  /* padding: 10px;*/
  position: absolute;
  background-color: #f2f2f2;
  top: -25px;
  left: 50%;
  margin-left: -50px;
}
.counters .counterBox .imgBox .imgKutu {
  background-color: #fff;
  width: 80px;
  line-height: 70px;
  border: 5px solid #fff;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  -webkit-box-shadow: 10px 13px 7px -9px rgb(163, 157, 163);
  -moz-box-shadow: 10px 13px 7px -9px rgb(163, 157, 163);
  box-shadow: 10px 13px 7px -9px rgb(163, 157, 163);
}
.counters .counterBox .imgBox .imgKutu img {
  line-height: 70px;
  height: 50px;
  max-width: 60px;
}
.counters .counterBox .imgBox img {
  height: 100%;
}
.counters .counterBox .textKutu {
  margin-top: 60px;
}
.counters .counterBox .textKutu i {
  color: lightskyblue;
  margin-bottom: 5px;
}
.counters .counterBox .textKutu .plus {
  font-size: 35px;
  margin: 10px 0;
  color: #077dbf;
}
.counters .counterBox .textKutu .counter {
  font-size: 35px;
  margin: 10px 0;
  color: #ff4dd1;
}
.counters .counterBox .textKutu h3 {
  color: #666;
}

.nedenZironSoft {
  background: #f2f2f2;
  color: #333;
  padding: 40px 20px;
}
.nedenZironSoft .baslik {
  font-size: 30px;
  text-align: center;
  color: #666666;
}
.nedenZironSoft .baslikCizgi {
  width: 120px;
  background: rgb(195, 63, 117);
  background: linear-gradient(90deg, rgb(195, 63, 117) 2%, rgb(239, 202, 195) 98%);
  height: 5px;
  border-radius: 3px;
  transition: width 0.5s ease-out;
  display: inline-block;
  margin: 0px auto 20px;
}
.nedenZironSoft .single_kutu {
  background-color: #fff;
  width: 100%;
  min-height: 350px;
  padding: 10px;
  display: block;
  width: 100%;
  text-decoration: none;
  color: inherit;
  margin-bottom: 20px;
}
.nedenZironSoft .single_kutu .hizmet_img {
  width: 100px;
  margin: 0px auto;
  border-radius: 50%;
  /* border: 1px solid #ccc;*/
  overflow: hidden;
  text-align: center;
  padding: 15px;
  border: 1px dashed rgb(195, 63, 117);
  background-color: #f2f2f2;
}
.nedenZironSoft .single_kutu .hizmet_img img {
  width: auto;
  /*filter: grayscale(70%);*/
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  height: 70px;
}
.nedenZironSoft .single_kutu .hizmet_content .baslik {
  font-size: 20px;
  font-weight: 500;
}
.nedenZironSoft .single_kutu .hizmet_content .icerik {
  font-weight: 300;
  margin: 10px 0px;
  height: 200px;
  overflow: hidden;
}
.nedenZironSoft .single_kutu .hizmet_content .hizmetBtn {
  background-color: #ff4dd1;
  border: 1px dashed #00bfff;
  color: #fff;
  border-radius: 10%;
}
.nedenZironSoft .single_kutu:hover .hizmet_img img {
  filter: grayscale(70%);
  -webkit-transform: scale(1.1);
  transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1); /* IE 9 */
  -webkit-transform: scale(1.1, 1.1); /* Safari and Chrome */
}

.PageBelgeler {
  padding: 50px 0px;
}
.PageBelgeler h3 {
  display: block;
  width: 100%;
}
.PageBelgeler .belgelerimizKutu {
  padding: 10px;
  margin-bottom: 30px;
  text-align: center;
}
.PageBelgeler .belgelerimizKutu .card {
  border: 0px;
  background-color: #f2f2f2;
  border-radius: 5px;
  -webkit-box-shadow: 3px 5px 5px 0px rgb(222, 222, 222);
  -moz-box-shadow: 3px 5px 5px 0px rgb(222, 222, 222);
  box-shadow: 3px 5px 5px 0px rgb(222, 222, 222);
  padding: 5px;
}
.PageBelgeler .belgelerimizKutu .card .cardBeyaz {
  background-color: #fff;
  -webkit-box-shadow: 3px 5px 5px 0px rgb(222, 222, 222);
  -moz-box-shadow: 3px 5px 5px 0px rgb(222, 222, 222);
  box-shadow: 3px 5px 5px 0px rgb(222, 222, 222);
  width: 100%;
  border-radius: 1px;
  height: 450px;
  overflow: hidden;
  padding: 10px;
}
.PageBelgeler .belgelerimizKutu .card .cardBeyaz a {
  margin: 5px;
  height: 440px;
  overflow: hidden;
  display: inline-block;
}
.PageBelgeler .belgelerimizKutu .card .cardBeyaz a img {
  filter: grayscale(100%);
  width: 100%;
  transform: scale(1.2);
  transition: all 700ms ease;
  height: auto;
}
.PageBelgeler .belgelerimizKutu .card .cardBeyaz a:hover img {
  filter: grayscale(10%);
  transform: scale(1);
}
.PageBelgeler .belgelerimizKutu .card .cardBeyaz a:hover p {
  height: 80px;
  transition: all 700ms ease;
  line-height: 30px;
}
.PageBelgeler .belgelerimizKutu .card .cardBeyaz a p {
  position: absolute;
  bottom: 20px;
  height: 0px;
  background-color: rgba(129, 129, 129, 0.7);
  color: #fff;
  width: calc(100% - 40px);
  font-size: 18px;
  line-height: 22px;
  padding: 0px;
  margin: 0;
  transition: all 0.2s ease-in-out 0.3s;
  overflow: hidden;
  text-align: center;
}
.PageBelgeler .belgelerimizKutu .belgeIndir {
  position: relative;
  padding: 2px 7px;
  background-color: #fff;
  width: 30px;
  line-height: 30px;
  text-decoration: none;
  color: #333;
  font-size: 20px;
  border: 1px solid #ccc;
  top: -35px;
  margin: 0px auto;
}
.PageBelgeler .belgelerimizKutu .belgeIndir:hover {
  background-color: #be5ea0;
  color: #fff;
}
.PageBelgeler .belgelerimizKutu .belgeAciklama {
  height: 60px;
  overflow: hidden;
  display: block;
  color: #333;
  position: relative;
  top: -20px;
  text-align: center;
}
.PageBelgeler .belgelerimizKutu .belgeAciklama .belgeBaslik {
  font-size: 16px;
  display: block;
}
.PageBelgeler .belgelerimizKutu .belgeAciklama .bAciklama {
  font-size: 12px;
  display: block;
}

.PageReferanslar {
  padding: 50px 0px;
}
.PageReferanslar h3 {
  display: block;
  width: 100%;
}
.PageReferanslar .referanslarKutu {
  padding: 10px;
  margin-bottom: 30px;
  text-align: center;
}
.PageReferanslar .referanslarKutu .card {
  border: 0px;
  background-color: #f2f2f2;
  border-radius: 5px;
  -webkit-box-shadow: 3px 5px 5px 0px rgb(222, 222, 222);
  -moz-box-shadow: 3px 5px 5px 0px rgb(222, 222, 222);
  box-shadow: 3px 5px 5px 0px rgb(222, 222, 222);
  padding: 5px;
}
.PageReferanslar .referanslarKutu .card a {
  margin: 5px;
  height: auto;
  overflow: hidden;
  display: inline-block;
  height: 280px;
  padding: 20px;
  line-height: 280px;
}
.PageReferanslar .referanslarKutu .card a img {
  /*filter: grayscale(100%);*/
  width: 100%;
  transform: scale(1.2);
  transition: all 700ms ease;
  height: auto;
}
.PageReferanslar .referanslarKutu .card a:hover img {
  filter: grayscale(10%);
  transform: scale(1);
}
.PageReferanslar .referanslarKutu .card a:hover p {
  height: 80px;
  transition: all 700ms ease;
  line-height: 30px;
}
.PageReferanslar .referanslarKutu .card a p {
  position: absolute;
  bottom: 20px;
  height: 0px;
  background-color: rgba(129, 129, 129, 0.7);
  color: #fff;
  width: calc(100% - 40px);
  font-size: 18px;
  line-height: 22px;
  padding: 0px;
  margin: 0;
  transition: all 0.2s ease-in-out 0.3s;
  overflow: hidden;
  text-align: center;
}
.PageReferanslar .referanslarKutu .card > div {
  margin: 5px;
  height: auto;
  overflow: hidden;
  display: inline-block;
  height: 240px;
  padding: 20px;
  /*line-height: 280px;*/
  display: flex;
  justify-content: center;
  align-items: center;
}
.PageReferanslar .referanslarKutu .card > div img {
  /*filter: grayscale(100%);*/
  width: 80%;
  transform: scale(1.2);
  transition: all 700ms ease;
  height: auto;
}
.PageReferanslar .referanslarKutu .card > div:hover img {
  filter: grayscale(10%);
  transform: scale(1);
}
.PageReferanslar .referanslarKutu .card > div:hover p {
  height: 80px;
  transition: all 700ms ease;
  line-height: 30px;
}
.PageReferanslar .referanslarKutu .card > div p {
  position: absolute;
  bottom: 20px;
  height: 0px;
  background-color: rgba(129, 129, 129, 0.7);
  color: #fff;
  width: calc(100% - 40px);
  font-size: 18px;
  line-height: 22px;
  padding: 0px;
  margin: 0;
  transition: all 0.2s ease-in-out 0.3s;
  overflow: hidden;
  text-align: center;
}
.PageReferanslar .referanslarKutu .aciklama {
  max-height: 60px;
  overflow: hidden;
  display: block;
  color: #333;
  position: relative;
  background-color: #fff;
  margin-top: 5px;
  border: 1px solid #f2f2f2;
  -webkit-box-shadow: 3px 5px 5px 0px rgb(222, 222, 222);
  -moz-box-shadow: 3px 5px 5px 0px rgb(222, 222, 222);
  box-shadow: 3px 5px 5px 0px rgb(222, 222, 222);
  text-align: center;
}
.PageReferanslar .referanslarKutu .aciklama .baslik {
  font-size: 16px;
  display: block;
  color: #be5ea0;
  border-radius: 10px;
}

.megaMenuFlex {
  display: flex;
}

.megaMenuImgKutu {
  width: auto;
  height: 200px;
  display: block;
  overflow: hidden;
}

.kariyerBtn {
  display: inline-block;
  line-height: 40px;
  border-radius: 10px;
  background-color: #b3308a;
  border: 1px solid #b3308a;
  text-decoration: none;
  padding: 10px;
  color: #fff;
}
.kariyerBtn:hover {
  background-color: #f2f2f2;
  color: #b3308a;
}

.baslik {
  font-size: 30px;
  text-align: center;
  color: #666666;
}

.baslikCizgi {
  width: 120px;
  background: rgb(195, 63, 117);
  background: linear-gradient(90deg, rgb(195, 63, 117) 2%, rgb(239, 202, 195) 98%);
  height: 5px;
  border-radius: 3px;
  transition: width 0.5s ease-out;
  display: inline-block;
  margin: 0px auto 20px;
}

.map {
  width: 100%;
  height: 500px;
  border-radius: 5px;
}

.iletisimPage {
  padding: 0px;
}
.iletisimPage .iletisimSayfa {
  padding: 20px 0px;
}
.iletisimPage .iletisimSayfa h4 {
  font-size: 24px;
  color: #333;
  /*text-align: center;*/
  display: block;
  width: auto;
  font-weight: 500;
  border-bottom: 1px solid #ccc;
  line-height: 40px;
  margin-bottom: 40px;
}
.iletisimPage .iletisimSayfa h4 span {
  /* color: #00bce4;*/
}
.iletisimPage .iletisimSayfa .iletisimBilgiBox {
  background-color: #fff;
  padding: 20px;
}
.iletisimPage .iletisimSayfa .iletisimBilgiBox .iletisimKutu {
  border: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 15px;
}
.iletisimPage .iletisimSayfa .iletisimBilgiBox .iletisimKutu h5 {
  background-color: #f1f1f1;
  padding: 5px;
  color: #00bce4;
}
.iletisimPage .iletisimSayfa .iletisimBilgiBox ul {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
  outline: none;
  padding: 0px 0px 40px 0px;
  border-bottom: 1px solid #f2f2f2;
  margin: 20px 0px;
}
.iletisimPage .iletisimSayfa .iletisimBilgiBox ul li {
  line-height: 40px;
}
.iletisimPage .iletisimSayfa .iletisimBilgiBox ul li i {
  color: #be5ea0;
  font-size: 20px;
  text-transform: uppercase;
  margin-right: 10px;
}
.iletisimPage .iletisimSayfa .iletisimBilgiBox ul li a {
  color: inherit;
  position: relative;
  -webkit-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
  line-height: 1.7;
  text-decoration: none;
}
.iletisimPage .iletisimSayfa .iletisimFormBox {
  background-color: #fff;
  padding: 20px;
}
.iletisimPage .iletisimSayfa .iletisimFormBox label {
  /* -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 30px;
  color: inherit;
  font-size: 15px;
  letter-spacing: 1px;
  min-width: 100px;*/
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  min-width: 120px;
}
.iletisimPage .iletisimSayfa .iletisimFormBox input, .iletisimPage .iletisimSayfa .iletisimFormBox select, .iletisimPage .iletisimSayfa .iletisimFormBox optgroup, .iletisimPage .iletisimSayfa .iletisimFormBox textarea {
  width: 100%;
  border: 0px;
}
.iletisimPage .iletisimSayfa .iletisimFormBox input :focus-visible, .iletisimPage .iletisimSayfa .iletisimFormBox select :focus-visible, .iletisimPage .iletisimSayfa .iletisimFormBox optgroup :focus-visible, .iletisimPage .iletisimSayfa .iletisimFormBox textarea :focus-visible {
  outline: #fff auto 0px !important;
}
.iletisimPage .iletisimSayfa .iletisimFormBox .entry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.iletisimPage .iletisimSayfa .iletisimFormBox .entry ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #d7d7d7;
  opacity: 1; /* Firefox */
}
.iletisimPage .iletisimSayfa .iletisimFormBox .entry :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #d7d7d7;
}
.iletisimPage .iletisimSayfa .iletisimFormBox .entry ::-ms-input-placeholder { /* Microsoft Edge */
  color: #d7d7d7;
}
.iletisimPage .iletisimSayfa .iletisimFormBox .btnBox {
  width: 100%;
  text-align: right;
}
.iletisimPage .iletisimSayfa .iletisimFormBox .btnBox .btn {
  background-color: #be5ea0;
  color: #fff;
}
.iletisimPage .iletisimSayfa .iletisimFormBox .btnBox .btn:hover {
  background-color: #797979;
}

.pembeBtn {
  color: #ffffff;
  font-size: 18px;
  border-radius: 5px;
  display: inline-block;
  width: 200px;
  text-align: center;
  text-decoration: none;
  transition: 0.3s;
  padding: 7px;
  background-color: #b62f87;
}
.pembeBtn:hover {
  color: #fff;
  background-color: #007be3;
}

.formSayfa {
  padding: 20px 0px;
}
.formSayfa h4 {
  font-size: 24px;
  color: #333;
  /*text-align: center;*/
  display: block;
  width: auto;
  font-weight: 500;
  border-bottom: 1px solid #ccc;
  line-height: 40px;
  margin-bottom: 40px;
}
.formSayfa h4 span {
  /* color: #00bce4;*/
}
.formSayfa .iletisimFormBox {
  background-color: #fff;
  padding: 20px;
}
.formSayfa .iletisimFormBox label {
  /* -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 30px;
  color: inherit;
  font-size: 15px;
  letter-spacing: 1px;
  min-width: 100px;*/
  font-weight: 600;
  font-size: 13px;
  /* text-transform: uppercase;*/
  min-width: 120px;
}
.formSayfa .iletisimFormBox input, .formSayfa .iletisimFormBox select, .formSayfa .iletisimFormBox optgroup, .formSayfa .iletisimFormBox textarea {
  width: 100%;
  border: 0px;
}
.formSayfa .iletisimFormBox input :focus-visible, .formSayfa .iletisimFormBox select :focus-visible, .formSayfa .iletisimFormBox optgroup :focus-visible, .formSayfa .iletisimFormBox textarea :focus-visible {
  outline: #fff auto 0px !important;
}
.formSayfa .iletisimFormBox .entry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.formSayfa .iletisimFormBox .entry ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #d7d7d7;
  opacity: 1; /* Firefox */
}
.formSayfa .iletisimFormBox .entry :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #d7d7d7;
}
.formSayfa .iletisimFormBox .entry ::-ms-input-placeholder { /* Microsoft Edge */
  color: #d7d7d7;
}
.formSayfa .iletisimFormBox .btnBox {
  width: 100%;
  text-align: right;
}
.formSayfa .iletisimFormBox .btnBox .btn {
  background-color: #be5ea0;
  color: #fff;
}
.formSayfa .iletisimFormBox .btnBox .btn:hover {
  background-color: #797979;
}

.surecBox {
  min-height: 400px;
  width: 100%;
  background-color: aliceblue;
  margin: 30px 0px;
  display: flex;
  flex-wrap: wrap;
  padding: 40px 15px;
}
.surecBox .surecBoxContent {
  width: 23% !important;
  margin: 1%;
  display: flex;
  flex-direction: column;
  padding: 15px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 3px 3px 11px -4px rgb(168, 168, 168);
  -moz-box-shadow: 3px 3px 11px -4px rgb(168, 168, 168);
  box-shadow: 3px 3px 11px -4px rgb(168, 168, 168);
}
.surecBox .surecBoxContent h5 {
  font-size: 20px;
  padding: 10px 0px;
  margin: 0px;
  color: #b62f87;
}
.surecBox .surecBoxContent p {
  font-size: 14px;
  text-align: left;
}
.surecBox .surecBoxContent .baslik {
  font-size: 30px;
  text-align: center;
  color: #666666;
}
.surecBox .surecBoxContent .baslikCizgi {
  width: 120px;
  background: rgb(195, 63, 117);
  background: linear-gradient(90deg, rgb(195, 63, 117) 2%, rgb(239, 202, 195) 98%);
  height: 5px;
  border-radius: 3px;
  transition: width 0.5s ease-out;
  display: inline-block;
  margin-bottom: 20px;
}
.surecBox .surecBoxContent .sayiKutu {
  position: relative;
  top: -15px;
  left: calc(100% - 25px);
  width: 40px;
  height: 40px;
  background-color: #b62f87;
  /* background: #93ecff; */
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  text-align: center;
  z-index: 1;
  padding: 20px 5px 10px 5px;
  color: #fff;
  font-size: 20px;
  line-height: 0px;
}

.isSureclerKutu {
  width: 100%;
}
.isSureclerKutu .isSurecleri {
  position: relative;
  display: block;
  background: #efeff0;
  padding: 0 10px 10px;
  z-index: 1;
  margin-bottom: 20px;
  border-radius: 8px;
  min-height: 200px;
}
.isSureclerKutu .isSurecleri .isSurecleri-kutu {
  border-radius: 8px;
}
.isSureclerKutu .isSurecleri .isSurecleri-kutu:before {
  border-radius: 8px;
  background-color: #fafafa;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 2px solid #ececec;
  z-index: -1;
}
.isSureclerKutu .isSurecleri .isSurecleri-kutu:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  /*background: #005a83;*/
  border-radius: 0px;
  transition: 0.5s;
  transform: perspective(400px) scaleX(0);
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  z-index: -1;
}
.isSureclerKutu .isSurecleri .isSurecleri-kutu .inner-box {
  position: relative;
  display: block;
  padding-left: 120px;
}
.isSureclerKutu .isSurecleri .isSurecleri-kutu .inner-box .title {
  position: relative;
  display: block;
  padding-top: 25px;
  padding-left: 10px;
  min-height: 120px;
}
.isSureclerKutu .isSurecleri .isSurecleri-kutu .inner-box .title h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  /*text-transform: uppercase;*/
  margin: 0 0 6px;
  transition: all 200ms linear;
  transition-delay: 0.3s;
  color: #005a84;
}
.isSureclerKutu .isSurecleri .isSurecleri-kutu .inner-box .title p {
  font-size: 14px;
  margin: 0;
}
.isSureclerKutu .isSurecleri .isSurecleri-kutu .inner-box .title .btnLink {
  font-size: 14px;
  padding: 7px 20px 5px 20px;
  color: #ffffff;
  background: #e7505a;
  border-color: #e7505a;
  border-radius: 20px;
  margin: 5px 0px;
}
.isSureclerKutu .isSurecleri .isSurecleri-kutu .inner-box .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
  background-color: #d7d7d7;
  /* background: #93ecff;*/
  border-bottom-left-radius: 70px;
  border-bottom-right-radius: 70px;
  text-align: center;
  z-index: 1;
  line-height: 80px;
  padding: 10px 10px 40px 10px;
}
.isSureclerKutu .isSurecleri .isSurecleri-kutu .inner-box .icon:before {
  position: absolute;
  top: 0;
  left: -1px;
  bottom: -1px;
  right: -1px;
  content: "";
  border-bottom-left-radius: 70px;
  border-bottom-right-radius: 70px;
  background: #93ecff;
  z-index: -1;
  transform: scale(0);
  transform-origin: center;
  transform-style: preserve-3d;
  transition: all 0.7s cubic-bezier(0.62, 0.21, 0.45, 1.52);
}
.isSureclerKutu .isSurecleri .isSurecleri-kutu .inner-box .icon img {
  max-width: 80px;
  max-height: 70px;
  height: auto;
}
.isSureclerKutu .isSurecleri .isSurecleri-kutu:hover {
  padding-bottom: 0px;
}
.isSureclerKutu .isSurecleri .isSurecleri-kutu:hover:after {
  opacity: 1;
  transform: perspective(400px) scaleX(1);
}
.isSureclerKutu .isSurecleri .isSurecleri-kutu:hover .icon:before {
  transform: scale(1);
}
.isSureclerKutu .isSurecleri .isSurecleri-kutu:hover .inner-box .icon {
  /*background: #93ecff;*/
  transform: scale(1);
}
.isSureclerKutu .isSurecleri .isSurecleri-kutu:hover .inner-box .title h2 {
  color: #005a84;
}
.isSureclerKutu .isSurecleri .isSurecleri-kutu:hover .inner-box .title p {
  font-size: 14px;
  margin: 0;
}

.mainParalaxSection2 {
  min-height: 300px;
  /*    background-color: #00bce4 !important;*/
  text-align: center;
  /*    background-image: url('../images/paralaxBG2.jpg');
  */
  background-image: url("../images/paralax2.jpeg");
  background-color: transparent;
  background-attachment: fixed;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover; /* Mozilla*/
  -o-background-size: cover; /* Opera*/
  background-size: cover; /* Generic*/
  overflow: hidden;
}
.mainParalaxSection2 .bgParalax {
  /*background: linear-gradient(90deg, rgba(#005a84,0.6), rgba(#00bce4,0.6));*/
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  min-height: 400px;
  padding: 60px 0px 40px;
  display: flex;
  align-items: center;
}
.mainParalaxSection2 .bgParalax .baslik {
  position: relative;
  font-size: 18px;
  color: #005a84;
  margin-bottom: 8px;
  text-align: center;
}
.mainParalaxSection2 .bgParalax .boxBaslik {
  position: relative;
  font-size: 26px;
  color: #005a84;
  margin-bottom: 8px;
  text-align: center;
}
.mainParalaxSection2 .bgParalax .baslikCizgi {
  background: #e7505a !important;
}
.mainParalaxSection2 .bgParalax .baslikCizgi:after {
  background-color: #e7505a;
}
.mainParalaxSection2 .bgParalax p {
  text-align: left;
  margin-bottom: 40px;
}
.mainParalaxSection2 .bgParalax .single_kutu {
  background: #fff;
  height: auto;
  margin-bottom: 20px;
  max-height: 400px;
  overflow: hidden;
}
.mainParalaxSection2 .bgParalax .single_kutu .hizmet_img {
  overflow: hidden;
  height: 250px;
}
.mainParalaxSection2 .bgParalax .single_kutu .hizmet_img a {
  color: #00d690;
  text-decoration: none;
}
.mainParalaxSection2 .bgParalax .single_kutu .hizmet_img a:hover {
  color: #00d690;
  text-decoration: none;
}
.mainParalaxSection2 .bgParalax .single_kutu .hizmet_img a img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  min-height: 250px;
}
.mainParalaxSection2 .bgParalax .single_kutu .hizmet_content {
  padding: 20px;
  width: 92%;
  margin: 0 auto;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
  top: -74px;
  background: #fff;
  height: 200px;
  overflow: hidden;
}
.mainParalaxSection2 .bgParalax .single_kutu .hizmet_content .icerik {
  height: 70px !important;
  overflow: hidden;
  display: block;
}
.mainParalaxSection2 .bgParalax .single_kutu .hizmet_content a {
  font-size: 14px;
  padding: 7px 20px 5px 20px;
  color: #ffffff;
  background: #007be3;
  border-color: #007be3;
  border-radius: 20px;
  margin: 15px;
}
.mainParalaxSection2 .bgParalax .single_kutu:hover .hizmet_img img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.kimleCalisiyoruz {
  min-height: 300px;
  background-color: #00bce4 !important;
  background-image: url("../images/paralax.jpg");
  background-color: transparent;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.kimleCalisiyoruz .bgParalax {
  background: rgb(27, 20, 100);
  background: linear-gradient(90deg, rgba(27, 20, 100, 0.7) 36%, rgba(2, 13, 45, 0.7) 97%);
  width: 100%;
  min-height: 400px;
  padding: 80px 0px;
  display: flex;
}
.kimleCalisiyoruz .iconlistContent {
  /* background-color:rgba(255,255,255,0.7);*/
  background: rgb(255, 255, 255);
  /*background: linear-gradient(90deg, rgba(255,255,255,0.1) 12%, rgba(159,211,163,0.5) 85%);*/
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 12%, rgba(13, 146, 205, 0.5) 85%);
  padding: 15px;
  margin: 15px 0px;
  border-radius: 8px;
  /* border: 1px solid #fff;*/
}
.kimleCalisiyoruz .iconList {
  column-count: 1;
  color: #fff;
  margin: 0px;
  padding: 20px 0px 20px 0px;
  text-align: left;
}
.kimleCalisiyoruz .iconList li {
  /* list-style-image: url('../images/liIcon.svg');*/
  font-size: 15px;
  list-style: none;
  line-height: 30px;
  margin: 18px 0px;
  display: inline-flex;
  width: calc(33.3333333333% - 3px);
}
.kimleCalisiyoruz .iconList li:last-child {
  margin-bottom: 0px;
}
.kimleCalisiyoruz .iconList li i, .kimleCalisiyoruz .iconList li span {
  color: #0392ce;
  font-size: 20px;
  margin-right: 8px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  /*border: 2px solid #9fd3a3;*/
  display: inline-block;
  /* padding: 2px;*/
  /* background-color: rgba(255,255,255,0.8);*/
  line-height: 40px;
}
.kimleCalisiyoruz .iconList li a {
  /*font-size: 14px;*/
  color: #fff;
  text-decoration: none;
  font-weight: 100;
}
.kimleCalisiyoruz .iconList li a:hover {
  color: #00bce4;
}
.kimleCalisiyoruz .iconList2 {
  column-count: 1;
  color: #fff;
  margin: 0px;
  padding: 0px 40px 20px 0px;
  text-align: left;
}
.kimleCalisiyoruz .iconList2 li {
  font-size: 16px;
  list-style: none;
  margin: 15px 0px;
  padding: 5px 5px 5px 10px;
  color: #c2c2c2;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 12%, rgba(13, 146, 205, 0.5) 85%);
  border-radius: 8px;
  /* border: 1px solid #fff;*/
}
.kimleCalisiyoruz .iconList2 li i, .kimleCalisiyoruz .iconList2 li span {
  color: #0392ce;
  font-size: 20px;
  margin-right: 8px;
  width: 12px;
  display: inline-block;
}
.kimleCalisiyoruz .iconList2 li a {
  /*font-size: 14px;*/
  color: #fff;
  text-decoration: none;
  font-weight: 100;
}
.kimleCalisiyoruz .iconList2 li a:hover {
  color: #00bce4;
}
.kimleCalisiyoruz h5 {
  color: #f2f2f2;
  margin-top: 25px;
  display: inline-block;
}

.hizmetlerMainSlider .hizmetKutu .card .cardImg img {
  display: block;
  min-height: 170px;
  max-height: 170px;
  max-width: 205px;
  float: right;
  padding-right: 15px;
}

.tickList {
  column-count: 1;
  margin: 0px;
  padding: 0px 20px;
  text-align: left;
}
.tickList li {
  /* background-image: url('../images/tickIcon.svg');
  background-repeat: no-repeat;*/
  font-size: 16px;
  list-style: none;
  margin: 15px 0px;
  /*border-bottom: 1px solid #c2c2c2;*/
  padding: 10px;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 12%, rgba(237, 237, 237, 0.5) 85%);
  border-radius: 8px;
  border: 1px solid #fff;
}
.tickList li i, .tickList li span {
  color: #0392ce;
  font-size: 20px;
  margin-right: 8px;
  width: 20px;
  display: inline-block;
}
.tickList li a {
  /*font-size: 14px;*/
  color: #fff;
  text-decoration: none;
  font-weight: 100;
}
.tickList li a:hover {
  color: #00bce4;
}

.tickList2 {
  column-count: 1;
  margin: 0px;
  padding: 0px;
  text-align: left;
}
.tickList2 li {
  /* background-image: url('../images/tickIcon.svg');
  background-repeat: no-repeat;*/
  font-size: 16px;
  list-style: none;
  margin: 15px 0px;
  /*border-bottom: 1px solid #c2c2c2;*/
  padding: 2px;
  /* background: rgb(255,255,255);
   background: linear-gradient(90deg, rgba(255,255,255,0.1) 12%, rgba(237,237,237,0.5) 85%);
   border-radius: 8px;
   border: 1px solid #fff;*/
}
.tickList2 li i, .tickList2 li span {
  color: #0392ce;
  font-size: 30px;
  margin-right: 8px;
  width: 30px;
  display: inline-block;
}
.tickList2 li a {
  /*font-size: 14px;*/
  color: #fff;
  text-decoration: none;
  font-weight: 100;
}
.tickList2 li a:hover {
  color: #00bce4;
}

.kariyerBasvuruAdim {
  background: #f2f2f2;
  color: #333;
  padding: 40px 20px;
  text-align: center;
  /*
  .container {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 30px;
      text-align: center;
  }*/
}
.kariyerBasvuruAdim .basvuruAdimBox {
  width: 100%;
  background-color: #fff;
  margin: 15px 0px;
  padding: 10px;
  text-align: center;
  position: relative;
}
.kariyerBasvuruAdim .basvuruAdimBox .sayiBox {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 10px solid #f2f2f2;
  text-align: center;
  overflow: hidden;
  line-height: 80px;
  /* padding: 10px;*/
  position: absolute;
  background-color: #f2f2f2;
  top: -25px;
  left: 50%;
  margin-left: -50px;
}
.kariyerBasvuruAdim .basvuruAdimBox .sayiBox .sayiKutu {
  background-color: #fff;
  width: 80px;
  line-height: 70px;
  border: 5px solid #fff;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  -webkit-box-shadow: 10px 13px 7px -9px rgb(163, 157, 163);
  -moz-box-shadow: 10px 13px 7px -9px rgb(163, 157, 163);
  box-shadow: 10px 13px 7px -9px rgb(163, 157, 163);
  border: 1px dashed #bac7e1 !important;
}
.kariyerBasvuruAdim .basvuruAdimBox .sayiBox .sayiKutu span {
  line-height: 70px;
  height: 50px;
  max-width: 60px;
  font-size: 40px;
  font-weight: 700;
  color: #ff4dd1;
}
.kariyerBasvuruAdim .basvuruAdimBox .textKutu {
  margin-top: 60px;
  min-height: 250px;
}
.kariyerBasvuruAdim .basvuruAdimBox .textKutu .plus {
  font-size: 35px;
  margin: 10px 0;
  color: #077dbf;
}
.kariyerBasvuruAdim .basvuruAdimBox .textKutu p {
  text-align: left;
  font-size: 16px;
  color: #6d6d6d;
}
.kariyerBasvuruAdim .basvuruAdimBox .textKutu h3 {
  padding-top: 15px;
  color: #060e59;
  font-size: 22px;
}

.kariyerParalaxSection {
  min-height: 300px;
  text-align: center;
  background-image: url("../images/kariyer_paralax.jpg");
  background-color: transparent;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.kariyerParalaxSection .bgParalaxKariyer {
  /*background: linear-gradient(90deg, rgba(#005a84,0.6), rgba(#00bce4,0.6));*/
  background: rgb(27, 20, 100);
  background: linear-gradient(90deg, rgba(27, 20, 100, 0.7) 36%, rgba(2, 13, 45, 0.7) 97%);
  width: 100%;
  min-height: 400px;
  padding: 80px 0px;
  display: flex;
}
.kariyerParalaxSection .bgParalaxKariyer .boxBaslik {
  position: relative;
  font-size: 30px;
  color: #fff;
}
.kariyerParalaxSection .bgParalaxKariyer .baslikCizgi {
  width: 120px;
  background: rgb(195, 63, 117);
  background: linear-gradient(90deg, rgb(195, 63, 117) 2%, rgb(239, 202, 195) 98%);
  height: 5px;
  border-radius: 3px;
  transition: width 0.5s ease-out;
  display: inline-block;
  margin-bottom: 20px;
}
.kariyerParalaxSection .bgParalaxKariyer .formBox {
  background-color: rgb(255, 255, 255);
  padding: 40px 20px;
  border-radius: 15px;
}
.kariyerParalaxSection .bgParalaxKariyer .formBox label {
  /* -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 30px;
  color: inherit;
  font-size: 15px;
  letter-spacing: 1px;
  min-width: 100px;*/
  font-weight: 600;
  font-size: 13px;
  /* text-transform: uppercase;*/
  min-width: 120px;
  text-align: left;
}
.kariyerParalaxSection .bgParalaxKariyer .formBox input, .kariyerParalaxSection .bgParalaxKariyer .formBox select, .kariyerParalaxSection .bgParalaxKariyer .formBox optgroup, .kariyerParalaxSection .bgParalaxKariyer .formBox textarea {
  /*  width: 100%;*/
  border: 1px solid #ccc;
  line-height: 30px;
  border-radius: 5px;
}
.kariyerParalaxSection .bgParalaxKariyer .formBox input :focus-visible, .kariyerParalaxSection .bgParalaxKariyer .formBox select :focus-visible, .kariyerParalaxSection .bgParalaxKariyer .formBox optgroup :focus-visible, .kariyerParalaxSection .bgParalaxKariyer .formBox textarea :focus-visible {
  outline: #fff auto 0px !important;
}
.kariyerParalaxSection .bgParalaxKariyer .formBox .entry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.kariyerParalaxSection .bgParalaxKariyer .formBox .entry ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #d7d7d7;
  opacity: 1; /* Firefox */
}
.kariyerParalaxSection .bgParalaxKariyer .formBox .entry :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #d7d7d7;
}
.kariyerParalaxSection .bgParalaxKariyer .formBox .entry ::-ms-input-placeholder { /* Microsoft Edge */
  color: #d7d7d7;
}
.kariyerParalaxSection .bgParalaxKariyer .formBox .btnBox {
  width: 100%;
  text-align: right;
}
.kariyerParalaxSection .bgParalaxKariyer .formBox .btnBox .btn {
  background-color: #be5ea0;
  color: #fff;
}
.kariyerParalaxSection .bgParalaxKariyer .formBox .btnBox .btn:hover {
  background-color: #797979;
}

.btn-tertiary {
  color: #fff;
  padding: 0;
  line-height: 40px;
  width: 300px;
  margin: auto;
  display: block;
  border: 2px solid #cbcbcb;
  background-color: #00acd7;
  background-color: #060e59;
}
.btn-tertiary:hover, .btn-tertiary:focus {
  background-color: #0392ce;
  color: white;
  border-color: #fefefe;
}

/* input file style */
.input-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.input-file + .js-labelFile {
  width: 100%;
  text-align: center !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px;
  cursor: pointer;
}
.input-file + .js-labelFile .icon:before {
  content: "\f093";
}
.input-file + .js-labelFile.has-file .icon:before {
  content: "\f00c";
  color: #fff;
}