/*!
 * YEŞİLL REKLAM web tasarım // yesillreklam.com
 * Copyright 2017 Bohem Mimarlık Mobilya
 * +90 (252) 111 1 111
 * +90 (532) 796 05 16
 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,800&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Lato:100,400,400italic,700&subset=latin,latin-ext);
 body
 {
  /*background:rgba(255, 255, 255, 1);*/
  color:#292929;
  font-family: 'Lato', sans-serif;

 }
/*
 .logo_line
 {
  position: absolute;
  background: #c30e2e;
  width: 25%;
  margin-top:15px;
  height:64px;
 }


.logo_line
 {
  position: absolute;
  background: #c30e2e;
  width: 25%;
  margin-top:0;
  height:170px;
 }
 */



 header
 {
  width:100%;
  height:95px;
 }
 .navbar-bg-index
 {
  background:rgba(38, 39, 41, 0.8);
 }
 .navbar-bg-page
 {
  background:rgba(38, 39, 41, 1);
 }
 .navbar
 {
  padding:0;
  color:rgba(255, 255, 255, 1);
  height:95px;
  font-family: 'Open Sans', sans-serif;
  font-weight:500;
  border:none;
 }
 .navbar > .container
 {
  z-index: 999999999; position: relative;
 }
.navbar .nav > li > a, .navbar .nav > li > a:focus {
    float: none;
    line-height: 19px;
    padding: 8px 9px;
    margin:30px 2px 0 2px;
    text-decoration: none;
    font-size:13px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color:  #ecf0f1;
    font-weight:800;
    background:transparent;
    text-transform:uppercase;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.navbar-default
{
  border-radius:0;
  -webkit-border-radius:0;
}
.navbar .nav > li > a:hover, .navbar .nav > li.active > a,.navbar .nav > li.active > a:hover
{
  background:#c30e2e;
  color:#fff;
  padding: 12px 9px;
}
.mar-top
{
  margin-top:-15px;
}

.section-title
{
  background:#1a1a1a;
  color:#fff;
  padding:20px 0;
}
.section-title > .container > .col-sm-6 > span
{
  font-weight:300;
  padding:0;
  margin:3px 0 0 0;
  font-size:20px;
  font-family: 'Lato', sans-serif;
  width:100%;
  display:block;
  padding-left:175px;
}
.section-title > .container > .col-sm-6 > div > span > span
{
  font-weight:700;
}
.section-title > .container > .col-sm-6 > div > span
{
  
  font-weight:300;
  padding:0;
  margin:0;
  text-align:right;
  width:100%;
  font-size:25px;
  display:block;
  font-family: 'Lato', sans-serif;
}
.pages
{
  margin-top:50px;
  margin-bottom:50px;
}

.hakkimizda
{
  text-align:justify;
  font-family: 'Lato', sans-serif;
  line-height:26px;
  font-size:11pt;
}
h3.ital
{
	font-family: 'Lato', sans-serif;
	font-style: italic;
	color: #000;
	margin-bottom: 30px;
	border-left: 3px solid #c30e2e;
	padding-left: 10px;
	font-size: 24px;
}
h3.ital > span
{
  width:45%;
  display:block;
  border-bottom:1px solid #bdc3c7;
  position:absolute;
  right:10px;
  margin-top:-35px;
}
p.litalic
{
  font-family: 'Lato', sans-serif;
  font-style:italic;
  color:#000;
  font-size:13pt;
}
.c-align > a > img
{
  border:5px solid #ecf0f1;

  display:block;
  margin:0 auto;
}
.c-align > a:hover > img
{
  border-color:#bdc3c7;
}
footer.page h4.ital
{
  font-family: 'Lato', sans-serif;
  color:#fff;
  font-weight:300;
  margin-bottom:30px;
  border-left:3px solid #c30e2e;
  padding-left:10px;
}
footer.page a
{
  text-decoration:none;
  color:#bdc3c7;
}
footer.page a:hover
{
  color:#c30e2e;
}
.footmenu
{
  list-style:none;
  padding:0;
  margin:0;
}
.footmenu > li > a
{
  color:#fff;
}
footer.page p, footer.page ul, .pad15
{
  padding-left:15px;
}
.sep
{
  border-left:1px solid #bdc3c7;
}
.martop20
{
  margin-top:50px;
}
.marleft
{
  margin-left:10px;
}
.marleft20
{
  margin-left:20px;
}
.l-align
{
  text-align:left;
}
.c-align
{
  text-align:center;
}
.r-align
{
  text-align:right;
}
footer.page
{
  color:#fff;
  background: url(../img/footerbg.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.darker
{
  background:rgba(29, 29, 29, 0.4);
}
footer.page > div
{
  padding:30px 0 20px 0;
  
}

.products > div > a
{
   width:100%;
   height:100%;
   display:block;
   overflow:hidden;
   text-decoration:none;
   color:#fff;
}
.products > div > a > img
{
  -webkit-filter: blur(0);
  filter: blur(0);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.products > div > a:hover > img
{
  -webkit-filter: blur(3px);
  filter: blur(3px);
  
}
.references
{
  margin-bottom:25px;
}
.references > img
{
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  filter: grayscale(100%);
}
.references > img:hover
{
-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);
}


.products > div > a > i
{
	font-size: 40px;
	bottom: 188px;
	left: 190px;
	right: 46%;
	position: absolute;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
.products > div > a:hover > i
{
  opacity:0.8;
  bottom:53%;
}

.products > h4
{
  font-family:'Open Sans', sans-serif;
  font-weight:800;
  text-transform:uppercase;
  padding:10px 20px;
  border-radius:0 0 4px 4px;
  background:#ecf0f1;

  color:#686868;
  margin-top:0;
  margin-bottom:25px;
  border-bottom:1px solid #bdc3c7;
}
.products > h4 > a
{
  display:block;
  width:100%;
  color:#686868;
}


.products > h4 > a:hover
{
  color:#292929;
  text-decoration:none;
}
.ustDiv
{
  width:100%; height:100%; text-align: right; display:block;
    -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.ustDiv > h4
{
  width: 87%;
  font-family:'Open Sans', sans-serif;
  font-weight:800;
  text-transform:uppercase;
  color: #fff;
  font-size: 15px;
  position: absolute;
  z-index: 999999;
  bottom: 20px;
}
.ustDiv:hover
{
  /*opacity: 0.4;*/
}
.store > .col-md-12 > h4
{
  font-family:'Open Sans', sans-serif;
  font-weight:800;
  text-transform:uppercase;
  padding:10px 0px;
  margin:0;
}
.store > .col-md-12 > p
{
  text-align:left;
  margin:0;
  padding:0;
  line-height:28px;
}
.store > .col-md-12 > p > i
{
  width:20px;
  height:20px;
  color:#c30e2e;
}

.store
{
  padding:0;
  min-height:400px;

}
.store  img
{
-webkit-filter: grayscale(50%); /* Chrome, Safari, Opera */
  filter: grayscale(50%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.store img:hover
{
  -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  filter: grayscale(100%);
}
textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover,
.form-control:focus
{
    outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
    background:#ecf0f1;
}
.input-group-addon
{
  color:#fff;
  background:#c30e2e;
}
.form-control, .input-group-addon
{
  border-radius:0;
  -webkit-border-radius:0;
  outline:none;
}
#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}
.slideproduct
{
  background: #1a1a1a; padding:70px 0 15px 0;
}
#lightbox
{
  z-index:9999999999999999999;
}
.colors
{
  margin-left:20px;
  width:100%;
  height:70px;
}
.colors img
{
  border-radius:50%;
  -webkit-border-radius:50%;
  border:1px solid #bdc3c7;
  margin-right:30px;
  
}
.colors img:hover
{
  opacity:0.8;
}
.colors h5
{
  font-weight:800;
  font-family:'Open Sans', sans-serif;
  line-height:50px;
  margin:0;
  color:#95a5a6;
  text-transform:uppercase;
}
@media (min-width: 0px) and (max-width: 1000px) {
  .section-title > .container > .col-sm-6 > span
  {
    padding-left:0;
  }
  .hidden-sm
  {
    display:none;
  }
  footer.page .col-md-3, footer.page .container
  {
    text-align:center;
  }
  .footmenu > li > a
  {
    margin:10px 0;
    display:block;
    color:#fff;
  }
  .footmenu > li > a > i
  {
    display:none;
  }
  footer.page
  {
    background:#1a1a1a;
  }
  .darker
  {
    background:rgba(29, 29, 29, 1);
  }
  .sep
  {
    border-left:none;
  }
    header
   {
    width:100%;
    height:65px;
   }
    .navbar
    {
      margin-top:-15px;
      height:80px;
      background: #c30e2e;
    }
    .navbar .nav > li > a,.navbar .nav > li > a:hover, .navbar .nav > li.active > a,.navbar .nav > li.active > a:hover {
      margin:0px;
    }
    .navbar .nav > li > a:hover, .navbar .nav > li.active > a,.navbar .nav > li.active > a:hover
    {
      background: #c30e2e;
    }
    .navbar-header > .navbar-toggle, .navbar-header > .navbar-toggle:focus
    {
      border-color:#1a1a1a;
      margin-top:28px;
      background:rgba(38, 39, 41, 1);
      color:#fff;
    }
    .navbar-collapse
    {
      background:rgba(38, 39, 41, 1);
      margin-top:4px;
    }
    .navbar-togle
    {
      margin-top:30px;
    }
    .navbar .nav > li > a, .navbar .nav > li > a:focus {
    font-weight:400;
  }
  .animated {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
.wow {
  visibility: visible !important;
  -webkit-animation: none !important;
     -moz-animation: none !important;
       -o-animation: none !important;
      -ms-animation: none !important;
          animation: none !important;
}

}
@media (min-width: 1100px) {
  .navbar .nav > li > a, .navbar .nav > li > a:focus {
    font-weight:400;
  }
}
@media (min-width: 1024px) {
  .navbar .nav > li > a, .navbar .nav > li > a:focus {
    font-weight:400;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
   }
   .navbar .nav > li > a, .navbar .nav > li > a:focus {
    font-weight:800;
  }
}

@media (min-width: 1400px) {
  .container {
    width: 1400px;
   }
}
@media (min-width: 1000px) {
  .hidden-sm
  {
    display:none;
  }
}





.index-social
{
  position: fixed; bottom:50%; right:10px;
}
.index-social > a, .index-social > a:hover
{
  text-decoration:none;
  margin:5px;
  display:block;
  width:32px;
  height:32px;
}
.index-social > a:hover
{
  opacity:0.7;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}



/* Anasayfa */

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
ul.cb-slideshow
{
  list-style:none;
}
.cb-slideshow,
.cb-slideshow:after {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.cb-slideshow:after {
    content: '';
    background: transparent url(../img/pattern.png) repeat top left;
}
.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
  -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}
.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
}
.cb-slideshow li div h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 90px;
    padding: 0;
    line-height: 90px;
    color: rgba(255,255,255, 0.6);
    text-transform: uppercase;
    font-weight: 800;
}

.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
  0% {
      opacity: 0;
      -webkit-animation-timing-function: ease-in;
  }
  8% {
      opacity: 1;
      -webkit-transform: scale(1.05);
      -webkit-animation-timing-function: ease-out;
  }
  17% {
      opacity: 1;
      -webkit-transform: scale(1.1);
  }
  25% {
      opacity: 0;
      -webkit-transform: scale(1.1);
  }
  100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
  0% {
      opacity: 0;
      -moz-animation-timing-function: ease-in;
  }
  8% {
      opacity: 1;
      -moz-transform: scale(1.05);
      -moz-animation-timing-function: ease-out;
  }
  17% {
      opacity: 1;
      -moz-transform: scale(1.1);
  }
  25% {
      opacity: 0;
      -moz-transform: scale(1.1);
  }
  100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
  0% {
      opacity: 0;
      -o-animation-timing-function: ease-in;
  }
  8% {
      opacity: 1;
      -o-transform: scale(1.05);
      -o-animation-timing-function: ease-out;
  }
  17% {
      opacity: 1;
      -o-transform: scale(1.1);
  }
  25% {
      opacity: 0;
      -o-transform: scale(1.1);
  }
  100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
  0% {
      opacity: 0;
      -ms-animation-timing-function: ease-in;
  }
  8% {
      opacity: 1;
      -ms-transform: scale(1.05);
      -ms-animation-timing-function: ease-out;
  }
  17% {
      opacity: 1;
      -ms-transform: scale(1.1);
  }
  25% {
      opacity: 0;
      -ms-transform: scale(1.1);
  }
  100% { opacity: 0 }
}
@keyframes imageAnimation { 
  0% {
      opacity: 0;
      animation-timing-function: ease-in;
  }
  8% {
      opacity: 1;
      transform: scale(1.05);
      animation-timing-function: ease-out;
  }
  17% {
      opacity: 1;
      transform: scale(1.1);
  }
  25% {
      opacity: 0;
      transform: scale(1.1);
  }
  100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
  0% {
      opacity: 0;
      -webkit-transform: translateY(200px);
  }
  8% {
      opacity: 1;
      -webkit-transform: translateY(0px);
  }
  17% {
      opacity: 1;
      -webkit-transform: scale(1);
  }
  19% { opacity: 0 }
  25% {
      opacity: 0;
      -webkit-transform: scale(10);
  }
  100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
  0% {
      opacity: 0;
      -moz-transform: translateY(200px);
  }
  8% {
      opacity: 1;
      -moz-transform: translateY(0px);
  }
  17% {
      opacity: 1;
      -moz-transform: scale(1);
  }
  19% { opacity: 0 }
  25% {
      opacity: 0;
      -moz-transform: scale(10);
  }
  100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
  0% {
      opacity: 0;
      -o-transform: translateY(200px);
  }
  8% {
      opacity: 1;
      -o-transform: translateY(0px);
  }
  17% {
      opacity: 1;
      -o-transform: scale(1);
  }
  19% { opacity: 0 }
  25% {
      opacity: 0;
      -o-transform: scale(10);
  }
  100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
  0% {
      opacity: 0;
      -ms-transform: translateY(200px);
  }
  8% {
      opacity: 1;
      -ms-transform: translateY(0px);
  }
  17% {
      opacity: 1;
      -ms-transform: scale(1);
  }
  19% { opacity: 0 }
  25% {
      opacity: 0;
      -webkit-transform: scale(10);
  }
  100% { opacity: 0 }
}
@keyframes titleAnimation { 
  0% {
      opacity: 0;
      transform: translateY(200px);
  }
  8% {
      opacity: 1;
      transform: translateY(0px);
  }
  17% {
      opacity: 1;
      transform: scale(1);
  }
  19% { opacity: 0 }
  25% {
      opacity: 0;
      transform: scale(10);
  }
  100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
  opacity: 1;
}
@media screen and (max-width: 1140px) { 
  .cb-slideshow li div h3 { font-size: 50px }
  .ustDiv > h4
  {
    width: 87%;
    font-family:'Open Sans', sans-serif;
    font-weight:800;
    text-transform:uppercase;
    color: #fff;
    font-size: 25px;
    position: absolute;
    z-index: 999999;
    bottom: 20px;
  }
}
@media screen and (max-width: 1024px) { 
  .ustDiv > h4
  {
    width: 87%;
    font-family:'Open Sans', sans-serif;
    font-weight:800;
    text-transform:uppercase;
    color: #fff;
    font-size: 15px;
    position: absolute;
    z-index: 999999;
    bottom: 20px;
  }
}
@media screen and (max-width: 800px) { 
  .cb-slideshow li div h3 { font-size: 60px }
  .ustDiv > h4
  {
    width: 87%;
    font-family:'Open Sans', sans-serif;
    font-weight:800;
    text-transform:uppercase;
    color: #fff;
    font-size: 15px;
    position: absolute;
    z-index: 999999;
    bottom: 20px;
  }
}
@media screen and (max-width: 600px) { 
  .cb-slideshow li div h3 { font-size: 20px }
    .ustDiv > h4
    {
      width: 87%;
      font-family:'Open Sans', sans-serif;
      font-weight:800;
      text-transform:uppercase;
      color: #fff;
      font-size: 15px;
      position: absolute;
      z-index: 999999;
      bottom: 20px;
    }
}