/*

  Theme: Gozde Mobilya v.1
  Designer & Coder: Selim Özmen
  Web: http://www.selimozmen.com

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, button {
  border: 0;
  outline: 0 !important;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 18px; 
 }

@font-face {
  font-family: 'OpenSansLight';
  src: url("..fonts/opensans-light.eot");
  src: url("..fonts/opensans-light.eot") format("embedded-opentype"), url("..fonts/opensans-light.woff") format("woff"), url("..fonts/opensans-light.ttf") format("truetype"), url("..fonts/opensans-light.svg#OpenSansLight") format("svg"); }

@font-face {
  font-family: 'OpenSansRegular';
  src: url("..fonts/opensans-regular.eot");
  src: url("..fonts/opensans-regular.eot") format("embedded-opentype"), url("..fonts/opensans-regular.woff") format("woff"), url("..fonts/opensans-regular.ttf") format("truetype"), url("..fonts/opensans-regular.svg#OpenSansRegular") format("svg"); }

@font-face {
  font-family: 'OpenSansBold';
  src: url("..fonts/opensans-bold.eot");
  src: url("..fonts/opensans-bold.eot") format("embedded-opentype"), url("..fonts/opensans-bold.woff") format("woff"), url("..fonts/opensans-bold.ttf") format("truetype"), url("..fonts/opensans-bold.svg#OpenSansBold") format("svg"); }

body {
 background-color: #131313 !important;
}

.navbar {
  padding-top: 20px;
  background: #131313;
  padding-bottom: 20px;
  border: 5px solid #131313 !important;
}

.navbar-invers {
  border-bottom: 1px solid #aaa; } 

  .navbar-brand {
    padding: 0  15px !important;
  }

  .navbar-toggle {
    background-color: #d5a43a !important;
  }


#slider .gm-slider {
  background: url("../images/slider-bg.jpg") #f9f7f2 bottom no-repeat;
  /*height: 340px;*/

  position: relative; }
  #slider .gm-slider .button {
    position: absolute;
    width: 880px;
    height: 80px;
    margin: 0 auto;
    background-color: #dd594a;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: -210px; }
  #slider .gm-slider .slides li {
    margin-top: 20px; }
  #slider .gm-slider .content {
    margin-top: -70px;
    /*background-color: #867c70;*/
    height: 170px;
    text-align: center;
    padding-top: 90px; }
    #slider .gm-slider .content .title {
      font-size: 24px;
      font-weight: 700;
      color: #ffffff; }
    #slider .gm-slider .content span {
      color: #ffffff; }

.left {
  float: left; }

.right {
  float: right; }

.ornate-title-l {
  background: url("../images/ornate-title-l.png");
  width: 100%;
  height: 100%; }

.ornate-title-r {
  background: url("../images/ornate-title-r.png");
  width: 100%;
  height: 100%; }

.section {
  padding: 100px 0; }
  .section .headline {
    font-size: 34px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 30px; }

.s1, .s2, .s5, .s7 {
  background-color: #252525; }
.s1 {
  padding:0;
}

.bg-map {
  padding:15px 0;
  font-weight: 700;
  cursor: pointer;
}

#map_canvas {
  width: 100%;
  height: 350px;
  border-top: 1px solid #555555;
  border-bottom: 1px solid #555555;
}

.f1 {
  background-color: #252525;
  color: #ffffff;
  font-size: 14px; }
  .f1 .social {
    margin-top: 20px; }
    .f1 .social a {
      margin-right: 10px;
      opacity: 0.4;
      filter: alpha(opacity=40); }
      .f1 .social a:last-child {
        margin-right: 0px; }
      .f1 .social a:hover {
        opacity: 1;
        filter: alpha(opacity=99); }

.navbar-inverse {
  border-bottom: 2px solid #555555; }
.navbar-inverse .navbar-nav {
  margin: 35px 0 0 0 !important;
}
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  	background-color: #d5a43a !important;
  }

@media (min-width: 980px) {
  .gm-row {
    width: 980px;
    margin: 0 auto; } }
@media (max-width: 500px) {
  .gm-slider {
    height: 200px !important; } }
@media (max-width: 980px) {
  .flex-direction-nav {
    width: 100% !important;
    top: -180px !important; }
    .flex-direction-nav li {
      width: 104px !important;
      height: 45px !important; }
      .flex-direction-nav li .flex-prev {
        background-size: 100% !important;
        width: 104px !important;
        height: 45px !important; }
      .flex-direction-nav li .flex-next {
        background-size: 100% !important;
        width: 104px !important;
        height: 45px !important; } }
@media (max-width: 768px) {
  #slider {
    display: none;
  }
  .span4 {
    width: 100%; }

  .headline {
    font-size: 18px !important;
    font-weight: 700; }
    .headline img {
      width: 25% !important; }

  .gm-slider .content .title {
    font-size: 18px !important; }
  .gm-slider .content span {
    font-size: 14px !important; }

  .slides li img {
    max-width: 100%;
    height: auto; } 
  }
