body {
	background-color: #fff !important;
	font-family: 'Montserrat', sans-serif !important;
}

#top {
	width: 100%;
	height: 100%;
	background: url(../images/top-bg.png);
	padding: 40px 0 40px 0;
}

.all-top {

	padding-bottom: 30px;
}

.haber-box {
	border-bottom: solid 1px #000;
	padding:0;
	margin: 0;
	margin-bottom: 15px;
}

.haber-link:hover {
	text-decoration: none
}


nav {
	/* margin: 10px 0 0; */
	height: 100px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
}

nav ul {
	padding: 0;
	margin: 0;
	list-style: none;

}

nav ul li {
	float: left;
	color: #fff;
	font-size: 13px;
	margin-left: 30px;
	o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}


.active::after{
  content: '';
  width:5%;
  position: absolute;
  padding-bottom: 10px;
  border-bottom: 1px solid #965655;
  display: block;
}

#top .phone {
	color: #985555;
	text-align: center;
	/* margin: 6px 0 0; */
	height: 100px;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	display: flex;
	color: #fff;
	font-size: 14px;
}

#top .phone img {
	width: 30px;
	margin-right: 5px;
	filter: contrast;
}

.siparis {
	color: #985555;
	font-size: 13px;
	border: solid 1px rgba(152, 85, 85, 0.4);
	border-radius: 10px;
	text-align: center;
	padding: 10px;
	o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

.siparis a {
	color: #985555;
}



.siparis:hover {
	background-color: #fff;

}



#slider {
	margin: 10px 0;
}

#slider h1 {
	color: #fff;
	font-size: 30px;
	font-weight: 100;
	line-height: 35px;
}

#slider .slider-buttons {
	margin: 39px 0 0;
}

#slider .left {
	float: right;
	text-align: center;
	padding: 7px;
	height: 35px;
	border: solid 1px #fff;
	color: #fff;
	width: 35px;
	o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

#slider .left:hover {
	background: #2394b1;
	color: #fff;
}

#slider .right {
	float: right;
	text-align: center;
	padding: 7px;
	height: 35px;
	border: solid 1px #fff;
	color: #fff;
	width: 35px;
	margin-left: 5px;
	o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

#slider .right:hover {
	background: #2394b1;
	color: #fff;
}

#slider .angle {
	cursor: pointer;
}


#slider p {
	font-size: 13px;
	color: #fff;
	font-weight: 300;
	padding-bottom: 20px;
}

#news {
	padding: 30px 0;
	width: 100%;
	border-bottom: solid 1px #979797;
}

#news i {
	color: #2C9CB9;
	font-size: 65px;
}

#news .news-title {
	color: #2C9CB9;
	font-size: 18px;
	padding: 10px 17px;
}

#news .news-title span {
	font-weight: bold;
}

#news hr {
	border-top: 1px solid #979797;
	margin-top: 35px;
}


#ticker {
	height: 67px;
	overflow: hidden;
	margin: 13px 0;
}

#ticker li {
  height: 67px;
  list-style: none;
  color: #787878;
}



#about {
	margin: 70px 0 70px 0 ;
}

#about h2 {
	font-weight: 300;
}

#about h2 span {
	font-weight: bold;
}

#about .content-column{
	position:relative;
	margin-bottom:40px;
}

#about.content-column .inner-column{
	position:relative;
	padding-top:50px;
	padding-right:100px;
}

#about .content-column .text{
	position:relative;
	color:#777777;
	font-size:15px;
	line-height:2em;
	margin-bottom:40px;
}

#about .content-column .email{
	position:relative;
	color:#252525;
	font-weight:700;
	margin-bottom:50px;
}

#about .image-column{
	position:relative;
	margin-bottom:50px;
}

#about .image-column .inner-column{
	position:relative;
	padding:40px 40px 0px 0px;
	margin-left:50px;
}

#about .image-column .inner-column:after{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	left:40px;
	bottom:100px;
	z-index:-1;
	border: 2px solid #2394b1;
}

#about .image-column .inner-column .image{
	position:relative;
}

#about .image-column .inner-column .image:before{
	position:absolute;
	content:'';
	left:-50px;
	bottom:-50px;
	width:299px;
	height:299px;
	background:url(../images/pattern.png) no-repeat;
}

#about .image-column .inner-column .image img {
	position:relative;
	width:100%;
	display:block;
}

#about .image-column .inner-column .image .overlay-box{
	position:absolute;
	left:40px;
	bottom:48px;
}

