@charset "UTF-8";
/*
* @project: Ispark 2016
* @started_at: 16.12.2015
* @author: Mert Diricanli
* @twitter: mertdiricanli
*/
@font-face {
  font-family: 'Gotham';
  src: url("../fonts/gotham-thin.eot");
  src: url("../fonts/gotham-thin.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham-thin.woff") format("woff"), url("../fonts/gotham-thin.ttf") format("truetype"), url("../fonts/gotham-thin.svg#Gotham") format("svg");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'Gotham';
  src: url("../fonts/gotham-light.eot");
  src: url("../fonts/gotham-light.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham-light.woff") format("woff"), url("../fonts/gotham-light.ttf") format("truetype"), url("../fonts/gotham-light.svg#Gotham") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Gotham';
  src: url("../fonts/gotham-book.eot");
  src: url("../fonts/gotham-book.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham-book.woff") format("woff"), url("../fonts/gotham-book.ttf") format("truetype"), url("../fonts/gotham-book.svg#Gotham") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Gotham';
  src: url("../fonts/gotham-medium.eot");
  src: url("../fonts/gotham-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham-medium.woff") format("woff"), url("../fonts/gotham-medium.ttf") format("truetype"), url("../fonts/gotham-medium.svg#Gotham") format("svg");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Gotham';
  src: url("../fonts/gotham-bold.eot");
  src: url("../fonts/gotham-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham-bold.woff") format("woff"), url("../fonts/gotham-bold.ttf") format("truetype"), url("../fonts/gotham-bold.svg#Gotham") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Gotham';
  src: url("../fonts/gotham-black.eot");
  src: url("../fonts/gotham-black.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham-black.woff") format("woff"), url("../fonts/gotham-black.ttf") format("truetype"), url("../fonts/gotham-black.svg#Gotham") format("svg");
  font-weight: 900;
  font-style: normal; }

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

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-youtube-play:before {
  content: '\e800'; }

.icon-search:before {
  content: '\e801'; }

.icon-right-small:before {
  content: '\e802'; }

.icon-left-small:before {
  content: '\e803'; }

.icon-down-small:before {
  content: '\e804'; }

.icon-up-small:before {
  content: '\e805'; }

.icon-facebook:before {
  content: '\e806'; }

.icon-twitter:before {
  content: '\e807'; }

.icon-gplus:before {
  content: '\e808'; }

.icon-linkedin:before {
  content: '\e809'; }

.icon-instagram:before {
  content: '\e80a'; }

.icon-down-open-big:before {
  content: '\e80b'; }

.icon-left-open-big:before {
  content: '\e80c'; }

.icon-right-open-big:before {
  content: '\e80d'; }

.icon-up-open-big:before {
  content: '\e80e'; }

body {
  background: url(../images/bg.png); }

header {
  background: #ffffff;
  border-top: 3px solid #ebb400;
  position: relative;
  z-index: 3;
  -webkit-box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.01);
  -moz-box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.01);
  -o-box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.01);
  -ms-box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.01);
  box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.01); }
  header .logo {
    padding-top: 24px;
    padding-bottom: 25px; }
  header .menu {
    float: right;
    margin: 0; }
    header .menu > li {
      float: left;
      position: relative; }
      header .menu > li li {
        padding: 10px; }
        header .menu > li li a {
          font-size: 13px;
          color: #ffffff;
          letter-spacing: 0;
          padding: 0;
          white-space: nowrap;
          text-transform: uppercase; }
          header .menu > li li a:hover {
            color: #f6ba00; }
      header .menu > li ul {
        position: absolute;
        background: #005ea1;
        padding: 40px 12px 30px 12px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
        filter: alpha(opacity=0);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease 0.1s;
        -moz-transition: all 0.3s ease 0.1s;
        -o-transition: all 0.3s ease 0.1s;
        -ms-transition: all 0.3s ease 0.1s;
        transition: all 0.3s ease 0.1s; }
      header .menu > li:hover ul {
        visibility: visible;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
        filter: alpha(opacity=1);
        opacity: 1; }
      header .menu > li:hover a {
        background: #005ea1;
        color: #ffffff; }
    header .menu a {
      font-family: "Gotham";
      font-weight: 600;
      font-size: 14px;
      color: #7c7b81;
      text-decoration: none;
      letter-spacing: -0.5px;
      line-height: 1;
      padding: 44px 10px;
      display: block;
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s; }
  header .menu-btn {
    float: right;
    display: none;
    cursor: pointer;
    padding: 34px 20px 34px 20px; }
  header .icons {
    float: left;
    width: 32px; }
  header .iconbar {
    float: left;
    width: 32px;
    height: 3px;
    background: #7c7b81;
    position: relative;
    margin: 12px 0;
    transition: .3s; }
    header .iconbar:before, header .iconbar:after {
      content: '';
      width: 32px;
      height: 3px;
      background: #7c7b81;
      position: absolute;
      left: 0;
      transform-origin: 50% 50%;
      -webkit-transform-origin: 50% 50%;
      transition: .3s; }
    header .iconbar:before {
      top: -7px; }
    header .iconbar:after {
      top: 7px; }
  header .menu-btn.active {
    background: #005ea1; }
    header .menu-btn.active .iconbar {
      background: transparent; }
      header .menu-btn.active .iconbar:before, header .menu-btn.active .iconbar:after {
        top: 0;
        background: #ffffff; }
      header .menu-btn.active .iconbar:before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg); }
      header .menu-btn.active .iconbar:after {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg); }
  header .tools {
    float: right;
    margin: 3px 0 0 0;
    padding-top: 24px;
    padding-bottom: 25px; }
    header .tools li {
      float: left;
      padding: 0 2px; }
      header .tools li:last-child {
        padding-right: 0; }
    header .tools a {
      font-family: "Gotham";
      font-weight: 900;
      font-size: 16px;
      color: #adabad;
      text-align: center;
      text-decoration: none;
      line-height: 40px;
      display: block;
      width: 40px;
      height: 40px;
      background: #e9e8e9;
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
      header .tools a:hover {
        background: #d3d3d3;
        color: #242125; }
    header .tools i {
      font-size: 20px;
      margin: -2px 0 0 0;
      display: inline-block; }
    header .tools .search-btn.active {
      background: #ffda00;
      position: relative; }
      header .tools .search-btn.active:before, header .tools .search-btn.active:after {
        content: '';
        width: 17px;
        height: 3px;
        background: #3c3c3b;
        position: absolute;
        left: 11px;
        top: 19px;
        transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        transition: .3s; }
      header .tools .search-btn.active:before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg); }
      header .tools .search-btn.active:after {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg); }
      header .tools .search-btn.active i {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
        filter: alpha(opacity=0);
        opacity: 0; }

