body {
	
	font-family: 'Open Sans', sans-serif;
	background-color:#ffffff; 
	
}

img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}


.containerHeaderSM ul {
	
	padding-top: 10px;
	padding-bottom:5px;
	
}


.containerHeaderSM ul {
	
	float: right;
	
}

.containerHeaderSM ul li {
	
	float: left;
	margin-left:15px;
	list-style: none;
	
}

.containerHeaderSM ul li a {
	
	font-size: 18px;
	color:#231f20;
	
}

.margin-left {
	
	margin-left:30px !important;
	
}

.lang a {
	
	font-weight: 700;
	font-size: 18px !important;
	
}

.lang a:hover {
	
	text-decoration: none;
	
}

.headerContainerBg { 
	
	background: rgb(247,237,105);
background: -webkit-linear-gradient(left, rgba(247,237,105,1) 50%, rgba(172,218,223,1) 50%);
background: -o-linear-gradient(left, rgba(247,237,105,1) 50%, rgba(172,218,223,1) 50%);
background: linear-gradient(to right, rgba(247,237,105,1) 50%, rgba(172,218,223,1) 50%);

}

.headerContainer {
	
	background-image:url("../img/header-bg.jpg");
	background-position: center bottom;
	background-repeat: no-repeat;
	text-align: center;
	padding-top:50px;
	padding-bottom:100px;
	
}

.headerContainer nav {
	margin:0 auto;
	margin-top:50px;
	text-align: center;
}

.headerContainer nav ul {
	
	display:inline-table;
	padding-left: 0px;
	margin:0px;
	
}


.headerContainer nav li {
	
	float:left;
	list-style: none;
	margin-left:25px;
	display:inline;
}


.headerContainer nav li a {
	
	font-weight: 800;
	color:#221f20;
	font-size: 18px;
}

.headerContainer nav li a:hover {
	
	text-decoration: none;
}


.banner {
	
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 38px 6px rgba(0,0,0,0.17);
	-moz-box-shadow: 0px 0px 38px 6px rgba(0,0,0,0.17);
	box-shadow: 0px 0px 38px 6px rgba(0,0,0,0.17);
	margin-top:-50px;
	background-color:#ffffff;
	overflow: hidden;
}


.yapimasamasi {
	
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 38px 6px rgba(0,0,0,0.17);
	-moz-box-shadow: 0px 0px 38px 6px rgba(0,0,0,0.17);
	box-shadow: 0px 0px 38px 6px rgba(0,0,0,0.17);
	margin-top:-50px;
	background-color:#ffffff;
	overflow: hidden;
	margin-top:30px;
	
}

.yapimasamasiTitle { font-size: 30px; font-weight: 800; padding-top:50px; padding-bottom:20px; }

.slideBox {
	
	padding-top:160px;
	padding-left:80px;
	
}

.baslik1 {
	
	font-size: 40px;
	font-weight: 800;
	color:#00000;
	margin-bottom:0px;
	
}

.baslik2 {
	
	font-size: 33px;
	font-weight: 300;
	color:#00000;
	
}


.bannerMenu { margin-top:40px; }

.satinAlBTN {
	
	background-color:#71aeb5;
	border-radius: 20px;
	padding-left:30px;
	padding-right: 30px;
	padding-top:10px;
	padding-bottom:10px;
	font-size: 20px;
	font-weight: 800;
	color:#ffffff;
	margin-right: 5px;
	
}

.satinAlBTN:hover {
	
	text-decoration: none;
	color:#ffffff;
	background-color:#59969d;
	
}


.inceleBTN {
	
	background-color:#ffffff;
	border:2px solid #71aeb5; 
	border-radius: 20px;
	padding-left:30px;
	padding-right: 30px;
	padding-top:8px;
	padding-bottom:8px;
	font-size: 20px;
	font-weight: 800;
	color:#71aeb5;
	margin-right: 10px;
	
}

.inceleBTN:hover {
	
	border-clor:#59969d;
	text-decoration: none;
	color:#59969d;
	
}


.itemMenu { margin-top:30px; }







