html, body {
		font-family: "Open Sans";
		font-size:13px;
		color:#444444;
	}

	a {
		-o-transition:.5s;
		-ms-transition:.5s;
		-moz-transition:.5s;
		-webkit-transition:.5s;
		/* ...and now for the proper property */
		transition:.5s;
		text-decoration: none !important;
	}

	.alibaba {
			position: absolute;
			top:-50px;
			left:35px;
	}

	.menuHolder {
		text-align: center;
	}
	.menuBtn {
		position: absolute;
		top:15px;
		right:15px;
		padding:0 10px;
		border-radius: 5px;
		font-size:20px;
		border:1px solid #CCCCCC;
		display: inline-block;
		cursor: pointer;
		z-index: 5009;
	}
	.menuBtn:hover {
		background:#AA0000;
		border-color:#CC0000;
		color:#FFFFFF;
	}

	.img-zoom {
		top: 0;
		left: 0;
		margin: 0;
		display: block;
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.img-zoom img {
		cursor: pointer;
		transition: all 0.3s cubic-bezier(0.25, 0.26, 0.25, 0.54);
	}
	.img-zoom img:hover {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}


	.row.row-eq-height {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}



	.logo {
		position: relative;
		top:-2px;
		display: inline-block;
		z-index: 5001;
		width:270px;
		height:160px;

	}

	.logo:hover {
		animation: shake 0.82s cubic-bezier(.36,.07,.19,.36);
		transform: translate3d(0, 0, 0);
	}

	@keyframes shake {
	  10%, 90% {
	    transform: translate3d(-1px, 0, 0);
	  }

	  20%, 80% {
	    transform: translate3d(2px, 0, 0);
	  }

	  30%, 50%, 70% {
	    transform: translate3d(-4px, 0, 0);
	  }

	  40%, 60% {
	    transform: translate3d(4px, 0, 0);
	  }
	}
	.topBar {
		position: absolute;
	    top: 0;
	    height: 85px;
	    z-index: 4999;
	   	background: rgba(255,255,255,0.85) url("../images/border.jpg") repeat-x;
		background-position: bottom left;

	}

	.bilgiBar {
		position: absolute;
		left:0px;
		top:43px;
		z-index: 5000;
	}

	.bilgiBar ul li {
		display: inline-block;
		margin-right: 15px;
		color:#5d5d5d;
		font-weight: 400;
	}

	.anaMenu {
		position: absolute;
		right:15px;
		top:13px;
		z-index: 5000;
		width: 500px;
	}
	.mainMenu {
		margin-top:25px;
	}
	.anaMenu ul {
		position: absolute;
		right:0;
	}
	.anaMenu ul li {
		display:inline-block;
		margin-right:5px;
	}
	.anaMenu ul li.social {
		margin-left:0px;
		margin-right:0px;
	}
	.anaMenu ul li.social a {
		font-size:14px;
		padding:5px;
	}
	.socialAnaMenu li:nth-child(2) {
		margin-right:20px !important;
		border-right:1px solid #CCC;
		padding-right:10px;
	}
	.anaMenu ul li:last-child {
		margin-right:0;
		margin-left:5px;
	}
	.anaMenu ul li a {
		color:#5d5d5d;
		font-weight: 600;
		font-size:13px;
		padding:5px 10px;
		display: block;
	}

	.mainMenu li a:hover {
		background:#AA0000;
		border-radius:5px;
		color:#FFFFFF;
	}

	.anamenu_active {
		background:#AA0000;
		border-radius:5px;
		color:#FFFFFF !important;
	}

	.socialAnaMenu {
		top:-20px;
	}

	.socialAnaMenu li {
		margin-left:0px;
	}

	.slider {
		position: relative;
		z-index: 0;
		margin-top:-82px;
	}

	/****************************** YAN MENU ****************************************/

	/* The side navigation menu */
	.yanmenu {
	    height: 100%; /* 100% Full-height */
	    width: 260px; /* 0 width - change this with JavaScript */
	    position: fixed; /* Stay in place */
	    z-index: 10001; /* Stay on top */
	    top:0;
	    margin-top:1px;
	    left: -260px;
	    background-color: #FFFFFF; /* Black*/
	    overflow-x: hidden; /* Disable horizontal scroll */
	    padding-top: 60px; /* Place content 60px from the top */
	    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
	}

	/* The navigation menu links */
	.yanmenu a {
	    padding: 8px 32px 8px 32px;
	    text-decoration: none;
	    font-size: 13px;
	    color: #2a5a28;
	    display: block;
	    transition: 0.3s;
	    border-bottom:1px solid #CCC;
	    margin-right:10px;
	    margin-left:10px;
	}

	/* When you mouse over the navigation links, change their color */
	.yanmenu a:hover {
	    color: #AA0000;
	}

	.yanmenu .social {
		margin-top:10px;
		display:inline-block;
		font-size:25px;
		margin-right:0;
		margin-left:0;
		border-bottom: none;
		padding:10px;
	}

	/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
	@media screen and (max-height: 450px) {
	    .yanmenu {padding-top: 15px;}
	}

	.menuAcik {
		left:0px;
	}


	body.noscroll {

	}

	.overlay {
		cursor: pointer;
	    position: fixed;
	    display: none;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background-color: rgba(0, 0, 0, 0.4);
	    z-index: 5010;
	}

	/*************************** BAŞLIKLAR *****************************/
	.haber {
		text-align: center;
	}

	.haber * {
		display: inline;
		font-size: 14px;
		color:#464646;
	}

	.haber h1 {
		font-family: "Faustina";
		font-size: 38px;
		margin-right:15px;
		color:#000000;
	}

	.haber strong, .haber b {
		font-weight: 600
	}

	/************************ SECTION 1 *************************/

	#section1 {
		background:url("../images/image1.png") top center no-repeat;
		background-size: cover;
		padding:70px 0;
	}

	#section1 h2.baslik {
		text-align: left;
		font-family: "Faustina";
		font-size:34px;
	}

	.yesil {
		color:#61761a;
	}

	.kirmizi {
		color: #790d0d;
	}

	.btn-yesil {
		color:#FFFFFF;
		border:1px solid #a4b138;
		background-color:#a4b138;
		border-radius:15px;
		padding:5px 15px;
	}

	.btn-yesil:hover {
		color:#FFFFFF;
		background-color:#829016;
	}

	/*********************************************/
	.baslik {
		text-align: center;
	}
	.baslik h1 {
		font-family: "Faustina";
		font-size: 38px;
		margin-right:15px;
		color:#000000;
	}

	/************************ SECTION 2 *************************/

	#section2, .section2 *{
		text-align: center;
	}

	#section2 h3, .section2 h3 {
		margin-top:10px;
		font-size:15px;
		color:#777777;
		font-weight: 600;
	}

	#section2 p, .section2 p {
		color:#777777;
		font-weight: 300;
	}

	.section2>div {
		border-bottom:1px solid #DDDDDD;
	}

	/************************ SECTION 3 *************************/


	#section3 *{
		text-align: center;
	}

	#section3 .img-zoom {
		margin-bottom:10px;
	}

	#section3 .bg1 {
		background: transparent url("../images/bg1.png") no-repeat top center;
	}

	#section3 h4 {
		margin-top:50px;
		font-family: "Faustina";
		font-size:36px;
	}

	#section3 p {
		font-size:14px;
		color:#777777;
		font-weight: 300;
	}

	#section3 h1 {
		font-family: "Faustina";
	}

	/************************ SECTION 4 *************************/

	#section4 {
		background:url("../images/parallax.jpg") no-repeat;
		height:581px;
		background-attachment: fixed;
		background-position: center;
		background-size: cover;
		margin-bottom:100px;
	}
	#section4 .text-Holder {
		margin-top:210px;
	}
	#section4 .text-Holder div{
		display: inline-block;
	}
	#section4 h4 {
		color:#FFFFFF;
		font-family: "Faustina";
		font-size:38px;
		text-align: center;
	}

	#section4 p {
		color:#FFFFFF;
		text-align: center;
		font-weight: 300;
	}

	.altTablo .cerceve_l, .altTablo .cerceve_r {
		position: relative;
		width: 120px
	}
	.altTablo .cerceve_l img{
		position: absolute;
		right:-70px;
		top:215px;
	}
	.altTablo .cerceve_r img{
		position: absolute;
		left:-70px;
		top:215px;
	}