#about .image-column .inner-column .image .overlay-box .year-box{
	position:relative;
	color: #fff;
	font-size:24px;
	font-weight:700;
	line-height:1.4em;
	padding-left:125px;
	/* font-weight: 300; */
}

#about .image-column .inner-column .image .overlay-box .year-box .number{
	position:absolute;
	left:0px;
	top:0px;
	width:110px;
	height:110px;
	color: #2394b1;
	font-size:68px;
	font-weight:700;
	line-height:105px;
	text-align:center;
	background-color:#ffffff;
	border:1px solid #000000;
}

#about h1 {
	color: #2b9cb9;
	font-size: 18px;
	font-weight: bold;
}


#about hr {
	margin-top: 27px;

	border-top: 1px solid #45362e;
}

#about p {
	color: #787878;
	font-size: 13.5px;
	text-align: justify;
	line-height: 25px;
	margin: 15px 0 0;
}




#best {
	margin: 70px 0 70px 0;
	/* background-color: #e7e7e7; */
	padding: 50px 0 50px 0;
	background: #2193B0;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #2193B0, #6DD5ED);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #2193B0, #6DD5ED); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	padding-bottom: 100px;
}

.best-title {
	text-align: center;
	margin-bottom: 90px;
}

.best-title h1  {
	font-weight: bold;
	color: #fff;
}

.best-title hr {
	border-top: solid 1px #2697b4;
	margin-top: 8px;
}

.best-title h2 {
	color: #2496b3;
	font-size: 13px;
	text-align: left;
	padding: 0;
	margin: 0;
}

.best-list .col-md-4  {
	border: solid 3px #144d5a;
	margin: 15px;
	width: 30.333333%;
	padding: 10px;
	o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	background: #fff;
}



.best-list .col-md-4:hover {
	    background-color: rgba(69, 54, 46, 0.19);

}

.best-list .col-md-4 img {
	margin-bottom: 15px;
	height: 247px;
	max-height: 247px;
	overflow: hidden;
}

.best-list .col-md-4 .kategori {
	font-size: 10px;
	background-color: #2496b3;
	color: #fff;
	/* width: 40%; */
	padding: 6px;
	text-align: center;
	margin-bottom: 6px;
}

.best-list .col-md-4 .aciklama {
	color: #424242;
	font-weight: bold;
	font-size: 17px;
	text-align: right;
}

.best-list .col-md-4 .aciklama span {
	font-weight: 300;
	font-size: 14px;
}

.numbers {
	background: #fff;
	margin-top: -120px;
	padding: 40px 0;
}

.numbers i {
	font-size: 50px;
	color: #2798b5;
}

.numbers .n-desc {
	font-size: 25px;
	color: #2798b5;
	font-weight: bold;
	line-height: 25px;
}

.numbers .n-desc span {
	font-size: 20px;
	font-weight: 300;
}

#special {
	margin: 70px 0 70px 0;
	padding: 10px 0 50px 0;
}


.kat .col-md-3 {
	margin: 15px 0 15px 0;
	font-weight: 300;
	font-size: 11px;
}

.kat .active {
	font-weight: bold;

}

.spe-list {
	margin-top: 50px;
}

.spe-list .title {
	margin: 10px 0 10px 0;
	font-weight: bold;
	color: #45362e;
}

.spe-list .like {
	margin: 10px 0 10px 0;
}

.spe-list .col-md-3 {
	margin: 15px 0 15px 0;
}

.spe-list .like i {
	color: #45362e;
}



footer {
	width: 100%;
	height: 100%;
	padding: 50px 0 50px 0;
	background: #2193B0;
	background: -webkit-linear-gradient(to right, #2193B0, #6DD5ED);
	background: linear-gradient(to right, #2193B0, #6DD5ED);
}


footer .adress {
	color: #fff;
	font-size: 13px;
	text-align: left;
	margin-bottom: 7px;
}

footer .phone {
	color: #fff;
	text-align: left;
	font-size: 13px;
	margin-bottom: 7px;
}

footer .mail {
	color: #fff;
	text-align: left;
	font-size: 13px;
}

footer .sozlesmeler {
	color: #fff;
	font-size: 13px;
	text-decoration: underline;
	margin-bottom: 7px;
}

footer .social {
	color: #fff;
	border: solid 1px #fff;
	border-radius: 10px;
	text-align: center;
	padding: 7px;
	float: left;
	width: 35px;
	height: 35px;
	margin: 0 7px 0 7px;
}

footer .social a {
	color: #fff;
}

.mobile-phone {
	float: left;
}

.mobile-phone a {
	color: #fff;
	font-size: 12.5px;
}

.mobile-menu .social {
	color: #fff;
	border: solid 1px #fff;
	border-radius: 20px;
	text-align: center;
	padding: 7px;
	float: left;
	width: 35px;
	height: 35px;
	margin: 0 7px 0 7px;
}


#bread {
	border-bottom: solid 1px #2697b4;
	padding: 30px 0 30px 0;
	background-color: transparent;
}


#bread h1 {
	color: #2697b4;
	font-size: 22px;
	padding: 0;
	margin: 0;
}