.job {
  margin-top: 30px; }
  .job .title a {
    font-size: 18px;
    font-weight: 400;
    color: #555555;
    text-decoration: none; }

    .job .image {
      padding: 15px 0;
    }

.references img {
  margin: 3px; }

.ik {
  font-size: 25px; }

.sa {
  font-size:20px;
}

a {
  color: #ffffff !important; }

  .navbar-inverse .navbar-nav > li > a {
    color: #ffffff !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

.div4, .div12 {
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  float: left; }

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  float: left;
  text-align: center; }

.span1 {
  width: 8.333333333333332%; }

.span2 {
  width: 16.666666666666664%; }

.span3 {
  width: 25%; }

.div4, .span4 {
  width: 33.33333333333333%; }

.span5 {
  width: 41.66666666666667%; }

.span6 {
  width: 50%; }

.span7 {
  width: 58.333333333333336%; }

.span8 {
  width: 66.66666666666666%; }

.span9 {
  width: 75%; }

.span10 {
  width: 83.33333333333334%; }

.span11 {
  width: 91.66666666666666%; }

.div12, .span12 {
  width: 100%; }

.c {
  text-align: center; }

label {
  font-weight: 400 !important;
  font-size: 14px;
  text-align: left !important; }

.info {
  font-weight: 700;
  color: #ffffff;
  margin-top: 40px; }

.flex-direction-nav {
  width: 880px;
  margin: 0 auto;
  position: relative;
  top: -220px;
  list-style-type: none; 
padding-bottom: 0;}
  .flex-direction-nav li:first-child {
    float: left; }
  .flex-direction-nav li:last-child {
    float: right; }
  .flex-direction-nav li .flex-prev {
    float: left;
    background: url("../images/left-arrow.png");
    background-size: 100%;
    width: 207px;
    height: 89px;
    text-indent: -9999px; }
  .flex-direction-nav li .flex-next {
    float: right;
    background: url("../images/right-arrow.png");
    background-size: 100%;
    text-indent: -9999px;
    width: 207px;
    height: 89px; }

    .help-block {
      font-size:14px !important;
    }

#portfolio-filter a {
  text-decoration: none;
}
    #portfolio-list {
      margin-top:20px;
    }

#portfolio-list li {
  float:left;
  margin-right:19px;
  margin-bottom: 19px;
}


#portfolio-list li ul li {
  background-color: #fff;
}


ul#portfolio-filter, ul#portfolio-filter ul { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
}

ul#portfolio-filter ul {
  margin-top: 15px !important;
  text-align: center;
}

ul#portfolio-filter ul li{
  margin-bottom:5px;
}

ul.sub li {
  background-color: #d5a43a !important;
  padding:5px 20px;
  font-size:14px;
  cursor: pointer;
}
ul.sub li:hover {
  background-color: #d5a43a !important;
  color: #fff;
}

.alert {
  font-size:14px !important;
  font-weight: 700 !important;
}

/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
  padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
  top: 0;
  bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
  padding: 0;
}

.pdng {
  padding:10px 125px !important;
}

.gimage {
    width:165px;
    height:120px;
    margin: 0px;
    text-align: center;
    overflow: hidden;    
}
.gimage img {
    margin: 0px;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background-color: #ffffff;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 10px;
  overflow: hidden;

  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

.so {
  margin-top:20px;
  font-size:12px;
  color:#ffffff;
}

.so a {
  color:#ffffff !important;
  font-size:12px;
}

.pace .pace-progress-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: -32px;
  bottom: 0;

  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  -webkit-background-size: 32px 32px;
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  background-size: 32px 32px;

  -webkit-animation: pace-stripe-animation 500ms linear infinite;
  -moz-animation: pace-stripe-animation 500ms linear infinite;
  -ms-animation: pace-stripe-animation 500ms linear infinite;
  -o-animation: pace-stripe-animation 500ms linear infinite;
  animation: pace-stripe-animation 500ms linear infinite;
}



.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
  background-color: #d5a43a  !important;
  border-color: #d5a43a  !important;
}

@-webkit-keyframes pace-stripe-animation {
  0% { -webkit-transform: none; transform: none; }
  100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
@-moz-keyframes pace-stripe-animation {
  0% { -moz-transform: none; transform: none; }
  100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
@-o-keyframes pace-stripe-animation {
  0% { -o-transform: none; transform: none; }
  100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
@-ms-keyframes pace-stripe-animation {
  0% { -ms-transform: none; transform: none; }
  100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
@keyframes pace-stripe-animation {
  0% { transform: none; transform: none; }
  100% { transform: translate(-32px, 0); transform: translate(-32px, 0); }
}

/* 

for zoom animation 
uncomment this part if you haven't added this code anywhere else

*/
/*

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out; 
  -o-transition: all 0.3s ease-out; 
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}
*/