/****************************** KURUMSAL **************************************/

	#ustBar {
		background:url("../images/ustBar_bg.jpg") no-repeat;
		background-size: cover;
		height:191px;
		margin-top:-85px;
		position: relative;
	}

	.ustBarTablo {
		color:#FFFFFF;
	}

	.ustBarTablo h4 {
		font-family: "Faustina";
		font-size:30px;
		margin-top:25px;
		text-align: center;
	}

	.ustBarTablo p {
		font-weight: 300;
		text-align: center;
	}
	.ustBarTablo .cerceve_l, .ustBarTablo .cerceve_r {
		position: relative;
		width: 120px
	}
	.ustBarTablo .cerceve_l img{
		position: absolute;
		right:-70px;
		top:35px;
	}
	.ustBarTablo .cerceve_r img{
		position: absolute;
		left:-70px;
		top:35px;
	}
	.bcrumb {
		font-family: "Faustina";
		color:#FFFFFF;
		font-size:45px;
		position: absolute;
		right:30px;
		top:60px;
	}

	#section5 {
		color:#777777;
	}
	#section5 .baslik {
		font-family: "Faustina";
		font-size: 38px;
		text-align: left;
	}

	#section5 p {
		margin:5px 0;
	}

	#section6 {
		background:url("../images/kurumsal_bg.jpg") no-repeat;
		height:549px;
		background-size: cover;
		margin-bottom:100px;
	}

	#section6 h4 {
		font-family: "Faustina";
		font-size:38px;
		color:#FFF;
		text-align: center;
		margin-top: 50px;
	}