#bread .col-md-6:last-child {
	color: #2697b4;
	font-size: 13px;
	text-align: right;
}

#corp {
	padding: 40px 0 40px 0;
}

#corp p {
	text-align: justify;
	color: rgba(69, 54, 46, 0.71);
	margin-bottom: 20px;
}

#corp .col-md-8{
	margin: 30px 0 30px 0;
}

#corp .col-md-4{
	margin: 30px 0 30px 0;
}

#ref {
	padding: 100px 0;
}

#ref .ref-box {
	width: 23%;
	margin: 10px;
	border: solid 1px rgba(133, 119, 108, 0.62);
}

#subeler h1 {
	color: #84766b;
	margin: 40px 0 20px 0;
	padding: 0;
	font-size: 24px;
	font-weight: 500;

}

#subeler .adress {
	color: rgba(69, 54, 46, 0.71);
	margin: 10px 0 10px 0;
}

#subeler .phone {
	color: rgba(69, 54, 46, 0.71);
	margin: 10px 0 10px 0;
}


#subeler .email {
	color: rgba(69, 54, 46, 0.71);
	margin: 10px 0 10px 0;
}

#subeler h2 {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	font-weight: 500;
	font-size: 17px;
}

#subeler img {
	margin: 30px 0 30px 0;
}


#subeler .sube-list {
	margin: 50px 0 30px 0;
	padding-bottom: 50px;
	border-bottom:solid 1px rgba(132, 118, 107, 0.36);
}

.iletisim-bg {
	margin: 30px 0 30px 0;
	background: url(../images/top-bg.jpg);
	padding: 15px;
	text-align: right;
}

.iletisim-bg h1 {
	color: #fff !important;
	font-size: 22px;
	font-weight: 100;
	margin: 0 !important;
}

#contact {
	padding: 0 0 100px 0;
}


#contact h3 {
	color: #155b6b;
	font-size: 16px;
	font-weight: 500;
}

#contact .adress {
	color: #2b2b2b;
	margin: 10px 0 10px 0;
}

#contact .phone {
	color: #2b2b2b;
	margin: 10px 0 10px 0;
}


#contact .email {
	color: #2b2b2b;
	margin: 10px 0 10px 0;
}

#contact .fax {
	color: #2b2b2b;
	margin: 10px 0 10px 0;
}

#contact .calisma {
	color: #2b2b2b;
	margin: 10px 0 10px 0;
}

#contact h1 {
	color: #155b6b !important;
	font-size: 22px;
	font-weight: 100;
	margin: 40px 0 20px 0;
	font-weight: bold;
}

.iletisim-form input {
	width: 100%;
	padding: 10px;
	background-color: rgba(92, 199, 223, 0.41);
	border: none;
	font-weight: 300;
}

.iletisim-form textarea {
	width: 100%;
	padding: 10px;
	background-color: rgba(92, 199, 223, 0.41);
	border: none;
	font-weight: 300;
}

.iletisim-form label {
	font-weight: 300;
	    font-size: 11px;
}

#contact button{
	width: 100%;
	padding: 10px;
	border: none;
	background-color: #165b6b;
	color: #fff;
}


/* CHECKBOX */

.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
}
.styled-checkbox:hover + label:before {
  background: #75675c;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #75675c;
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.mobile-menu {
	display: none;
}

#urunler {
	margin: 35px 0 10px 0;
	height: 100%;
	    display: inherit;
}

#urunler .best-title h1 {
	color: #2597b2;
}



.urun-list {
	border: solid 3px #985555;
	margin: 15px;
	width: 22.333333% !important;
	padding: 10px;
	o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;

}

.urun-list img {
	margin-bottom: 15px;
}

