a, h1, h2, h3, h4, h5, h6, p, body, table, td, th, tbody, thead, textarea, input, select, button, ul, li {
	font-family: 'Jost', sans-serif;
}
html {
	scroll-behavior: smooth;
}
a:hover {
	text-decoration: none;
}
input, select, button, textarea {
	outline: none;
}
h1 {
	font-weight: 300;
	font-size: 80px;
	line-height: 86px;
	color: #FFFFFF;
}
h2 {
	font-weight: 300;
	font-size: 70px;
	line-height: 76px;
	color: #FFFFFF;
}
h3 {
	font-size: 28px;
	line-height: 35px;
}
h4 {

	font-size: 24px;
	line-height: 35px;
}
h5 {

	font-size: 22px;
	line-height: 35px;
}
h6 {
	font-size: 18px;
	line-height: 26px;
}
p {
	font-size: 16px;
	line-height: 24px;
}
.main-header {

	position: absolute;
	padding-top: 2%;
	padding-bottom: 1%;
	width: 100%;
	z-index: 11;
	transition: 0.5s;
}
.main-header .main-header-logo {

	width: 20%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.main-header .main-header-logo img {

	width: 100%;
	transition: 1s;
}
.main-header .main-header-links {

	width: 80%;
	display: flex;
	align-items: flex-end;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
	justify-content: flex-end;
}
.main-header .main-header-links ul {

	padding-left: 0;
	margin-bottom: 0;
}
.main-header .main-header-links ul li {

	display: inline-block;
	margin: 0px 0px 0px 40px;
}
.main-header .main-header-links ul li a {

	font-weight: 300;
	font-size: 24px;
	line-height: 35px;
	color: #FFFFFF;
}
.main-header .main-header-links ul li a:hover {

}
.mainslider {

	position: relative;
	overflow: hidden;
}
.mainslider .ms-slider-film {

position: absolute;

width: 100%;

height: 100%;

background: linear-gradient(180deg, rgba(0, 0, 0, 0.28) 0%, #3A3E34 100%);
}
.mainslider .ms-main-image {

	height: 100vh;
	object-fit: cover;
}
.mainslider .ms-desc {

	position: absolute;
	top: 32%;
}
.mainslider .ms-desc h1 {width: 100%;transition: 1s;margin-left: 5%;}
.mainslider .ms-desc h4 {

	font-weight: 300;
	color: #FFFFFF;
	width: 60%;
	padding-left: 5%;
	margin-top: 2%;
	transition: 1s;
	margin-left: 5%;
}
.mainslider .ms-slider-number {

	position: absolute;
	bottom: 4%;
}
.mainslider .ms-slider-number span {

	font-weight: normal;
	font-size: 40px;
	line-height: 114%;
	color: #FFFFFF;
	position: relative;
}
.mainslider .ms-slider-number span:after {
	content: "";
	background: #fff;
	height: 1px;
	width: 240px;
	position: absolute;
	bottom: 23%;
	margin-left: 10px;
}
.mainslider-owl .owl-nav {
	display: block !important;
	position: absolute;
	bottom: 2%;
	left: 23%;
}
.mainslider .active .ms-desc h1 {

	transition: 1s;
	margin-left: 0%;
	transition-delay: 0.3s;
}
.mainslider .active .ms-desc h4 {

	transition: 1s;
	margin-left: 0%;
	transition-delay: 0.5s;
}

/*----*/
/* width */
::-webkit-scrollbar {
	width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #fff;
	border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #fff;
}

/*----*/

.mainpage-hakkimizda {
	position: relative;
	background-image: url(../img/mainpage-hakkimizda-bg.jpg);
	padding-top: 7%;
	padding-bottom: 7%;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 0;
	background-position: center;
}
.mainpage-hakkimizda .mainpage-hak-desc {
	width: 50%;
	padding-top: 12%;
}
.mainpage-hakkimizda .mainpage-hak-desc h2 {
	margin-bottom: 5%;
}
.mainpage-hakkimizda .mainpage-hak-desc h3 {
	font-weight: 600;
	color: #FFFFFF;
	margin-bottom: 4%;
}
.mainpage-hakkimizda .mainpage-hak-desc h5 {
	font-weight: 300;
	color: #FFFFFF;
}
.mainpage-hakkimizda .gurbag-logo-mainhakkimizda {
	position: absolute;
	top: 12%;
	left: 0%;
	z-index: -1;
}
.mainpage-hakkimizda .gurbag-logo-mainhakkimizda img {
	width: 90%;
}
.mainpage-buyukveri {position: relative;background-image: url("../img/mainpage-buyukveri-bg.jpg");background-repeat: no-repeat;background-size: cover;padding-top: 5%;padding-bottom: 13%;z-index: 0;overflow: hidden;}
.mainpage-buyukveri h2 {

	width: 50%;
}
.mainpage-buyukveri h5 {

	font-weight: 300;
	text-align: justify;
	color: #FFFFFF;
	margin-top: 2%;
}
.mainpage-buyukveri .buyukveri-image {

	width: 80%;
	margin: auto;
	display: block;
	margin-top: 4%;
}
.mainpage-buyukveri .elektrik-pattern {
	position: absolute;
	z-index: -1;
	top: 0%;
}
.mainpage-buyukveri .elektrik-pattern img {
	width: 100%;
}
.mainpage-buyukveri .yapayzeka-rows {

	margin-top: 5%;
}
.mainpage-buyukveri .yapayzeka-left-side {

	width: 50%;
}
.mainpage-buyukveri .yapayzeka-left-side h2 {

	width: 100%;
}
.mainpage-buyukveri .yapayzeka-left-side .yapayzekatitle-green {

	font-weight: 600;
	font-size: 40px;
	line-height: 45px;
	color: #659B1B;
	display: block;
	margin-top: 20px;
}
.mainpage-buyukveri .yapayzeka-left-side h3 {

	font-weight: 600;
	color: #FFFFFF;
	margin-top: 30px;
}
.mainpage-buyukveri .yapayzeka-left-side h4 {

	font-weight: 300;
	text-align: justify;
	margin-top: 20px;
	color: #FFFFFF;
}
.mainpage-buyukveri .yapayzeka-right-side {

	width: 50%;
}
.mainpage-buyukveri .yapayzeka-right-side .yapayzeka-right-side-image {

	position: relative;
	right: -30px;
	top: 15%;
}
.mainpage-buyukveri .yapayzeka-right-side .yapayzeka-right-side-image img {width: 110%;}
.mainpage-buyukveri .yapayzeka-accordions {
	margin-top: 7%;
}
.yapayzeka-accordions .card-header {
	border: none;
	background: transparent;
	padding: 10px 0px 10px 0px;
}
.yapayzeka-accordions .card-header button {
	background: none;
	border: none;
	font-weight: normal;
	font-size: 25px;
	line-height: 114.5%;
	color: #FFFFFF;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #fff;
	padding: 15px 0px 15px 0px;
	position: relative;
}
.yapayzeka-accordions .card-header button span {
	font-weight: normal;
	font-size: 25px;
	line-height: 114.5%;
	color: #FFFFFF;
	margin-right: 10px;
}
.yapayzeka-accordions .card {
	background: transparent;
	border: none;
}
.yapayzeka-accordions .card-body {
	padding: 10px 5px 10px 5px;
}
.yapayzeka-accordions .card-body p {
	font-weight: 300;
	font-size: 24px;
	line-height: 35px;
	text-align: justify;
	color: #FFFFFF;
}
.yapayzeka-accordions .card-body ul {
	padding-left: 0;
	margin-bottom: 0;
}
.yapayzeka-accordions .card-body ul li {
	position: relative;
	font-weight: 300;
	font-size: 24px;
	line-height: 28px;
	text-align: justify;
	color: #FFFFFF;
	list-style: none;
	padding-left: 25px;
	margin-bottom: 15px;
}
.yapayzeka-accordions .card-body ul li:before {
	content: "";
	background-image: url("../img/acc-list-before-icon.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	position: absolute;
	left: 0px;
	top: 7px;
}
.yapayzeka-accordions .card-header button:after {
	content: "";
	background-image: url("../img/accordion-eksi.png");
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0%;
	background-size: contain;
	background-repeat: no-repeat;
	top: 10px;
	transition: 0.5s;
}
.yapayzeka-accordions .card-header button.collapsed:after {
	transition: 0.5s;
	background-image: url("../img/accordion-arti.png");
}
.mainpage-buyukverinin-surecleri {

	position: relative;
	padding-top: 12%;
	padding-bottom: 0%;
	background: linear-gradient(180deg, #323232 22.89%, #51633B 124.05%);
	z-index: 0;
	overflow: hidden;
}
.mainpage-buyukverinin-surecleri h2 {

	width: 40%;
}
.mainpage-buyukverinin-surecleri h3 {

	font-weight: 600;
	color: #FFFFFF;
	margin-top: 50px;
}
.mainpage-buyukverinin-surecleri .buyukveri-rows {

	margin-top: 4%;
}
.buyukveri-card-width {
	width: 50%;
	position: relative;
}
.buyukveri-card-width .buyukveri-card {
	position: relative;
	width: 95%;
	margin: auto;
	height: 250px;
	overflow: auto;
}
.buyukveri-card-width .buyukveri-card h3 {
	font-size: 40px;
	margin-top: 0;
	margin-bottom: 0;
	height: 60px;
}
.buyukveri-card-width .buyukveri-card h4 {
	font-weight: 300;
	text-align: justify;
	color: #FFFFFF;
	width: 90%;
}
.buyukveri-card-width:after {
	content: "";
	background-image: url("../img/bc-baklava-icon.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 25px;
	height: 25px;
	position: absolute;
	top: -10px;
	right: 12px;
}
.buyukveri-surec-bg {

	position: absolute;
	top: 25%;
	z-index: -1;
}
.buyukveri-surec-bg img {

	width: 80%;
	text-align: center;
	display: block;
	margin: auto;
}
.mainpage-isortaklari {

	position: relative;
	padding-top: 12%;
	padding-bottom: 8%;
}
.mainpage-isortaklari h2 {

}
.mainpage-isortaklari .isortak-rows {

	margin-top: 5%;
}
.mainpage-isortaklari .isortak-rows .isortak-left {

	width: 30%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.mainpage-isortaklari .isortak-rows .isortak-left img {

	width: 80%;
}
.mainpage-isortaklari .isortak-rows .isortak-right {
	width: 70%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.mainpage-isortaklari .isortak-rows .isortak-right h4 {
	font-weight: 300;
	text-align: justify;
	color: #FFFFFF;
	margin-bottom: 0;
}
.mainpage-video {

	position: relative;
	overflow: hidden;
}
.mainpage-video .mvk-main {

}
.mainpage-video .mvk-main a {

	position: relative;
}
.mainpage-video .mvk-main a:after {
	content: "";
	background-image: url("../img/video-play-icon.png");
	width: 200px;
	height: 200px;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	transition: 1s;
	left: 47%;
	top: 50%;
	opacity: 0;
}
.mainpage-video .mvk-main a:hover:after {

	transition: 1s;
	opacity: 1;
}
.mainpage-video .mainpage-video-kapak {

	width: 100%;
	height: 100%;
}
.mainpage-iletisim {

position: relative;

padding-top: 5%;

padding-bottom: 5%;

background: linear-gradient(1deg, #323232 82.89%, #51633B 124.05%);

z-index: 1;

overflow: hidden;
}
.mainpage-iletisim h2 {

}
.mainpage-iletisim .mp-ilet-rows {

	margin-top: 3%;
}
.mainpage-iletisim .mp-ilet-rows p {

	font-weight: normal;
	font-size: 20px;
	line-height: 140%;
	letter-spacing: 0.02em;
	color: #FFFFFF;
}
.mainpage-iletisim .mp-ilet-rows input {

	background: #EFEFEF;
	border: 1px solid #D1D1D1;
	box-sizing: border-box;
	border-radius: 12px;
	height: 50px;
	width: 100%;
	font-weight: 300;
	font-size: 14px;
	line-height: 180%;
	color: #474747;
	padding-left: 15px;
	margin-bottom: 50px;
}
.mainpage-iletisim .mp-ilet-rows select {

	background: #EFEFEF;
	border: 1px solid #D1D1D1;
	box-sizing: border-box;
	border-radius: 12px;
	height: 50px;
	width: 100%;
	font-weight: 300;
	font-size: 14px;
	line-height: 180%;
	color: #474747;
	padding-left: 15px;
	margin-bottom: 50px;
	position: relative;
}
.mainpage-iletisim .mp-ilet-rows textarea {

	background: #EFEFEF;
	border: 1px solid #D1D1D1;
	box-sizing: border-box;
	border-radius: 12px;
	height: 190px;
	width: 100%;
	font-weight: 300;
	font-size: 14px;
	line-height: 180%;
	color: #474747;
	padding-left: 15px;
	margin-bottom: 50px;
	padding-top: 10px;
}
.iletisim-buton {
	text-align: right;
}
.iletisim-buton button {
	font-weight: normal;
	font-size: 20px;
	line-height: 140%;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	background: transparent;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 12px;
	padding: 14px 60px;
	transition: 0.5s;
}
.iletisim-buton button:hover {
	transition: 0.5s;
	background: #475438;
}
/*-------------*/
select {

	/* styling */

	background-color: white;
	border: thin solid blue;
	display: inline-block;
	font: inherit;
	line-height: 1.5em;
	padding: 0.5em 3.5em 0.5em 1em;
	/* reset */

	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}
/*-------------*/

.iletisim-siyah-select-ok {

	position: absolute;
	z-index: 1;
	right: 8%;
	margin-top: 12px;
}
.iletisim-siyah-select-ok img {

}
.footer {

	margin-top: 8%;
}
.footer h4 {

	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 30px;
}
.footer .footer-rows {

	border-bottom: 1px solid #fff;
	padding-bottom: 5%;
}
.footer-logo {
	width: 30%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.footer-logo img {
	width: 100%;
}
.footer-link-adres {

	width: 23%;
	margin-top: 2%;
}
.footer-link-adres p {
	font-weight: 300;
	font-size: 20px;
	line-height: 29px;
	color: #FFFFFF;
	margin-bottom: 0;
}
.footer-link-adres .footer-sosyal-medyalist {

	margin-bottom: 0;
	padding-left: 0;
	margin-top: 8%;
}
.footer-link-adres .footer-sosyal-medyalist li {

	display: inline-block;
	margin: 0px 30px 0px 0px;
}
.footer-link-adres .footer-sosyal-medyalist li a {

	font-weight: normal;
	font-size: 14px;
	line-height: 180%;
	color: #FFFFFF;
}
.footer-link-adres .footer-sosyal-medyalist li img {

	vertical-align: sub;
	margin-right: 5px;
}
.footer-link-adres a {

	font-weight: 300;
	font-size: 20px;
	line-height: 29px;
	color: #FFFFFF;
	transition: 0.5s;
	display: block;
}
.footer-link-adres a:hover {
	transition: 0.5s;
}
.footer-link-adres .footer-mailto {

	margin-top: 30px;
}
.copy-right {
	margin-top: 2%;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	margin-bottom: 0;
	margin-left: -15px;
}
.copy-right a {
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.02em;
	color: #FFFFFF;
}
.copy-right a:hover {
}

/*-----*/

#backtotop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background: none;
	cursor: pointer;
}
#backtotop img {
	width: 80%;
}

/*----*/

.footer-buyuk-logo {
	position: absolute;
	bottom: 10%;
	right: 0%;
	z-index: -1;
}
.footer-buyuk-logo img {
	width: 100%;
}
.scroll-down {

	position: absolute;
	bottom: 14%;
	right: 0%;
	z-index: 1;
}
.scroll-down img {

	margin-right: 20px;
}
.scroll-down span {

	font-weight: 300;
	font-size: 18px;
	line-height: 107%;
	color: #FFFFFF;
}
.scroll-down a {

	transform: rotate(
	-90deg
	);
	display: block;
}

/*-----*/

@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
.bounce {
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}

/*-----*/

.navbar-takip {

	position: fixed;
	width: 100%;
	transition: 0.5s;
	background: #373a33;
	padding-top: 1%;
	border-bottom: 1px solid #fff;
}
.main-header.navbar-takip .main-header-logo img {

	transition: 1s;
	width: 60%;
}
.main-header.navbar-takip .main-header-links {

	align-items: center;
	border-bottom: none;
}