@charset "UTF-8";
/*
*  Firma Adı: Pro Web Sitesi İnternet Hizmetleri Ltd. Şti.
*  İş Adı: Pro İnşaat v1
*  Kodlamayı Yapan Kişi: Orkun Çaylar
*  Tarih: 05.03.2016
*  Version: 1.0
*/
@font-face {
  font-family: 'Proxima Nova';
  src: url("../fonts/proxima/proximanova-light-webfont.eot");
  src: url("../fonts/proxima/proximanova-light-webfont-.eot#iefix") format("embedded-opentype"), url("../fonts/proxima/proximanova-light-webfont.woff") format("woff"), url("../fonts/proxima/proximanova-light-webfont.ttf") format("truetype"), url("../fonts/proxima/proximanova-light-webfont.svg#proxima_novalight") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Proxima Nova';
  src: url("../fonts/proxima/proximanova-regular-webfont.eot");
  src: url("../fonts/proxima/proximanova-regular-webfont-.eot#iefix") format("embedded-opentype"), url("../fonts/proxima/proximanova-regular-webfont.woff") format("woff"), url("../fonts/proxima/proximanova-regular-webfont.ttf") format("truetype"), url("../fonts/proxima/proximanova-regular-webfont.svg#proxima_nova_rgregular") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Proxima Nova';
  src: url("../fonts/proxima/proximanova-semibold-webfont.eot");
  src: url("../fonts/proxima/proximanova-semibold-webfont-.eot#iefix") format("embedded-opentype"), url("../fonts/proxima/proximanova-semibold-webfont.woff") format("woff"), url("../fonts/proxima/proximanova-semibold-webfont.ttf") format("truetype"), url("../fonts/proxima/proximanova-semibold-webfont.svg#proxima_novasemibold") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Proxima Nova';
  src: url("../fonts/proxima/proximanova-bold-webfont.eot");
  src: url("../fonts/proxima/proximanova-bold-webfont-.eot#iefix") format("embedded-opentype"), url("../fonts/proxima/proximanova-bold-webfont.woff") format("woff"), url("../fonts/proxima/proximanova-bold-webfont.ttf") format("truetype"), url("../fonts/proxima/proximanova-bold-webfont.svg#proxima_nova_rgbold") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Proxima Nova';
  src: url("../fonts/proxima/proximanova-extrabold-webfont.eot");
  src: url("../fonts/proxima/proximanova-extrabold-webfont-.eot#iefix") format("embedded-opentype"), url("../fonts/proxima/proximanova-extrabold-webfont.woff") format("woff"), url("../fonts/proxima/proximanova-extrabold-webfont.ttf") format("truetype"), url("../fonts/proxima/proximanova-extrabold-webfont.svg#proxima_novaextrabold") format("svg");
  font-weight: 800;
  font-style: normal; }
/* @include transform(skewX(-15deg)); */
/* @include transition(all 500ms ease); */
body {
  font-family: "Proxima Nova";
  font-size: 14px;
  line-height: 18px; }

  
 