.urun-list .kategori {
	font-size: 10px;
	    background-color: #985555;
	    color: #fff;
	    width: 50%;
	    padding: 6px;
	    text-align: center;
	    margin-bottom: 6px;
}


.video-container {
	position: relative;
	    height: 377px;
	    overflow: hidden;
	    border: 5px solid #77c2ec;
	    margin: 0 15px;
	    padding: 0 !important;
	    top: 0;
}

.video-container .video {
	position: absolute;
	top: -115px;
	width: 100%;
}

.file-input-cover {
  width: 0px;
  height: 0px;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

button#file-input-trigger {
  width: 240px;
  height: 130px;
  text-align: center;
  margin: 50px;
}

.up-button {
	display: flex;
	align-items:  center;
	text-align:  center;
	align-content:  center;
}

#form h1 {
	font-size: 16px;
	font-weight: 500;
	color: #45362e;
	border-bottom: solid 1px #45362e;
	margin-bottom: 20px;
}
.pasta-info {
	text-align: left;
}

#form input {
	padding: 7px 38px 7px 0px;
	border: none;
	border-bottom: solid 1px #d4d4d4;
	width: 100%;
}

#form textarea {
	width: 100%;
	padding-bottom: 40px;
	padding-left: 10p;
	border: none;
	border-bottom: solid 1px #d4d4d4;
	color: #7c7575;
}

.form-group {
	margin-bottom: 25px;
}

#form select {
	border: none;
	background: transparent;
	border-radius: 0;
	border-bottom: solid 1px #000;

	padding: 7px 38px 7px 0px;
	width: 100%;
	color: #757575;
	border-bottom: solid 1px #d4d4d4;
}

.modal-dialog {
	width: 710px;
}


.select-product {
	border: 1px dashed #fff;
	text-align: center;
	height: 260px;
	color: #fff;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	overflow:  hidden;
}

.select-product a {
	color: #fff;
}

.pro-area {
	margin: 40px 0;
}

.filtr-container a {
	color: #985555;
}

.filtr-container a:hover {
	color: #985555;
}

.ref-area {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin: 20px 0;
}

.ileti {
	color: #fff;
}

.site-map {
	color: #fff;
}

.site-map a {
	list-style: none;
	color: #fff;
	font-size: 12px;
}

.site-map a li {
	margin: 10px 0;
}
/* MOBILE BEGUN */
@media (max-width:480px ){
	.numbers {
	text-align: center;
	}
	#ref .ref-box {
		width: 95%;
	}
	#about .image-column .inner-column .image .overlay-box .year-box {
		padding-left: 0;
		font-size: 21px;
padding-top: 80px;
	}

	#about .image-column .inner-column .image .overlay-box .year-box .number {
		width: 80px;
		height: 80px;
		line-height: 85px;
		font-size: 48px;

	}

	.kat button {
		margin: 9px 0;
		width: 100%;
	}

	#urunler .best-title {
		margin-bottom: 20px;
	}

	#contact .map {
		margin-bottom: 30px;
	}

	#contact .iletisim-bg {
		text-align: left;
		border-bottom: solid 1px #000;
		padding: 0;
	}

	footer .col-xs-12 {
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
		flex-direction: column;
		margin: 10px 0;
	}
	footer .col-xs-12:last-child {
		flex-direction: row;
	}

	footer .col-xs-12 img {
		width: 50%;
		text-align: center;
	}

	footer .adress {
		text-align: center;
		margin: 10px 0;
	}

	#bread .col-md-6 {
		text-align: center !important;
	}

	.numbers .col-xs-12 {
		margin: 20px 0;
	}

	.mobile-menu {
		display: block;
	}
	.dekstop {
		display: none;
	}

	#top .phone {
		display: none !important;
	}

	.siparis {
		display: none  !important;
	}

	#slider h1 {
		font-size: 23px;
	}

	#slider {
		margin: 20px 0 0;
	}

	#slider .slider-buttons {
		display: none !important;
	}

	.best-list .col-md-4 {
		width: 90% !important;
		margin: 15px 15px 15px 15px !important;
	}

	.best-list .col-md-4 .aciklama {
		text-align: center;
	}


	.best-title h2 {
		text-align: center;
	}
	.logo {
		z-index: 999999;
	}
	.urun-list {
		width: 90% !important;
	}

}

