/*
*  The Fabrika
*  http://www.thefabrika.com
*/
/* Fonts  */
@font-face {
  font-family: 'Proxima Nova';
  src: url("../fonts/proximanova-light-webfont.eot");
  src: url("../fonts/proximanova-light-webfont-.eot#iefix") format("embedded-opentype"), url("../fonts/proximanova-light-webfont.woff") format("woff"), url("../fonts/proximanova-light-webfont.ttf") format("truetype"), url("../fonts/proximanova-light-webfont.svg#proxima_novalight") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Proxima Nova';
  src: url("../fonts/proximanova-regular-webfont.eot");
  src: url("../fonts/proximanova-regular-webfont-.eot#iefix") format("embedded-opentype"), url("../fonts/proximanova-regular-webfont.woff") format("woff"), url("../fonts/proximanova-regular-webfont.ttf") format("truetype"), url("../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Proxima Nova';
  src: url("../fonts/proximanova-semibold-webfont.eot");
  src: url("../fonts/proximanova-semibold-webfont-.eot#iefix") format("embedded-opentype"), url("../fonts/proximanova-semibold-webfont.woff") format("woff"), url("../fonts/proximanova-semibold-webfont.ttf") format("truetype"), url("../fonts/proximanova-semibold-webfont.svg#proxima_novasemibold") format("svg");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Proxima Nova';
  src: url("../fonts/proximanova-bold-webfont.eot");
  src: url("../fonts/proximanova-bold-webfont-.eot#iefix") format("embedded-opentype"), url("../fonts/proximanova-bold-webfont.woff") format("woff"), url("../fonts/proximanova-bold-webfont.ttf") format("truetype"), url("../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Proxima Nova';
  src: url("../fonts/proximanova-extrabold-webfont.eot");
  src: url("../fonts/proximanova-extrabold-webfont-.eot#iefix") format("embedded-opentype"), url("../fonts/proximanova-extrabold-webfont.woff") format("woff"), url("../fonts/proximanova-extrabold-webfont.ttf") format("truetype"), url("../fonts/proximanova-extrabold-webfont.svg#proxima_novaextrabold") format("svg");
  font-weight: 800;
  font-style: normal; }
/* Fonts End */
/* Top Button */
#toTop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  display: none; }

/* Top Button End */
/* Genel Ayarlar */
body {
  font-family: "Proxima Nova"; }

.trash {
  clear: both; }

::-moz-selection {
  background: lightyellow; }

::selection {
  background: lightyellow; }

.btn-vet {
  background: #2c3e50;
  color: #ffffff;
  border-color: #2c3e50; }
  .btn-vet:hover {
    border-color: #5C6D7E;
    background: #5C6D7E;
    color: #ffffff; }

.img-responsive {
  display: inline-block; }

.message {
  margin: 20px 0 0 0;
  padding: 20px;
  font-size: 14px;
  background: #eee;
  color: #888;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  font-weight: 300; }
  .message .blok {
    display: block;
    margin: 10px 0 0 0; }
  .message strong {
    font-weight: 600; }
  .message b {
    font-weight: 400; }

/***********************************************************
                          Header
*************************************************************/
header {
  display: block; }
  header #header {
    margin: 30px 0 0 0;
    padding: 0 0 30px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    header #header .office-call {
      padding: 5px 0 0 0;
      float: right;
      margin: 0 0 20px 0;
      display: inline-block;
      text-align: right;
      color: #2c3e50; }
      header #header .office-call a {
        text-decoration: none;
        color: #2c3e50; }
      header #header .office-call .icon {
        font-size: 48px;
        float: left;
        margin: 0 10px 0 0; }
      header #header .office-call .content {
        float: left; }
        header #header .office-call .content small {
          text-align: left;
          font-weight: 300;
          display: block;
          font-size: 18px; }
        header #header .office-call .content .phone {
          font-weight: 600;
          font-size: 24px;
          margin: 3px 0 0 0;
          display: block; }
    header #header .online-reservation {
      float: right;
      margin: 0 30px 0 0;
      padding: 5px 0 0 0; }
      header #header .online-reservation a {
        background: #F22613;
        color: #fff;
        cursor: pointer;
        text-decoration: none;
        padding: 15px 20px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        display: inline-block;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
        header #header .online-reservation a:hover {
          background: #2c3e50; }
    header #header #main-menu .navbar {
      position: relative;
      min-height: 50px;
      border: 0px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px; }
    header #header #main-menu .navbar-collapse {
      padding: 0px; }
    header #header #main-menu .navbar-default .navbar-nav > .open > a, header #header #main-menu .navbar-default .navbar-nav > .open > a:focus, header #header #main-menu .navbar-default .navbar-nav > .open > a:hover {
      color: #ffffff;
      background-color: #5C6D7E; }
    header #header #main-menu .navbar-default {
      background-color: #2c3e50;
      border-color: #2c3e50;
      display: inline-block;
      float: right; }
      header #header #main-menu .navbar-default .navbar-nav li a {
        font-size: 16px;
        font-weight: 500;
        color: #fff; }
        header #header #main-menu .navbar-default .navbar-nav li a:hover {
          background: #5C6D7E;
          color: #ffffff; }
      header #header #main-menu .navbar-default .navbar-nav.open a {
        color: #2c3e50; }
      header #header #main-menu .navbar-default .dropdown-menu {
        padding: 10px 0px;
        border-left-color: #2c3e50;
        border-right-color: #2c3e50;
        border-bottom-color: #2c3e50;
        border-top-color: #5C6D7E;
        box-shadow: none;
        background: #5C6D7E; }
        header #header #main-menu .navbar-default .dropdown-menu li a {
          color: #ffffff;
          background: #5C6D7E; }
          header #header #main-menu .navbar-default .dropdown-menu li a:hover {
            background: #2c3e50;
            color: #ffffff; }