/* Renkler */
/* Social */
.navbar-default .navbar-brand {
  color: #1695e3; }

.navbar-default .navbar-toggle {
  border-color: #1795e3;
  color: #1795e3;
  padding: 10px 20px;
  font-size: 18px; }

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background: #291A6F;
  border-color: #291A6F;
  color: #fff; }

.img-responsive.margin {
  display: inline-block;
  float: left;
  margin: 0 20px 20px 0; }

/* Title */
.big-title {
  display: block;
  clear: both;
  overflow: hidden;
  margin: 0 0 20px 0;
  -webkit-transform: skewX(-15deg);
  transform: skewX(-15deg); }
  .big-title .big-title-content {
    font-size: 24px;
    line-height: 24px;
    color: #1695e3;
    position: relative;
    font-weight: 300; }
    .big-title .big-title-content::after {
      content: '';
      position: absolute;
      background: #1695e3;
      width: 50px;
      height: 1px;
      margin: 10px 0 0 10px; }

.share {
  display: block;
  overflow: hidden; }
  .share ul {
    display: block; }
    .share ul li {
      float: left;
      display: inline-block;
      margin: 0 10px 0 0; }

.paginations {
  display: block;
  text-align: center;
  margin: 20px 0 0 0; }
  .paginations .pagination {
    display: inline-block;
    padding: 20px 40px 0 40px;
    border-top: 1px dashed #eee;
    border-radius: 0; }
    .paginations .pagination li a {
      -webkit-transition: all 500ms ease;
      transition: all 500ms ease;
      border-color: #eee;
      width: 50px;
      color: #1795e3; }
      .paginations .pagination li a:hover {
        border-color: #1695e3;
        background: #1695e3;
        color: #fff; }
    .paginations .pagination li.active a {
      border-color: #1795e3;
      background: #1795e3;
      color: #fff; }

.modal-content {
  border-radius: 0;
  box-shadow: none; }

.btn {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  border-radius: 0;
  box-shadow: none;
  outline: none; }
  .btn:hover, .btn:focus, .btn:visited, .btn:active {
    outline: none;
    box-shadow: none; }
    .btn:hover:hover, .btn:hover:focus, .btn:hover:visited, .btn:hover:active, .btn:focus:hover, .btn:focus:focus, .btn:focus:visited, .btn:focus:active, .btn:visited:hover, .btn:visited:focus, .btn:visited:visited, .btn:visited:active, .btn:active:hover, .btn:active:focus, .btn:active:visited, .btn:active:active {
      outline: none;
      box-shadow: none; }
  .btn.btn-kahve {
    padding: 10px 40px;
    font-size: 16px;
    font-weight: 300;
    background: #1695e3;
    color: #fff;
    border-color: #1695e3; }
    .btn.btn-kahve:hover {
      background: #1795e3;
      color: #fff;
      border-color: #1795e3; }

.alert {
  border-radius: 0;
  font-weight: 300;
  border: 2px solid #eee;
  overflow: hidden; }
  .alert strong {
    font-weight: 500; }
  .alert.alert-date {
    background: #F1F1F1;
    border-color: #E8E8E8;
    color: #8E8E8E; }
  .alert.alert-danger {
    background: #fcecef;
    border-color: #f8b6c3;
    color: #8f626b; }
  .alert.alert-info {
    background: #bdefff;
    border-color: #95dff7;
    color: #277f9c; }
  .alert.alert-warning {
    background: #ffe7b7;
    border-color: #ffd38f;
    color: #9d8152; }
  .alert.alert-success {
    background: #d1f6d5;
    border-color: #b2efbc;
    color: #5a9964; }

.form-control {
  border-radius: 0;
  box-shadow: none;
  outline: none;
  resize: none; }
  .form-control:hover, .form-control:focus, .form-control:visited, .form-control:active {
    outline: none;
    box-shadow: none; }
    .form-control:hover:hover, .form-control:hover:focus, .form-control:hover:visited, .form-control:hover:active, .form-control:focus:hover, .form-control:focus:focus, .form-control:focus:visited, .form-control:focus:active, .form-control:visited:hover, .form-control:visited:focus, .form-control:visited:visited, .form-control:visited:active, .form-control:active:hover, .form-control:active:focus, .form-control:active:visited, .form-control:active:active {
      outline: none;
      box-shadow: none; }

.widget {
  display: block;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0; }
  .widget .title {
    display: block;
    margin: 0 0 10px 0;
    font-size: 16px;
    color: #1695e3;
    font-weight: 300;
    overflow: hidden; }
    .widget .title span {
      display: inline-block;
      float: left; 
    }
    .widget .title a {
      display: inline-block;
      float: right;
      padding: 5px 10px;
      font-size: 13px;
      background: #1695e3;
      color: #fff;
      -webkit-transition: all 500ms ease;
      transition: all 500ms ease; }
      .widget .title a:active, .widget .title a:focus, .widget .title a:hover {
        outline: none;
        background: #1795e3;
        color: #fff;
        text-decoration: none; }
  .widget.share {
    border-top: 1px dashed rgba(175, 163, 118, 0.18);
    padding: 20px 0 0 0;
    display: block;
    overflow: hidden;
    margin: 40px 0 0 0; }
  .widget.back-button {
    display: block; }
    .widget.back-button a {
      border: 0;
      background: #1695e3;
      color: #fff;
      display: inline-block;
      padding: 10px;
      margin: 0 0 20px 0; }
      .widget.back-button a:hover {
        text-decoration: none; }
  .widget.comments label {
    font-weight: 300;
    color: #1795e3; }
  .widget.comments .modal-title {
    color: #1795e3; }
  .widget.comments .comment {
    display: block; }
    .widget.comments .comment .user-photo {
      border: 1px solid #f5f5f5;
      padding: 5px; }
    .widget.comments .comment .panel {
      position: relative;
      box-shadow: none;
      border: 0; }
    .widget.comments .comment .panel-heading {
      border-radius: 0;
      border: 0; }
      .widget.comments .comment .panel-heading strong {
        color: #1795e3; }
      .widget.comments .comment .panel-heading .text-muted {
        font-weight: 300;
        color: #D0CFCF; }
    .widget.comments .comment .panel-body {
      color: #615454;
      font-weight: 300;
      font-size: 14px;
      line-height: 20px;
      border-radius: 0;
      border-bottom: 1px solid #f5f5f5;
      border-left: 1px solid #f5f5f5;
      border-right: 1px solid #f5f5f5; }
    .widget.comments .comment .panel > .panel-heading:after, .widget.comments .comment .panel > .panel-heading:before {
      position: absolute;
      top: 11px;
      left: -16px;
      right: 100%;
      width: 0;
      height: 0;
      display: block;
      content: " ";
      border-color: transparent;
      border-style: solid solid outset;
      pointer-events: none; }
    .widget.comments .comment .panel > .panel-heading:after {
      border-width: 7px;
      border-right-color: #f5f5f5;
      margin-top: 1px;
      margin-left: 2px; }
    .widget.comments .comment .panel > .panel-heading:before {
      border-right-color: #f5f5f5;
      border-width: 8px; }
  .widget .widget-content {
    display: block;
    margin: 20px 0 0 0; }

.modal {
  z-index: 999999; }

.bg {
  background-image: url("../../data/bg.jpg");
  opacity: 0.6;
  background-position: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  min-height: 700px;
  z-index: -1; }
  .bg:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    z-index: 1;
    min-height: 700px; }

#toTop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  display: none;
  width: 50px;
  height: 50px;
  background: #1695e3;
  color: #fff;
  text-align: center; }
  #toTop i {
    font-size: 32px;
    display: block;
    padding: 10px 0 0 0; }

/* ================== HEADER ================== */
#header {
  display: block; }
  #header .header-block {
    margin: 30px 0 0 0;
    padding: 10px 15px 10px 15px;
    background: #fff; }
    #header .header-block .navbar {
      position: relative;
      min-height: 0;
      border: 0px;
      margin: 25px 0 0 0;
      border-radius: 0;
      margin-bottom: 0px; }
      #header .header-block .navbar .container-fluid {
        padding: 0; }
    #header .header-block .navbar-collapse {
      padding: 0px; }
    #header .header-block .nav .open > a, #header .header-block .nav .open > a:focus, #header .header-block .nav .open > a:hover {
      background-color: #1695e3;
      color: #fff; }
    #header .header-block .navbar-default {
      background-color: #fff;
      border-color: #fff;
      display: inline-block;
      float: right; }
      #header .header-block .navbar-default .navbar-nav li a {
        font-size: 16px;
        font-weight: 500;
        color: #1795e3;
        padding: 10px; }
        #header .header-block .navbar-default .navbar-nav li a:hover {
          color: #fff;
          background-color: #1695e3; }
      #header .header-block .navbar-default .navbar-nav.open > a, #header .header-block .navbar-default .navbar-nav.open:focus, #header .header-block .navbar-default .navbar-nav.open:hover {
        background-color: red;
        color: #fff; }
      #header .header-block .navbar-default .dropdown-menu {
        border-radius: 0;
        border-left-color: #1695e3;
        border-right-color: #1695e3;
        border-bottom-color: #1695e3;
        border-top-color: #1695e3;
        box-shadow: none;
        padding: 3px;
        background: #1695e3; }
        #header .header-block .navbar-default .dropdown-menu li a {
          padding: 5px 10px;
          font-size: 14px;
          color: #fff;
          background: #1695e3; }
          #header .header-block .navbar-default .dropdown-menu li a:hover {
            background: #1795e3;
            color: #fff; }

/* ================== HEADER END ================== */
/* ================== MAIN ================== */
#main .page-title {
  display: block;
  text-align: center;
  margin: 50px 0 40px 0; }
  #main .page-title .big {
    display: inline-block;
    font-size: 36px;
    color: #1795e3;
    opacity: 0.2; }
  #main .page-title h1 {
    font-weight: 300;
    font-size: 24px;
    display: block; }
#main #content {
  display: block;
  margin: 0 0 40px 0;
  clear: both; }
  #main #content .content {
    padding: 20px;
    background: #fff;
    /* Breadcumbs */
    /* Breadcumbs End */
    /* Sidebar */
    /* Sidebar End */
    /* Text Content */
    /* Text Content End */ }
    #main #content .content.contact-us {
      display: block; }
      #main #content .content.contact-us .contact-maps {
        display: block;
        position: relative; }
      #main #content .content.contact-us .contact-form {
        display: block;
        margin: 30px 0 0 0; }
        #main #content .content.contact-us .contact-form input.form-control {
          display: inline-block;
          height: 46px;
          border-radius: 0;
          padding: 15px;
          font-weight: 300;
          font-size: 16px;
          line-height: 20px;
          border: 2px solid #eee; }
          #main #content .content.contact-us .contact-form input.form-control:focus, #main #content .content.contact-us .contact-form input.form-control:active {
            border-color: #1795e3; }
          #main #content .content.contact-us .contact-form input.form-control.guvenlik {
            display: inline-block;
            width: 203px; }
        #main #content .content.contact-us .contact-form textarea.form-control {
          resize: none;
          overflow: hidden;
          border-radius: 0;
          padding: 15px;
          font-weight: 300;
          font-size: 16px;
          line-height: 20px;
          border: 2px solid #eee; }
          #main #content .content.contact-us .contact-form textarea.form-control:focus, #main #content .content.contact-us .contact-form textarea.form-control:active {
            border-color: #1795e3; }
        #main #content .content.contact-us .contact-form .guvenlik-span {
          display: inline-block;
          width: 140px; }
        #main #content .content.contact-us .contact-form .info-block {
          background: #fff;
          border: 2px solid #1795e3;
          color: #1795e3;
          display: block;
          padding: 30px; }
          #main #content .content.contact-us .contact-form .info-block ul li {
            display: block;
            margin: 0 0 5px 0;
            overflow: hidden; }
            #main #content .content.contact-us .contact-form .info-block ul li .con-item {
              display: block; }
              #main #content .content.contact-us .contact-form .info-block ul li .con-item .left {
                width: 40%;
                float: left;
                display: inline-block; }
              #main #content .content.contact-us .contact-form .info-block ul li .con-item .right {
                width: 60%;
                float: left;
                display: inline-block; }
              #main #content .content.contact-us .contact-form .info-block ul li .con-item .con-icon {
                width: 30px;
                text-align: center;
                font-size: 18px;
                margin: 0 5px 0 0;
                display: inline-block;
                float: left; }
                #main #content .content.contact-us .contact-form .info-block ul li .con-item .con-icon .fa.fa-mobile {
                  font-size: 24px !important; }
              #main #content .content.contact-us .contact-form .info-block ul li .con-item .con-title {
                width: 50px;
                font-weight: 500;
                font-size: 16px;
                display: inline-block;
                float: left;
                margin: 0 10px 0 0; }
              #main #content .content.contact-us .contact-form .info-block ul li .con-item .con-content {
                font-weight: 100;
                display: inline-block;
                float: left;
                color: #1795e3; }
                #main #content .content.contact-us .contact-form .info-block ul li .con-item .con-content a {
                  color: #1795e3; }
            #main #content .content.contact-us .contact-form .info-block ul li:last-child {
              margin: 0; }
    #main #content .content.news-page .news-block {
      display: block;
      margin: 0 0 30px 0; }
      #main #content .content.news-page .news-block .news .title {
        display: block;
        font-size: 18px;
        line-height: 24px;
        color: #1795e3;
        margin: 0 0 10px 0;
        font-weight: 400; }
        #main #content .content.news-page .news-block .news .title a {
          color: #1795e3;
          -webkit-transition: all 500ms ease;
          transition: all 500ms ease; }
          #main #content .content.news-page .news-block .news .title a:hover {
            color: #1695e3;
            text-decoration: none; }
      #main #content .content.news-page .news-block .news .description {
        font-size: 14px;
        line-height: 18px;
        color: #615454;
        font-weight: 300;
        display: block;
        margin: 0 0 20px 0; }
      #main #content .content.news-page .news-block .news .link {
        display: block; }
        #main #content .content.news-page .news-block .news .link a {
          display: inline-block;
          color: #1695e3;
          font-size: 14px;
          font-weight: 400;
          padding: 7px 20px;
          border: 1px solid #1695e3;
          border-radius: 25px;
          -webkit-transition: all 500ms ease;
          transition: all 500ms ease; }
          #main #content .content.news-page .news-block .news .link a:hover {
            text-decoration: none;
            color: #1795e3;
            border-color: #1795e3; }
    #main #content .content.projects-page .projects-block {
      display: block;
      margin: 0 0 30px 0; }
      #main #content .content.projects-page .projects-block .projects {
        display: block;
        position: relative;
        background: #f1f1f1;
        padding: 20px; }
        #main #content .content.projects-page .projects-block .projects .links {
          position: absolute;
          top: 20px;
          right: 20px;
          z-index: 99; }
          #main #content .content.projects-page .projects-block .projects .links a {
            display: inline-block;
            padding: 5px 0 0 0;
            text-align: center;
            border: 1px solid #1795e3;
            color: #1795e3;
            font-size: 13px;
            width: 30px;
            height: 30px; }
            #main #content .content.projects-page .projects-block .projects .links a.not-active {
              pointer-events: none;
              cursor: default;
              color: #C7C7C7;
              border-color: #C7C7C7; }
            #main #content .content.projects-page .projects-block .projects .links a:hover {
              color: #fff;
              background: #1795e3;
              border-color: #1795e3; }
        #main #content .content.projects-page .projects-block .projects .background {
          opacity: 0.1;
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0; }
          #main #content .content.projects-page .projects-block .projects .background .pic {
            overflow-y: hidden; }
            #main #content .content.projects-page .projects-block .projects .background .pic img {
              width: 100%;
              height: 185px; }
          #main #content .content.projects-page .projects-block .projects .background:after {
            opacity: 0.1;
            content: '';
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            position: absolute; }
        #main #content .content.projects-page .projects-block .projects .projects-info {
          display: block; }
          #main #content .content.projects-page .projects-block .projects .projects-info .title {
            display: block;
            font-weight: 600;
            font-size: 18px;
            color: #1795e3;
            margin: 10px 0 10px 0; }
          #main #content .content.projects-page .projects-block .projects .projects-info .description {
            display: block;
            font-size: 14px;
            font-weight: 300;
            color: #1795e3;
            margin: 0 0 10px 0; }
          #main #content .content.projects-page .projects-block .projects .projects-info .pics {
            display: block;
            margin: 0 0 20px 0;
            overflow: hidden; }
            #main #content .content.projects-page .projects-block .projects .projects-info .pics ul li {
              display: inline-block;
              float: left;
              margin: 0 5px 0 0; }
              #main #content .content.projects-page .projects-block .projects .projects-info .pics ul li img {
                width: 90px;
                height: 90px;
                border: 3px solid #1795e3;
                box-sizing: border-box; }
              #main #content .content.projects-page .projects-block .projects .projects-info .pics ul li:last-child {
                margin: 0; }
          #main #content .content.projects-page .projects-block .projects .projects-info .link a {
            display: inline-block;
            color: #1795e3;
            font-size: 14px;
            font-weight: 400;
            padding: 5px 20px;
            border: 1px solid #1795e3;
            border-radius: 25px;
            -webkit-transition: all 500ms ease;
            transition: all 500ms ease; }
            #main #content .content.projects-page .projects-block .projects .projects-info .link a:hover {
              color: #fff;
              background: #1795e3;
              text-decoration: none;
              border-color: #1795e3; }
      #main #content .content.projects-page .projects-block .project-info h2 {
        display: block;
        font-size: 18px;
        line-height: 22px;
        margin: 0 0 20px 0;
        color: #1795e3; }
      #main #content .content.projects-page .projects-block .project-info iframe {
        width: 100% !important;
        display: block;
        margin: 0 0 20px 0; }
      #main #content .content.projects-page .projects-block .project-info .no-pics {
        display: block;
        margin: 0 0 20px 0; }
      #main #content .content.projects-page .projects-block .project-info .proje-slider-block {
        display: block;
        position: relative;
        margin: 0 0 30px 0; }
        #main #content .content.projects-page .projects-block .project-info .proje-slider-block .bx-wrapper {
          margin: 0 0 60px 0; }
          #main #content .content.projects-page .projects-block .project-info .proje-slider-block .bx-wrapper .bx-viewport {
            left: 0;
            border: 0;
            box-shadow: none;
            background: none; }
        #main #content .content.projects-page .projects-block .project-info .proje-slider-block .projeslider-control {
          position: absolute;
          display: block;
          left: 0;
          right: 0;
          top: 190px; }
          #main #content .content.projects-page .projects-block .project-info .proje-slider-block .projeslider-control #projeslider-prev {
            position: absolute;
            left: 10px; }
            #main #content .content.projects-page .projects-block .project-info .proje-slider-block .projeslider-control #projeslider-prev a {
              width: 40px;
              height: 40px;
              display: block;
              text-align: center;
              background: rgba(57, 54, 51, 0.8);
              color: #fff;
              font-size: 18px;
              line-height: 18px;
              padding: 10px 0 0 0; }
              #main #content .content.projects-page .projects-block .project-info .proje-slider-block .projeslider-control #projeslider-prev a:hover {
                background: #1795e3;
                color: #fff; }
          #main #content .content.projects-page .projects-block .project-info .proje-slider-block .projeslider-control #projeslider-next {
            position: absolute;
            right: 10px; }
            #main #content .content.projects-page .projects-block .project-info .proje-slider-block .projeslider-control #projeslider-next a {
              width: 40px;
              height: 40px;
              display: block;
              text-align: center;
              background: rgba(57, 54, 51, 0.8);
              color: #fff;
              font-size: 18px;
              line-height: 18px;
              padding: 10px 0 0 0; }
              #main #content .content.projects-page .projects-block .project-info .proje-slider-block .projeslider-control #projeslider-next a:hover {
                background: #1795e3;
                color: #fff; }
      #main #content .content.projects-page .projects-block .project-info .proje-table .table-striped > tbody > tr:nth-of-type(odd) {
        background: #ECECEC; }
      #main #content .content.projects-page .projects-block .project-info .proje-table .table-striped > tbody > tr:nth-of-type(even) {
        background: #f5f5f5; }
      #main #content .content.projects-page .projects-block .project-info .proje-table .table > tbody > tr > td, #main #content .content.projects-page .projects-block .project-info .proje-table .table > tbody > tr > th,
      #main #content .content.projects-page .projects-block .project-info .proje-table .table > tfoot > tr > td, #main #content .content.projects-page .projects-block .project-info .proje-table .table > tfoot > tr > th,
      #main #content .content.projects-page .projects-block .project-info .proje-table .table > thead > tr > td, #main #content .content.projects-page .projects-block .project-info .proje-table .table > thead > tr > th {
        border-color: #DDD;
        padding: 10px;
        text-align: center; }
      #main #content .content.projects-page .projects-block .project-info .proje-table .text-bold {
        font-weight: 600; }
      #main #content .content.projects-page .projects-block .project-info .proje-text {
        font-weight: 300;
        font-size: 16px;
        line-height: 22px;
        color: #615454; }
      #main #content .content.projects-page .projects-block .project-info .project-albums .project-albums-block {
        display: block;
        margin: 0 0 30px 0; }
        #main #content .content.projects-page .projects-block .project-info .project-albums .project-albums-block .project-album {
          display: block;
          -webkit-transition: all 500ms ease;
          transition: all 500ms ease; }
          #main #content .content.projects-page .projects-block .project-info .project-albums .project-albums-block .project-album .pic {
            display: block;
            position: relative; }
            #main #content .content.projects-page .projects-block .project-info .project-albums .project-albums-block .project-album .pic img {
              -webkit-transition: all 500ms ease;
              transition: all 500ms ease; }
          #main #content .content.projects-page .projects-block .project-info .project-albums .project-albums-block .project-album .title a {
            -webkit-transition: all 500ms ease;
            transition: all 500ms ease;
            background: #1695e3;
            padding: 15px;
            min-height: 65px;
            color: #fff;
            display: block;
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            color: #fff; }
            #main #content .content.projects-page .projects-block .project-info .project-albums .project-albums-block .project-album .title a:hover {
              text-decoration: none; }
          #main #content .content.projects-page .projects-block .project-info .project-albums .project-albums-block .project-album:hover .pic img {
            opacity: 0.8; }
          #main #content .content.projects-page .projects-block .project-info .project-albums .project-albums-block .project-album:hover .title a {
            background: #1795e3; }
    #main #content .content .breadcrumb {
      background: #eee;
      border-radius: 0; }
      #main #content .content .breadcrumb li a {
        color: #9D9D9D; }
      #main #content .content .breadcrumb li + li:before {
        content: '\f105';
        font-family: fontawesome; }
    #main #content .content .sidebar .geri-don-btn {
      display: block; }
      #main #content .content .sidebar .geri-don-btn a {
        font-size: 16px;
        display: inline-block;
        padding: 10px 30px;
        text-decoration: none;
        color: #1795e3;
        border: 2px solid #1795e3;
        border-radius: 25px;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease; }
        #main #content .content .sidebar .geri-don-btn a:hover, #main #content .content .sidebar .geri-don-btn a:active, #main #content .content .sidebar .geri-don-btn a:focus {
          background: #1795e3;
          color: #fff; }
    #main #content .content .sidebar .widget {
      display: block;
      margin: 0 0 30px 0; }
      #main #content .content .sidebar .widget .title {
        display: block;
        margin: 0 0 20px 0; }
        #main #content .content .sidebar .widget .title span {
          display: inline-block;
          font-size: 18px;
          line-height: 22px;
          color: #1795e3;
          padding: 0 0 10px 0;
          border-bottom: 1px solid #eee; }
      #main #content .content .sidebar .widget.links ul {
        border-left: 2px solid #1695e3; }
        #main #content .content .sidebar .widget.links ul li a {
          padding: 10px;
          display: block;
          font-size: 14px;
          line-height: 18px;
          font-weight: 400;
          color: #1795e3; }
          #main #content .content .sidebar .widget.links ul li a:hover {
            background: #1795e3;
            color: #fff;
            text-decoration: none; }
          #main #content .content .sidebar .widget.links ul li a.active {
            background: #1695e3;
            color: #fff;
            text-decoration: none; }
        #main #content .content .sidebar .widget.links ul li:last-child {
          margin: 0; }
      #main #content .content .sidebar .widget:last-child {
        margin: 0; }
    #main #content .content .special-gallery {
      text-align: center;
      display: block;
      padding: 20px 20px 40px 20px;
      border-radius: 5px;
      background: #f1f1f1;
      margin: 30px 0 30px 0; }
      #main #content .content .special-gallery .special-gallery {
        display: inline-block; }
      #main #content .content .special-gallery .bx-wrapper {
        margin: 0; }
        #main #content .content .special-gallery .bx-wrapper .bx-viewport {
          box-shadow: none;
          border: 0;
          left: 0;
          background: transparent; }
    #main #content .content .text-content h2 {
      display: block;
      font-size: 18px;
      line-height: 22px;
      margin: 0 0 20px 0;
      color: #1795e3; }
    #main #content .content .text-content p {
      font-weight: 300;
      font-size: 16px;
      line-height: 24px;
      display: block; }
      #main #content .content .text-content p img {
        display: inline-block;
        margin: 20px; }
    #main #content .content .text-content .date {
      overflow: hidden;
      display: block;
      margin: 20px 0 20px 0;
      color: #ddd;
      font-size: 14px;
      font-weight: 300; }