/* MOBILE MENU */
/* The Mobile Menu that appears on click */
.mobile-menu {
  margin: 0;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9998;
  min-height: 100%;
  height: 100%;
  background: grey;
  margin: 0;
  position: fixed;
  display: none ;
}
@media (min-width: 1024px) {
  .mobile-menu {
    float: right;
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    min-height: auto;
    height: auto;
    padding: 0;
    width: auto;
    background: transparent;
    display: block;
  }
}
.mobile-menu.open {
  display: block;
}

a {
  text-decoration: none;
}

.mobile-menu {
   margin: 0;
   width: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 9998;
   min-height: 100%;
   height: 100%;
   background: url(../images/top-bg.png);
   margin: 0;
   position: fixed;
   display: none;
 }
 @media (min-width: 1024px) {
   .mobile-menu {
     float: right;
     position: relative;
     left: auto;
     right: auto;
     bottom: auto;
     top: auto;
     min-height: auto;
     height: auto;
     padding: 0;
     width: auto;
     background: transparent;
     display: none;
   }
 }

 a {
   text-decoration: none;
 }

 /* Main navigation in header */
 .main-menu {
   margin: 100px 0;
   padding: 0;
 }
 @media (min-width: 1024px) {
   .main-menu {
     width: 600px;
     margin: 0 auto;
   }
 }
 .main-menu__item {
   padding: 0;
   display: block;
   position: relative;
   float: none !important;
   text-align: center;
   margin: 0;
   border-bottom: solid 1px #196d82;
 }
 @media (min-width: 1024px) {
   .main-menu__item {
     float: left;
     display: block;
   }
 }
 .main-menu__link {
   border-bottom: 0;
   color: white;
   /* font: bold 15px/15px Arial; */
   display: block;
   font-size: 15px;
   padding: 20px;
   font-weight: 300;
   position: relative;
   color: #fff;
   /* font-weight: bold; */
 }
 @media (min-width: 1024px) {
   .main-menu__link {
     float: left;
     color: black;
   }
 }
 .main-menu__link:hover, .main-menu__link:focus, .main-menu__link:active {
   border-bottom: 0;
   background: #1c7890;
   color: white;
	 text-decoration: none
 }

 /* Hamburger Button */
 .open-button {
   width: 30px;
   height: 30px;
   transform: rotate(0deg);
   transition: .5s ease-in-out;
   position: absolute;
   cursor: pointer;
   border-bottom: 0;
   right: 20px;
   z-index: 91919191918882;
   border-bottom: 0;
   top: 17px;
 }
 @media (min-width: 1024px) {
   .open-button {
     display: none;
   }
 }
 .open-button:hover {
   border-bottom: 0;
 }

 .open-button span {
   display: block;
   position: absolute;
   height: 2px;
   width: 100%;
   background: #fff;
   border-radius: 2px;
   opacity: 1;
   left: 0;
   transform: rotate(0deg);
   transition: .25s ease-in-out;
 }

 .open-button span:nth-child(1) {
   top: 0px;
   transform-origin: left center;
 }

 .open-button span:nth-child(2) {
   top: 10px;
   transform-origin: left center;
 }

 .open-button span:nth-child(3) {
   top: 20px;
   transform-origin: left center;
 }

 .open-button.open span:nth-child(1) {
   transform: rotate(45deg);
   top: -3px;
   left: 8px;
 }

 .open-button.open span:nth-child(2) {
   width: 0%;
   opacity: 0;
 }

 .open-button.open span:nth-child(3) {
   transform: rotate(-45deg);
   top: 19px;
   left: 8px;
 }
 .menu-social {
 	width: 292px;
 	margin: 0 auto;
 	border: none;
 	margin-top: 10px;
 	text-align: center;
 	display: flex;
 	justify-content: center;
 	align-content: center;
 	align-items: center;
 }

 .kat button {
 	background: none;
 	border: none;
 	/* width: 100%; */
 	font-size: 12px;
 	margin: 15px 0;
 	border: solid 1px #2597b2;
 	padding: 5px;
 	o-transition: .5s;
 	-ms-transition: .5s;
 	-moz-transition: .5s;
 	-webkit-transition: .5s;
 	transition: .5s;
 	color: #2597b2;
 }

 .kat button:hover {
 	background: #2597b2 !important;
 	color: #fff;
 }

 .kat button:focus {
 	background: #2597b2 !important;
 	color: #fff !important;
 }

 .k-active {
 	background: #955554 !important;
 		color: #fff;
 }