@media only screen and (max-width: 1284px) {
  header {
    /*
		.menu{
			a{padding:44px 15px;}
		}
		*/ }
    header .menu {
      display: none;
      position: absolute;
      right: -15px;
      top: 95px;
      background: #005ea1;
      padding: 40px 0; }
      header .menu > li {
        float: none;
        width: 100%; }
        header .menu > li ul {
          display: none; }
      header .menu a {
        font-size: 18px;
        color: #ffffff;
        padding: 25px 85px 25px 40px; }
    header .menu-btn {
      display: block; } }

@media only screen and (max-width: 1199px) {
  header {
    /*
		.menu{
			a{font-size:14px; padding:40px 10px;}
		}
		*/ }
    header .tools a {
      font-size: 14px;
      line-height: 40px;
      width: 40px;
      height: 40px; }
    header .tools i {
      font-size: 16px; }
    header .tools .search-btn.active:before, header .tools .search-btn.active:after {
      left: 12px;
      top: 19px; } }

/*
@media only screen and (max-width:991px){
	header{
		.menu{
			display:none; position:absolute; right:-15px; top:95px; background:#005ea1; padding:40px 0;
			> li{
				float:none; width:100%;
				ul{display:none;}
			}
			a{font-size:18px; color:#ffffff; padding:25px 85px 25px 40px;}
		}
		.menu-btn{display:block;}
	}
}
*/
@media only screen and (max-width: 480px) {
  header .container {
    padding: 0; }
  header div[class^="col-"]:not(.logo) {
    padding-left: 0;
    padding-right: 0;
    background: #c7c3b7; }
  header .logo {
    text-align: center;
    display: inline-block; }
    header .logo img {
      display: inline-block; }
  header .tools {
    float: left;
    margin-left: 10px;
    padding: 20px 0; }
    header .tools a {
      background: #c7c3b7;
      border: 2px solid #ffffff;
      color: #ffffff;
      line-height: 38px; }
    header .tools .search-btn.active:before, header .tools .search-btn.active:after {
      left: 10px;
      top: 17px; }
  header .menu {
    top: 83px;
    width: 100%;
    right: 0; }
    header .menu a {
      font-size: 22px;
      padding: 25px 40px; }
  header .menu-btn {
    padding: 28px 20px; }
  header .iconbar {
    background: #ffffff; }
    header .iconbar:before, header .iconbar:after {
      background: #ffffff; } }

div.search {
  width: 100%;
  background: #f3f3f3;
  position: absolute;
  left: 0;
  top: 105px;
  z-index: 3;
  display: none;
  -webkit-box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.05); }
  div.search input {
    font-family: "Gotham";
    font-weight: 300;
    font-size: 19px;
    color: #004092;
    border: none;
    background: #f3f3f3;
    padding: 0 15px;
    width: 100%;
    height: 73px; }
  div.search .searchform {
    position: relative; }
  div.search button {
    position: absolute;
    right: 10px;
    top: 0;
    height: 100%;
    background: none; }
  div.search i {
    font-size: 32px;
    color: #dedede; }

@media only screen and (max-width: 1199px) {
  div.search {
    top: 97px; } }

@media only screen and (max-width: 480px) {
  div.search {
    top: 189px; }
    div.search input {
      padding: 0; }
    div.search button {
      right: 0; } }

.social-buttons {
  position: fixed;
  right: 0;
  top: 110px;
  width: 100px;
  padding: 15px 14px 15px 18px;
  background: #ffffff;
  z-index: 99; }
  .social-buttons .btn-beyazmasa {
    font-family: "Gotham";
    font-weight: 900;
    font-size: 15px;
    color: #005ea1; }
  .social-buttons > * {
    margin: 3px auto;
    float: right; }
  @media only screen and (max-width: 480px) {
    .social-buttons {
      display: none; } }

#homeslider {
  position: relative;
  z-index: 1; }
  #homeslider p, #homeslider span {
    font-family: "Gotham";
    margin: 0; }
  #homeslider .bg-text {
    font-weight: 900;
    font-size: 128px;
    color: #000000;
    line-height: 120px !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 5 ")";
    filter: alpha(opacity=0.05);
    opacity: 0.05;
    word-spacing: 999px;
    white-space: normal;
    text-overflow: clip; }
  #homeslider .title-text {
    font-weight: 900;
    font-size: 50px;
    color: #005ea1;
    line-height: 1;
    letter-spacing: -1px; }
  #homeslider .body-text {
    font-weight: 900;
    font-size: 18px;
    color: #6d6b73;
    line-height: 1.4;
    margin: 20px 0 0 0; }
  #homeslider .slide-button {
    background: #f6ba00;
    padding: 10px;
    display: inline-block;
    margin: 20px 0 0 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px; }
    #homeslider .slide-button i {
      font-size: 23px;
      color: #ffffff; }
  #homeslider .ls-thumbnail-wrapper {
    position: absolute;
    left: 0px;
    bottom: 15px; }
  #homeslider .ls-thumbnail {
    left: 0;
    top: 0;
    margin: 0 0 0 28px; }
  #homeslider .ls-thumbnail-inner {
    background: none; }
  #homeslider .ls-thumbnail-slide a {
    background: #005ea1;
    margin-right: 4px;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; }

@media only screen and (max-width: 991px) {
  #homeslider .bg-text {
    font-size: 100px;
    line-height: 80px !important; }
  #homeslider .title-text {
    font-size: 38px; }
  #homeslider .body-text {
    font-size: 16px; }
  #homeslider .slide-button {
    display: none; } }

@media only screen and (max-width: 768px) {
  #homeslider .bg-text {
    font-size: 80px;
    line-height: 60px !important; }
  #homeslider .title-text {
    font-size: 26px; }
  #homeslider .body-text {
    font-size: 14px; }
  #homeslider .ls-thumbnail-wrapper {
    display: none; } }