/* ----- Slider ----- */
.slider {
  display: block;
  margin: 40px 0 0 0; }
  .slider .home-slider-block {
    position: relative; }
    .slider .home-slider-block .bx-wrapper {
      margin: 0 0 60px 0; }
      .slider .home-slider-block .bx-wrapper .bx-viewport {
        left: 0;
        border: 0;
        box-shadow: none;
        background: none; }
    .slider .home-slider-block .item {
      display: block; }
      .slider .home-slider-block .item .left {
        position: relative;
        display: inline-block;
        float: left;
        width: 35%; }
        .slider .home-slider-block .item .left .left-block {
          position: absolute;
          left: 0;
          right: 0;
          top: 50px;
          z-index: 4; }
          .slider .home-slider-block .item .left .left-block .title {
            display: block;
            font-size: 28px;
            line-height: 32px;
            color: #1795e3;
            font-weight: 500;
            margin: 0 0 10px 0; }
          .slider .home-slider-block .item .left .left-block .content {
            font-weight: 300;
            font-size: 18px;
            line-height: 22px;
            color: #1795e3;
            display: block;
            margin: 0 0 20px 0; }
          .slider .home-slider-block .item .left .left-block .link {
            display: block; }
            .slider .home-slider-block .item .left .left-block .link a {
              font-size: 16px;
              display: inline-block;
              padding: 10px 30px;
              color: #1795e3;
              border: 2px solid #1795e3;
              border-radius: 25px;
              -webkit-transition: all 500ms ease;
              transition: all 500ms ease; }
              .slider .home-slider-block .item .left .left-block .link a:hover {
                background: #1795e3;
                color: #fff;
                border-color: #1795e3;
                text-decoration: none; }
      .slider .home-slider-block .item .right {
        text-align: right;
        width: 50%;
        display: inline-block;
        float: right; }
        .slider .home-slider-block .item .right .polygon {
          -webkit-clip-path: polygon(0 40%, 40% 0, 100% 0, 100% 60%, 60% 100%, 0 100%); }
          .slider .home-slider-block .item .right .polygon:hover {
            -webkit-clip-path: polygon(0 0, 50% 0, 100% 0, 100% 50%, 100% 100%, 0 100%); }
        .slider .home-slider-block .item .right .shape {
          border: 4px solid #1795e3;
          width: 570px;
          height: 350px;
          background: rgba(0, 160, 250, 0.6);
          font-family: 'Open Sans';
          font-weight: 300;
          font-size: 16px;
          line-height: 150px;
          text-align: center;
          color: #eee;
          -webkit-transition: all 200ms ease-out;
          transition: all 200ms ease-out; }
          .slider .home-slider-block .item .right .shape:hover {
            box-shadow: inset 1px 1px #ccc, inset -1px -1px #ccc;
            background: rgba(0, 0, 0, 0.05);
            color: #999; }
    .slider .home-slider-block .homeslider-control {
      position: absolute;
      left: 0;
      bottom: 0; }
      .slider .home-slider-block .homeslider-control a {
        width: 50px;
        height: 50px;
        float: left;
        display: inline-block;
        text-align: center;
        background: #1795e3;
        padding: 10px 0 0 0;
        border-radius: 50%;
        color: #fff;
        font-size: 28px;
        margin: 0 10px 0 0;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease; }
        .slider .home-slider-block .homeslider-control a:hover {
          background: #252322; }

/* ----- Slider End ----- */
/* ----- Projeler ----- */
.projeler {
  display: block;
  margin: 40px 0 0 0; }
  .projeler .projeler-block .proje {
    display: block;
    height: 420px; }
    .projeler .projeler-block .proje .pic {
      display: block; }
    .projeler .projeler-block .proje .content {
      position: relative;
      display: block;
      background: #f7f7f7;
      padding: 30px;
      height: 220px;
      -webkit-transition: all 500ms ease;
      transition: all 500ms ease; }
      .projeler .projeler-block .proje .content .date {
        display: block;
        margin: 0 0 20px 0;
        color: #1695e3;
        position: relative;
        text-align: center; }
        .projeler .projeler-block .proje .content .date span {
          -webkit-transition: all 500ms ease;
          transition: all 500ms ease;
          padding: 0 0 10px 0;
          display: inline-block;
          border-bottom: 1px solid #1695e3;
          font-weight: 300;
          font-size: 16px; }
      .projeler .projeler-block .proje .content .title {
        display: block;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 20px 0;
        text-align: center;
        color: #1795e3; }
        .projeler .projeler-block .proje .content .title a {
          color: #1795e3; }
      .projeler .projeler-block .proje .content .link {
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        display: block;
        text-align: center; }
        .projeler .projeler-block .proje .content .link a {
          display: inline-block;
          font-size: 20px;
          padding: 0 0 5px 0;
          border-bottom: 2px solid #f7f7f7;
          font-weight: 300;
          color: #615454; }
    .projeler .projeler-block .proje:hover .content {
      background: #ccc; }
      .projeler .projeler-block .proje:hover .content .date span {
        padding: 5px 20px 10px 20px; }
      .projeler .projeler-block .proje:hover .content .title {
        color: #fff; }
        .projeler .projeler-block .proje:hover .content .title a {
          text-decoration: none;
          color: #1695e3;
          border-color: #1695e3;
          -webkit-transition: all 500ms ease;
          transition: all 500ms ease; }
          .projeler .projeler-block .proje:hover .content .title a:hover {
            color: #fff;
            border-color: #fff; }
      .projeler .projeler-block .proje:hover .content .link a {
        text-decoration: none;
        color: #1695e3;
        border-color: #1695e3;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease; }
        .projeler .projeler-block .proje:hover .content .link a:hover {
          color: #fff;
          border-color: #fff; }

/* ----- Projeler End ----- */
/* ----- Haberler ----- */
.haberler {
  display: block;
  margin: 40px 0 0 0; }
  .haberler .haberler-block .bx-wrapper {
    margin: 0 0 60px 0; }
    .haberler .haberler-block .bx-wrapper .bx-viewport {
      left: 0;
      border: 0;
      box-shadow: none;
      background: none; }
  .haberler .haberler-block .haber-slide .haber-block .haber {
    position: relative;
    display: block; }
    .haberler .haberler-block .haber-slide .haber-block .haber .pic {
      display: block; }
    .haberler .haberler-block .haber-slide .haber-block .haber .hover {
      -webkit-transition: all 500ms ease;
      transition: all 500ms ease;
      position: absolute;
      background: rgba(247, 247, 247, 0.9);
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      display: block;
      padding: 30px;
      color: #fff; }
      .haberler .haberler-block .haber-slide .haber-block .haber .hover .number {
        display: inline-block;
        font-size: 36px;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        font-weight: 300;
        margin: 0 0 30px 0;
        padding: 0 0 30px 0;
        border-bottom: 1px solid #1795e3;
        color: #1795e3; }
      .haberler .haberler-block .haber-slide .haber-block .haber .hover .title {
        display: block;
        font-size: 22px;
        line-height: 26px;
        font-weight: 300;
        color: #1795e3; }
        .haberler .haberler-block .haber-slide .haber-block .haber .hover .title strong {
          display: block;
          font-weight: 500;
          font-size: 28px;
          line-height: 32px; }
      .haberler .haberler-block .haber-slide .haber-block .haber .hover .link {
        position: absolute;
        bottom: 20px;
        display: block; }
        .haberler .haberler-block .haber-slide .haber-block .haber .hover .link a {
          color: #6289a2; }
      .haberler .haberler-block .haber-slide .haber-block .haber .hover:hover {
        background: #1795e3; }
        .haberler .haberler-block .haber-slide .haber-block .haber .hover:hover .number {
          color: #fff;
          display: block;
          border-color: #fff; }
        .haberler .haberler-block .haber-slide .haber-block .haber .hover:hover .title {
          color: #fff; }
        .haberler .haberler-block .haber-slide .haber-block .haber .hover:hover .link a {
          color: #1695e3; }
  .haberler .haber-slider-control {
    display: block;
    margin: 10px 0 0 0;
    text-align: right; }
    .haberler .haber-slider-control a {
      width: 30px;
      height: 30px;
      padding: 5px 0 0 0;
      background: #1795e3;
      display: inline-block;
      text-align: center;
      font-size: 20px;
      color: #fff; }
      .haberler .haber-slider-control a:hover {
        background: #1695e3;
        color: #1795e3; }

/* ----- Haberler End ----- */
/* ----- Kalite Tercihlerimiz ----- */
.kalite-tercihlerimiz {
  display: block;
  margin: 40px 0 0 0; }
  .kalite-tercihlerimiz .kalter-slider-box .bx-wrapper {
    margin: 0 0 60px 0; }
    .kalite-tercihlerimiz .kalter-slider-box .bx-wrapper .bx-viewport {
      left: 0;
      border: 0;
      box-shadow: none;
      background: none; }

/* ----- Kalite Tercihlerimiz  End ----- */
/* ================== MAIN END ================== */
/* ================== FOOTER ================== */
#footer {
  display: block;
  /* ----- Top ----- */
  /* ----- Top End ----- */
  /* ----- Bottom ----- */
  /* ----- Bottom End ----- */ }
  #footer .fa.fa-mobile {
    font-size: 24px; }
  #footer .top {
    padding: 30px 0;
    background: #06304a;
    display: block;
    color: #1695e3; }
    #footer .top .foo-box {
      display: block;
      font-weight: 300;
      color: #6289a2; }
      #footer .top .foo-box .title {
        font-weight: 500;
        color: #1695e3;
        font-size: 18px;
        display: block;
        margin: 0 0 20px 0; }
        #footer .top .foo-box .title i {
          padding: 0 5px 0 0; }
      #footer .top .foo-box .foo-contact {
        display: block; }
        #footer .top .foo-box .foo-contact li {
          display: block;
          margin: 0 0 10px 0; }
          #footer .top .foo-box .foo-contact li a {
            -webkit-transition: all 500ms ease;
            transition: all 500ms ease;
            text-decoration: none;
            color: #6289a2; }
            #footer .top .foo-box .foo-contact li a i {
              padding: 0 5px 0 0; }
            #footer .top .foo-box .foo-contact li a .info {
              font-weight: 400;
              display: inline-block; }
            #footer .top .foo-box .foo-contact li a:hover {
              text-decoration: none;
              color: #fff; }
          #footer .top .foo-box .foo-contact li:last-child {
            margin: 0; }
      #footer .top .foo-box.newsletter form {
        display: block;
        margin: 0 0 20px 0;
        position: relative;
        overflow: hidden; }
        #footer .top .foo-box.newsletter form input {
          margin: 0 10px 0 0;
          width: 80%;
          display: inline-block;
          float: left;
          outline: none;
          padding: 0 20px;
          border-radius: 25px;
          border: 0;
          height: 40px;
          font-size: 14px;
          line-height: 18px;
          background: #6289a2;
          color: #fff; }
          #footer .top .foo-box.newsletter form input:focus, #footer .top .foo-box.newsletter form input:active, #footer .top .foo-box.newsletter form input:visited {
            background: #252322;
            border-color: #fff; }
        #footer .top .foo-box.newsletter form button {
          display: inline-block;
          float: right;
          background: #1695e3;
          color: #fff;
          font-weight: 400;
          border: 2px solid #1695e3;
          box-sizing: border-box;
          width: 40%;
          position: absolute;
          right: 0;
          height: 40px;
          font-size: 14px;
          line-height: 18px;
          padding: 0 20px;
          border-radius: 25px;
          -webkit-transition: all 500ms ease;
          transition: all 500ms ease; }
          #footer .top .foo-box.newsletter form button:hover {
            background: #1795e3;
            border-color: #1795e3; }
      #footer .top .foo-box.newsletter ul.foo-social li {
        display: inline-block;
        float: left;
        margin: 0 10px 0 0; }
        #footer .top .foo-box.newsletter ul.foo-social li a {
          border: 2px solid #b9aeae;
          display: block;
          padding: 9px 0 0 0;
          text-align: center;
          width: 40px;
          font-size: 18px;
          height: 40px;
          color: #b9aeae;
          background: #252322;
          border-radius: 100%;
          -webkit-transition: all 500ms ease;
          transition: all 500ms ease; }
          #footer .top .foo-box.newsletter ul.foo-social li a:hover {
            color: #fff; }
            #footer .top .foo-box.newsletter ul.foo-social li a:hover.facebook {
              background: #3b5998;
              border-color: #3b5998; }
            #footer .top .foo-box.newsletter ul.foo-social li a:hover.twitter {
              background: #55acee;
              border-color: #55acee; }
            #footer .top .foo-box.newsletter ul.foo-social li a:hover.instagram {
              background: #3f729b;
              border-color: #3f729b; }
            #footer .top .foo-box.newsletter ul.foo-social li a:hover.youtube {
              background: #cd201f;
              border-color: #cd201f; }
            #footer .top .foo-box.newsletter ul.foo-social li a:hover.google-plus {
              background: #dc4e41;
              border-color: #dc4e41; }
            #footer .top .foo-box.newsletter ul.foo-social li a:hover.linkedin {
              background: #0077b5;
              border-color: #0077b5; }
        #footer .top .foo-box.newsletter ul.foo-social li:last-child {
          margin: 0; }
  #footer .bottom {
    display: block;
    padding: 20px 0;
    background: #252322;
    font-weight: 300;
    font-size: 14px; }
    #footer .bottom ul.links li {
      float: left;
      margin: 0 20px 0 0;
      display: inline-block;
      color: #6289a2; }
      #footer .bottom ul.links li a {
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        color: #6289a2; }
        #footer .bottom ul.links li a:hover {
          color: #fff;
          text-decoration: none; }
      #footer .bottom ul.links li:last-child {
        margin: 0; }
    #footer .bottom .copyright {
      display: block;
      text-align: right;
      color: #6289a2; }
      #footer .bottom .copyright a {
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        color: #1695e3;
        text-decoration: underline; }
        #footer .bottom .copyright a:hover {
          color: #fff; }

/* ================== FOOTER END ================== */