/* Iletisim */
.iletisim h3 {
  font-weight: 300;
  font-size: 30px;
  color: #999;
  margin: 0 0 30px 0; }
.iletisim .iletisim-info {
  display: block;
  margin: 0 0 20px 0;
  font-size: 17px;
  color: #737373; }
  .iletisim .iletisim-info .title {
    font-weight: 300;
    display: inline-block;
    width: 70px; }
  .iletisim .iletisim-info .content {
    font-weight: 600;
    color: #2c3e50; }
    .iletisim .iletisim-info .content a {
      text-decoration: none;
      color: #2c3e50; }
      .iletisim .iletisim-info .content a:hover {
        color: #2c3e50; }
  .iletisim .iletisim-info:last-child {
    margin: 0px; }
.iletisim .iletisim-formu .form-group {
  color: #737373;
  margin: 0 0 20px 0;
  font-weight: 300;
  font-size: 18px; }
  .iletisim .iletisim-formu .form-group label {
    margin: 0 0 10px 0; }
  .iletisim .iletisim-formu .form-group .form-control {
    border: 1px solid #737373;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 10px 15px;
    font-size: 18px;
    height: 45px; }
    .iletisim .iletisim-formu .form-group .form-control:focus {
      outline: none;
      border-color: #2c3e50;
      color: #2c3e50; }

/* Iletisim End */
/* General Title */
.module-title {
  display: block;
  margin: 0 0 30px 0; }
  .module-title .title {
    display: inline-block;
    padding: 0 0 30px 0;
    font-size: 36px;
    font-weight: 300;
    color: #2c3e50;
    border-bottom: 1px solid #5C6D7E; }
    .module-title .title.block {
      display: block; }
  .module-title .content {
    display: block;
    margin: 20px 0 0 0;
    font-weight: 300;
    font-size: 18px;
    color: #2c3e50; }
  .module-title .link {
    display: inline-block;
    margin: 13px 0 0 0; }
    .module-title .link a {
      display: inline-block;
      text-decoration: none;
      background: #efefef;
      padding: 10px 20px;
      cursor: pointer;
      color: #7b7b7b;
      font-size: 14px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      .module-title .link a:hover {
        background: #999;
        color: #fff; }

.bizim-button {
  display: inline-block;
  text-decoration: none;
  background: #efefef;
  padding: 15px 30px;
  color: #7b7b7b;
  font-size: 16px;
  font-weight: 300;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .bizim-button:hover {
    background: #999;
    color: #fff;
    text-decoration: none; }

/***********************************************************
                          Content
*************************************************************/
.haber {
  margin: 0 0 30px 0;
  border: 1px solid #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  display: block; }
  .haber img {
    width: 100%;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -ms-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px; }
  .haber h3 {
    display: block;
    color: #2c3e50;
    font-weight: 500;
    margin: 0 0 10px 0; }
    .haber h3 a {
      color: #2c3e50;
      text-decoration: none;
      font-size: 24px; }
      .haber h3 a:hover {
        color: #5C6D7E; }
  .haber p {
    display: block;
    margin: 0 0 20px 0;
    font-size: 16px;
    font-weight: 300; }
  .haber .date {
    color: #999; }
  .haber .caption-full {
    padding: 20px;
    color: #333;
    display: block;
    overflow: hidden; }
  .haber:last-child {
    margin: 0; }

.pagenation-block {
  margin: 30px 0 0 0;
  display: block; }
  .pagenation-block .paginations {
    display: inline-block;
    margin: 10px 0 0 0; }
    .pagenation-block .paginations li {
      float: left;
      margin: 0 10px 10px 0; }
      .pagenation-block .paginations li a {
        font-size: 18px;
        background: #2c3e50;
        color: #fff;
        width: 60px;
        text-decoration: none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        display: inline-block;
        padding: 10px 0px; }
        .pagenation-block .paginations li a.active {
          background: #5C6D7E;
          color: #fff; }
        .pagenation-block .paginations li a:hover {
          background: #5C6D7E;
          color: #fff; }
      .pagenation-block .paginations li:last-child {
        margin: 0px; }

#content {
  /* New's and Bio */ }
  #content #slider {
    display: block; }
    #content #slider .flexslider h5 {
      font-size: 36px;
      font-weight: 500;
      width: 70%;
      margin: 0 0 10px 0;
      text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.4), 0px 18px 23px rgba(0, 0, 0, 0.4); }
    #content #slider .flexslider p {
      font-weight: 300;
      font-size: 18px;
      text-align: left;
      width: 70%;
      line-height: 24px;
      text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.4), 0px 18px 23px rgba(0, 0, 0, 0.4); }
    #content #slider .flexslider .slides img {
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px; }
  #content .news-bio {
    display: block;
    margin: 100px 0 0 0; }
    #content .news-bio .module-picture {
      margin: 50px 0 0 0; }
    #content .news-bio .news {
      background: #5C6D7E;
      display: block;
      padding: 20px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
      height: 400px; }
      #content .news-bio .news .new {
        display: block;
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #9FC9D7; }
        #content .news-bio .news .new .title {
          display: block;
          margin: 0 0 5px 0; }
          #content .news-bio .news .new .title a {
            text-decoration: none;
            color: #ffffff;
            font-size: 22px;
            font-weight: 600;
            line-height: 26px;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out; }
            #content .news-bio .news .new .title a:hover {
              color: #F22613; }
        #content .news-bio .news .new .date {
          display: block;
          font-size: 14px;
          font-weight: 300;
          margin: 0 0 10px 0;
          color: #eee; }
        #content .news-bio .news .new .content {
          display: block;
          font-size: 16px;
          line-height: 18px;
          color: #eee; }
          #content .news-bio .news .new .content a {
            text-decoration: none;
            border: 1px solid #eee;
            padding: 5px 7px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            border-radius: 4px;
            color: #eee;
            font-size: 13px;
            margin: 5px 0 0 0;
            display: inline-block;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out; }
            #content .news-bio .news .new .content a:hover {
              background: #eee;
              color: #2c3e50;
              border-color: #eee; }
        #content .news-bio .news .new:last-child {
          margin: 0px;
          border: 0px; }
    #content .news-bio .bio {
      background: #5C6D7E;
      font-size: 16px;
      display: block;
      height: 400px;
      line-height: 20px;
      color: #eee;
      padding: 20px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px; }