.subPageUrunlerDetayContainer {
	padding-top:70px;
	padding-bottom:70px;
	
}

.img-rounded {
    border-radius: 20px !important;
}



.urunlerTanitimCol {
	
	padding-left:100px;
	padding-top:50px;
	
}


.urunBaslik {
	
	font-weight: 800;
	font-size: 30px;
	margin-bottom:10px;
	color:#8d6557;
	
}

.urunTanitim {
	
	margin-bottom:50px;
	font-weight: 300;
	font-size: 18px;
}




.subUrunlerBaslik {
	font-size: 28px !important;
	margin-bottom:40px !important;
}


.subUrunlerRow {
	
	margin-top:100px !important;
	
}

.subUrunlerRow ul { list-style: none; }

.subUrunlerRow ul li::before {
  content: "\2022";
  color: #71aeb5;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

.subUrunlerRow ul li {
	
	font-size: 20px;
	font-weight: 300;
	margin-bottom:10px;
	
}

.subUrunlerRow ul li span {
	
	font-weight: 800;
	
}


.subPageImgCol {
	
	padding-top:50px;
}









































/* Carousel Fading slide */
.carousel-fade .carousel-inner { background: #ffffff; }
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  }

  .carousel-fade .next.left,
  .carousel-fade .prev.right,
  .carousel-fade .item.active { opacity: 1; }

  .carousel-fade .active.left,
  .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
    }


/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}




/* Carousel Control custom */
.carousel-control .control-icon {
  font-size: 48px;
  height: 30px;
  margin-top: -15px;
  width: 30px;
  display: inline-block;
  position: absolute;
  top: 50%;
  z-index: 5;
  }
  .carousel-control .prev { margin-left:  -15px;  left: 50%; } /* Prev */
  .carousel-control .next { margin-right: -15px; right: 50%; } /* Next */


/* Removing BS background */
.carousel .control-box { opacity: 0; }
a.carousel-control.left  { left: 0; background: none; border: 0;}
a.carousel-control.right { right: 0; background: none; border: 0;}


/* Animation */
.control-box, a.carousel-control, .carousel-indicators li {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;   
  /* hardware acceleration causes Bootstrap carousel controlbox margin error in webkit */
  /* Assigning animation to indicator li will make slides flicker */
  } 


/* Hover animation */
.carousel:hover .control-box { opacity: 1; }
.carousel:hover a.carousel-control.left { left: 15px; }
.carousel:hover a.carousel-control.right { right: 15px; }  


/* Carouse Indicator */
.carousel-indicators li.active,
.carousel-indicators li { border: 0; }

.carousel-indicators { left:140px; }

.carousel-indicators li {
  background: #e6e6e6;
  margin: 0 3px;
  width: 30px;
  height: 30px;
	border-radius: 60px;
  }

.carousel-indicators li.active {
  background: #71aeb5;
  margin: 0 3px;
  width: 30px;
  height: 30px;
	border-radius: 60px;
  }



