@media (max-width:320px){
  .logo{ background:url(/images/logo.png) no-repeat center center; width:120px; background-size:120px; height:59px; margin:30px 0 0 0;display:block;}
  .footer-logo{ background:url(../images/logo_footer.png) no-repeat center center; width:120px; background-size:120px; height:59px; margin:0px;display:block;}
  .fs15mb{ font-size: 12px;}
  .mtb-80{ margin: 40px 0 40px 0;}

  .slogan1{ color:#fff; font-size:12px; margin:0px;font-weight:500; background: #000000; padding: 8px;}
  .slogan2{ color:#fff; font-size:14px;  display:inline-block !important; white-space:normal; line-height:auto; font-weight:200;margin:0px;background: #c70f37; padding: 8px;}
  .three-top{margin: 40px 0 0 0 ; position: relative; z-index: 99;}

  .sosyalhover{ width:25px; height:25px; line-height:25px; font-size:13px; margin:0 5px 0 5px; display:inline-block; color:#fff !important; text-align:center; -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out; border-radius:5px;}

  .online-btn{ background:#000000; padding:15px 10px 15px 10px; color:#fff; border-radius:4px; -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out; display:inline-block; font-size:12px; margin:0px; border: solid 1px #d4dede;}
  .border-grey{ border-left:solid 0px #CCC; border-color:#eaeaea; !important}
}
@media (min-width:321px){
  .logo{ background:url(/images/logo.png) no-repeat center center; width:150px; background-size:150px; height:59px; margin:30px 0 0 0;display:block;}
  .footer-logo{ background:url(../images/logo_footer.png) no-repeat center center; width:150px; background-size:150px; height:59px; margin:0px;display:block;}
  .fs15mb{ font-size: 12px;}
  .mtb-80{ margin: 40px 0 40px 0;}

  .slogan1{ color:#fff; font-size:12px; margin:0px;font-weight:500; background: #000000; padding: 8px;}
  .slogan2{ color:#fff; font-size:14px;  display:inline-block !important; white-space:normal; line-height:auto; font-weight:200;margin:0px;background: #c70f37; padding: 8px;}
  .three-top{margin: 40px 0 0 0 ; position: relative; z-index: 99;}

  .sosyalhover{ width:25px; height:25px; line-height:25px; font-size:13px; margin:0 5px 0 5px; display:inline-block; color:#fff !important; text-align:center; -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out; border-radius:5px;}

  .online-btn{ background:#000000; padding:15px 15px 15px 15px; color:#fff; border-radius:4px; -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out; display:inline-block; font-size:12px; margin:0px; border: solid 1px #d4dede;}
  .border-grey{ border-left:solid 0px #CCC; border-color:#eaeaea !important; }
  .ic-title1{position:relative;  min-height:200px; text-align:center; padding:90px 0 0 0; color:#FFF; font-weight:700; font-size:20px;}

  .tp-rightarrow{float:left;width:20px;height:28px;font-size:14px;text-align:center;line-height:28px;color:#fff;position:absolute;background:url(../images/righthover.png) no-repeat center; background-size:20px; z-index:80;cursor:pointer;top:55%;margin-top:-24px;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;-ms-transition:all linear .2s;transition:all linear .2s;right:1%; opacity:0.5;}
  .tp-leftarrow{float:left;width:20px;height:28px;font-size:14px;text-align:center;line-height:28px;color:#fff;position:absolute;background:url(../images/lefthover.png) no-repeat center; background-size:20px; z-index:80;cursor:pointer;top:55%;margin-top:-24px;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;-ms-transition:all linear .2s;transition:all linear .2s;left:1%; opacity:0.5;}
}
@media(min-width:768px){

  .logo{ background:url(/images/logo.png) no-repeat center center; width:222px; background-size:222px; height:59px; margin:25px 0 0 0;display:block;}
  .footer-logo{ background:url(../images/logo_footer.png) no-repeat center center; width:222px; background-size:222px; height:59px; margin:0px;display:block;}
  .fs15mb{ font-size: 17px;}
  .mtb-80{ margin: 100px 0 100px 0;}

  .slogan1{ color:#fff; font-size:15px; margin:0px;font-weight:500;background: #000000; padding: 8px;}
  .slogan2{ color:#fff; font-size:20px;  display:inline-block !important; white-space:normal; line-height:auto; font-weight:200;margin:0px;background: #c70f37; padding: 8px;}
  .three-top{margin: -15px 0 0 0 ; position: relative; z-index: 99;}

  .sosyalhover{ width:25px; height:25px; line-height:25px; font-size:13px; margin:0 5px 0 5px; display:inline-block; color:#fff !important; text-align:center; -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out; border-radius:5px;}

  .online-btn{ background:#000000; padding:15px 25px 15px 25px; color:#fff; border-radius:4px; -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out; display:inline-block; font-size:13px; margin:0px; border: solid 1px #d4dede;}
  .border-grey{ border-left:solid 1px #CCC; border-color:#eaeaea; !important}
  .ic-title1{position:relative;  min-height:300px; text-align:center; padding:125px 0 0 0; color:#FFF; font-weight:700; font-size:30px;}

  .tp-rightarrow{float:left;width:20px;height:48px;font-size:14px;text-align:center;line-height:48px;color:#fff;position:absolute;background:url(../images/righthover.png) no-repeat center; background-size:20px; z-index:80;cursor:pointer;top:50%;margin-top:-24px;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;-ms-transition:all linear .2s;transition:all linear .2s;right:1%; opacity:0.5;}
  .tp-leftarrow{float:left;width:20px;height:48px;font-size:14px;text-align:center;line-height:48px;color:#fff;position:absolute;background:url(../images/lefthover.png) no-repeat center; background-size:20px; z-index:80;cursor:pointer;top:50%;margin-top:-24px;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;-ms-transition:all linear .2s;transition:all linear .2s;left:1%; opacity:0.5;}
}
@media(min-width:1200px){

  .navbar{ padding:0px;}
  .navbar-expand-lg .navbar-nav .nav-link{margin:0px 2px 0 2px; height: 60px; line-height: 42px; background:none; text-align:center;  display:block; font-size:14px;color:#fff;text-decoration:none; -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out; padding:10px 20px 10px 20px;}
  
  .dropdown-item{padding:8px 20px 8px 20px; min-width:215px; font-size:14px; color:#d42f53; }
  .sosyalhover{ width:25px; height:25px; line-height:25px; font-size:13px; margin:0 5px 0 5px; display:inline-block; color:#fff !important; text-align:center; -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out; border-radius:5px;}
  
  .slogan1{ color:#000000; font-size:20px; margin:0px;font-weight:500;background: none; padding: 0px;}
  .slogan2{ text-shadow: 0px 0px 10px #fff; color:#c70f37; font-size:30px;  display:inline-block !important; white-space:normal; line-height:40px; font-weight:200;margin:0px;background: none; padding: 0px;}

  .button-pd{padding-top:20% !important;}
  .tp-rightarrow{float:left;width:20px;height:48px;font-size:14px;text-align:center;line-height:48px;color:#fff;position:absolute;background:url(../images/righthover.png) no-repeat center; background-size:20px; z-index:80;cursor:pointer;top:50%;margin-top:-24px;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;-ms-transition:all linear .2s;transition:all linear .2s;right:4%; opacity:0.5;}
.tp-leftarrow{float:left;width:20px;height:48px;font-size:14px;text-align:center;line-height:48px;color:#fff;position:absolute;background:url(../images/lefthover.png) no-repeat center; background-size:20px; z-index:80;cursor:pointer;top:50%;margin-top:-24px;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;-ms-transition:all linear .2s;transition:all linear .2s;left:4%; opacity:0.5;}
  .header-f .logo{ background:url(../images/logo.png) no-repeat center center #fff; border-radius:10px; width:250px; background-size:225px; height:100px; margin:30px 0 0 -15px;display:block; position:absolute; top:-40px; box-shadow:2px 2px 122px #999;}
  .area {  padding: 1rem;  height: 380px;  overflow: auto;}
  .mtb-80{ margin: 100px 0 100px 0;}
  .three-top{margin: -65px 0 0 0 ; position: relative; z-index: 99;}
}
@media(min-width:1550px){
  .container{min-width:1300px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
}

.detail-btn{ background:#fff; padding:15px 35px 15px 35px; color:#000000; border-radius:4px; -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out; display:inline-block; font-size:15px; margin:0px; border: solid 1px #d4dede;}
.detail-btn:hover{ background:#fff; padding:15px 35px 15px 35px; color:#000000; box-shadow:0 11px 27px 1px rgba(41,53,108,.25);transform:translateY(-3px); -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}

.online-btn:hover{ color:#fff; box-shadow:0 11px 27px 1px rgba(41,53,108,.25);transform:translateY(-3px); -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}

.desen{background: url(/images/desen.jpg); padding: 70px 0 0 0;}
.hemenara{position:fixed; background:#d42f53; padding:10px 10px; text-align:center; color:#FFF; bottom:140px; left:10px; z-index:99999; font-size:11px; width:80px; height:80px; border-radius:50%; box-shadow:2px 2px 15px #666;}
.whatsappfixed{position:fixed; background:#0cd894; padding:10px 10px; text-align:center; color:#FFF; bottom:40px; left:10px; z-index:99999; font-size:11px; width:80px; height:80px; border-radius:50%; box-shadow:2px 2px 15px #666;}

.kat{padding:15px 0 15px 0;margin:0;background:#e6ecef;padding-top:0;padding-bottom:0}
.kat li{list-style:none;width:100%;border-radius:10px;font-weight:700}
.kat li a{background:#EFF4FA;padding:20px 15px 20px 15px;width:100%;font-size:14px;font-weight:300;color:#000;text-decoration:none;display:inline-block;border-bottom:1px solid #e2e2e2}
.kat li a:hover{background:#d42f53;padding:20px 15px 20px 20px;width:100%;font-size:14px;font-weight:300;color:#fff;text-decoration:none;display:inline-block;border-bottom:1px solid #e2e2e2}
.kat li a.act{background:#d42f53;width:100%;min-height:40px;color:#fff;font-weight:600}
.text-bordo{ color: #d42f53;}

.content-text{min-height:500px; border-radius:0 0 10px 10px;}
.left-search{background:#EEF4FB; padding:20px; border-radius:5px;}

.button-border{border:solid 1px #FFF; padding:15px; height:140px; color:#FFF; display:block; text-align:center;}
.button-border:hover{ color:#FFF;}
.text-blue{color:#000000;}
.center-bg{background:url(../images/center-bg.jpg) no-repeat right top; margin:-130px 0 0 0; padding:150px 0 0 0;}
.button-grd{background: rgb(23,66,103);
background: linear-gradient(193deg, rgba(23,66,103,1) 0%, rgba(52,116,170,1) 100%); padding:50px 0 50px 0;}
.text-footer{ color:#fff; }

.d-title{ color:#000; font-size:25px; font-weight:700;}
.greyblue{color:#000;}
.bl-5{border-left:solid 4px #50b6e6; padding:5px 5px 5px 10px;}
.content-top{ margin:172px 0 0 0;}
.mobil-btn{color:#FFF; font-size:13px; padding:20px; text-align:center; display:block;background: rgb(23,66,103);
background: linear-gradient(193deg, rgba(23,66,103,1) 0%, rgba(52,116,170,1) 100%);}
.mobil-btn:hover{ color:#FFF;}

.relative-30{position:relative; z-index:30;}
.right-button1{position:absolute; z-index:30; padding:0px; right:0px;}
.right-button2{width:250px; background:#FFFFFF30; display:inline-block;}
.right-btn{background:#ffffff20; border-bottom:solid 2px #000; text-align:center; color:#FFF; height:20%; display:block;}
.right-btn:hover{color:#fff;}
.h-menu{background:#50b6e670; border-bottom:solid 2px #000; text-align:center; color:#FFF; height:20%;}

.hdr-top{margin:21px 0 0 0;}
.hdr-top2{margin:34px 0 0 0;}
.header-bg{background:#d42f53;}
.slide-black{background: rgb(29,91,178);
background: linear-gradient(193deg, rgba(29,91,178,1) 0%, rgba(242,46,60,0.31976540616246496) 100%); height:100%;position:absolute; width:100%; z-index:1;}
.relative-9{position:relative; z-index:9;}
.relative-99{position:relative; z-index:99;}
.lang-hover{ color:#8a8a8a; font-size:13px; padding:0 5px 0 5px;}
.lang-hover:hover{ color:#50b6e6;}
.langactive{ color:#50b6e6;}

.grey-link{ color:#8a8a8a; font-size:13px;}
.grey-link:hover{ color:#50b6e6;}

.dropdown-item:hover{ background:#000; color:#fff;}
.dropdown-item:focus{ background:#000; color:#fff;}

body{margin:0px;  background:#fff;font-weight:400;font-size:16px;color:#5e5e5e;height:100%; outline:none; font-family: 'Montserrat', sans-serif;}
a{ text-decoration:none;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out; }
a:hover{ text-decoration:none;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out; }

.loading {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: #fff;}
.menumobilalt li a { color:#fff;padding:5px 10px 5px 30px; margin-bottom:1px; background:none; font-size:14px; font-weight:100;}
.menumobilalt li a:hover { color:#fff; background:#000;}
.resimefect{   -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.7;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
.resimefect:hover{   -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
.footer-bg{background: url(/images/footer-bg.jpg) no-repeat center center; background-size: cover; width: 100%; padding: 60px 0 60px 0;}
.footer-menu li a{ color:#fff; font-size:13px;display:block; padding:4px 0 4px 0 ;}
.footer-menu li a:hover{box-shadow:0 11px 27px 1px rgba(94, 33, 33, 0.25);transform:translateY(-3px); -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}
.carousel_ileri_geri {
    position: absolute;
    right: 10px;
    top: -58px;
}
.owl-theme .owl-controls .carousel_ileri_geri [class*=owl-] {
	color: #000;
	font-size: 14px;	 
	margin: 5px;
	padding: 4px 7px;
	display: inline-block;
	cursor: pointer;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border:solid 1px #000;
}
.owl-theme .owl-controls .carousel_ileri_geri [class*=owl-]:hover {
	background: #000;
	color: #f8cb20;
	text-decoration: none;
}
.back-to-top {cursor: pointer;position: fixed;bottom: 20px;right: 20px;display:none;z-index:999;}
.tab-content > .tab-pane{
    display: block;
    height: 0;
}
.tab-content > .active{
    height: auto;
}

.hover-top{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out; z-index:999;}
.hover-top:hover{box-shadow:0 11px 27px 1px rgba(41,53,108,.25);transform:translateY(-3px); -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}
.hover-top-icon .icons{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out; z-index:999;}
.hover-top-icon:hover .icons{transform:translateY(-3px); -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}

.dropup:hover .dropup-content { display: block;}
.cursor-pointer{cursor:pointer;}
.nav-tabs { background:#e2e6ec ;}

.fw1{ font-weight:100; }
.fw2{ font-weight:200; }
.fw3{ font-weight:300; }
.fw4{ font-weight:400; }
.fw5{ font-weight:500; }
.fw6{ font-weight:600; }
.fw7{ font-weight:700 !important; }

.fs11{ font-size:11px;}
.fs12{ font-size:12px;}
.fs13{ font-size:13px;}
.fs14{ font-size:14px;}
.fs15{ font-size:15px;}
.fs16{ font-size:16px;}
.fs17{ font-size:17px;}
.fs18{ font-size:18px;}
.fs19{ font-size:19px;}
.fs20{ font-size:20px;}
.fs25{ font-size:25px;}
.fs30{ font-size:30px;} 
.fs36{ font-size:36px;} 
.fs40{ font-size:40px;} 
.fs50{ font-size:50px;} 

.menu-line li {
  position: relative;
  display: inline-block;
}
.menu-line li:before,
.menu-line li:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.menu-line li:before {
  bottom: 0;
  display: block;
  height: 3px;
  width: 0%;
  content: "";
  background-color: #ffcc01;
}
.menu-line li:after {
  left: -20px;
  top: 0;
  padding: 0.5em 0;
  position: absolute;
  content: attr(data-hover);
  color: #ffffff;
  white-space: nowrap;
  max-width: 0%;
  overflow: hidden;
}
.menu-line li:hover:before,
.menu-line .current li:before {
  opacity: 1;
  width: 100%;
}

.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}


.dropdown {
  position: relative;
  display: inline-block;
  z-index:99;
  
  }
  .dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  padding: 5px 7px;
  z-index: 1;
  margin-left:0px;
  width:50px;
  }
  .dropdown:hover .dropdown-content {
  display: block;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;
  }
.imgeffect_ic {
	 	filter: brightness(100%);
	opacity: 1;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;
}
.btn-blue{ background: #000000; color: #fff !important; font-size: 12px;}
.header-r{position:absolute; top:160px; z-index:99; width:100%;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
.header-f{position:fixed !important; z-index:1000; top:0px; width:100%;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
.mh-400{min-height:400px;}
.ul{ list-style:none; padding:0px; margin:0px;}
.breadcrumb {
	margin: 0;
	background: #FFFFFF;
	float:right;
	width: 100%;
	padding: 0;
	border-radius: 0;
	position: relative;
	display:inline-block;
	text-align:right;
	color:#000; font-size:12px; font-weight:100; padding:25px 15px 25px 0 ;

}
.breadcrumb ul {
	float: right;
	width: auto;
	display:inline-block;
	text-align:right;
}
.breadcrumb ul li {
	float: left;
	position: relative;
}
.breadcrumb ul li:nth-child(1) a {
	padding-left: 0;
}
.breadcrumb ul li:last-child i {
	display: none;
}
.breadcrumb ul li a {
	display: block;
	color: #888;
	padding: 0 12px;
}
.breadcrumb ul li a:hover {
	display: inline-block;
	color: #000;
}
.breadcrumb ul li i {
	color: #888;
	position: absolute;
	right: 0;
	top: 0px;
	font-size:12px;
	right: -1px;
}
 
a{text-decoration:none;color:#5e5e5e;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
a:hover{text-decoration:none;color:#000000;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
html{overflow-x:hidden;height:100%; overflow-y:scroll;}
h1,h2,h3,h4,h5,h6{border:0;font-size:100%;margin:0;padding:0;font-weight:normal;}
.mobilm-w{height:100%;display:block; width:270px !important;}
.bar3{width:50px;height:3px;background-color:#fff;margin:5px 0px 8px 0px;transition:0.4s;border-radius:8px;}
.bar2{width:50px;height:3px;background-color:#fff;margin:5px 0px 8px 0px;transition:0.4s;border-radius:8px;}
.bar1{width:50px;height:3px;background-color:#fff;margin:5px 0px 8px 0px;transition:0.4s;border-radius:8px;}

.w-200{ width:270px !important; display:block;}
.overlaymenu{ position:absolute; background:#000; opacity:0.6; z-index:1200; top:0px; left:0px;  width:100%; height:100%; display:none;	}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
	background:#d42f53;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
	 
	font-weight:700;
}

.sidenav a {
    padding: 12px 8px 12px 32px;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #CCC;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 36px;
}

#main {
    transition: margin-left .5s;
    padding: 16px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px; z-index:99999;}
  .sidenav a {font-size: 18px;}
}
#slidingLine {
	position: absolute;
	top: 0;

	width: 3px;
	padding: 0 !important;
	background-color: #ef9000;
}

.sosyalhover:hover{color:#fff; display:inline-block;transform:translateY(-3px); -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}
.whatsapp{ background:#5FC861; display:inline-block; color:#FFFFFF; margin:5px; font-size:16px;}
.facebook{ background:#507cbe; display:inline-block; color:#FFFFFF;}
.twitter{ background:#63cdf1; display:inline-block; color:#FFFFFF; }
.linkedin{ background:#90cadd; display:inline-block; color:#FFFFFF; margin:5px;}
.gplus{ background:#db4b40; display:inline-block; color:#FFFFFF; margin:5px;}
.instagram{ background:#c7c5b3; display:inline-block; color:#FFFFFF; margin:5px;}
.pinterest{ background:#bd081c; display:inline-block; color:#FFFFFF; margin:5px;}
.youtube{ background:#e52c27; display:inline-block; color:#FFFFFF; margin:5px;}


/*search */
.searchbtn{ font-size: 20px;}

.header-btn:hover{color:#000;}
#searchbox {
background-color: #fff;
left: 0;
top: 0;
height: 160px;
padding: 50px 0;
position: absolute;
width: 100%;
z-index: 9999999;
display: none; }
#searchbox #searchcnt {
max-width: 1100px;
margin: 0 auto;
padding: 0 20px; }
#searchbox #searchcnt form {
position: relative; }
#searchbox #searchcnt form input {
background-color: #f0f4f8;
border: none;
height: 60px;
padding: 15px 20px;
color: #4b5a6a;
outline: none;
width: 90%;
border-radius:0px;}
#searchbox #searchcnt form ::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #4b5a6a; }
#searchbox #searchcnt form ::-moz-placeholder {
/* Firefox 19+ */
color: #4b5a6a; }
#searchbox #searchcnt form :-ms-input-placeholder {
/* IE 10+ */
color: #4b5a6a; }
#searchbox #searchcnt form :-moz-placeholder {
/* Firefox 18- */
color: #4b5a6a; }
#searchbox #searchcnt form button {
background-color: #f0f4f8;
border: none;
outline: none;
color: #4b5b6a;
height: 60px;
padding: 0 20px;
margin: 0 4px; }
#searchbox #searchcnt form #overlay-close {
float: right;
background-color: #fff;
width: 45px;
padding: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
outline: none;
height: 60px; }
#searchbox #searchcnt form #overlay-close .icon-bar {
width: 40px;
height: 2px;
background: #4b5b6a;
display: block;
margin: 0 auto;
position: relative;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s; }
#searchbox #searchcnt form #overlay-close .icon-bar + .icon-bar {
margin-top: 4px; }
#searchbox #searchcnt form #overlay-close .icon-bar:nth-child(2) {
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0); }
#searchbox #searchcnt form #overlay-close .icon-bar:nth-child(1) {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 6px; }
#searchbox #searchcnt form #overlay-close .icon-bar:nth-child(3) {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
top: -6px; }

#searchbox #searchcnt form #overlay-close:hover {
background: #ffffff; }
#searchbox #searchcnt form #overlay-close:hover .icon-bar {
background: #49586a; }
#searchbox #searchcnt form .buttons {
position: absolute;
top: 0;
right: 0; }
/*search */


/* menu css*/
.screen-overlay{width:0%;height:100%;z-index:30;position:fixed;top:0;left:0;opacity:0;visibility:hidden;background-color:rgba(34,34,34,.6);-webkit-transition:opacity .2s linear,visibility .1s,width 1s ease-in;transition:opacity .2s linear,visibility .1s,width 1s ease-in}.screen-overlay.show{-webkit-transition:opacity .5s ease,width 0s;transition:opacity .5s ease,width 0s;opacity:1;width:100%;visibility:visible}.modal .modal-dialog-aside{width:350px;max-width:80%;height:100%;margin:0;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.dropdown-large,.megamenu,.megasubmenu{padding:20px}.dropdown-menu{ box-shadow: 2px 22px 22px #8d8d8d6e; margin-left:2px;margin-right:0; margin-top: -5px !important; border:0px solid rgba(0,0,0,.15)}.dropdown-menu .dropdown-toggle:after{border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.navbar .icon-arrow:after{content:"\276F";line-height:1;display:inline-block;vertical-align:middle;margin-left:7px;margin-top:-2px;opacity:.3;font-size:80%}.dropdown.has-dimmer:after{content:'';top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .15s ease-in-out;transition:opacity .15s ease-in-out;opacity:0;visibility:hidden;background-color:rgba(0,0,0,.5);pointer-events:none}.navbar:not(.navbar-hover) .dropdown.show.has-dimmer:hover .nav-link{position:relative;z-index:12}.navbar:not(.navbar-hover) .dropdown.show.has-dimmer:after{z-index:10;opacity:1;visibility:visible;position:fixed}@media all and (min-width:992px){.navbar{padding-top:0;padding-bottom:0}.navbar .has-megamenu{position:static!important}.navbar .dropdown-menu{margin-top:0}.navbar .megamenu{left:0;right:0;width:100%;padding:20px}.navbar .megasubmenu{left:100%;top:0;min-height:100%;min-width:500px}.navbar .dropdown-large{min-width:500px}.navbar .nav-link{padding-top:0.5rem;padding-bottom:1rem}.dropdown-menu .dropdown-menu,.submenu{display:none;position:absolute;left:100%;top:-7px}.dropdown-menu .dropdown-menu.submenu-left,.submenu.submenu-left{right:100%;left:auto}.navbar-hover .dropdown.has-dimmer:hover .nav-link{position:relative;z-index:12}.navbar-hover .dropdown.has-dimmer:hover:after{z-index:10;opacity:1;visibility:visible;position:fixed}.navbar-hover.navbar-dark .nav-item:hover .nav-link{color:#d42f53; background: rgb(238,238,238);
  background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 46%, rgba(255,255,255,1) 100%); }.navbar-hover.navbar-light .nav-item:hover .nav-link{color:#000}.navbar-hover .dropdown-menu:not(.animate){display:none}.navbar-hover .animate{display:block;opacity:0;visibility:hidden;-webkit-transition:.1s;transition:.1s;margin-top:0}.navbar-hover .dropdown-menu .animate{-webkit-transition:.1s;transition:.1s}.navbar-hover .fade-down{top:90%;-webkit-transform:rotateX(-80deg);transform:rotateX(-80deg);-webkit-transform-origin:0 0;transform-origin:0 0}.navbar-hover .fade-up{top:100px}.navbar-hover .dropdown-menu .fade-down{top:0}.navbar-hover .dropdown:hover>.dropdown-menu,.navbar-hover .nav-item:hover>.dropdown-menu{display:block;-webkit-transition:.4s;transition:.4s;opacity:1;visibility:visible;top:100%;-webkit-transform:rotateX(0);transform:rotateX(0); background:#fff;}.dropdown-menu>li:hover{background-color:#f1f1f1}.dropdown-menu li{position:relative}.dropdown-menu li.has-megasubmenu{position:static}.dropdown-menu li:hover>.dropdown-menu,.dropdown-menu li:hover>.submenu{display:block;-webkit-transition:.4s;transition:.4s;opacity:1;visibility:visible;top:0;-webkit-transform:rotateX(0);transform:rotateX(0)}.dropdown-menu li:hover>.megasubmenu{display:block;-webkit-transition:.4s;transition:.4s;opacity:1;visibility:visible;top:0;-webkit-transform:rotateX(0);transform:rotateX(0)}}@media all and (max-width:991px){.offcanvas-header{display:block}.mobile-offcanvas{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%);border-radius:0;display:block;position:fixed;top:0;left:0;height:100%;z-index:1200;width:80%;overflow-y:scroll;overflow-x:hidden;-webkit-transition:visibility .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:visibility .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:visibility .2s ease-in-out,transform .2s ease-in-out;transition:visibility .2s ease-in-out,transform .2s ease-in-out,-webkit-transform .2s ease-in-out}} .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-soft .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-soft .navbar-brand{color:#111;font-weight:600;font-size:18px}.navbar-soft .navbar-nav .nav-item{margin-left:5px;margin-right:5px}.navbar-soft .navbar-nav .nav-link{padding:1.4rem .5rem;font-weight:600;text-transform:uppercase;color:#888;border:2px solid transparent}.navbar-soft .navbar-nav .nav-item.show .nav-link,.navbar-soft .navbar-nav .nav-item:hover .nav-link{border-bottom:2px solid orange;color:#111}.navbar-soft .dropdown-menu{border:0;background-clip:initial;border-radius:0;-webkit-box-shadow:0 1px 5px rgba(70,70,70,.2);box-shadow:0 1px 5px rgba(70,70,70,.2)}.navbar-soft .dropdown-menu .dropdown-item{padding:.6rem 1.5rem;border-bottom:1px solid #f1f1f1}@media all and (max-width:991px){.navbar-soft .navbar-nav{margin-bottom:10px;margin-top:10px}.navbar-soft .navbar-nav .nav-link{padding:.6rem 0}}
  .list-unstyled a:hover{ background-color: #e9ecef; color:#d42f53; display:block;}
  /*menu css*/
.ataturk{font-family:Ataturk;}
@font-face{font-family:Ataturk;src:url(../fonts/ataturk.ttf) format("truetype");font-style:normal}

/* montserrat-100 - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('/fonts/montserrat-v26-cyrillic_latin_latin-ext-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-200 - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('/fonts/montserrat-v26-cyrillic_latin_latin-ext-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300 - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/montserrat-v26-cyrillic_latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/montserrat-v26-cyrillic_latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/montserrat-v26-cyrillic_latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/montserrat-v26-cyrillic_latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/montserrat-v26-cyrillic_latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800 - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/montserrat-v26-cyrillic_latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900 - cyrillic_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/montserrat-v26-cyrillic_latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}