/* Services */
.main-services {
  display: block;
  overflow: hidden;
  margin: 50px 0 0 0;
  position: relative; }
  .main-services .services .service {
    text-align: center;
    padding: 40px 35px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    height: 450px; }
    .main-services .services .service .picture {
      display: inline-block;
      margin: 0 0 15px 0; }
      .main-services .services .service .picture img {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%; }
    .main-services .services .service .title {
      display: block;
      margin: 0 0 15px 0; }
      .main-services .services .service .title a {
        text-decoration: none;
        color: #2c3e50;
        font-size: 24px;
        font-weight: 600; }
    .main-services .services .service p {
      margin: 0 0 30px 0;
      display: block;
      color: #a0a0a0;
      font-weight: 300;
      font-size: 16px;
      line-height: 20px; }
    .main-services .services .service .link {
      display: inline-block; }
      .main-services .services .service .link a {
        padding: 5px 10px;
        text-decoration: none;
        color: #2c3e50;
        border: 1px solid #2c3e50;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 300; }
    .main-services .services .service:hover {
      background: #2c3e50; }
      .main-services .services .service:hover .title a {
        color: #fff; }
      .main-services .services .service:hover p {
        color: #fff; }
      .main-services .services .service:hover .link a {
        color: #fff;
        border-color: #fff; }
        .main-services .services .service:hover .link a:hover {
          background: #F22613;
          color: #fff;
          border-color: #F22613; }
  .main-services .servicesArrows .prev {
    position: absolute;
    right: 44px;
    top: 4px; }
    .main-services .servicesArrows .prev i {
      -ms-transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      font-size: 24px; }
    .main-services .servicesArrows .prev a {
      color: #2c3e50;
      border: 1px solid #2c3e50;
      padding: 10px;
      display: inline-block;
      -webkit-border-radius: 50% 50% 0% 50%;
      -moz-border-radius: 50% 50% 0% 50%;
      -ms-border-radius: 50% 50% 0% 50%;
      border-radius: 50% 50% 0% 50%;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      .main-services .servicesArrows .prev a:hover {
        color: #fff;
        background: #2c3e50; }
  .main-services .servicesArrows .next {
    position: absolute;
    right: 0;
    top: 4px; }
    .main-services .servicesArrows .next i {
      -ms-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      font-size: 24px; }
    .main-services .servicesArrows .next a {
      color: #2c3e50;
      border: 1px solid #2c3e50;
      padding: 10px;
      display: inline-block;
      -webkit-border-radius: 50% 50% 50% 0%;
      -moz-border-radius: 50% 50% 50% 0%;
      -ms-border-radius: 50% 50% 50% 0%;
      border-radius: 50% 50% 50% 0%;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      .main-services .servicesArrows .next a:hover {
        color: #fff;
        background: #2c3e50; }

.breadcrumbs {
  display: block;
  overflow: hidden; }
  .breadcrumbs div {
    display: inline-block;
    float: left;
    position: relative;
    margin: 0  10px 0 0; }
    .breadcrumbs div a {
      font-size: 14px;
      font-weight: 300;
      color: #eee;
      text-decoration: none; }
      .breadcrumbs div a:hover {
        color: #ffffff; }
    .breadcrumbs div:after {
      content: "\f101";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      color: #eee;
      font-size: 14px;
      position: relative;
      padding: 0 0 0 10px; }
    .breadcrumbs div:last-child {
      margin: 0px; }
      .breadcrumbs div:last-child:after {
        content: "";
        padding: 0; }

/* Clinic Gallery */
.clinic-gallery {
  margin: 100px 0 0 0;
  display: block; }
  .clinic-gallery .gallery-box {
    padding: 30px 60px;
    background: #2c3e50;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
    .clinic-gallery .gallery-box .gallery {
      display: inline-block; }
      .clinic-gallery .gallery-box .gallery li {
        text-align: center;
        display: block; }
        .clinic-gallery .gallery-box .gallery li a img {
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -ms-border-radius: 4px;
          border-radius: 4px;
          border: 2px solid #5C6D7E;
          width: 200px;
          height: 150px; }
          .clinic-gallery .gallery-box .gallery li a img:hover {
            border-color: #fff; }
  .clinic-gallery .galleryArrows a {
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    .clinic-gallery .galleryArrows a:hover {
      color: #5C6D7E; }
  .clinic-gallery .galleryArrows .prev {
    float: left;
    margin: -140px 0 0 20px; }
  .clinic-gallery .galleryArrows .next {
    float: right;
    margin: -140px 20px 0 0; }
  .clinic-gallery .galleryArrows i {
    font-size: 50px; }

.page-title {
  padding: 50px 0px;
  background: #5C6D7E;
  margin: 20px 0 30px 0; }
  .page-title h1 {
    font-size: 38px;
    color: #ffffff;
    font-weight: 300;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0; }

.page-image {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 30px 0; }

.page-content {
  display: block;
  margin: 50px 0 0 0;
  /* Testmionals */ }
  .page-content p {
    color: #5C6D7E;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px; }
  .page-content .resim {
    display: block;
    margin: 0 0 30px 0; }
  .page-content h2 {
    display: block;
    font-weight: 600;
    color: #2c3e50;
    font-size: 30px;
    margin: 50px 0 50px 0; }
  .page-content .testimonials {
    margin: 100px 0 0 0;
    display: block; }
    .page-content .testimonials .testimonial-box {
      padding: 30px 60px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px; }
      .page-content .testimonials .testimonial-box .testimonial {
        display: inline-block; }
        .page-content .testimonials .testimonial-box .testimonial li {
          text-align: center;
          display: block; }
          .page-content .testimonials .testimonial-box .testimonial li .name {
            display: block;
            color: #2c3e50;
            font-size: 30px;
            font-weight: 600;
            margin: 0 0 20px 0; }
          .page-content .testimonials .testimonial-box .testimonial li .content {
            display: block;
            color: #999;
            font-weight: 300;
            font-size: 18px;
            font-style: oblique;
            line-height: 22px; }
    .page-content .testimonials .testimonialArrows a {
      color: #2c3e50;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      .page-content .testimonials .testimonialArrows a:hover {
        color: #5C6D7E; }
    .page-content .testimonials .testimonialArrows .prev {
      float: left;
      margin: -140px 0 0 20px; }
    .page-content .testimonials .testimonialArrows .next {
      float: right;
      margin: -140px 20px 0 0; }
    .page-content .testimonials .testimonialArrows i {
      font-size: 72px; }
  .page-content .pictures {
    display: block;
    margin: 30px 0 0 0; }
    .page-content .pictures .title {
      font-size: 24px;
      font-weight: 300;
      color: #2c3e50;
      margin: 0 0 20px 0;
      display: block; }
    .page-content .pictures .picture {
      display: block;
      position: relative; }
      .page-content .pictures .picture .img-responsive {
        display: block; }
      .page-content .pictures .picture img {
        margin: 0 0 30px 0;
        border: 2px solid #5C6D7E;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        width: 195px;
        height: 130px; }
      .page-content .pictures .picture .hover {
        display: none;
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background: rgba(0, 0, 0, 0.6);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        text-align: center; }
        .page-content .pictures .picture .hover a {
          text-decoration: none;
          color: #fff;
          display: table-cell;
          vertical-align: middle;
          text-align: center;
          position: absolute;
          top: 30%;
          width: 100%;
          font-size: 50px; }
      .page-content .pictures .picture:hover .hover {
        display: block; }
  .page-content .gallery-album {
    display: block;
    margin: 30px 0 0 0; }
    .page-content .gallery-album .album {
      display: block;
      margin: 0 0 30px 0;
      text-align: center;
      border: 2px solid #eee;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px; }
      .page-content .gallery-album .album .cover {
        display: block; }
        .page-content .gallery-album .album .cover a img {
          -webkit-border-radius: 4px 4px 0 0;
          -moz-border-radius: 4px 4px 0 0;
          -ms-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
          height: 200px; }
        .page-content .gallery-album .album .cover .img-responsive {
          display: block; }
      .page-content .gallery-album .album .title {
        display: block;
        padding: 15px;
        height: 100px; }
        .page-content .gallery-album .album .title a {
          text-decoration: none;
          font-size: 22px;
          color: #2c3e50;
          font-weight: 600;
          line-height: 24px; }
          .page-content .gallery-album .album .title a:hover {
            color: #777; }
        .page-content .gallery-album .album .title .count {
          display: block;
          margin: 10px 0 0 0;
          font-weight: 300;
          font-size: 14px;
          color: #ddd; }
  .page-content .video-album .video {
    display: block;
    margin: 0 0 30px 0;
    text-align: center;
    border: 2px solid #5C6D7E;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    position: relative; }
    .page-content .video-album .video .cover {
      display: block; }
      .page-content .video-album .video .cover a img {
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        -ms-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
        height: 200px; }
      .page-content .video-album .video .cover .img-responsive {
        display: block; }
    .page-content .video-album .video .title {
      display: block;
      padding: 15px;
      height: 75px; }
      .page-content .video-album .video .title a {
        text-decoration: none;
        font-size: 22px;
        color: #2c3e50;
        font-weight: 600;
        line-height: 24px; }
        .page-content .video-album .video .title a:hover {
          color: #777; }
    .page-content .video-album .video .hover {
      display: none;
      background: rgba(0, 97, 153, 0.8);
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
      position: absolute;
      top: 0px;
      bottom: 0px;
      right: 0px;
      left: 0px; }
      .page-content .video-album .video .hover a {
        color: #2c3e50;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        margin: 100px 0 0 0;
        text-decoration: none;
        padding: 10px 20px;
        display: inline-block;
        font-size: 18px;
        font-weight: 500;
        background: #ffffff; }
        .page-content .video-album .video .hover a:hover {
          background: #F22613;
          color: #fff; }
    .page-content .video-album .video:hover .hover {
      display: block; }
  .page-content .brands {
    margin: 100px 0px;
    display: block; }
    .page-content .brands .brand-box {
      padding: 30px 0px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px; }
      .page-content .brands .brand-box .brand {
        display: inline-block; }
        .page-content .brands .brand-box .brand li {
          text-align: center;
          display: block; }
          .page-content .brands .brand-box .brand li a img {
            -webkit-filter: grayscale(100%) contrast(30%);
            -ms-filter: grayscale(100%) contrast(30%);
            -moz-filter: grayscale(100%) contrast(30%);
            -o-filter: grayscale(100%) contrast(30%);
            filter: grayscale(100%) contrast(30%);
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out; }
          .page-content .brands .brand-box .brand li a:hover img {
            -webkit-filter: none;
            -ms-filter: none;
            -moz-filter: none;
            -o-filter: none;
            filter: none; }
    .page-content .brands .brandArrows {
      display: none; }
      .page-content .brands .brandArrows a {
        color: #2c3e50;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
        .page-content .brands .brandArrows a:hover {
          color: #5C6D7E; }
      .page-content .brands .brandArrows .prev {
        float: left;
        margin: -140px 0 0 20px; }
      .page-content .brands .brandArrows .next {
        float: right;
        margin: -140px 20px 0 0; }
      .page-content .brands .brandArrows i {
        font-size: 72px; }
  .page-content .teams .people {
    display: block;
    margin: 0 0 20px 0;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    .page-content .teams .people .picture {
      display: inline-block;
      float: left;
      margin: 0 30px 30px 0; }
      .page-content .teams .people .picture img {
        border: 2px solid #eee;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px; }
    .page-content .teams .people .name {
      font-size: 30px;
      color: #2c3e50;
      font-weight: 300;
      display: block;
      margin: 0 0 30px 0; }
      .page-content .teams .people .name strong {
        font-weight: 600; }
    .page-content .teams .people p {
      color: #888; }
    .page-content .teams .people .email {
      padding: 10px 0 0 0;
      border-top: 1px solid #eee;
      display: block;
      font-size: 14px;
      color: #888; }
      .page-content .teams .people .email a {
        text-decoration: none;
        display: block;
        margin: 10px 0 0 0;
        font-size: 20px;
        color: #2c3e50; }
        .page-content .teams .people .email a:hover {
          color: #666; }
    .page-content .teams .people .social {
      border-top: 1px solid #eee;
      display: block;
      padding: 10px 0 0 0;
      margin: 20px 0 0  0; }
      .page-content .teams .people .social .content {
        display: inline-block;
        color: #999;
        float: left;
        margin: 0 20px 0 0;
        padding: 6px 0 0 0; }
      .page-content .teams .people .social a {
        display: inline-block;
        float: left;
        font-size: 24px;
        margin: 0 5px 0 0;
        color: #D3D3D3;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        .page-content .teams .people .social a:hover.facebook {
          color: #3b5998; }
        .page-content .teams .people .social a:hover.twitter {
          color: #55acee; }
        .page-content .teams .people .social a:hover.instagram {
          color: #3f729b; }
        .page-content .teams .people .social a:hover.google {
          color: #dd4b39; }
        .page-content .teams .people .social a:hover.youtube {
          color: #b31217; }
        .page-content .teams .people .social a:hover.linkedin {
          color: #0976b4; }
        .page-content .teams .people .social a:last-child {
          margin: 0px; }
    .page-content .teams .people:hover .picture img {
      border-color: #5C6D7E; }
    .page-content .teams .people:hover .social {
      border-top-color: #5C6D7E; }
    .page-content .teams .people:hover .email {
      border-top-color: #5C6D7E; }
    .page-content .teams .people:last-child {
      margin: 0px; }
  .page-content .sidebar .widget {
    display: block;
    margin: 0 0 30px 0; }
    .page-content .sidebar .widget h5 {
      display: block;
      font-size: 24px;
      font-weight: 600;
      margin: 0 0 20px 0;
      padding: 0 0 20px 0;
      color: #2c3e50;
      border-bottom: 1px solid #5C6D7E; }
    .page-content .sidebar .widget .links a {
      display: block;
      margin: 0 0 10px 0;
      text-decoration: none;
      color: #2c3e50; }
      .page-content .sidebar .widget .links a:hover {
        color: #666; }
      .page-content .sidebar .widget .links a:last-child {
        margin: 0px; }
    .page-content .sidebar .widget:last-child {
      margin: 0px; }

/***********************************************************
                          Footer
*************************************************************/
footer {
  display: block;
  margin: 100px 0 0 0;
  padding: 0 0 30px 0; }
  footer .module-picture-left {
    margin: 60px 0 0 0; }
  footer .module-picture-right {
    margin: 100px 0 0 0; }
  footer .footer-contact .big-phone {
    display: block;
    margin: 0 0 20px 0; }
    footer .footer-contact .big-phone .icon {
      display: block;
      color: #2c3e50;
      font-size: 60px;
      margin: 0 0 10px 0; }
    footer .footer-contact .big-phone .content {
      display: block; }
      footer .footer-contact .big-phone .content a {
        text-decoration: none;
        color: #2c3e50;
        font-size: 48px;
        font-weight: 600; }
  footer .footer-contact .company-info {
    display: block;
    font-weight: 300;
    color: #2c3e50;
    margin: 0 0 20px 0; }
    footer .footer-contact .company-info .title {
      font-size: 32px;
      display: block;
      margin: 0 0 10px 0; }
    footer .footer-contact .company-info .adress {
      font-size: 18px;
      display: inline-block; }
  footer .footer-contact .social {
    display: block;
    margin: 0 0 20px 0; }
    footer .footer-contact .social a {
      display: inline-block;
      margin: 0 5px 0 0;
      padding: 8px 0 0 0;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
      background: #eee;
      color: #2c3e50;
      height: 30px;
      width: 30px;
      font-size: 14px;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      footer .footer-contact .social a:hover {
        color: #fff; }
        footer .footer-contact .social a:hover.facebook {
          background: #3b5998; }
        footer .footer-contact .social a:hover.twitter {
          background: #55acee; }
        footer .footer-contact .social a:hover.instagram {
          background: #3f729b; }
        footer .footer-contact .social a:hover.google {
          background: #dd4b39; }
        footer .footer-contact .social a:hover.rss {
          background: #f26522; }
        footer .footer-contact .social a:hover.youtube {
          background: #cd201f; }
      footer .footer-contact .social a:last-child {
        margin: 0px; }
  footer .footer-contact .copyright {
    display: block;
    font-weight: 300;
    color: #2c3e50;
    font-size: 14px; }
  footer .the-fabrika {
    display: block;
    margin: 20px 0 0 0; }
    footer .the-fabrika p {
      color: #a9a9a9;
      display: inline-block;
      font-weight: 300;
      font-size: 14px;
      margin: 0 0 10px 0; }