@charset "utf-8";
/* CSS Document */


html, body{ 
    background-color:#ffffff;
	padding: 0px; 
	margin: 0;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet M.S", Verdana, sans-serif;
	font-size: 14px; 
	color: #333; 
	font-weight: normal; 
	text-decoration: none;

}



	a.link:link, a.link:visited { color:#000000; text-decoration: none;  }
	a.link:hover, a.link:active { color:#000000;text-decoration:none;}

	a.linkword:link, a.linkword:visited { color:#000000; text-decoration: none;  }
	a.linkword:hover, a.linkword:active { color:#000000;text-decoration:underline;}

	.list{ border:1px solid #e5e5e5; margin-bottom:2px; padding:8px 20px;}
	.list:hover{ background-color: #f9f9f9;}
	.list-child{ margin:0px 0px 2px 30px}

	.img-fix{
		width:100%; height:auto;
	}

	.input-text{
		padding:10px; width:100%; border:1px solid #ccc
	}

	.input-offer{
		padding:10px; border:1px solid #ccc
	}

	#top-line{
		width:70%; padding:10px 0px
	}

	.top-line-left{
		float:left; width:50%; text-align:left
	}

	.top-line-right{
		float:left; width:50%; text-align:right
	}

	#menu-line{
		width:100%; background-color: #fff; box-shadow: 0px 0px 20px 2px #ccc;
	}

	.cart-count{ position:absolute; width:16px; height:16px; border-radius:10px; background-color:#FF0000; margin-left:calc(85% - 10px); color:#FFF; font-size:10px; font-weight:bold}

	.support-title{
		color:#fc9a36; font-family:Oswald; font-size:18px; text-align:left
	}

	.support-text{
		text-align:justify; margin:20px 0px
	}

	.support-select{
		padding:10px; width:100%; border:1px solid #ccc;
	}

	.bottom-top-20{
		margin:20px 0px
	}

	.happy-customer-title{
		font-family:Oswald; font-size:30px; font-weight:400; margin-bottom:50px
	}

	.happy-customer-box-content{
		margin-left:calc(50% - 35px); margin-bottom:10px
	}

	.happy-customer-quotes{
		float:left; width:20px; height:20px; border-radius:50%; background-color:#fc9a36; margin-top:-10px; color:#FFF; font-size:24px; font-family:Abril Fatface
	}

	.happy-customer-circle{
		float:left; width:50px; height:50px; background-color:#d3f8ff; border-radius:50%; margin-top:-25px;
	}

	.happy-customer-name{
		font-weight:bold; font-size:16px
	}

	.book-group-title{font-size:24px; font-weight:700; margin:0px 30px 20px 0px}

.btn-sepet{font-size:16px; padding:10px 20px; border-radius:50px}
.books-list-desc{border:1px solid #e5e5e5; background-color:#f9f9f9; padding:10px; margin-top:10px}
.books-name{font-size:24px; font-weight:700; margin-bottom:20px}
.books-info-title{float:left; width:30%; font-weight:600; color:#999; font-size:12px}
.books-info-dot{float:left; width:5%; font-weight:600; color:#999; font-size:12px}
.books-info-txt{float:left; width:65%}

.feature-title{float:left; padding:10px 20px; border:1px solid #e5e5e5; font-weight: 700; cursor:pointer}
.feature-title-active{float:left; padding:10px 20px; border:1px solid #e5e5e5; background-color:#e5e5e5; font-weight: 700; cursor:pointer}
.feature-content{border:1px solid #e5e5e5; padding:20px; margin-top:5px}

.cart-title{font-size:24px; font-weight:700; margin:0px 30px 20px 0px}
.cart-table-title{border:1px solid #e5e5e5; background-color:#f9f9f9; padding:10px; margin-bottom:5px}
.cart-list{border:1px solid #e5e5e5; padding:10px; margin-bottom:5px}
.cart-list-result{border:0px solid #e5e5e5; padding:10px; margin-bottom:5px; font-weight:600}

.left-10{ float:left; width:10%;}
.left-20-right{float:left; width:20%; text-align:right}
.left-40{float:left; width:40%}
.left-40-right{float:left; width:40%; text-align:right}


.comment-write{margin-top:50px; padding:10px 20px; border-radius:50px}
#mobil-topmenu{position:absolute; top:0px; left:0px; width:100%; min-height:100%; background-color:#FFF; z-index:100000000; display:none}
.close-btn-box{padding:10px; background-color:#f0f0f0}
#mobil-topmenu-content{padding:10px}
.mobilmenu-item{padding:8px; border:1px solid #e5e5e5; margin-bottom:3px}
.mobilmenu-subitem{padding:8px; border:1px solid #e5e5e5; margin:0px 0px 3px 40px}

.result-title{float:left; width:50%; text-align:center; font-size:13px; font-weight:bold; font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif'; padding:8px; cursor:pointer }

.accordion-submenu{padding:10px; border:1px solid #e5e5e5; margin-bottom:2px; cursor:pointer; border-radius:25px; margin-left:30px}
.accordion-submenu-active{padding:10px; border:1px solid #e5e5e5; margin-bottom:2px; cursor:pointer; border-radius:25px; margin-left:30px; background-color:#f4f4f4}
.accordion-submenu:hover{background-color:#e5e5e5}



.accordion {
  background-color: #f4f4f4;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
margin-bottom:0px;
	border:1px solid #fff;
	border-radius:25px;
}

.active, .accordion:hover {
  background-color: #e5e5e5;
}

.panels {
  padding: 0px 0px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}


@media only screen and (min-width:200px) and (max-width:480px) {
	
	
	.mesai{ display: none}
	#top-contact{display:none}
	.top-menu-menu{display:none}
	.top-menu-consulting{
		width:100%; text-align:center;
	}
	
	.footer-mobil{display: block}
	.footer-pc{display: none}
	.bizkimiz-mobil{display: block}
	.bizkimiz-pc{display: none}
	
	#abone-topmenu{position:absolute; top:0px; left:0px; width:100%; min-height:100%; background-color:#fff; z-index:100000000; display:none}
	
	.input-modal{padding:10px; width:calc(100% - 0px); border:1px solid #ccc; background-color:#FFF; border-radius:5px; /*transparent*/}
	
	#logo{float:left; width:80%; height:60px; overflow:hidden; margin-bottom:10px}
	.logo{float:left; width:80%; height:60px; background-color: #000; color:#fff; text-align:right; padding:20px 0px}
	.logo-img{height:30px; width:auto}
	#triangle{float:left; width:20%;}
	.triangle{border-color: transparent transparent rgba(0,0,0,1);border-width: 0px 1068px 669px 420px;transform: scale(0.1) translate(223px, 1616px) rotate(4.1524rad);transform-origin: 0 0;border-style: solid;}
	.mobil-topmenu{float:left; width:20%; padding:15px}
	
	/* HEXAGON */
	.hexagon-wrapper {margin: auto;display: flex;float:left;text-align: initial;width: 175px;height: 175px;cursor: pointer;}
	
	.consulting{width:100%; margin-top:0px;  background-size: 100% auto; background-repeat: repeat-y;}
	.consulting-content{width:80%; padding:70px 0px}
	.consulting-title{color:#fc9a36; font-size:18px; font-weight:bold}
	.consulting-text{font-size:18px; font-weight:bold; margin:20px 0px}
	.consulting-width{width:100%;}
	
	.support-content{width:100%; background-color:#FFF; padding:30px}
	
	.home-book-title{font-family:Oswald; font-size:24px}
	.home-book-list{ width:calc(100% - 0px);  height:500px; overflow:hidden}
	
	.cover-img{ width:80%; height:auto}
	
	.happy-customer-box{width:calc(100% - 0px); background-color:#FFF; border-radius:20px; box-shadow: 0px 0px 20px 2px #ccc; margin-bottom:20px}
	
	.home-about-phone-text{width:100%; padding:20px}
	.home-about-text{width:100%; padding:20px}
	
	.bookgroup-txt{padding:0px 20px; text-align:justify}
	.book-pricelist-content{font-size:24px; font-weight:700; margin:20px 20px; border:1px solid #ccc; padding:20px}
	.book-list{border:1px solid #e5e5e5; padding:10px; margin:0px 20px 5px 20px; font-size:15px}
	.book-list-name{float:left; width:100%; padding-top:5px; text-align:left; font-weight:bold}
	.book-list-price{float:left; width:100%; padding-top:5px; text-align:left}
	.book-list-btn{float:left; width:100%}
	.books-list{width:calc(100% - 40px); margin:0px 20px}
	.book-list-cover{height:350px; overflow:hidden}
	
	#bookgroup-content{ width:calc(100% - 40px); text-align:left; padding:30px 0px; margin:0px 20px; font-family:Montserrat; }

	.books-cover{float:left; width:100%; border:1px solid #e5e5e5; padding:20px}
	.books-info{float:left; width:calc(100% - 0px);}
	
	.comment-detail-content{ padding:0px 20px}
	#user_comment{margin-top:50px; width:100%; display:none}
	


	.search-container{border:1px solid #e5e5e5; padding:5px; margin-bottom:5px}
	.search-type{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; cursor:pointer}
	.search-type-active{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; background-color:#f0f0f0; cursor:pointer}

	.search-doc{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; cursor:pointer}
	.search-doc-active{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; background-color:#f0f0f0; cursor:pointer}

	.search-place{float:left; width:33.33%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; cursor:pointer}
	.search-place-active{float:left; width:33.33%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; background-color:#f0f0f0; cursor:pointer}

	.search-mev{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; cursor:pointer}
	.search-mev-active{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; background-color:#f0f0f0; cursor:pointer}


	.search-list{
		padding:5px 20px; border:1px solid #f0f0f0; margin-bottom:3px; font-size:13px; cursor:pointer
	}

	.search-sublist{
		padding:5px 50px; border:1px solid #f0f0f0; margin-bottom:3px; font-size:13px; cursor:pointer
	}

	.search-select{padding:3px; width:calc(100% - 0px); border:1px solid #f0f0f0; background-color:#FFF; border-radius:5px; /*transparent*/}


	.search-label{ font-weight:normal}

	.result-box{margin-bottom:25px; border:1px solid #f9f9f9; padding:20px; cursor:pointer}
	.result-box:hover{ background-color:#f9f9f9  }

	.education-info{font-size:16px; font-weight:700;}
	.education-img{width:100%}
	.education-content{width:calc(100% 20px); margin:0px 10px}
	.education-price{}
	.education-buttons{}
	
	.footer-col{width:100%; text-align:center; margin-top:20px}
	.footer-logo{width:100%; font-size:36px;}
	.footer-social{width:100%; padding-top:15px; text-align:center}


	.home-left-content{display:none}
	.home-right-content{width:98%; padding:30px 10px 0px 10px}
	.content-mobil-btn{ }
	
	
	
}


@media only screen and (min-width:481px) and (max-width:2560px) {


	a.link:link, a.link:visited { color:#000000; text-decoration: none;  }
	a.link:hover, a.link:active { color:#000000;text-decoration:none;}

	a.linkword:link, a.linkword:visited { color:#000000; text-decoration: none;  }
	a.linkword:hover, a.linkword:active { color:#000000;text-decoration:underline;}

	.list{ border:1px solid #e5e5e5; margin-bottom:2px; padding:8px 20px;}
	.list:hover{ background-color: #f9f9f9;}
	.list-child{ margin:0px 0px 2px 30px}
	
	.mobil-topmenu{ display:none}
	.footer-mobil{display: none}
	.footer-pc{display: block}
	.bizkimiz-mobil{display: none}
	.bizkimiz-pc{display: block}
	
	.cover-img{ width:100%; height:auto}

	.img-fix{
		width:100%; height:auto;
	}

	.input-text{
		padding:10px; width:100%; border:1px solid #ccc
	}

	.input-offer{
		padding:10px; border:1px solid #ccc
	}

	#top-line{
		width:70%; padding:10px 0px
	}

	.top-line-left{
		float:left; width:50%; text-align:left
	}

	.top-line-right{
		float:left; width:50%; text-align:right
	}

	#menu-line{
		width:100%; background-color: #fff; box-shadow: 0px 0px 20px 2px #ccc;
	}

	#logo{
		float:left; width:30%; height:100px; overflow:hidden
	}

	.logo{
		float:left; width:80%; height:100px; background-color: #000; color:#fff; text-align:right; font-size:36px; padding:20px 0px
	}
	
	.logo-img{height:40px; width:auto}

	#triangle{
		float:left; width:20%;
	}

	.triangle{
		border-color: transparent transparent rgba(0,0,0,1);
		border-width: 0px 1068px 669px 420px;
		transform: scale(0.1) translate(223px, 1616px) rotate(4.1524rad);
		transform-origin: 0 0;
		border-style: solid;
	}

	#top-contact{
		float:right; margin-right:15%; width:55%; height:100px; padding-top:30px
	}

	#top-social{
		float:left; width:34%
	}

	.top-social-icon{
		float:left; width:40px; height:40px;  margin-right:10px
	}

	#top-email{
		float:left; width:33%; margin-top:-5px
	}

	.top-email-icon{
		float:left; width:calc(50% - 10px); margin-right:10px; text-align:right
	}

	.top-email-email{
		float:left; width:50%; text-align:left; padding-top:5px; font-size:16px; font-weight:bold
	}

	.top-contact-txt{
		font-size:13px; font-weight:normal; color:#ccc
	}

	#top-phone{
		float:left; width:33%; margin-top:-5px
	}

	.top-phone-icon{
		float:left; width:calc(50% - 10px); margin-right:10px; text-align:right
	}

	.top-phone-number{
		float:left; width:50%; text-align:left; padding-top:5px; font-size:16px; font-weight:bold
	}
	
	.trueegitim{width:70%; margin:10px 0px}

	#top-menu{
		width:70%; border-top:1px solid #f0f0f0; padding:15px 0px
	}

	.top-menu-menu{
		float:left; width:85%;
	}

	.top-menu-consulting{
		float:right; width:15%;
	}

	#offering{
		width:100%; margin-top:10px; background-size: 100% auto; background-repeat: no-repeat;
	}

	#offering-content{
		width:1000px; text-align:left; padding:70px 0px
	}

	.offering-title{
		color:#fc9a36; font-size:12px;
	}

	.offer{
		float:left; width:calc(25% - 20px); background-color:#FFF; padding:50px; margin-right:20px
	}

	.offer-last{
		float:left; width:calc(25% - 0px); background-color:#FFF; padding:50px; margin-right:0px
	}

	.offer-number{
		font-size:30px; font-weight:bold
	}

	.offer-txt{
		font-family:Montserrat; font-size:14px; font-weight:bold;
	}


	.consulting{
		width:100%; margin-top:0px;  background-size: 100% auto; background-repeat: no-repeat;
	}


	.consulting-content{
		width:70%; padding:70px 0px
	}

	.consulting-title{
		color:#fc9a36; font-size:18px; font-weight:bold
	}

	.consulting-text{
		font-size:18px; font-weight:bold; margin:20px 0px
	}

	.left-50{
		float:left; width:50%;
	}

	.consulting-width{
		width:70%;
	}

	.bottom-20{
		margin-bottom:20px
	}


	.support-content{
		width:40%; background-color:#FFF; margin-top:-330px; box-shadow: 0px 0px 20px 2px #ccc; padding:30px
	}


	.home-book-title{
		font-family:Oswald; font-size:24px
	}

	.home-book-list{
		float:left; width:calc(25% - 20px); margin-right:20px; height:350px; overflow:hidden
	}


	.happy-customer-box{
		float:left; width:calc(33% - 20px); background-color:#FFF; margin-right:20px; border-radius:20px; box-shadow: 0px 0px 20px 2px #ccc
	}


	.home-about-phone-text{
		float:left; width:50%; padding:20px 20px 20px 70px
	}

	.home-about-text{
		float:right; width:50%; padding:20px 70px 20px 70px
	}

	.home-bottom-logo-social{
		border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0px
	}


	#bookgroup{
		width:100%; margin-top:10px; background-size: 100% auto; background-repeat: no-repeat;
	}

	#bookgroup-content{
		width:calc(70% + 30px); text-align:left; padding:30px 0px; font-family:Montserrat;
	}
	
	
	.home-left-content{float:left; width:35%}
	.home-right-content{float:left; width:calc(65% - 0px); padding:0px 0px 0px 30px}
	.content-mobil-btn{ display:none}




	.input-reg{padding:10px; width:calc(60% - 0px); border:1px solid #ccc; background-color:#FFF; border-radius:5px; /*transparent*/}
	.input-modal{padding:10px; width:calc(100% - 0px); border:1px solid #ccc; background-color:#FFF; border-radius:5px; /*transparent*/}
	input:focus{ outline-style: none;  border:1px solid #86D396 } 
	.input-text{padding:10px; width:calc(100% - 0px); border:1px solid #ccc; background-color:#FFF; border-radius:5px; /*transparent*/}
	input:focus{ outline-style: none;  border:1px solid #86D396 } 
	label{ font-size:13px; color:#666; font-weight:bold}
	.form-row{margin:5px 0px}
	.form-row-label{font-size:12px; color:#333; font-weight: bold}

	.search-container{border:1px solid #e5e5e5; padding:40px; margin-bottom:5px}
	.search-type{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; cursor:pointer}
	.search-type-active{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; background-color:#f0f0f0; cursor:pointer}

	.search-doc{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; cursor:pointer}
	.search-doc-active{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; background-color:#f0f0f0; cursor:pointer}

	.search-place{float:left; width:33.33%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; cursor:pointer}
	.search-place-active{float:left; width:33.33%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; background-color:#f0f0f0; cursor:pointer}

	.search-mev{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; cursor:pointer}
	.search-mev-active{float:left; width:50%; padding:5px 20px; text-align:center; border:1px solid #f0f0f0; background-color:#f0f0f0; cursor:pointer}


	.search-list{
		padding:5px 20px; border:1px solid #f0f0f0; margin-bottom:3px; font-size:13px; cursor:pointer
	}

	.search-sublist{
		padding:5px 50px; border:1px solid #f0f0f0; margin-bottom:3px; font-size:13px; cursor:pointer
	}

	.search-select{padding:3px; width:calc(100% - 0px); border:1px solid #f0f0f0; background-color:#FFF; border-radius:5px; /*transparent*/}


	.search-label{ font-weight:normal}

	.result-box{margin-bottom:25px; border:1px solid #f9f9f9; padding:20px; cursor:pointer}
	.result-box:hover{ background-color:#f9f9f9  }
	
	.bookgroup-txt{margin-right:20px; text-align:justify}
	.book-pricelist-content{font-size:24px; font-weight:700; margin:20px 30px 20px 0px; border:1px solid #ccc; padding:20px}
	.book-list{border:1px solid #e5e5e5; padding:10px; margin-bottom:5px; margin-right:30px; font-size:15px}
	.book-list-name{float:left; width:50%; padding-top:5px}
	.book-list-price{float:left; width:20%; padding-top:5px}
	.book-list-btn{float:left; width:30%}
	
	.books-cover{float:left; width:40%; border:1px solid #e5e5e5; padding:20px}
	.books-info{float:left; width:calc(60% - 50px); margin-left:50px}

	.comment-detail-content{padding-left:200px}
	#user_comment{margin-top:50px; width:60%; display:none}
	#abone-topmenu{display:none}
	
	
	.education-info{font-size:24px; font-weight:700;}
	.education-img{float:left; width:250px}
	.education-content{float:left; width:calc(100% - 310px); margin:0px 30px}
	.education-price{float:left;}
	.education-buttons{float:right;}
	
	.footer-col{float:left; width:25%; text-align:right}
	.footer-logo{float:left; width:50%; font-size:36px;}
	.footer-social{float:left; width:50%; padding-top:15px; text-align:right}
	
	.books-list{width:calc(33.33% - 40px);}
	.book-list-cover{height:350px; overflow:hidden}
	
	
	/* HEXAGON */
	.hexagon-wrapper {
	  margin: auto;
	  display: flex;
	  float:left;
	  text-align: initial;
	  width: 200px;
	  height: 200px;
	  cursor: pointer;
	}

	
	
	
}


.hexagon {
  position: relative;
  width: 46%;
  height: 80%;
  margin: auto;
  color: white;
  background: linear-gradient(-180deg, white, #fc9a36);
  display: flex;
  align-content: center;
  justify-content: center;
  transition: 0.5s;
}

.hexagon i {
  z-index: 1;
  margin: auto;
  font-size: 50px;
  color: transparent;
  background: linear-gradient(45deg, #a58fe9, #e37682);
  background-clip: text;
  -webkit-background-clip: text;
}

.hexagon:before,
.hexagon:after {
  position: absolute;
  content: "";
  background: inherit;
  height: 100%;
  width: 100%;
  border-radius: 0;
  transition: 0.5s;
  transform-origin: center;
}
.hexagon:before {
  transform: rotateZ(60deg);
}
.hexagon:after {
  transform: rotateZ(-60deg);
}
.hexagon:hover {
  border-radius: 50px;
  transition: 0.5s;
}
.hexagon:hover:before {
  border-radius: 50px;
  transition: 0.5s;
}
.hexagon:hover:after {
  border-radius: 50px;
  transition: 0.5s;
}
	
.hexagon-info{
	z-index:2500; text-align:center; padding-top:20px; color:#000;
}




/* TOP MENU */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

.container {
    /*position: relative;*/
	width:100%;
    margin: 0px;
    padding: 0px;
    clear: both;
}


  
.mcd-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #FFF;
  /*height: 100px;*/
  
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
	border-radius: 2px;
	
  
  /* == */
 /* ben kapattım  width: 250px; */
  /* == */
}
.mcd-menu li {
  position: relative;
  float:left;
	z-index:10000000;
}
.mcd-menu li a {
  display: block;
  text-decoration: none;
  padding: 0px 10px;
  color: #000;
  /*text-align: center;
  border-right: 1px solid #E7E7E7;*/
  
  /* == */
  text-align: left;
  height: 36px;
  position: relative;
  border-bottom: 0px solid #EEE;
  /* == */
}
.mcd-menu li a i {
  /*display: block;
  font-size: 30px;
  margin-bottom: 10px;*/
  
  /* == */
  float: left;
  font-size: 16px;
  margin: 0 10px 0 0;
  /* == */
  
}
/* == */
.mcd-menu li a p {
  float: left;
  margin: 0 ;
}
/* == */

.mcd-menu li a strong {
  display: block;
  /*text-transform: uppercase;*/
}
.mcd-menu li a small {
  display: block;
  font-size: 10px;
}

.mcd-menu li a i, .mcd-menu li a strong, .mcd-menu li a small {
  position: relative;
  
  transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
}
.mcd-menu li:hover > a i {
    opacity: 1;
    -webkit-animation: moveFromTop 300ms ease-in-out;
    -moz-animation: moveFromTop 300ms ease-in-out;
    -ms-animation: moveFromTop 300ms ease-in-out;
    -o-animation: moveFromTop 300ms ease-in-out;
    animation: moveFromTop 300ms ease-in-out;
}
.mcd-menu li:hover a strong {
    opacity: 1;
    -webkit-animation: moveFromLeft 300ms ease-in-out;
    -moz-animation: moveFromLeft 300ms ease-in-out;
    -ms-animation: moveFromLeft 300ms ease-in-out;
    -o-animation: moveFromLeft 300ms ease-in-out;
    animation: moveFromLeft 300ms ease-in-out;
}
.mcd-menu li:hover a small {
    opacity: 1;
    -webkit-animation: moveFromRight 300ms ease-in-out;
    -moz-animation: moveFromRight 300ms ease-in-out;
    -ms-animation: moveFromRight 300ms ease-in-out;
    -o-animation: moveFromRight 300ms ease-in-out;
    animation: moveFromRight 300ms ease-in-out;
}

.mcd-menu li:hover > a {
  color: #e67e22;
}
.mcd-menu li a.active {
  position: relative;
  color: #e67e22;
  border:0;
  /*border-top: 4px solid #e67e22;
  border-bottom: 4px solid #e67e22;
  margin-top: -4px;*/
  box-shadow: 0 0 5px #DDD;
  -moz-box-shadow: 0 0 5px #DDD;
  -webkit-box-shadow: 0 0 5px #DDD;
  
  /* == */
  border-left: 4px solid #e67e22;
  border-right: 4px solid #e67e22;
  margin: 0 -4px;
  /* == */
}
.mcd-menu li a.active:before {
  content: "";
  position: absolute;
  /*top: 0;
  left: 45%;
  border-top: 5px solid #e67e22;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;*/
  
  /* == */
  top: 42%;
  left: 0;
  border-left: 5px solid #e67e22;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  /* == */
}

/* == */
.mcd-menu li a.active:after {
  content: "";
  position: absolute;
  top: 42%;
  right: 0;
  border-right: 5px solid #e67e22;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
/* == */

	
	
@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
        -moz-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }
	
	
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
	
}
@-webkit-keyframes moveFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(200%);
        -moz-transform: translateX(200%);
        -ms-transform: translateX(200%);
        -o-transform: translateX(200%);
        transform: translateX(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@-webkit-keyframes moveFromRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(-200%);
        -moz-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        -o-transform: translateX(-200%);
        transform: translateX(-200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}



.mcd-menu li ul,
.mcd-menu li ul li ul {
  position: absolute;
  height: auto;
  min-width: 150px;
  padding: 0;
  margin: 0;
  background: #FFF;
  /*border-top: 4px solid #e67e22;*/
  opacity: 0;
  visibility: hidden;
	
  transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
	
  /*top: 130px;*/
  z-index: 1000;
  
  /* == */
  /*left:280px;*/ /* Ben kapattım */
  top: 0px;
  /* ben kapattım border-left: 4px solid #e67e22; */
	border-top: 4px solid #e67e22;
	list-style: none;
  /* == */
}
.mcd-menu li ul:before {
  content: "";
  position: absolute;
  /*top: -8px;
  left: 23%;
  border-bottom: 5px solid #e67e22;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;*/
  
  /* == */
  top: 25px;
  left: -9px;
	/*
  border-right: 5px solid #e67e22;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  /* == */
}
.mcd-menu li:hover > ul,
.mcd-menu li ul li:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;
  /*top: 100px;*/

	top:50px;
	
  
  /* == */
  /*left:250px;* Ben kapattım */
  /* == */
}
.mcd-menu li ul li {
  float: none;
}
.mcd-menu li ul li a {
  padding: 10px;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #EEE;
  
  /* == */
  height: auto;
  /* == */
}
.mcd-menu li ul li a i {
  font-size: 16px;
  display: inline-block;
  margin: 0 10px 0 0;
}
.mcd-menu li ul li ul {
  left: 230px;
  top: 0;
  border: 0;
  border-left: 4px solid #e67e22;
}  
.mcd-menu li ul li ul:before {
  content: "";
  position: absolute;
  top: 15px;
  /*left: -14px;*/
  /* == */
  left: -9px;
  /* == */
  border-right: 5px solid #e67e22;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
}
.mcd-menu li ul li:hover > ul {
  top: 0px;
  left: 150px;
}



/*.mcd-menu li.float {
  float: right;
}*/



@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .mcd-menu {
		margin-left:10px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .mcd-menu {
		width: 200px;
	}
	.mcd-menu li a {
		height:30px;
	}
	.mcd-menu li a i {
		font-size: 22px;
	}
	.mcd-menu li a strong {
		font-size: 12px;
	}
	.mcd-menu li a small {
		font-size: 10px;
	}	
	.mcd-menu li a.search input {
		width: 120px;
		font-size: 12px;
	}
	.mcd-menu li a.search buton{
		padding: 8px 10px 9px 10px;
	}
	.mcd-menu li > ul {
		min-width:180px;
	}
	.mcd-menu li:hover > ul {
		min-width:180px;
		left:200px;
	}
	.mcd-menu li ul li > ul, .mcd-menu li ul li ul li > ul {
		min-width:150px;
	}
	.mcd-menu li ul li:hover > ul {
		left:180px;
		min-width:150px;
	}
	.mcd-menu li ul li ul li:hover > ul {
		left:150px;
		min-width:150px;
	}
	.mcd-menu li ul a {
		font-size:12px;
	}
	.mcd-menu li ul a i {
		font-size:14px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.mcd-menu { 
		width: 50px;
	}
	.mcd-menu li a { 
		position: relative;
		padding: 12px 16px;
		height:20px;
	}
	.mcd-menu li a small { 
		display: none;
	}
	.mcd-menu li a strong { 
		display: none;
	}
	.mcd-menu li a:hover strong,.mcd-menu li a.active strong {
		display:block;
		font-size:10px;
		padding:3px 0;
		position:absolute;
		bottom:0px;
		left:0;
		background:#e67e22;
		color:#FFF;
		min-width:100%;
		text-transform:lowercase;
		font-weight:normal;
		text-align:center;
	}
	.mcd-menu li .search { 
		display: none;
	}
	
	.mcd-menu li > ul {
		min-width:180px;
		left:70px;
	}
	.mcd-menu li:hover > ul {
		min-width:180px;
		left:50px;
	}
	.mcd-menu li ul li > ul, .mcd-menu li ul li ul li > ul {
		min-width:150px;
	}
	.mcd-menu li ul li:hover > ul {
		left:180px;
		min-width:150px;
	}
	.mcd-menu li ul li ul li > ul {
		left:35px;
		top: 45px;
		border:0;
		border-top:4px solid #e67e22;
	}
	.mcd-menu li ul li ul li > ul:before {
		left:30px;
		top: -9px;
		border:0;
		border-bottom:5px solid #e67e22;
		border-left:5px solid transparent;
		border-right:5px solid transparent;
	}
	.mcd-menu li ul li ul li:hover > ul {
		left:30px;
		min-width:150px;
		top: 35px;
	}
	.mcd-menu li ul a {
		font-size:12px;
	}
	.mcd-menu li ul a i {
		font-size:14px;
	}
	
}

@media only screen and (max-width: 479px) {
    .mcd-menu { 
		width: 50px;
	}
	.mcd-menu li a { 
		position: relative;
		padding: 12px 16px;
		height:20px;
	}
	.mcd-menu li a small { 
		display: none;
	}
	.mcd-menu li a strong { 
		display: none;
	}
	.mcd-menu li a:hover strong,.mcd-menu li a.active strong {
		display:block;
		font-size:10px;
		padding:3px 0;
		position:absolute;
		bottom:0px;
		left:0;
		background:#e67e22;
		color:#FFF;
		min-width:100%;
		text-transform:lowercase;
		font-weight:normal;
		text-align:center;
	}
	.mcd-menu li .search { 
		display: none;
	}
	
	.mcd-menu li > ul {
		min-width:180px;
		left:70px;
	}
	.mcd-menu li:hover > ul {
		min-width:180px;
		left:50px;
	}
	.mcd-menu li ul li > ul, .mcd-menu li ul li ul li > ul {
		min-width:150px;
	}
	.mcd-menu li ul li:hover > ul {
		left:180px;
		min-width:150px;
	}
	.mcd-menu li ul li ul li > ul {
		left:35px;
		top: 45px;
		border:0;
		border-top:4px solid #e67e22;
	}
	.mcd-menu li ul li ul li > ul:before {
		left:30px;
		top: -9px;
		border:0;
		border-bottom:5px solid #e67e22;
		border-left:5px solid transparent;
		border-right:5px solid transparent;
	}
	.mcd-menu li ul li ul li:hover > ul {
		left:30px;
		min-width:150px;
		top: 35px;
	}
	.mcd-menu li ul a {
		font-size:12px;
	}
	.mcd-menu li ul a i {
		font-size:14px;
	}
    
}