@charset "utf-8";
/******************************************************
						Body
******************************************************/
body{overflow-x:hidden;-webkit-text-size-adjust:100%;font-family:'Quicksand',"Trebuchet MS",sans-serif; font-weight: 400;}
a{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;text-decoration:none}
a:hover{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.cursor{cursor:pointer}
.floatleft{float:left!important}
.floatright{float:right!important}
.text_yesil{color:#9dcb3b}
.text_koyuyesil{color:#187475}
.text_mavi{color:#0197d2}
.text_buz{color:#4bcacc}
.text_pembe{color:#dd547d}
.text_koyumavi{color:#187475}
.text_koyusari{color:#9a6709}
.text_cokkoyuyesil{color:#3d5b0e}
.font_bold,strong{font-weight: 700;}
h1{font-size:38px}
h2{font-size:32px}
h3{font-size:25px}
h4{font-size:22px}
h5{font-size:18px}
h6{font-size:16px}
small{font-size:10px}
.font-25{font-size:25px}
.font-23{font-size:23px}
.font-20{font-size:20px}
.font-18{font-size:18px}
.font-16{font-size:16px}
.font-14{font-size:14px}
.font-12{font-size:12px}
.font-10{font-size:10px}
.text_beyaz{color:#fff}
.text_siyah{color:#000}
.text_gri{color:#999}
.text_acikgri{color:#aeaeae}
.text_center{text-align:center}
.text_left{text-align:left}
.text_right{text-align:right}
.top5{margin-top:5px}
.top10{margin-top:10px}
.top15{margin-top:15px}
.top20{margin-top:20px}
.top25{margin-top:25px}
.top30{margin-top:30px}
.left5{margin-left:5px}
.left10{margin-left:10px}
.left15{margin-left:15px}
.left20{margin-left:20px}
.left30{margin-left:30px}
.bottom_20{padding-bottom:20px}
.bg_beyaz{background-color:#fff}
.bg_acikgri{background-color:#f4f4f4}
.bg_yesil{background-color:#9dcb3b}
.bg_mavi{background-color:#4bcacc}
.bg_sari{background-color:#fdbb41}
.bg_pembe{background-color:#dd547d}
.gradient_yesil {
	border: 1px solid #929393;
	-webkit-box-shadow: #dded77 1px 1px 0px inset;
	-moz-box-shadow: #dded77 1px 1px 0px inset;
	box-shadow: #dded77 1px 1px 0px inset;
	background: #c2df51;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c2df51), to(#77B724));
	background: -webkit-linear-gradient(#c2df51, #77B724);
	background: -moz-linear-gradient(#c2df51, #77B724);
	background: -ms-linear-gradient(#c2df51, #77B724);
	background: -o-linear-gradient(#c2df51, #77B724);
	background: linear-gradient(#c2df51, #77B724);
	-pie-background: linear-gradient(#c2df51, #77B724);
	behavior: url(css/PIE.htc);
	}
.gradient_mavi {
	border: 1px solid #929393;
	-webkit-box-shadow: #d4f8f8 1px 1px 0px inset;
	-moz-box-shadow: #d4f8f8 1px 1px 0px inset;
	box-shadow: #d4f8f8 1px 1px 0px inset;
	background: #b2f2f3;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b2f2f3), to(#4ee1e3));
	background: -webkit-linear-gradient(#b2f2f3, #4ee1e3);
	background: -moz-linear-gradient(#b2f2f3, #4ee1e3);
	background: -ms-linear-gradient(#b2f2f3, #4ee1e3);
	background: -o-linear-gradient(#b2f2f3, #4ee1e3);
	background: linear-gradient(#b2f2f3, #4ee1e3);
	-pie-background: linear-gradient(#b2f2f3, #4ee1e3);
	behavior: url(css/PIE.htc);
	}
.gradient_sari {
	border: 1px solid #929393;
	-webkit-box-shadow: #fee882 1px 1px 0px inset;
	-moz-box-shadow: #fee882 1px 1px 0px inset;
	box-shadow: #fee882 1px 1px 0px inset;
		background: #fed55a;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fed55a), to(#FCA128));
	background: -webkit-linear-gradient(#fed55a, #FCA128);
	background: -moz-linear-gradient(#fed55a, #FCA128);
	background: -ms-linear-gradient(#fed55a, #FCA128);
	background: -o-linear-gradient(#fed55a, #FCA128);
	background: linear-gradient(#fed55a, #FCA128);
	-pie-background: linear-gradient(#fed55a, #FCA128);
	behavior: url(css/PIE.htc);
	}
.gradient_bg {
	background: #97bede;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#97bede), to(#FFFFFF));
	background: -webkit-linear-gradient(#97bede, #FFFFFF);
	background: -moz-linear-gradient(#97bede, #FFFFFF);
	background: -ms-linear-gradient(#97bede, #FFFFFF);
	background: -o-linear-gradient(#97bede, #FFFFFF);
	background: linear-gradient(#97bede, #FFFFFF);
	-pie-background: linear-gradient(#97bede, #FFFFFF);
	behavior: url(css/PIE.htc);
	}
.margin_auto{display:block;margin:0 auto}
.border_gri{border:1px solid #d4d4d4}
.padding_link_20{padding:0 20px;display:block}
.padding_yan_20{padding:0 20px}
.padding_dik_20{padding:20px 0}
.padding_20{padding:20px}
.padding_dik_10{padding:10px 0}
.padding_10{padding:10px}
.shadow {
	-webkit-box-shadow: #666 3px 3px 4px;
	-moz-box-shadow: #666 3px 3px 4px;
	box-shadow: #666 3px 3px 4px;
	behavior: url(css/PIE.htc);
	}
.shadowleft {
	-webkit-box-shadow: #666 -1px 3px 4px;
	-moz-box-shadow: #666 -1px 3px 4px;
	box-shadow: #666 -1px 3px 4px;
	behavior: url(css/PIE.htc);
	}
.radius_3 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(css/PIE.htc);
	}
.radius_5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(css/PIE.htc);
	}
.radius_8 {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(css/PIE.htc);
	}
.linkblock {	display:block;}
.height1 { height:1px;}
.fullink { position:absolute;top:0;right:0;left:0;bottom:0;width:100%; height:100%;}
.bg_gr{background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.14));}
.bg_grlink:hover{background-image:linear-gradient(to bottom,rgba(0,0,0,0.14),rgba(0,0,0,0));}
/******************************************************
						Header
******************************************************/
#header { float: left; width: 100%; position: relative; }
.container { width: 960px; margin-right: auto; margin-left: auto; position: relative; }
.rows {float: left; width: 100%;}
.mobilmenu_butonyer {
	display: none;
}

.checkboxx label:after,
.radioo label:after {
    content: '';
    display: table;
    clear: both;
}

.checkboxx .cr, .radioo .cr {
    background-color: #ffffff;
    border: 1px solid #000;
    border-radius: 0.25em;
    color: #fff;
    display: inline-block;
    float: left;
    height: 20px;
    margin-right: 0.5em;
    position: relative;
    width: 20px;
    margin-top: 0;
}

.radioo .cr {
    border-radius: 50%;
}

    .checkboxx .cr .cr-icon, .radioo .cr .cr-icon {
        color: #10a64a;
        font-size: 14px;
        left: 16%;
        line-height: 0;
        position: absolute;
        top: 50%;
    }

    .radioo .cr .cr-icon {
        margin-left: 0.04em;
    }

.checkboxx label input[type="checkbox"],
.radioo label input[type="radio"] {
    display: none;
}

    .checkboxx label input[type="checkbox"] + .cr > .cr-icon,
    .radioo label input[type="radio"] + .cr > .cr-icon {
        -webkit-transform: scale(3) rotateZ(-20deg);
        -moz-transform: scale(3) rotateZ(-20deg);
        -ms-transform: scale(3) rotate(-20deg);
        -o-transform: scale(3) rotateZ(-20deg);
        transform: scale(3) rotateZ(-20deg);
        opacity: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    .checkboxx label input[type="checkbox"]:checked + .cr > .cr-icon,
    .radioo label input[type="radio"]:checked + .cr > .cr-icon {
        -webkit-transform: scale(1) rotateZ(0deg);
        -moz-transform: scale(1) rotateZ(0deg);
        -ms-transform: scale(1) rotate(0deg);
        -o-transform: scale(1) rotateZ(0deg);
        transform: scale(1) rotateZ(0deg);
        opacity: 1;
    }

    .checkboxx label input[type="checkbox"]:disabled + .cr,
    .radioo label input[type="radio"]:disabled + .cr {
        opacity: .5;
    }

.label_yazi {
    font-size: 17px;
    line-height: 20px;
}

.header * {
	-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;
}


.header {
	position: fixed;
	top: 40px;
	left: 40px;
	right: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 2%;
	z-index: 10;
  height: 96px;
  -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;
}
.header::after {
	background-color: #791e25;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	content: "";
	z-index: -1;
	height: 0;
	width: 100%;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	box-shadow: 0 2px 3px #0000001f;
}
.header.header_fix::after {
	height: 100%;
	-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;
}
.header.header_fix {
	background-color: #333;
	padding: 0px 2%;
  height: 50px;
  -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;
}
.header.header_fix .menu ul li a {
  padding-top: 0px;
  padding-bottom: 0; 
}
.header.header_fix .logo a {
  width: 157px;
  -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;
	
}
.logo a {
	display: flex;
	width: 300px;
	align-items: center;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.logo a img {
  display: block;
}
.header.header_fix .menu ul li a::after {
  top: 10px;
}
.menu {
  float: right;
}

.slideryer {
  position: relative;
  float: left;
  width: 100%;
  height: 100vh;
  background-color: #000;
  z-index: 8;
}
.logo {
  float: left;
}


/* No Touch devices */
.cd-nav-trigger {
  display: none;
}

 #cd-vertical-nav {
  position: fixed;
  right: 40px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 11;
}
 #cd-vertical-nav li {
  text-align: right;
}
 #cd-vertical-nav a {
  display: inline-block;
  /* prevent weird movements on hover when you use a CSS3 transformation - webkit browsers */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
 #cd-vertical-nav a:after {
  content: "";
  display: table;
  clear: both;
}
 #cd-vertical-nav a span {
  float: right;
  display: inline-block;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
}
 #cd-vertical-nav a:hover span {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
 #cd-vertical-nav a:hover .cd-label {
  opacity: 1;
}
#cd-vertical-nav a.is-selected .cd-dot {
	background-color: #f7941d;
}
#cd-vertical-nav .cd-dot {
	position: relative;
	top: 8px;
	height: 3px;
	width: 50px;
	background-color: #dfdfdf;
	-webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
	-moz-transition: -moz-transform 0.2s, background-color 0.5s;
	transition: transform 0.2s, background-color 0.5s;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
 #cd-vertical-nav .cd-label {
  position: relative;
  margin-right: 10px;
  padding: 0 .5em;
  color: white;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  opacity: 0;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.logo h1 {
	height: 0;
	width: 0;
	overflow: hidden;
}

.menu ul {
  display: flex;
}
.menu ul li a {
  display: inline-block;
  padding: 20px 40px;
  padding-right: 0;
  position: relative;
  color: #fff;
  font-weight: 700;
}
.menu ul li a:hover, .menu ul li a:focus {
color:#FFDC80
}

.homescroll {
  position: absolute;
  bottom: 66px;
  left: 0;
  right: 0;
  z-index: 11;
  text-align: center;
}
.homescroll a {
  display: flex;
  width: 60px;
  height: 60px;
  margin: auto;
  border: 1px solid #fff;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 20px;
}
.ytbg .fullink {
  z-index: 10;
}
.homescroll a:hover {
	background-color: #fff;
}

.ytbg {
	position: relative;
	float: left;
	width: 100%;
	height: 100vh;
	z-index: 3 !important;
}
.line_left {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 20px;
	height: 100%;
	background-color: #fff;
	z-index: 999;
}

.line_right {
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	width: 20px;
	height: 100%;
	background-color: #fff;
	z-index: 999;
}

.line_top {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	width: 100%;
	height: 20px;
	background-color: #fff;
	z-index: 999;
}

.line_bottom {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 20px;
	background-color: #fff;
	z-index: 999;
}


.home_text {
  position: absolute;
  bottom: 151px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 9;
}
.home_text h2 {
  font-size: 48px;
  color: #fff;
  font-weight: 300;
}
.home_text h3 {
  font-size: 24px;
  color: #fff;
  padding-top: 20px;
}



.hemendinle {
  float: left;
  width: 100%;
  background-color: #fff;
  z-index: 9;
  position: relative;
  padding: 40px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.hemendinle h3 {
  float: left;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 48px;
  padding-bottom: 40px;
}
.hemendinlebox {
  display: flex;
  float: left;
  width: 100%;
  justify-content: space-around;
  align-items: center;
}
.biyografi {
  float: left;
  width: 100%;
  background-color: #ECEEED;
  position: relative;
  z-index: 9;
  height: 90vh;
}
.biyografiresim {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.biyografi_yazi {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40px;
  width: 60%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  padding-left: 10%;
  font-size: 20px;
}
.biyografi_yazi h2 {
  padding-bottom: 40px;
  font-size: 48px;
}
.biyografi_yazi p {
  padding-bottom: 40px;
}
#tubular-container {
	position: absolute !important;
}

.haberler {
  background-color: #791e25;
  float: left;
  width: 100%;
  height: 90vh;
  position: relative;
  z-index: 9;
}
.haberbaslik {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  width: 5%;
  height: 100%;
  border-right: 1px solid #FFDC80;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFDC80;
}
.haberbaslik strong {
  transform: rotate(-90deg);
  display: inline-block;
}
.haberler_box {
	float: right;
	width: 93%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	padding: 3% 5%;
  position: relative;
}

.haberbox_resim {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.haberbox_baslik {
  float: left;
  width: 100%;
  top: 49%;
  position: absolute;
  z-index: 8;
  text-align: center;
  font-weight: 700;
}
.haberbox_yazi {
  float: left;
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 9;
  margin-top: 20px;
  padding: 0 6%;
  top: 55%;
}
.haberbox.haberbox_acikyazi {
  color: #fff;
}
.iletisim_sag_box {
  padding: 60px 0;
}

.haberbox {
  width: 100%;
  position: relative;
  height: 100%;
}


.iletisim {
  float: left;
  width: 100%;
  height: 100%;
  display: flex;
}
.iletisim_sol {
  width: 50%;
  /* height: 100%; */
  background-size: cover;
  background-position: 0 0;
}
.iletisim_sag {
  width: 50%;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #DBDDDC;
  color: #000;
}
.iletisim_sag a {
  color: #000;
}
.iletisim_sag_box h3 {
  padding-bottom: 30px;
  font-size: 30px;
  font-weight: 700;
}


.instagramalani {
  float: left;
  width: 100%;
  padding: 40px 20px;
  text-align: center;
}
.instagramalani h2 {
  color: #791e25;
  letter-spacing: 5px;
  font-size: 20px;
  font-weight: 700;
}
.instagramalani h2 a {
  color: #791e25;}
.instagramalani h2 i {
  font-weight: normal;
}
.hemendinlefooter {
	float: left;
	width: 100%;
	padding: 20px;
}
.instagrambox {
	margin-top: 40px;
}
.video-background { 
  display: none;
}

.home_video_local {
  position: relative;
  float: left;
  width: 100%;
  height: 100vh;
  z-index: 3 !important;
}
.home_video_local .video-background {
  display: block;
  /* width: 100%; */
  /* height: 100%; */
  position: absolute;
  inset: 0;
  min-width: 100%;
  min-height: 100%;
}
.home_video_local a.fullink {
  z-index: 10;
}
.home_video_local:after {
  inset: 0;
  content: "";
  position: absolute;
  background-color: #00000061;
}
.haberbox_resim img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  display: block;
}
/******************************************************
						İçerik
******************************************************/
#main { float: left; width: 100%; position: relative; }
/******************************************************
						slider.css
******************************************************/
.nav-slit a{position:absolute;top:50%;display:block;outline:none;text-align:left;z-index:1000;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.nav-slit a.prev{left:0}
.nav-slit a.next{right:0}
.nav-slit a svg{display:block;margin:0 auto;padding:0}
.color-5{background:#cdd2d5}
.nav-slit .icon-wrap{position:relative;display:block;padding:40px 5px;background-color:#000}
.nav-slit svg.icon{-webkit-transition:-webkit-transform .3s .3s;transition:transform .3s .3s;fill:#fff}
.nav-slit div{position:absolute;top:0;width:200px;height:100%;background-color:#000;-webkit-transition:-webkit-transform .3s .3s;transition:transform .3s .3s;-webkit-perspective:1000px;perspective:1000px}
.nav-slit a.prev div{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.nav-slit a.next div{right:0;text-align:right;-webkit-transform:translateX(100%);transform:translateX(100%)}
.nav-slit h3{position:absolute;top:100%;margin:0;padding:0 20px;width:100%;height:30%;background:#000;color:#fff;text-transform:uppercase;white-space:nowrap;letter-spacing:1px;font-weight:500;font-size:.75em;line-height:2.75;-webkit-transition:-webkit-transform .3s;transition:transform .3s;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webki-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
.nav-slit h3::after{background-color:#000;content:"...";height:100%;line-height:30px;position:absolute;right:0;top:0;width:25px}
.nav-slit img{position:absolute;top:0;left:0;width:100%}
.nav-slit a:hover svg.icon{-webkit-transition-delay:0;transition-delay:0}
.nav-slit a.prev:hover svg.icon{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.nav-slit a.next:hover svg.icon{-webkit-transform:translateX(100%);transform:translateX(100%)}
.nav-slit a:hover div{-webkit-transform:translateX(0);transform:translateX(0)}
.nav-slit a:hover h3{-webkit-transition-delay:.6s;transition-delay:.6s;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}
svg:not(:root){overflow:hidden}
.svg-wrap{height:0;overflow:hidden;position:absolute;width:0}
.swiper-container{width:100%;float:left}
.slider_resim{position:relative;width:100%;float:left;z-index:3}
.slide-bg{position:absolute;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;z-index:3}
.slide-img{position:relative;width:100%;background-size:cover;background-position:center;z-index:3;float:left}
.menu-slide-img{position:absolute;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;z-index:3}
.swiper-slide{overflow:hidden;z-index:auto!important}
.slider_resim_mobil{display:none}
.parallax-bg{background-position:center center;background-size:cover;height:100%;left:0;opacity:.5;position:absolute;top:0;width:60%;z-index:2}
.swiper-slide:first-child .prev{display:none}
.swiper-slide:last-child .next{display:none}
.slider_resim > img{display:block}
.slider_yaziyer{z-index:4;bottom:10%;position:absolute;opacity:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;left:17%}
.swiper-slide-active .slider_yaziyer{opacity:1;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.slider_box img{width:100%;height:auto;display:block}
.slider_resim::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6)}
.slider_aciklama{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;z-index:8;justify-content:center;align-content:center;align-items:center;flex-direction:column}
.slider_aciklama h2{color:#fff;font-size:6vw;font-weight:900;text-shadow:3.394px 6.122px 0 rgba(0,0,0,0.21)}
.slider_aciklama h3{background-color:#e41937;color:#fff;font-size:1.4vw;letter-spacing:4px;padding:10px 30px}
.nav-circleslide{z-index:2}
.nav-circleslide a{position:absolute;top:50%;color:#fff;z-index:5;font-size:30px;transform:translate(0,-50%);display:flex;width:24px;height:60px;justify-content:center;align-items:center;z-index:15}
.camp_slider_box a{top:50%}
.nav-circleslide a:first-child{left:21px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.nav-circleslide a:last-child{right:37px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.slider_box:hover .nav-circleslide a:first-child{left:30px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.slider_box:hover .nav-circleslide a:last-child{right:30px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.anasayfa_adres{color:#12434c}
.anasayfa_adres a{color:#12434c;font-weight:700}
.anasayfa_adres a:hover{color:#68cbdd}
.swiper-pagination{position:absolute;bottom:20px;left:0;right:0;margin:auto}
.swiper-pagination span{width:20px;opacity:1!important;height:20px;margin-right:5px;background-color:#fff!important;border:3px solid #e2091e;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.swiper-pagination span.swiper-pagination-bullet-active{background-color:#d12e49!important;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.product_detail_slider_box{height:760px}
.swiper-container.gallery-top{height:80%;width:100%}
.swiper-container.gallery-thumbs{height:20%;box-sizing:border-box;padding:10px 0}
.gallery-thumbs .swiper-slide{height:100%;opacity:.4}
.gallery-thumbs .swiper-slide-thumb-active{opacity:1}
.product_detail_slider_box .swiper-slide{background-size:cover;background-position:center}
.slider_box{float:left;position:relative;background-color:#fff;overflow:hidden;z-index:9;padding:0 3%;margin-top:80px}
.slideryer{height:100vh;display:flex;position:relative;z-index:7;align-items:flex-end}
.slider_sag{width:40%;height:88%;position:relative}
.slider_detay{position:absolute;bottom:5%;left:6%;z-index:9;right:9%;color:#fff;font-weight:700}
.slider_detay h2{color:#fff;font-size:50px}
.swiper-container{z-index:auto!important;overflow:hidden}
.swiper-wrapper{z-index:auto!important}
.swiper-image-detail{background-size:cover;background-position:center center;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:100%;height:100%;background-color:hsla(0,0%,0%,0.2);background-blend-mode:overlay;position:absolute;z-index:15;top:0;left:0;right:0;bottom:0}
.swiper-image{-webkit-transition:all 1s linear;transition:all 1s linear;-webkit-transition-delay:1s;transition-delay:1s}
.swiper-image-detail h2,.swiper-slide-duplicate h2,.swiper-slide-next h2,.swiper-slide-prev h2{color:#fff;font-size:3.125vw;line-height:1;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0);opacity:0;text-align:center;-webkit-transition:all .8s cubic-bezier(0.215,0.61,0.355,1) 1.1s;-moz-transition:all .8s cubic-bezier(0.215,0.61,0.355,1) 1.1s;-ms-transition:all .8s cubic-bezier(0.215,0.61,0.355,1) 1.1s;-o-transition:all .8s cubic-bezier(0.215,0.61,0.355,1) 1.1s;transition:all .8s cubic-bezier(0.215,0.61,0.355,1) 1.1s}
.swiper-image-detail h5,.swiper-slide-duplicate h5,.swiper-slide-next h5,.swiper-slide-prev h5{font-family:'notyou';font-size:14px;letter-spacing:2px;transform:translate3d(0,-50%,0);opacity:0;color:#fff;-webkit-transition:all .8s cubic-bezier(0.215,0.61,0.355,1) 1.1s;-moz-transition:all .8s cubic-bezier(0.215,0.61,0.355,1) 1.1s;-ms-transition:all .8s cubic-bezier(0.215,0.61,0.355,1) 1.1s;-o-transition:all .8s cubic-bezier(0.215,0.61,0.355,1) 1.1s;transition:all .8s cubic-bezier(0.215,0.61,0.355,1) 1.1s;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0)}
.swiper-slide-active .swiper-image-detail h2,.swiper-slide-active .swiper-image-detail h5,.swiper-slide-duplicate-active .swiper-image-detail h2,.swiper-slide-duplicate-active .swiper-image-detail h5{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;-webkit-transition:all .8s cubic-bezier(0.215,0.61,0.355,1) 1.1s;-moz-transition:all .8s cubic-bezier(0.215,0.61,0.355,1) 1.1s;-ms-transition:all .8s cubic-bezier(0.215,0.61,0.355,1) 1.1s;-o-transition:all .8s cubic-bezier(0.215,0.61,0.355,1) 1.1s;transition:all .8s cubic-bezier(0.215,0.61,0.355,1) 1.1s}
.swiper-slide-duplicate-next h2,.swiper-slide-duplicate-prev h2,.swiper-slide-duplicate-next h5,.swiper-slide-duplicate-prev h5{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;-webkit-transition:all .8s cubic-bezier(0.215,0.61,0.355,1) 1.1s;-moz-transition:all .8s cubic-bezier(0.215,0.61,0.355,1) 1.1s;-ms-transition:all .8s cubic-bezier(0.215,0.61,0.355,1) 1.1s;-o-transition:all .8s cubic-bezier(0.215,0.61,0.355,1) 1.1s;transition:all .8s cubic-bezier(0.215,0.61,0.355,1) 1.1s}
.slider_count_arrow{position:absolute;bottom:27%;z-index:20;left:0;right:0}
.swiper-counter{display:flex;float:left;width:100%;justify-content:center;color:#fff;font-size:30px;font-weight:700;align-items:center}
.count-center{width:140px;height:2px;background-color:#5D8D3E;margin:0 20px}
.slider_resim picture img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transition:all 55.5s ease-in-out;-webkit-transition:all 55.5s ease-in-out;-moz-transition:all 55.5s ease-in-out;-ms-transition:all 55.5s ease-in-out;-o-transition:all 55.5s ease-in-out}
.swiper-slide-active .slider_resim picture img,.swiper-slide-duplicate-active .slider_resim picture img{transform:scale(2);-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transition:all 55.5s ease-in-out;-webkit-transition:all 55.5s ease-in-out;-moz-transition:all 55.5s ease-in-out;-ms-transition:all 55.5s ease-in-out;-o-transition:all 55.5s ease-in-out}
.activities .nav-circleslide a:first-child{left:0}
.activities .nav-circleslide a:last-child{right:0}
/******************************************************
						Footer
******************************************************/
#footer { float: left; width: 100%; position: relative;  }

iframe {
  transition: opacity 500ms ease-in-out;
  transition-delay: 250ms;
}