/****************************** KURUMSAL **************************************/

	.baslik p {
		color:#555;
	}
	.kategoriHolder {
		-o-transition:.5s;
		-ms-transition:.5s;
		-moz-transition:.5s;
		-webkit-transition:.5s;
		/* ...and now for the proper property */
		transition:.5s;
		overflow: auto;
		scrollbar-width:none;
		-ms-overflow-style:none;
	}

	.kategoriHolder::-webkit-scrollbar {
		display:none;
	}

	.kategoriler {
		border-bottom:1px solid #DDDDDD;
		padding: 0;
		margin: 0 0 25px 0;

		-webkit-box-shadow: 0 12px 45px -18px rgba(0,0,0,0.4);
		-moz-box-shadow: 0 12px 45px -18px rgba(0,0,0,0.4);

		box-shadow: 0 20px 20px -18px rgba(0,0,0,0.15);
		
	}

	@media(max-width:1300px) {
		.kategoriler {
			display:inline-flex;
		}
	}

	.kategoriler li {
		display: inline-block;
		margin-right:25px;
		margin-left:25px;


	}

	.kategoriler span {
		font-size:8px;
		padding-top:4px;
		color:#CC0000;
	}

	.kategoriler li a {
		color:#777777;
		font-weight: 600;
		display:block;
		padding:25px 10px 26px 10px;
	}

	.kategoriler li a:hover {
		color:#CC0000;
	}


/****************************** STICKY MENU **************************************/

   .sticky {
		position: fixed;
		top:0;
		left:0;
		width:100%;
		z-index:50;
		background-color: #FFF;
		padding-top:0px;
		-o-transition:.5s;
		-ms-transition:.5s;
		-moz-transition:.5s;
		-webkit-transition:.5s;
		/* ...and now for the proper property */
		transition:.5s;
   }

   .bodyMargin {
   		margin-top:60px;
   }

/* #################################### İLETİŞİM ######################################## */

	#ustBar2 {
		margin-top:-92px;
		position: relative;
	}

	#map {
	    height: 450px;
	    border-bottom: 1px solid #f3f3f3
	}

	.iletisim h4 {
		margin-top:25px;
	}
	.iletisim h6 {
		margin-top:15px;
		margin-bottom:10px;
		font-weight: 600;
	}
	.iletisim p {
		font-size:14px;
		margin-bottom:5px;
		font-family:'Open Sans';
	}

/****************************** FOOTER **************************************/
	footer {
		background:#f1f1f1 url("../images/footer.jpg") no-repeat;
		background-size: cover;
	}

	footer>div {
		padding:150px 0 50px 0;
		color:#777777;
	}

	footer p {
		margin: 0;
		font-size: 12px;
	}

	footer p.kirmizi {
		color:#AA0000;
	}
	.altBilgi {
		list-style-type: none;
		padding:0;
		margin: 0;
	}

	.altBilgi li{
		display: inline-block;
		margin-right:15px;
	}

	footer .social {
		color:#666666;
		margin-left:15px;
		font-size:16px;
	}

	.slide-link.active {
	    background-color: #CC0000;
	    color: #FFFFFF;
	    padding: 25px 10px 26px 10px;
	}
	.slide-link.active:hover {
		color:#FFFFFF;
	}
	.slide-link.active>span.fa-li {
		display:none;
	}
	.ms-view {
		background-color:#FFFFFF !important;
	}

	.fancybox-caption-wrap {
	    top: 0;
	    bottom: auto !important;
	    padding: 45px 30px 0 30px !important;
	    text-align: center;
	}

	.fancybox-caption {
		font-size:20px !important;
	}

	.fancybox-stage {
	    margin-top: 85px;
	}

	.kurumsal_slogan h4 {
		font-family:"Faustina";
		font-size:40px;
		color:#790d0d;
	}