h1 { font-size: 40px; font-weight: 800; color:#8d6557; margin-bottom: 70px; }

.tanitimCol { margin-top:60px; }

.tanitimContainer { margin-top:100px; padding-left:50px; padding-right: 50px; margin-bottom:50px;}

.tanitimBaslik { font-size: 18px; font-weight: 800; color:#71aeb5; }
.tanitimTxt { font-size: 16px; font-weight: 300; line-height: 23px; }


.urunlerContainer {
	
	background-image: url("../img/dots-bg.jpg");
	min-height: 500px;
	padding-top:80px;
	padding-bottom:80px;
	
}

.urunlerBaslik {
	padding-left:50px;
	padding-right: 50px;
	color:red;
}

.marginContainer { padding-left:50px;}


.urunItem {
	
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 24px 11px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 24px 11px rgba(0,0,0,0.12);
box-shadow: 0px 0px 24px 11px rgba(0,0,0,0.12);
	background-color:#ffffff;
	margin:20px;
	padding-left:37px;
	padding-right:37px;
	padding-top:45px;
	padding-bottom:45px;
	
	background-image: url("../img/gunes-bg.jpg");
	background-repeat: no-repeat;
	background-position: top;

}


.itemBaslik {
	
	font-weight: 800;
	font-size: 30px;
	color:#71aeb5;
	margin-top:30px;
	
}


.itemFiyat {
	font-size: 23px;
	font-weight: 800;
	color:#8d6557; 
	
}



.itemSatinAlBTN {
	
	background-color:#71aeb5;
	border-radius: 20px;
	padding-left:30px;
	padding-right: 30px;
	padding-top:10px;
	padding-bottom:10px;
	font-size: 13px;
	font-weight: 800;
	color:#ffffff;
	margin-right: 5px;
	
}

.itemSatinAlBTN:hover {
	
	text-decoration: none;
	color:#ffffff;
	background-color:#59969d;
	
}


.itemInceleBTN {
	
	background-color:#ffffff;
	border:2px solid #71aeb5; 
	border-radius: 20px;
	padding-left:30px;
	padding-right: 30px;
	padding-top:8px;
	padding-bottom:8px;
	font-size: 13px;
	font-weight: 500;
	color:#71aeb5;
	margin-right: 10px;
	
}

.itemInceleBTN:hover {
	
	border-color:#59969d;
	text-decoration: none;
	color:#59969d;
	
}


.footerContainerBg {
	background: rgb(241,196,181);
background: -webkit-linear-gradient(left, rgba(241,196,181,1) 50%, rgba(172,218,223,1) 50%);
background: -o-linear-gradient(left, rgba(241,196,181,1) 50%, rgba(172,218,223,1) 50%);
background: linear-gradient(to right, rgba(241,196,181,1) 50%, rgba(172,218,223,1) 50%);
}

.footerContainer {
	min-height: 350px;
	background-image: url("../img/footer-bg.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	
}

.catdog { margin-top:50px; }

.footerMenu { 

	padding-top:60px;
	padding-left:20px;
	
}


.footerMenu ul {
	
	float: left;
	margin:0px;
	padding:0px;
	clear: both;
	
}

.footerMenu ul li {
	
	float: left;
	margin-right:15px;
	list-style: none;
	
}

.footerMenu ul li a {
	
	font-size: 18px;
	color:#231f20;
	font-weight: 800;
	
}

.footerMenu ul li a:hover {
	
	text-decoration: none;
	
}

.footerMenuItem ul {
	
	margin-top:30px;
	margin-bottom:30px;
	
}

.footerMenuItem ul li {
	
	float: none;
	
}

.bannerBgImage {
	
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.mobileMenu {
	
	widows: 100%;
	background-color:#ffffff;
	z-index: 20;
	height: 100vh;
	background-image: url("../img/dogs-cat-menu.png");
	background-position: bottom;
	background-repeat: no-repeat;
	
}

.mobileMenuCol {
	
	padding-top:30px;
	
}

.mobileMenuList ul{
	
	padding:0px;
	margin:0px;
	margin-top:50px;
	
}


.mobileMenuList ul li {
	
	text-align: center;
	list-style: none;
	margin-bottom:20px;
	
}

.mobileMenuList ul li a {
	font-size: 20px;
	font-weight: 800;
	color: #000000;
	
}

.closeMenu { position: absolute; right: 10px;  color:#020202 !important; opacity: 1 !important; padding-right: 20px; }


.mMenuContainer { margin-top:30px; margin-bottom:60px; }

.mMenuContainer a { font-size: 20px;  border:5px solid #ffffff; padding:10px; padding-left:20px; padding-right: 20px;  font-weight: 800; color:#000000;}

.mMenuContainer a:hover { border-color: #000000; text-decoration: none; }

.mMenuContainer { display: none !important; }

.subPageTitle {

	padding-left:70px; 
	font-size: 40px;
	font-weight: 800;
	padding-top:60px;
	
}

.subPageUrunlerContainer {
	
	padding-top:0px;
	padding-bottom:100px;
	
}

.subPageMenuCat ul {
	
	float:right;
	clear: both;
	list-style: none;
	padding-top:80px;
	padding-bottom:50px;
	
}

.subPageMenuCat ul li {
	
	float:left;
	margin-left:20px;
}

.subPageMenuCat ul li a {
	
	font-size: 18px;
	color:#71aeb5;
	font-weight: 800;
	border: 3px solid #71aeb5;
	border-radius: 20px;
	padding-left:20px;
	padding-right: 20px;
	padding-top:10px;
	padding-bottom:10px;
}

.subPageMenuCat ul li a:hover {
	text-decoration: none;
	border-color:#59969d;
	color:#59969d;
}
	
.subCarusel {
	position: unset !important;
	margin-top:20px;
	margin-left:0px;
	text-align: left;
	
}


.subContext { padding:50px; }

.subContext h1 { margin-bottom:20px; font-size: 30px; }

.subContext p { font-weight: 300; font-size: 18px; }

.siparisFormu {
	
	padding-left: 65px; 
	padding-right: 65px;
	
}

.siparisFormu h1 {
	
	font-size: 30px !important;
	margin-bottom: 50px !important; 
	
}

.siparisFormu p { margin-bottom:30px; }


.satisKanali h1 {
	
	font-size: 30px !important;
	margin-bottom:50px !important; 
	
}

.satisKanali p { font-size: 20px ; font-weight: 300; }

.satisKanali p small { font-size: 15px; font-style: italic; display: block; margin-bottom:5px; }


.input {
	
	background-color:#71aeb5;
	border-radius: 20px;
	padding-left:30px;
	padding-right: 30px;
	padding-top:10px;
	padding-bottom:10px;
	font-size: 20px;
	font-weight: 800;
	color:#ffffff;
	margin-right: 5px;
	
}

.input:hover {
	
	text-decoration: none;
	color:#ffffff;
	background-color:#59969d;
	
}

.blogContainer {
	
	
	padding-right: 100px; 
	
}

.blogContainer h2 {
	
	font-weight: 800;
	margin-bottom:20px;
}

.blogContainer img {
	
	margin-bottom:20px; 
	
}


.blogContainer p {
	
	font-size: 18px;
	font-weight: 300; 
}

.blogItem {
	
	margin-bottom:80px; 
	
}

.blogCat ul li { list-style: none; margin-bottom:10px;  }

.blogCat ul li a { font-size: 20px !important; font-weight: 800; color:#71aeb5; }

.blogCat ul li a:hover { text-decoration: none; }

.blogCat ul li::before {
  content: "\2022";
  color: #71aeb5;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}


.phone { font-size:40px; font-weight: 800; color:#8d6557; }

.small-mesaj { font-size: 20px !important; }

.small-mesaj::after {
	content: "\2022 \2022 \2022";
	border-bottom:5px; 
	display: block;
	padding-top:20px;
	padding-bottom:10px;
	color:#acacac;
}

.eposta a {
	
	font-size: 40px;
	font-weight: 800;
	color:#71aeb5;
}


/*
* Media Queries
*******************/

@media only screen and (max-width : 1200px) {
	
	.slideBox { padding-top:100px !important; padding-left:60px !important; padding-right:50px !important;  padding-bottom:60px;}
	
	.baslik1 { font-size: 30px !important; text-align: left; }
	.baslik2 { font-size: 40px !important; text-align: left; }
	
	
	.bannerMenu { margin-top:40px; }

	.satinAlBTN {

		background-color:#71aeb5;
		border-radius: 20px;
		padding-left:30px;
		padding-right: 30px;
		padding-top:10px;
		padding-bottom:10px;
		font-size: 15px;
		font-weight: 800;
		color:#ffffff;
		margin-right: 5px;

	}

	.satinAlBTN:hover {

		text-decoration: none;
		color:#ffffff;
		background-color:#59969d;

	}


	.inceleBTN {

		background-color:#ffffff;
		border:2px solid #71aeb5; 
		border-radius: 20px;
		padding-left:30px;
		padding-right: 30px;
		padding-top:8px;
		padding-bottom:8px;
		font-size: 15px;
		font-weight: 800;
		color:#71aeb5;
		margin-right: 10px;

	}

	.inceleBTN:hover {

		border-clor:#59969d;
		text-decoration: none;
		color:#59969d;

	}
	
	h1 {
		font-size: 40px;
		font-weight: 800;
		color: #8d6557;
		margin-bottom: 0px;
	}
	
	
	.carousel-indicators {
		left: 120px;
	}

	
}

@media only screen and (max-width : 992px) {
	
	.bannerSVG img { display: none; }
	.bannerSVG { height: 500px; }
	
	.subPageBanner {  
	
		height: 200px !important;
		
	}
	
	
}


@media only screen and (max-width: 767px) {
	
	
	
}


@media only screen and (max-width : 580px){
	
	
	.mMenuContainer { display:block !important; }
	
	.bannerSVG img { display: none; }
	
	.bannerSVG { height: 300px; }
	
	.slideBox { padding-top:50px !important; padding-left:50px !important; padding-right:50px !important;  padding-bottom:60px;}
	
	.baslik1 { font-size: 20px !important; text-align: center; }
	.baslik2 { font-size: 30px !important; text-align: center; }
	
	.tanitimContainer {
		margin-top: 50px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		margin-bottom: 20px !important;
	}
	
	.containerHeaderSM ul {
    	margin-right: 20px;
	}
	
	.tanitimCol {
		margin-top: 20px !important;
	}
	
	.headerContainer nav { display: none !important; }
	
	.bannerMenu { text-align: center !important; }
	
	h1 {
		font-size: 30px;
		font-weight: 800;
		color: #8d6557;
		margin-bottom: 30px;
	}
	
	.banner {
		margin-left:20px !important;
		margin-right: 20px !important;
	}
	
	.carousel-indicators {
		left: 50% !important;
	}
	
	.urunlerContainer {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.footerMenuItem ul {
		display:none !important;
	}
	
	.footerMenu { padding-left:50px; }
	
	.footerMenu ul {
		display: none !important;
	}
	
	.bannerMenu a { display: block; margin-bottom:5px;  }
	
	.gif { padding-left:50px; padding-right: 50px; }
	
	
	.headerContainer {
		background-image: url(../img/header-bg.jpg);
		background-position: center bottom;
		background-repeat: no-repeat;
		text-align: center;
		padding-top: 20px !important;
		padding-bottom: 30px !important;
	}
	
	
	.subPageMenuCat ul {
		margin:0px !important;
		padding:0px !important;
		float:none;
		padding-top:40px !important;
		
	}
	
	.subPageMenuCat ul li {
		
		float:none !important;
		
		display: block !important;
		margin-bottom:10px;
	
	}
	
	.subPageMenuCat ul li a {
		display:block;
		font-size: 15px;
		color:#71aeb5;
		font-weight: 800;
		border: 3px solid #71aeb5;
		border-radius: 20px;
		padding-left:10px;
		padding-right: 10px;
		padding-top:10px;
		padding-bottom:10px;
	}
	
	.subPageBanner {  
	
		height: 100px !important;
		
	}
	
	.subPageTitle {
		padding-left: 30px;
		font-size: 30px;
		font-weight: 800;
		padding-top: 30px;
		padding-bottom:30px;
	}
	
	

	.urunlerTanitimCol {

		padding-left:20px !important;
		padding-right: 20px !important; 

	}


	.subUrunlerRow {

		padding-left:20px !important;
		padding-right: 20px !important;


	}



	.subBannerCol {

		padding-left:20px !important;
		padding-right: 20px !important;

	}

	

}


@media only screen and (max-width : 520px) {
	
}


@media only screen and (max-width : 480px) {


}

@media only screen and (max-width : 370px){


}

@media only screen and (max-width : 320px) {


}


@media only screen and (min-width : 1200px) {



}

@media only screen and (min-width : 1360px) {


}

@media only screen and (min-width : 1439px) {


}

@media only screen and (min-width : 1599px) {



}