.homesection {
  padding: 30px 0 0 0; }
  .homesection .title {
    position: relative; }
    .homesection .title h1, .homesection .title h2 {
      font-family: "Gotham";
      font-weight: 900;
      font-size: 20px;
      color: #005ea1;
      margin: 30px 0 0 0; }
    .homesection .title h1 + h2 {
      margin-top: 0; }
    .homesection .title p {
      font-family: "Gotham";
      font-weight: 300;
      font-size: 16px;
      color: #b5b5b6;
      line-height: 1;
      margin: 20px 0 0 0; }
    .homesection .title span.pull-right {
      position: absolute;
      right: 0;
      top: 0;
      font-family: "Gotham"; }
      .homesection .title span.pull-right a {
        color: #6d6b73; }

.brands {
  background: #ffffff;
  padding: 30px 0 30px 0; }

@media only screen and (max-width: 991px) {
  .homesection .title h2 {
    margin-top: 10px;
    text-align: center; }
  .homesection .title p {
    text-align: center; }
  .homesection .title span.pull-right {
    display: none; } }

.projects {
  /* Project List */ }
  .projects .nav-tabs {
    border: none;
    margin: 38px 0 0 0; }
  .projects .nav-tabs > li > a, .projects .nav-tabs > li.active > a, .projects .nav-tabs > li.active > a:hover, .projects .nav-tabs > li.active > a:focus {
    font-family: "Gotham";
    font-weight: 900;
    font-size: 16px;
    color: #ffffff;
    line-height: 1;
    padding: 15px 10px;
    border: 2px solid;
    border-color: #f6ba00;
    text-transform: uppercase; }
  .projects .nav-tabs {
    text-align: center; }
  .projects .nav-tabs > li {
    float: none;
    display: inline-block; }
  .projects .nav-tabs li + li {
    margin-left: -2px; }
  .projects .nav-tabs li.active + li {
    margin-left: 0; }
  .projects .nav-tabs > li > a {
    background-color: transparent;
    border-color: #d8d8d8;
    color: #c7c3b7;
    margin: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; }
  .projects .nav-tabs > li.active > a {
    background-color: #f6ba00; }
  .projects .nav-tabs > li:first-child > a {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px; }
  .projects .nav-tabs > li:last-child > a {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0; }
  .projects .tab-content {
    width: 100%;
    margin: 30px 0 0 0;
    padding: 0 10px; }
  .projects .project {
    padding: 0 5px;
    display: block; }
  .projects .project-inner {
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden; }
    .projects .project-inner .mask {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
      .projects .project-inner .mask:after {
        content: '';
        background: rgba(255, 255, 255, 0);
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 45%, rgba(0, 94, 161, 0.6));
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 45%, rgba(0, 94, 161, 0.6));
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 45%, rgba(0, 94, 161, 0.6));
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 45%, rgba(0, 94, 161, 0.6));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 45%, rgba(0, 94, 161, 0.6));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.3s ease 0.1s;
        -moz-transition: all 0.3s ease 0.1s;
        -o-transition: all 0.3s ease 0.1s;
        -ms-transition: all 0.3s ease 0.1s;
        transition: all 0.3s ease 0.1s; }
      .projects .project-inner .mask:before {
        content: '';
        background: rgba(255, 255, 255, 0);
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 45%, rgba(255, 213, 0, 0.6));
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 45%, rgba(255, 213, 0, 0.6));
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 45%, rgba(255, 213, 0, 0.6));
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 45%, rgba(255, 213, 0, 0.6));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 45%, rgba(255, 213, 0, 0.6));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0.1s;
        -moz-transition: all 0.3s ease 0.1s;
        -o-transition: all 0.3s ease 0.1s;
        -ms-transition: all 0.3s ease 0.1s;
        transition: all 0.3s ease 0.1s; }
    .projects .project-inner .title {
      position: absolute;
      left: 0;
      bottom: 40px;
      padding: 0 20px;
      z-index: 3; }
    .projects .project-inner h3 {
      font-family: "Gotham";
      font-weight: 900;
      font-size: 21px;
      line-height: 1;
      color: #ffffff;
      margin: 0;
      text-transform: uppercase; }
    .projects .project-inner p {
      font-family: "Gotham";
      font-weight: 400;
      font-size: 14px;
      line-height: 1;
      color: #ffffff;
      margin: 20px 0 0 0;
      text-align: left;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .projects .project-inner:hover .mask:before {
      opacity: 1; }
    .projects .project-inner:hover .mask:after {
      opacity: 0; }
  .projects .tab-pane {
    position: relative; }
  .projects .project-item {
    position: relative;
    margin: 40px 0 0 0;
    display: block;
    -webkit-border-radius: 7px 7px 0 7px;
    -moz-border-radius: 7px 7px 0 7px;
    -ms-border-radius: 7px 7px 0 7px;
    -o-border-radius: 7px 7px 0 7px;
    border-radius: 7px 7px 0 7px; }
    .projects .project-item .project-inner {
      background: #ffffff; }
    .projects .project-item .mask {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
      .projects .project-item .mask:after {
        content: '';
        background: rgba(255, 255, 255, 0);
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) 55%, white);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) 55%, white);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) 55%, white);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) 55%, white);
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) 55%, white);
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.3s ease 0.1s;
        -moz-transition: all 0.3s ease 0.1s;
        -o-transition: all 0.3s ease 0.1s;
        -ms-transition: all 0.3s ease 0.1s;
        transition: all 0.3s ease 0.1s; }
      .projects .project-item .mask:before {
        content: '';
        background: rgba(255, 255, 255, 0);
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(0, 64, 146, 0.9) 55%, #004092);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(0, 64, 146, 0.9) 55%, #004092);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(0, 64, 146, 0.9) 55%, #004092);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(0, 64, 146, 0.9) 55%, #004092);
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 64, 146, 0.9) 55%, #004092);
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0.1s;
        -moz-transition: all 0.3s ease 0.1s;
        -o-transition: all 0.3s ease 0.1s;
        -ms-transition: all 0.3s ease 0.1s;
        transition: all 0.3s ease 0.1s; }
    .projects .project-item .title {
      padding: 0 55px 0 55px;
      height: 100%;
      left: auto;
      right: 0;
      bottom: 0;
      -webkit-border-radius: 0px 7px 7px 0;
      -moz-border-radius: 0px 7px 7px 0;
      -ms-border-radius: 0px 7px 7px 0;
      -o-border-radius: 0px 7px 7px 0;
      border-radius: 0px 7px 7px 0;
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s; }
    .projects .project-item h3 {
      font-family: "Gotham";
      font-weight: 900;
      font-size: 37px;
      color: #004092;
      margin: 0;
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s; }
    .projects .project-item p {
      font-family: "Gotham";
      font-weight: 300;
      font-size: 16px;
      color: #999999;
      line-height: 1.6;
      margin: 17px 0 0 0;
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s; }
    .projects .project-item .projects-button {
      background: #f6ba00;
      padding: 5px;
      display: inline-block;
      margin: 20px 0 0 0;
      position: absolute;
      bottom: 7px;
      right: 7px;
      z-index: 4;
      opacity: 0;
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      -ms-border-radius: 7px;
      -o-border-radius: 7px;
      border-radius: 7px;
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s; }
      .projects .project-item .projects-button i {
        font-size: 23px;
        color: #ffffff; }
    .projects .project-item:hover .mask:before, .projects .project-item:hover .projects-button {
      opacity: 1; }
    .projects .project-item:hover .mask:after {
      opacity: 0; }
    .projects .project-item:hover h3 {
      color: #ffffff; }
    .projects .project-item:hover p {
      color: #6c83ae; }

@media only screen and (max-width: 1284px) {
  .projects .project-item h3 {
    font-size: 30px; }
  .projects .project-item p {
    margin-top: 10px; } }

@media only screen and (max-width: 1199px) {
  .projects .project-item .title {
    padding: 0 25px; }
  .projects .project-item h3 {
    font-size: 25px; } }

@media only screen and (max-width: 991px) {
  .projects .project-item .title {
    padding: 0 10px; }
  .projects .project-item h3 {
    font-size: 22px; }
  .projects .project-item p {
    font-size: 14px; }
  .projects .project-item .projects-button {
    display: none; } }

@media only screen and (max-width: 768px) {
  .projects .project-item {
    padding: 0;
    margin: 20px 0 0 0; }
    .projects .project-item h3 {
      font-size: 18px;
      text-align: right; }
    .projects .project-item p {
      display: none; } }

.homesection .nav-tabs {
  float: right; }

.homesection .nav-tabs li {
  float: left; }

.homesection .bx-has-pager {
  position: absolute;
  right: 15px;
  top: 225px;
  z-index: 51; }

.homesection .bx-pager-link {
  display: block;
  width: 18px;
  height: 18px;
  border: 2px solid #707070;
  background: transparent;
  margin: 2px 0;
  text-indent: 9999px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }
  .homesection .bx-pager-link.active {
    border-color: #343235; }

@media only screen and (max-width: 1199px) {
  .homesection .bx-has-pager {
    right: 0px;
    top: auto;
    bottom: 15px;
    width: 100%;
    text-align: center; }
  .homesection .bx-pager-item {
    display: inline-block; }
  .homesection .bx-pager-link {
    margin: 0 2px; } }

.owl-theme .owl-controls {
  display: none !important; }
  .owl-theme .owl-controls .owl-page span {
    width: 16px;
    height: 16px;
    border: 2px solid #707070;
    background: transparent;
    margin: 0 1px; }

@media only screen and (max-width: 991px) {
  .owl-theme .owl-controls {
    display: block !important; } }

.owl-custom-nav div {
  position: absolute;
  width: 35px;
  height: 47px;
  background: #005ea1;
  top: 50%;
  margin: -23px 0 0 0px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0.1s;
  -moz-transition: all 0.3s ease 0.1s;
  -o-transition: all 0.3s ease 0.1s;
  -ms-transition: all 0.3s ease 0.1s;
  transition: all 0.3s ease 0.1s;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(78, 78, 78, 0.1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(78, 78, 78, 0.1);
  -o-box-shadow: 0px 0px 5px 0px rgba(78, 78, 78, 0.1);
  -ms-box-shadow: 0px 0px 5px 0px rgba(78, 78, 78, 0.1);
  box-shadow: 0px 0px 5px 0px rgba(78, 78, 78, 0.1); }
  .owl-custom-nav div i {
    font-size: 20px;
    color: #ffffff;
    margin: 11px 0 0 0;
    display: inline-block;
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s; }
  .owl-custom-nav div:hover {
    background: #ffffff; }
    .owl-custom-nav div:hover i {
      color: #f6ba00; }

.owl-custom-nav .prev {
  left: -30px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px; }

.owl-custom-nav .next {
  right: -28px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0; }

.homesection .news {
  margin: 25px 0 0 0;
  position: relative; }
  .homesection .news a {
    text-decoration: none; }
  .homesection .news img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    z-index: 2; }
  .homesection .news .news-panel {
    width: 100%;
    padding: 100px 45px 35px 20px;
    margin: -78px 0 0 0;
    background: #242125;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    z-index: 1; }
  .homesection .news h3 {
    font-family: "Gotham";
    font-weight: 900;
    font-size: 17px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 0 0 0; }
  .homesection .news p {
    font-family: "Gotham";
    font-weight: 300;
    font-size: 14px;
    line-height: 1.6;
    color: #969596;
    margin: 10px 0 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .homesection .news .news-button {
    background: #535353;
    padding: 5px;
    display: inline-block;
    position: absolute;
    right: 5px;
    bottom: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .homesection .news .news-button i {
      font-size: 20px;
      color: #ffffff; }

@media only screen and (max-width: 1199px) {
  .homesection .news .news-panel {
    padding-bottom: 55px; } }

@media only screen and (max-width: 768px) {
  .homesection .news {
    margin: 25px 0; } }

.homesection .photo-gallery {
  margin: 25px 0 0 0;
  position: relative; }
  .homesection .photo-gallery a {
    text-decoration: none; }
  .homesection .photo-gallery img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    z-index: 2; }
  .homesection .photo-gallery .news-panel {
    width: 100%;
    padding: 100px 45px 35px 20px;
    margin: -78px 0 0 0;
    background: #242125;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    z-index: 1; }
  .homesection .photo-gallery h3 {
    font-family: "Gotham";
    font-weight: 900;
    font-size: 17px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 0 0 0; }
  .homesection .photo-gallery p {
    font-family: "Gotham";
    font-weight: 300;
    font-size: 14px;
    line-height: 1.6;
    color: #969596;
    margin: 10px 0 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .homesection .photo-gallery .bx-has-pager {
    right: auto;
    left: 15px; }

@media only screen and (max-width: 1199px) {
  .homesection .photo-gallery .news-panel {
    padding-bottom: 55px; }
  .homesection .photo-gallery .bx-has-pager {
    left: 0; } }

@media only screen and (max-width: 768px) {
  .homesection .photo-gallery img.pull-right {
    float: left !important; } }

footer {
  margin: 155px 0 0 0; }
  footer .top {
    background: #ffffff;
    padding: 20px 0 30px 0;
    -webkit-box-shadow: 0px -4px 5px 0px rgba(78, 78, 78, 0.01);
    -moz-box-shadow: 0px -4px 5px 0px rgba(78, 78, 78, 0.01);
    -o-box-shadow: 0px -4px 5px 0px rgba(78, 78, 78, 0.01);
    -ms-box-shadow: 0px -4px 5px 0px rgba(78, 78, 78, 0.01);
    box-shadow: 0px -4px 5px 0px rgba(78, 78, 78, 0.01); }
    footer .top .container {
      position: relative; }
    footer .top a.btn-borcsorgulama {
      position: absolute;
      right: 30px;
      top: -88px;
      background: #005ea1;
      font-family: "Gotham";
      font-weight: 900;
      font-size: 15px;
      color: #ffffff;
      text-decoration: none;
      padding: 14px; }
    footer .top a.btn-beyazmasa {
      position: absolute;
      left: 30px;
      top: -88px;
      background: #005ea1;
      font-family: "Gotham";
      font-weight: 900;
      font-size: 15px;
      color: #ffffff;
      text-decoration: none;
      padding: 14px; }
    footer .top p {
      font-family: "Gotham";
      font-weight: 400;
      font-size: 14px;
      color: #b8b8b8;
      line-height: 1;
      margin: 15px 0 0 0; }
    footer .top p.title {
      font-weight: 900;
      color: #242125;
      margin: 0; }
  footer .social-title {
    float: left;
    margin: 15px 0 0 0; }
  footer .socials {
    float: left;
    margin: 23px 0 0 15px; }
    footer .socials ul {
      margin: 0; }
    footer .socials li {
      float: left;
      margin: 0 4px; }
    footer .socials a {
      color: #353236;
      text-decoration: none;
      text-align: center;
      width: 35px;
      height: 35px;
      display: inline-block;
      border: 2px solid #eaeaeb;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
    footer .socials i {
      font-size: 16px;
      display: inline-block;
      line-height: 31px;
      color: #353236; }
  footer .logos img {
    margin: 0 auto;
    filter: gray;
    /* IE6-9 */
    filter: grayscale(1);
    /* Microsoft Edge and Firefox 35+ */
    -webkit-filter: grayscale(1);
    /* Google Chrome, Safari 6+ & Opera 15+ */
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s; }
    footer .logos img:hover {
      filter: none;
      -webkit-filter: grayscale(0); }
  footer .bottom {
    background: #242125; }
    footer .bottom .container {
      background: url(../images/bg-footer.png) right top no-repeat;
      padding-top: 50px;
      padding-bottom: 40px; }
    footer .bottom aside {
      float: left;
      margin-right: 40px; }
      footer .bottom aside:last-child {
        margin-right: 0; }
    footer .bottom ul {
      margin: 0; }
    footer .bottom li {
      margin: 0 0 12px 0; }
      footer .bottom li a {
        font-family: "Gotham";
        font-weight: 300;
        font-size: 13px;
        color: #565557; }
    footer .bottom h3.widget-title {
      font-family: "Gotham";
      font-weight: 900;
      font-size: 16px;
      color: #ffffff;
      margin: 0 0 27px 0; }
    footer .bottom .newsletter {
      float: right;
      position: relative;
      margin: 60px 0 0 0; }
      footer .bottom .newsletter p {
        font-family: "Gotham";
        font-weight: 300;
        font-size: 13px;
        color: #565557;
        margin: 10px 0 0 0; }
      footer .bottom .newsletter p.title {
        font-weight: 900;
        font-size: 16px;
        color: #ffffff;
        margin: 0; }
      footer .bottom .newsletter input[type=text] {
        width: 100%;
        height: 60px;
        background: #151316;
        padding: 0 65px 0 20px;
        font-family: Arial;
        font-size: 12px;
        color: #aaaaaa;
        border: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        margin: 20px 0 0 0; }
      footer .bottom .newsletter button {
        position: absolute;
        right: 0;
        bottom: 0px;
        background: none; }
        footer .bottom .newsletter button i {
          font-size: 42px;
          color: #ffffff; }
  footer .very-bottom {
    margin: 40px 0 0 0; }
    footer .very-bottom ul {
      margin: 0; }
    footer .very-bottom li {
      float: left;
      margin: 0 25px 0 0; }
      footer .very-bottom li:first-child {
        margin: 0 25px 0 0; }
      footer .very-bottom li:last-child {
        margin: 0; }
      footer .very-bottom li a {
        font-weight: 900;
        font-size: 16px; }
      footer .very-bottom li.menu-title a {
        color: #ffffff;
        text-decoration: none;
        cursor: text; }
    footer .very-bottom .right aside {
      float: right; }
    footer .very-bottom .right ul {
      float: right; }
    footer .very-bottom .right li a {
      color: #787779; }

p.digitalfabrika {
  line-height: 20px;
  background: url(../images/digitalfabrika.png) left center no-repeat;
  padding: 0 0 0 25px;
  color: #787779; }
  p.digitalfabrika a {
    line-height: 20px;
    display: inline-block;
    color: #787779; }

@media only screen and (max-width: 1284px) {
  footer .bottom aside {
    margin-right: 30px; } }

@media only screen and (max-width: 1199px) {
  footer .socials {
    margin-left: -4px;
    margin-right: 15px; }
  footer .bottom .widget_nav_menu {
    display: none; }
  footer .bottom div.widget {
    float: left;
    width: 50%; }
  footer .bottom .newsletter {
    width: 50%;
    margin: 0; } }

@media only screen and (max-width: 991px) {
  footer .bottom div.widget, footer .bottom .newsletter {
    width: 100%;
    text-align: center; } }

@media only screen and (max-width: 768px) {
  footer .social-title {
    display: none; }
  footer .top {
    text-align: center; }
    footer .top a.btn-borcsorgulama {
      right: 0;
      width: 100%;
      text-align: center;
      font-size: 15px; }
    footer .top img.pull-right {
      float: none !important;
      display: inline-block; }
    footer .top .socials {
      float: none;
      margin: 15px 0 0 0;
      text-align: center; }
      footer .top .socials li {
        display: inline-block;
        float: none; }
    footer .top .social-buttons {
      text-align: center; }
      footer .top .social-buttons > * {
        float: none;
        display: block !important;
        margin: 3px auto; }
  footer .bottom li {
    margin: 10px 0 17px 0; } }

.page-banner .row {
  position: relative;
  overflow: hidden;
  z-index: 1; }

.page-banner .title-bg {
  background: rgba(0, 94, 161, 0.8);
  position: absolute;
  left: -5%;
  top: -55px;
  width: 110%;
  height: 220px;
  z-index: 1;
  transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg); }

.page-banner h1 {
  font-family: "Gotham";
  font-weight: 200;
  font-size: 65px;
  color: #ffffff;
  margin: 0;
  position: absolute;
  top: 60px;
  left: 50px;
  z-index: 2; }

.page-banner .socials-bg {
  background: #ffd500;
  position: absolute;
  left: -5%;
  bottom: -65px;
  width: 110%;
  height: 110px;
  z-index: 3;
  transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg); }

.page-banner .socials {
  position: absolute;
  right: 30px;
  bottom: 20px;
  z-index: 4; }
  .page-banner .socials ul {
    margin: 0; }
  .page-banner .socials li {
    float: left;
    margin: 0 4px; }
  .page-banner .socials a {
    color: #3a3030;
    text-decoration: none;
    text-align: center;
    width: 35px;
    height: 35px;
    display: inline-block;
    border: 2px solid #eec704;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
  .page-banner .socials i {
    font-size: 16px;
    display: inline-block;
    line-height: 31px;
    color: #3a3030; }

@media only screen and (max-width: 1199px) {
  .page-banner .title-bg {
    height: 180px; }
  .page-banner h1 {
    font-size: 39px;
    top: 50px; }
  .page-banner .socials {
    bottom: 15px; } }

@media only screen and (max-width: 991px) {
  .page-banner .title-bg {
    height: 150px; }
  .page-banner h1 {
    font-size: 32px;
    top: 35px; }
  .page-banner .socials {
    bottom: 10px; } }

@media only screen and (max-width: 768px) {
  .page-banner h1 {
    font-size: 24px;
    top: 30px;
    left: 30px; }
  .page-banner .socials-bg, .page-banner .socials {
    display: none; } }

@media only screen and (max-width: 480px) {
  .page-banner .title-bg {
    height: 120px; }
  .page-banner h1 {
    top: 20px; } }

.content {
  padding: 0 0 40px 0;
  position: relative;
  z-index: 2;
  /* News Gallery */
  /* Photo Gallery List */
  /* Yazili Basin List */ }
  .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    font-family: "Gotham";
    font-weight: 200;
    color: #7c7b81;
    line-height: 1;
    margin: 40px 0 0 0; }
    .content h1 span, .content h2 span, .content h3 span, .content h4 span, .content h5 span, .content h6 span {
      font-size: inherit !important; }
    .content h1.blue, .content h2.blue, .content h3.blue, .content h4.blue, .content h5.blue, .content h6.blue {
      color: #0c57a2; }
  .content h1 {
    font-size: 55px; }
  .content h2 {
    font-size: 42px; }
  .content h3 {
    font-size: 36px; }
  .content h4 {
    font-size: 32px; }
  .content h5 {
    font-size: 28px; }
  .content h6 {
    font-size: 24px; }
  .content p, .content li, .content a, .content strong, .content span, .content td, .content th {
    font-family: "Gotham";
    font-weight: 300;
    font-size: 19px;
    line-height: 1.5;
    color: #585e65; }
  .content p span, .content p strong, .content li span, .content li strong, .content td span, .content td strong, .content th span, .content th strong, .content a span, .content a strong {
    font-family: inherit !important;
    font-size: inherit !important;
    color: inherit; }
  .content p strong, .content li strong, .content td strong, .content th strong, .content a strong {
    font-weight: 400; }
  .content p {
    margin: 40px 0 0 0; }
  .content p.bigger {
    font-weight: 200;
    font-size: 26px; }
  .content p.big {
    font-size: 22px; }
  .content p img, .content img[class^=wp-image] {
    max-width: 100%;
    height: auto; }
  .content ul, .content ol {
    margin: 40px 0 0 20px; }
  .content ul li {
    list-style-type: disc; }
  .content ol li {
    list-style-type: decimal; }
  .content table {
    width: 100%;
    margin: 40px 0 0 0;
    border-collapse: collapse; }
    .content table th, .content table td {
      padding: 25px;
      font-family: "Gotham";
      font-size: 14px;
      line-height: 1; }
    .content table th {
      color: #3c3c3b;
      font-weight: 700; }
    .content table td {
      color: #005ea1;
      border-right: 1 solid #e7e7e7;
      font-weight: 400; }
    .content table tr {
      background: #ffffff;
      border-bottom: 1px solid #e7e7e7; }
  .content div.table-responsive {
    margin: 40px 0 0 0; }
  .content h1.text-center + p.big {
    margin-top: 20px; }
  .content p.big + .socials {
    margin: 30px 0 0 0; }
  .content .socials {
    text-align: center;
    margin: 45px 0 0 0; }
    .content .socials ul {
      margin: 0; }
    .content .socials li {
      float: none;
      display: inline-block;
      margin: 0 4px; }
    .content .socials a {
      color: #353236;
      text-decoration: none;
      text-align: center;
      width: 35px;
      height: 35px;
      display: inline-block;
      border: 2px solid #eaeaeb;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%; }
    .content .socials i {
      font-size: 16px;
      display: inline-block;
      line-height: 31px;
      color: #353236; }
  .content .news {
    margin: 30px 0 0 0; }
  .content .news-item {
    margin: 20px 0 0 0;
    padding: 0 10px; }
  .content .news-inner {
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden; }
    .content .news-inner .mask {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
      .content .news-inner .mask:after {
        content: '';
        background: rgba(255, 255, 255, 0);
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 94, 161, 0.6));
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 94, 161, 0.6));
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 94, 161, 0.6));
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 94, 161, 0.6));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 94, 161, 0.6));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.3s ease 0.1s;
        -moz-transition: all 0.3s ease 0.1s;
        -o-transition: all 0.3s ease 0.1s;
        -ms-transition: all 0.3s ease 0.1s;
        transition: all 0.3s ease 0.1s; }
      .content .news-inner .mask:before {
        content: '';
        background: rgba(255, 255, 255, 0);
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 213, 0, 0.6));
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 213, 0, 0.6));
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 213, 0, 0.6));
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 213, 0, 0.6));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 213, 0, 0.6));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0.1s;
        -moz-transition: all 0.3s ease 0.1s;
        -o-transition: all 0.3s ease 0.1s;
        -ms-transition: all 0.3s ease 0.1s;
        transition: all 0.3s ease 0.1s; }
    .content .news-inner .title {
      position: absolute;
      left: 0;
      bottom: 40px;
      padding: 0 60px 0 20px;
      z-index: 3;
      width: 100%; }
    .content .news-inner h3 {
      font-family: "Gotham";
      font-weight: 900;
      font-size: 18px;
      line-height: 1.4;
      color: #ffffff;
      margin: 0;
      text-transform: uppercase; }
    .content .news-inner p {
      font-family: "Gotham";
      font-weight: 400;
      font-size: 14px;
      line-height: 1.5;
      color: #a6bed2;
      margin: 10px 0 0 0;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s; }
    .content .news-inner .news-button {
      background: #05339f;
      padding: 5px;
      display: inline-block;
      margin: 20px 0 0 0;
      position: absolute;
      bottom: 7px;
      right: 7px;
      z-index: 4;
      opacity: 0;
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      -ms-border-radius: 7px;
      -o-border-radius: 7px;
      border-radius: 7px;
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s; }
      .content .news-inner .news-button i {
        font-size: 23px;
        color: #ffffff; }
    .content .news-inner:hover .mask:before, .content .news-inner:hover .news-button {
      opacity: 1; }
    .content .news-inner:hover .mask:after {
      opacity: 0; }
    .content .news-inner:hover p {
      color: #ffffff; }
  .content .image-gallery {
    position: relative; }
    .content .image-gallery .gallery {
      margin: 30px 0 0 0; }
    .content .image-gallery img {
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      -ms-border-radius: 7px;
      -o-border-radius: 7px;
      border-radius: 7px; }
    .content .image-gallery .owl-custom-nav .prev {
      left: -35px; }
    .content .image-gallery .owl-custom-nav .next {
      right: -35px; }
  .content .gallery-item {
    padding: 0 10px;
    margin: 20px 0;
    text-decoration: none; }
    .content .gallery-item .gallery-inner {
      position: relative; }
    .content .gallery-item img {
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      -ms-border-radius: 7px;
      -o-border-radius: 7px;
      border-radius: 7px; }
    .content .gallery-item .title {
      background: rgba(255, 255, 255, 0.9);
      width: 95%;
      height: 80px;
      margin: 0 2.5%;
      position: absolute;
      left: 0;
      bottom: 0;
      overflow: hidden;
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
      -ms-border-radius: 7px;
      -o-border-radius: 7px;
      border-radius: 7px;
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s; }
    .content .gallery-item h3 {
      font-weight: 400;
      font-size: 23px;
      color: #7c7b81;
      text-align: center;
      margin: 0;
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s; }
    .content .gallery-item:hover .title {
      background: rgba(14, 88, 155, 0.9); }
    .content .gallery-item:hover h3 {
      color: #ffffff; }
  .content .list-item {
    width: 100%;
    background: #f0f0f0;
    border-bottom: 4px solid #ffffff;
    display: block;
    text-decoration: none; }
    .content .list-item:nth-child(odd) {
      background: #f7f7f7; }
    .content .list-item h3 {
      font-weight: 700;
      font-size: 18px;
      color: #7c7b81;
      padding: 20px 25px;
      margin: 0; }
    .content .list-item span {
      color: #004f9a;
      padding: 20px 25px;
      margin: 0;
      white-space: nowrap;
      display: block; }
    .content .list-item .title {
      display: inline-block;
      width: 70%; }
    .content .list-item .link {
      display: inline-block;
      width: 29%; }
    .content .list-item:hover span {
      text-decoration: underline; }
  .content .clearfix + .list-item {
    margin-top: 20px; }
  .content ul.search-result li {
    list-style-type: none;
    padding: 25px 0;
    border-bottom: 1px solid #dae4eb; }
    .content ul.search-result li:last-child {
      border: none; }
  .content ul.search-result h3 {
    font-weight: 400;
    font-size: 25px;
    color: #005ea1;
    margin: 0; }
  .content ul.search-result a {
    color: #005ea1;
    line-height: 1; }
  .content ul.tabs {
    text-align: center;
    margin: 20px 0 20px 0;
    width: 100%; }
    .content ul.tabs li {
      list-style-type: none;
      display: inline-block;
      font-weight: 400;
      font-size: 14px;
      color: #004f9a;
      line-height: 24px;
      margin: 0 10px;
      padding: 5px 0;
      cursor: pointer; }
      .content ul.tabs li a {
        font-size: inherit;
        color: inherit;
        line-height: inherit;
        display: inline-block; }
      .content ul.tabs li.active {
        border-bottom: 4px solid #004f9a; }

@media only screen and (max-width: 1199px) {
  .content .news-inner h3 {
    font-size: 16px; }
  .content .news-inner p {
    font-size: 12px; } }

@media only screen and (max-width: 991px) {
  .content h1 {
    font-size: 46px; } }

@media only screen and (max-width: 768px) {
  .content h1 {
    font-size: 42px; }
  .content h2 {
    font-size: 36px; }
  .content h3 {
    font-size: 32px; }
  .content h4 {
    font-size: 28px; }
  .content h5 {
    font-size: 24px; }
  .content h6 {
    font-size: 22px; }
  .content .news-inner .title {
    padding-right: 20px; }
  .content .news-inner h3 {
    font-size: 14px; }
  .content .news-inner p {
    display: none; }
  .content .list-item .title {
    width: 100%; }
  .content .list-item .link {
    display: none; } }

@media only screen and (max-width: 480px) {
  .content h1 {
    font-size: 36px; }
  .content h2 {
    font-size: 32px; }
  .content h3 {
    font-size: 28px; }
  .content h4 {
    font-size: 24px; }
  .content h5 {
    font-size: 22px; }
  .content h6 {
    font-size: 20px; } }

.webform {
  padding: 0 15px;
  margin: 40px 0 0 0; }

.webform h2 {
  margin-bottom: 20px; }

.webform p {
  margin-left: 20px; }

.webform form {
  margin: 20px 0 0 0; }

.webform .line {
  padding: 13px 0 18px 10px;
  background: #f1f1f1;
  margin: 0px;
  border-bottom: 2px solid white; }

.webform .line:nth-child(even) {
  background: #f8f8f8; }

.webform label {
  margin: 10px 0 0 0px; }

.webform input, .webform select {
  border: 1px solid #919191;
  background: white;
  color: #797979;
  padding: 7px 10px 7px 10px;
  height: 35px;
  border-radius: 0 !important;
  width: 100%; }

.webform textarea {
  border: 1px solid #919191;
  background: white;
  color: #797979;
  height: 120px;
  padding: 10px;
  width: 100%; }

.webform button {
  margin: 30px 0 0 10px; }

.webform .line button {
  margin: 0px; }

p.message {
  display: none;
  margin: 20px 0 0 0; }

.fileinput {
  height: 38px;
  border: 1px solid #b5b5b5;
  background: #ffffff;
  position: relative; }
  .fileinput .filename {
    float: left;
    font-family: Arial;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    margin: 13px 0px 0px 20px;
    line-height: 1; }
  .fileinput .button {
    float: right;
    font-family: "Gotham";
    font-weight: 700;
    font-size: 14px;
    padding: 11px 37px;
    line-height: 1;
    background: #005ea1;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    position: relative;
    z-index: 2; }
  .fileinput input {
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer;
    z-index: 3; }
  .fileinput span.filestatus {
    font-family: Arial;
    font-size: 14px;
    color: #636363;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1; }

/* Organizasyon Semasi */
.organization {
  position: relative;
  width: 609px;
  height: 763px;
  margin: 40px auto 0 auto; }

.organization img.scheme {
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px; }

.organization .box {
  width: 186px;
  height: 59px;
  cursor: pointer; }

.organization .boxes-top {
  float: none;
  margin: 0 auto;
  width: 394px;
  height: 323px;
  position: relative; }

.organization .boxes-top .box {
  position: absolute;
  z-index: 2; }

.organization .boxes-top .leftbox {
  left: 0px; }

.organization .boxes-top .rightbox {
  right: 0px; }

.organization .bigbox {
  left: 50%;
  margin-left: -150px;
  width: 300px !important; }

.organization .boxes-bottom {
  float: left;
  width: 100%;
  position: relative;
  z-index: 2; }

.organization .boxes-bottom .box {
  margin: 4px 0 0 0px; }

.organization .boxes-bottom .leftbox {
  float: left; }

.organization .boxes-bottom .rightbox {
  float: right; }

.organization .genelmudur {
  top: 83px; }

.organization .genelmuduryardimcisi {
  top: 0; }

.organization .firstRow {
  top: 166px; }

.organization .secondRow {
  top: 242px; }

.popover h3 {
  margin: 0;
  font-size: 16px; }

@media (min-width: 768px) and (max-width: 992px) {
  .organization {
    width: 450px;
    height: 573px; }
  .organization img.scheme {
    width: 100%;
    height: auto; }
  .organization .box {
    width: 137px;
    height: 43px;
    cursor: pointer; }
  .organization .boxes-top {
    width: 290px;
    height: 241px; }
  .organization .bigbox {
    left: 50%;
    margin-left: -128px;
    width: 257px !important; }
  .organization .boxes-bottom .box {
    margin: 3px 0 0 0px; }
  .organization .genelmudur {
    top: 62px; }
  .organization .genelmudurasistani {
    top: 123px; }
  .organization .firstRow {
    top: 122px; }
  .organization .secondRow {
    top: 178px; } }

@media only screen and (max-width: 690px) {
  .organization {
    width: 450px;
    height: 517px; }
  .organization img.scheme {
    width: 100%;
    height: auto; }
  .organization .box {
    width: 137px;
    height: 43px;
    cursor: pointer; }
  .organization .boxes-top {
    width: 290px;
    height: 241px; }
  .organization .bigbox {
    left: 50%;
    margin-left: -128px;
    width: 257px !important; }
  .organization .boxes-bottom .box {
    margin: 3px 0 0 0px; }
  .organization .genelmudur {
    top: 62px; }
  .organization .genelmudurasistani {
    top: 123px; }
  .organization .firstRow {
    top: 122px; }
  .organization .secondRow {
    top: 178px; } }

@media only screen and (max-width: 515px) {
  .organization {
    width: 100%;
    height: auto; }
  .organization img.scheme {
    position: static; }
  .organization .boxes-top, .organization .boxes-bottom {
    display: none; } }

.pagination {
  margin: 75px 0 0 0;
  text-align: center; }
  .pagination li {
    display: inline-block;
    margin: 1px; }
  .pagination a {
    font-family: "Gotham";
    font-weight: 900;
    font-size: 21px;
    line-height: 42px;
    color: #d1d1d0;
    text-decoration: none;
    display: inline-block;
    width: 45px;
    height: 45px;
    border: 2px solid #d1d1d0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s; }
    .pagination a:hover, .pagination a.active {
      color: #004f9a;
      border-color: #004f9a; }

.left-col .widget {
  margin: 40px 0 0 0; }

.left-col aside.widget {
  background: #ffffff;
  padding: 0 0 30px 0;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(78, 78, 78, 0.1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(78, 78, 78, 0.1);
  -o-box-shadow: 0px 0px 5px 0px rgba(78, 78, 78, 0.1);
  -ms-box-shadow: 0px 0px 5px 0px rgba(78, 78, 78, 0.1);
  box-shadow: 0px 0px 5px 0px rgba(78, 78, 78, 0.1); }
  .left-col aside.widget h3 {
    background: #ffd500;
    padding: 25px 25px 20px 25px;
    margin: 0;
    font-family: "Gotham";
    font-weight: 400;
    font-size: 30px;
    color: #ffffff; }
  .left-col aside.widget ul {
    margin: 0; }
  .left-col aside.widget li {
    padding: 32px 30px 0 30px;
    list-style-type: none !important; }
    .left-col aside.widget li a {
      font-family: "Gotham";
      font-weight: 300;
      font-size: 16px;
      color: #999999;
      text-decoration: none;
      margin: 0;
      display: block; }
    .left-col aside.widget li.current-menu-item a, .left-col aside.widget li.current-menu-parent a {
      font-weight: 700;
      color: #004092; }

.page-banner + .section.content .widget:first-child {
  margin: -95px 0 0 0; }

@media only screen and (max-width: 768px) {
  .page-banner + .section.content .widget:first-child {
    margin: 40px 0 0 0; } }

.modal h1, .modal h2, .modal h3, .modal h4, .modal h5, .modal h6 {
  font-family: "Gotham";
  font-weight: 200;
  color: #7c7b81;
  line-height: 1; }
  .modal h1 span, .modal h2 span, .modal h3 span, .modal h4 span, .modal h5 span, .modal h6 span {
    font-size: inherit !important; }
  .modal h1.blue, .modal h2.blue, .modal h3.blue, .modal h4.blue, .modal h5.blue, .modal h6.blue {
    color: #0c57a2; }

.modal h1 {
  font-size: 42px; }

.modal h2 {
  font-size: 46px; }

.modal h3 {
  font-size: 32px; }

.modal h4 {
  font-size: 28px; }

.modal h5 {
  font-size: 24px; }

.modal h6 {
  font-size: 20px; }

.modal p, .modal li, .modal a, .modal strong, .modal span, .modal td, .modal th {
  font-family: "Gotham";
  font-weight: 300;
  font-size: 14px;
  line-height: 1.5;
  color: #585e65; }

.modal p span, .modal p strong, .modal li span, .modal li strong, .modal td span, .modal td strong, .modal th span, .modal th strong, .modal a span, .modal a strong {
  font-family: inherit !important;
  font-size: inherit !important;
  color: inherit; }

.modal p strong, .modal li strong, .modal td strong, .modal th strong, .modal a strong {
  font-weight: 400; }

.modal button.btn {
  font-family: "Gotham";
  font-weight: 600;
  text-transform: uppercase; }

a.button, button.button, input.button {
  background: #005ea1;
  font-family: "Gotham";
  font-weight: 900;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
  padding: 8px 14px; }

/* PARK BİLGİLERİ */
.page-template-page-parkbilgileri .social-buttons {
  display: none; }

.parking-table {
  background: #ffffff;
  padding: 20px 10px; }
  .parking-table:first-of-type {
    margin-top: 20px; }
  .parking-table h2 {
    font-weight: 400;
    font-size: 24px;
    color: #424242;
    margin: 0; }
  .parking-table .labels {
    text-align: center;
    margin: 20px 0; }
    .parking-table .labels .badge {
      background-color: #eeeeee;
      color: #616161;
      font-weight: 300;
      font-size: 12px;
      padding: 5px 15px;
      letter-spacing: 0; }
      .parking-table .labels .badge.orange {
        background-color: #ffda00;
        color: #ffffff; }
  .parking-table table.table {
    margin: 0; }
    .parking-table table.table tr:first-child td {
      border-top: 0; }
    .parking-table table.table tr:last-child {
      border-bottom: 0; }
    .parking-table table.table td {
      text-align: center;
      color: #616161;
      padding: 13px 10px;
      width: 50%; }
    .parking-table table.table strong {
      font-weight: 700;
      color: #005ea1; }
  .parking-table .nav-tabs {
    text-align: center;
    width: 100%;
    border: none;
    margin: 0; }
    .parking-table .nav-tabs li {
      border: none;
      float: none;
      display: inline-block;
      margin: 0; }
      .parking-table .nav-tabs li a, .parking-table .nav-tabs li a:focus, .parking-table .nav-tabs li a:hover {
        border: none;
        font-size: 13px;
        background: none;
        outline: none !important;
        padding: 10px;
        margin: 0; }
      .parking-table .nav-tabs li a:hover, .parking-table .nav-tabs li a:focus {
        color: #005ea1; }
    .parking-table .nav-tabs li.active a {
      color: #005ea1; }
  .parking-table span.icon {
    width: 24px;
    height: 24px;
    display: inline-block; }
    .parking-table span.icon svg {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      fill: #585e65; }
    .parking-table span.icon:hover svg {
      fill: #005ea1; }

#parkingmap {
  width: 100%;
  height: 300px; }

/* HELPERS */
div.table {
  height: 100%;
  display: table;
  margin: 0; }

div.table-cell {
  display: table-cell;
  vertical-align: middle; }

.no-padding {
  padding: 0 !important; }

.no-t-padding {
  padding-top: 0 !important; }

.no-r-padding {
  padding-right: 0 !important; }

.no-b-padding {
  padding-bottom: 0 !important; }

.no-l-padding {
  padding-left: 0 !important; }

.no-rl-padding {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.no-tb-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.no-margin {
  margin: 0 !important; }

.no-t-margin {
  margin-top: 0 !important; }

.no-r-margin {
  margin-right: 0 !important; }

.no-b-margin {
  margin-bottom: 0 !important; }

.no-l-margin {
  margin-left: 0 !important; }

.no-rl-margin {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.no-tb-margin {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }