@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css2?family=Andada+Pro:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;1,100;1,200;1,300;1,400;1,500;1,600&display=swap');
@font-face {
	font-family: Barla©001 Liva Nur;
	src: url(../font/Barla001LivaNur.ttf);
}


* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins', serif;
}
::-webkit-scrollbar {
	width: .9rem;
	background: #888;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555; 
}
body{
	font-family: 'Poppins', sans-serif;
}
i {
	margin-right: 10px;
}
/*----------bootstrap-navbar-css------------*/
.navbar-logo {
	font-family: Barla©001 Liva Nur;
	padding: 15px;
	color: #E31E24;
	font-size: 40px;
}
.main-nav h2 {
	font-family: Barla©001 Liva Nur;
	margin: auto;
	padding: 15px;
	color: #E31E24;
	font-size: 40px;
	align-items: center;
	float: right;
}
@media(max-width: 480px){
	.main-nav h2 {
		font-size: 30px;
		margin-top: 3%;
	}
}
@media(max-width: 340px){
	.main-nav h2 {
		font-size: 25px;
		margin-top: 5%;
	}
}


.navbar-logo h2:hover {
	color: #E31E24;
	text-shadow: 1px 1px #fff;
}
.navbar img {
	width: 100px;
	margin-left: 7%;
	margin-right: 7%;
}

.hori-selector{
	display:inline-block;
	position:absolute;
	height: 100%;
	top: 0px;
	left: 0px;
	transition-duration:0.6s;
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
	background-color: #fff;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
}
/*
.hori-selector .right,
.hori-selector .left{
	position: absolute;
	width: 25px;
	height: 25px;
	background-color: #fff;
	bottom: 10px;
} 
.hori-selector .right{
	right: -25px;
}
.hori-selector .left{
	left: -25px;
}
.hori-selector .right:before,
.hori-selector .left:before{
	content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #000;
}
.hori-selector .right:before{
	bottom: 0;
    right: -25px;
}
.hori-selector .left:before{
	bottom: 0;
    left: -25px;
}
*/

@media(min-width: 992px){
	.navbar-expand-custom {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.navbar-expand-custom .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.navbar-expand-custom .navbar-toggler {
		display: none;
	}
	.navbar-expand-custom .navbar-collapse {
		display: -ms-flexbox!important;
		display: flex!important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
}


@media (max-width: 991px){
	#navbarSupportedContent ul li a{
		padding: 12px 30px;
	}
	.navbar {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.navbar-logo img {
		margin: 0 auto;
	}
	.hori-selector{
		margin-top: 0px;
		margin-left: 10px;
		border-radius: 0;
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
	}
	.hori-selector .left,
	.hori-selector .right{
		right: 10px;
	}
	.hori-selector .left{
		top: -25px;
		left: auto;
	}
	.hori-selector .right{
		bottom: -25px;
	}
	.hori-selector .left:before{
		left: -25px;
		top: -25px;
	}
	.hori-selector .right:before{
		bottom: -25px;
		left: -25px;
	}
}
.container-p img {
	max-width: 100%;
	height: auto;
	max-height: 400px;
}
.container-p #blog-img-1 {
	margin-top: 3%;
}
.container-p #blog-img-3 {
	margin-bottom: 3%;
}
.paragraf {
	margin: 5% 0 5% 0;
	text-align: center;
	color: #252525;
}

.faaliyetlerimiz .f-1 ul {
	color: #fff;
	background: #333;
	border-radius: 3em;
	padding: 2em 4em;
	margin: 0 4em;
}
.faaliyetlerimiz h6 {
	font-size: 18px;
	font-family: 'Poppins';
}

.header-area {
	position: sticky;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 999;
	background: url(../img/ShinyOverlay.svg);
	background-size:cover;
	background-position:center;  
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}
.header-area .row {
	margin: 0;
}


.header-area .main-nav {
	min-height: 80px;
}

.header-area .main-nav .logo {
	line-height: 80px;
	float: left;
	padding: 5px 15px 0 15px;
}

.header-area .main-nav .logo img {
	width: 80px;
	height: auto;
}



.header-area .main-nav .nav {
	float: right;
	margin-right: 0px;
	background-color: transparent;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	position: relative;
	z-index: 999;
}

.header-area .main-nav .nav li a {
	padding: 20px 20px 71px 20px;

}
.header-area .main-nav .nav .scroll-to-section .active {
	background-color: #ddc3ae;
}
.header-area .main-nav .nav .scroll-to-section:hover a {
	background-color: #ddc3ae;
}

.nav img {
	height: 30px;
	width: auto;
	padding-right: 10px;

}

@media (max-width: 1200px) {
	.header-area .main-nav .nav .search-icon {
		float: none;
		text-align: center;
		width: 100%;
		background-color: #fff;
		margin-left: 0px;
	}
	.header-area .main-nav .nav li a {
		padding: 20px 20px 48px 20px;

	}
} 
@media (max-width: 361px) {
	.header-area .main-nav .logo {
		padding: 5px 0 0 0;
	}
}

.header-area .main-nav .nav .search-icon a:hover {
	opacity: 1;
	color: #CF930C!important;
}


.header-area .main-nav .nav li a {
	display: block;
	font-size: 1rem;
	font-weight: 400;
	color: #D5B59C;
	text-decoration: none;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	height: 40px;
	line-height: 53px;
	border: transparent;
}

.header-area .main-nav .nav li a {
	color: #fff;
}

.header-area .main-nav .nav li:hover a,
.header-area .main-nav .nav li a.active {
	color: #fff;
}

.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li a.active {
	color: #fff;
	opacity: 1;
}

.header-area .main-nav .nav li.submenu {
	position: relative;
	padding-right: 35px;
}

.header-area .main-nav .nav li.submenu:after {
	font-family: FontAwesome;
	content: "\f107";
	font-size: 12px;
	color: #fff;
	position: absolute;
	right: 18px;
	top: 12px;
}

.background-header .main-nav .nav li.submenu:after {
	color: #7a7a7a;
}

.header-area .main-nav .nav li.submenu ul {
	position: absolute;
	width: 200px;
	box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
	overflow: hidden;
	top: 40px;
	opacity: 0;
	transform: translateY(+2em);
	visibility: hidden;
	z-index: -1;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.header-area .main-nav .nav li.submenu ul li {
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.header-area .main-nav .nav li.submenu ul li a {
	opacity: 1;
	display: block;
	background: #fff;
	color: #7a7a7a!important;
	height: 40px;
	line-height: 40px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	position: relative;
	font-size: 13px;
	border-bottom: 1px solid #f5f5f5;
}

.header-area .main-nav .nav li.submenu ul li a:hover {
	background: #fff;
	color: #CF930C!important;
	padding-left: 25px;
}

.header-area .main-nav .nav li.submenu ul li a:hover:before {
	width: 3px;
}

.header-area .main-nav .nav li.submenu:hover ul {
	visibility: visible;
	opacity: 1;
	z-index: 1;
	transform: translateY(0%);
	transition-delay: 0s, 0s, 0.3s;
}

.header-area .main-nav .menu-trigger {
	cursor: pointer;
	display: block;
	position: absolute;
	top: 23px;
	width: 32px;
	height: 40px;
	text-indent: -9999em;
	z-index: 99;
	right: 10px;
	display: none;
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	background-color: #fff;
	display: block;
	position: absolute;
	width: 30px;
	height: 2px;
	left: 0;
}

.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
	background-color: #fff;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	background-color: #fff;
	display: block;
	position: absolute;
	width: 30px;
	height: 2px;
	left: 0;
	width: 75%;
}

.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
	background-color: #fff;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
	content: "";
}

.header-area .main-nav .menu-trigger span {
	top: 16px;
}

.header-area .main-nav .menu-trigger span:before {
	-moz-transform-origin: 33% 100%;
	-ms-transform-origin: 33% 100%;
	-webkit-transform-origin: 33% 100%;
	transform-origin: 33% 100%;
	top: -10px;
	z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
	-moz-transform-origin: 33% 0;
	-ms-transform-origin: 33% 0;
	-webkit-transform-origin: 33% 0;
	transform-origin: 33% 0;
	top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
	background-color: transparent;
	width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
	-moz-transform: translateY(6px) translateX(1px) rotate(45deg);
	-ms-transform: translateY(6px) translateX(1px) rotate(45deg);
	-webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
	transform: translateY(6px) translateX(1px) rotate(45deg);
	background-color: #fff;
}

.background-header .main-nav .menu-trigger.active span:before {
	background-color: #fff;
}

.header-area .main-nav .menu-trigger.active span:after {
	-moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
	-ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
	-webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
	transform: translateY(-6px) translateX(1px) rotate(-45deg);
	background-color: #fff;
}

.background-header .main-nav .menu-trigger.active span:after {
	background-color: #fff;
}

.header-area.header-sticky {
	min-height: 80px;
}


.header-area.header-sticky .nav li a.active {
	color: #fff;
}


@media (max-width: 1200px) {
	.header-area .main-nav .nav li {
		padding-left: 12px;
		padding-right: 12px;
	}
	.header-area .main-nav:before {
		display: none;
	}
}



@media (max-width: 1200px) {

	.header-area.header-sticky .nav li a:hover,
	.header-area.header-sticky .nav li a.active {
		color: #fff!important;
		opacity: 1;
	}
	.header-area {
		background-color: #D5B59C;
		padding: 0px 0px;
		height: 91px;
		box-shadow: none;
		text-align: center;
	}
	.header-area .container {
		padding: 0px;
	}

	.header-area .menu-trigger {
		display: block !important;
	}
	.header-area .main-nav {
		overflow: hidden;
	}
	.header-area .main-nav .nav {
		float: none;
		width: 100%;
		display: none;
		-webkit-transition: all 0s ease 0s;
		-moz-transition: all 0s ease 0s;
		-o-transition: all 0s ease 0s;
		transition: all 0s ease 0s;
		margin-left: 0px;
	}
/*  .header-area .main-nav .nav li:first-child {

  } */
  .header-area.header-sticky .nav {
  	margin-top: 90px !important;
  	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  }
  .header-area .main-nav .nav li {
  	width: 100%;
  	background: #fff;
  	padding-left: 0px !important;
  	padding-right: 0px !important;
  }
  .header-area .main-nav .nav li a {
  	height: 30px !important;
  	line-height: 0;
  	border: none !important;
  	background: rgb(217,189,166);
  	background: linear-gradient(90deg, rgba(217,189,166,0.9279061966583508) 0%, rgba(190,160,136,1) 100%);
  	color: #fff !important;
  }
  .header-area .main-nav .nav li a:hover {
  	background: #ddc3ae !important;
  	color: #fff!important;
  }
  .header-area .main-nav .nav li .active {
  	background: #ddc3ae !important;
  }
  .header-area .main-nav .nav li.submenu ul {
  	position: relative;
  	visibility: inherit;
  	opacity: 1;
  	z-index: 1;
  	transform: translateY(0%);
  	transition-delay: 0s, 0s, 0.3s;
  	top: 0px;
  	width: 100%;
  	box-shadow: none;
  	height: 0px;
  }
  .header-area .main-nav .nav li.submenu ul li a {
  	font-size: 12px;
  	font-weight: 400;
  }
  .header-area .main-nav .nav li.submenu ul li a:hover:before {
  	width: 0px;
  }
  .header-area .main-nav .nav li.submenu ul.active {
  	height: auto !important;
  }
  .header-area .main-nav .nav li.submenu:after {
  	color: #3B566E;
  	right: 25px;
  	font-size: 14px;
  	top: 15px;
  }
  .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul {
  	height: 0px;
  }
}

.baslik {
	width: 300px;
	height: auto;
	text-align: center;
	padding: 12px;
	border-radius: 50px;
	color: #fff;
	background: url("../img/ShinyOverlay.svg");
	background-size:cover;
	background-position:center; 
	margin: auto;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.baslik h2 {
	font-size: 30px;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	margin: 0 auto;
}

/* 
---------------------------------------------
features
--------------------------------------------- 
*/
.features-small-item {
	height: 360px;
	display: block;
	background-color: #b29680;
	background-image: url("../img/features-5.svg");
	background-size:cover;
	background-position:center; 
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 30px;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	position: relative;

}
.features-small-item-2 {
	display: block;
	background-color: #D5B59C;
	background-image: url("../img/Meteor-2.svg");
	background-size:cover;
	background-position:center;  
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.10);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 30px;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	position: relative;
	margin: 3rem 0;

}
.features-small-item-3 {
	display: block;
	background-color: #D5B59C;
	background-image: url("../img/umumi-2.png");
	background-size:cover;
	background-position:center;  
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.10);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 1rem 0 .1rem 0;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	position: relative;
	margin: 1rem 0;

}
.features-small-item-3 .text-white {
	margin: 0 0 1rem 0;
	font-family: 'Poppins', sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2rem;

}



.features-small-item .features-title {
	font-weight: 400;
	font-size: 1.5rem;
	color: #fff;
	margin-bottom: 15px;
	position: relative;
	z-index: 2;
	font-family: 'Poppins', sans-serif;
}

.features-small-item p {
	font-weight: 300;
	font-size: 14px;
	color: #fff;
	padding-top: 8%;
	letter-spacing: 0.5px;
	line-height: 25px;
	position: relative;
	z-index: 2;
}

.features-small-item a {
	float: right;
	position: relative;
	z-index: 2;
}

.home-feature {
	padding-bottom: 0px;
	margin: 1rem 0 1rem 0;
	z-index: 9;
}



@media (max-width: 991px) {
	.home-feature {
		padding-bottom: 0px;
		padding-top: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.features-small-item{
		margin-bottom: 30px;

	}
	.features-small-item-2 {

	}
}

.dnm-c {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 2rem;
}

.contact-r-element {
	width: 20rem;
	height: 9rem;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 20px 0px;
	padding: 1rem 1rem;
	border-top-left-radius: 3rem;
	border-bottom-right-radius: 3rem;
	margin: 0 2rem 1rem 2rem;
	text-align: center;
	float: left;

}


.contact-r-element a {
	text-decoration: none;
	color: #000;
	padding: 0 .3rem;
}


.contact-r-element img {
	width: 4rem;
	height: auto;
	margin-bottom: 1rem;
}
.contact-r-element .mail-icon {
	margin-bottom: 1.5rem;
}
.contact-r-element .phone-icon {
	margin-bottom: 1.5rem;
}
.maps {
	position: relative;
	height: 20rem;
	overflow: hidden;
	margin: 2.5rem 5rem;

}
.maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;

	border-radius: 10rem;

}
#parallax-contact {
	background: 
	linear-gradient(rgba(0,0,0, .7),rgba(0,0,0, .7)),
	url('../img/contact-bg-2.png');
	background-attachment: fixed;
	background-size:cover;
	background-position: center;  
	text-align: center;
}
.sectionArea {
	padding: 6rem 0;
	margin: 0 0 .4rem 0;
}
.sectionHeader {
	font-family: 'Poppins', sans-serif;
	font-size: 2.2rem;
	color: #fff;
	display: inline-block; 
	padding: 5px 30px;
	font-weight: 400;
}

.sectionArea p {
	font-size: 1.2rem;
	color: #fff;
	font-weight: 300;
}


@media (max-width: 1200px){

	.contact-r {
		display: grid;
		align-items: center;
	}
	.maps {
		margin: 0 3rem;

	}
}

@media (max-width: 800px){

	.maps iframe {
		border-radius: 5rem;

	}
	.maps {
		margin: 0 2rem;

	}
}
@media (max-width: 600px){

	.maps iframe {

	}
}
@media (max-width: 400px){

	.maps iframe {
		border-radius: 3rem;

	}
	.maps {
		margin: 0 .5rem;

	}
}

#portfolio .sectionHeader {
	color: #000;
}


/* footer */
footer .container{
	max-width: 1330px;
	margin: auto;
}
footer .row{
	display: flex;
	flex-wrap: wrap;
}
footer ul{
	list-style: none;
}
footer ul li {
	text-align: center;
	color: #fff;
}
footer h4 {
	text-align: center;
}
.footer{
	background: url(../img/ShinyOverlay.svg);
	background-size:cover;
	background-position:center;  
	text-align: center;
	padding: 45px 0 10px 0;
}
.footer-col{
	width: 33.33%;
	padding: 0 15px;
}
footer img {
	display: block;
	margin: auto;
	max-width: 220px;
	height: auto;
	margin-bottom: 5px;
}
h4 {
	color: #fff;
	font-weight: 500;
}
footer .container-fluid a {
	text-decoration: none;
	color: #fff;
	font-weight: 500;

}

.footer-col h4{
	font-family: 'Poppins', sans-serif;
	font-size: 19px;
	color: #EA4335;
	text-transform: capitalize;
	margin-bottom: 21px;
	font-weight: 500;
	position: relative;
	transition: all 0.3s ease;
}

.footer-col h4:hover{
	padding-left: 18px;
	color: #fff;
}
.footer-col h5{
	font-family: 'Poppins', sans-serif;
	font-size: 22px;
	text-transform: capitalize;
	margin-bottom: 35px;
	font-weight: 500;
	position: relative;
	color: #E31E24;
}

.footer-col h4::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: -10px;
	background-color: #EA4335;
	height: 2px;
	box-sizing: border-box;
	width: 100%;
}
.footer-col ul li:not(:last-child){
	margin-bottom: .27rem;
}
.footer-col ul li a{
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	color: white;
	text-decoration: none;
	font-weight: 400;
	color: white;
	display: block;
	transition: all 0.3s ease;
}
.footer-col ul li a:hover{
	font-weight: 500;
	padding-left: 8px;
	font-size: 16px;
}
footer .one-h4 {
	text-align: center;
}
footer span {
	color: #fff;
}
footer p {
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-style: italic;
	margin-left: 25%;
	margin-right:25%;
	margin-bottom: 4%;
	text-align: center;
}

.footer-col .social-links {
	text-align: center;
	margin-top: 25px;
}

.footer-col .social-links a{
	display: inline-block;
	height: 40px;
	width: 40px;
	background-color: #fff;
	margin: 0 .4rem 1rem .4rem;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	color: #001222;
	transition: all 0.5s ease;
}
.footer-col .social-links a:hover:nth-child(1) {
	color: #fff;
	background-color: #3b5998;
	transform: translateY(-10px);
}
.footer-col .social-links a:hover:nth-child(2) {
	color: #fff;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
	transform: translateY(-10px);
}
.footer-col .social-links a:hover:nth-child(3) {
	color: #fff;
	background-color: #25D366;
	transform: translateY(-10px);
}

.footer-col i {
	margin-right: 2%;
}
.footer-f {
	margin-top: 5px;
}




@media (max-width: 874px)

{
	.footer-col{
		width: 100%;

	}
	.footer {
		margin-top: 2rem;
	}

}

.footer-head {
	background-color: #d5b59c;
	color: #fff;
	padding: 5px;
	text-align: center;
}
footer .container h3 {
	color: #fff;
	font-family: 'Poppins', sans-serif;
	margin-top: 7px;
}
footer .container-fluid h6 {
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	margin-top: 10px;
	font-size: 15px;
}
footer .container-fluid span {
	position: absolute;
	right: 7%;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 1.2;
}

.w-hr {
	border-top: 1px solid rgb(0, 0, 0, .5);
}
.w-hr a {
	font-family: 'Poppins', sans-serif;
}
@media (max-width: 600px) {
	footer p {
		margin-left: 10%;
		margin-right: 10%;
	}
	.w-hr {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.footer-f {
		margin-bottom: 15px;
	}
	footer .container-fluid span {
		display: block;
		position: absolute;
		left: 10%;
		margin-top: 5px;
		margin-bottom: 10px;

	}
}

@import url('https://fonts.googleapis.com/css?family=Abel');

.gallery__section h1 {
	font-family: 'Abel', sans-serif;
	font-weight: 100;
	font-size: 40px;
	text-align: center;
}

.gallery__section .container {
	width: 80%;
	margin: 0 auto;
}

.gallery__section a {
	outline: 0 !important;
}

.magnific-img img {
	width: 100%;
	height: 320px;
	object-fit: cover;
	margin: 6px 12px;
}

.mfp-bottom-bar,
* {
	font-family: 'Abel', sans-serif;
}

.magnific-img {
	display: inline-block;
	width: 32.3%;
}

a.image-popup-vertical-fit {
	cursor: -webkit-zoom-in;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
	opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: 0.98;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

.mfp-arrow-left:before {
	border-right: none !important;
}

.mfp-arrow-right:before {
	border-left: none !important;
}

button.mfp-arrow,
.mfp-counter {
	opacity: 0 !important;
	transition: opacity 200ms ease-in, opacity 2000ms ease-out;
}

.mfp-container:hover button.mfp-arrow,
.mfp-container:hover .mfp-counter {
	opacity: 1 !important;
}


/* Magnific Popup CSS */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box;
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
	display: none;
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}

.mfp-ajax-cur {
	cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
	cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.mfp-loading.mfp-figure {
	display: none;
}

.mfp-hide {
	display: none !important;
}

.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}

.mfp-preloader a {
	color: #CCC;
}

.mfp-preloader a:hover {
	color: #FFF;
}

.mfp-s-ready .mfp-preloader {
	display: none;
}

.mfp-s-error .mfp-content {
	display: none;
}

button.mfp-close,
button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	touch-action: manipulation;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	padding: 0 0 18px 10px;
	color: #FFF;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
	opacity: 1;
}

.mfp-close:active {
	top: 1px;
}

.mfp-close-btn-in .mfp-close {
	color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	color: #FFF;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%;
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #CCC;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap;
}

.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
	margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
	opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}

.mfp-arrow:after {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px;
}

.mfp-arrow:before {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7;
}

.mfp-arrow-left {
	left: 0;
}

.mfp-arrow-left:after {
	border-right: 17px solid #FFF;
	margin-left: 31px;
}

.mfp-arrow-left:before {
	margin-left: 25px;
	border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
	right: 0;
}

.mfp-arrow-right:after {
	border-left: 17px solid #FFF;
	margin-left: 39px;
}

.mfp-arrow-right:before {
	border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
	top: -40px;
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000;
}

/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
	line-height: 0;
}

.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #444;
}

.mfp-figure small {
	color: #BDBDBD;
	display: block;
	font-size: 12px;
	line-height: 14px;
}

.mfp-figure figure {
	margin: 0;
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #F3F3F3;
	word-wrap: break-word;
	padding-right: 36px;
}

.mfp-image-holder .mfp-content {
	max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {

	/**
* Remove all paddings around the image on small screen
*/
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0;
	}

	.mfp-img-mobile img.mfp-img {
		padding: 0;
	}

	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0;
	}

	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px;
	}

	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, 0.6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		box-sizing: border-box;
	}

	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0;
	}

	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px;
	}

	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		text-align: center;
		padding: 0;
	}
}

@media all and (max-width: 900px) {
	.mfp-arrow {
		-webkit-transform: scale(0.75);
		transform: scale(0.75);
	}

	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0;
	}

	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%;
	}

	.mfp-container {
		padding-left: 6px;
		padding-right: 6px;
	}
}

.magnific-img.hide {
display: none;
}

/* CSS */
.button-33 {
background-color: #c2fbd7;
border-radius: 100px;
color: #f1f1f1;
box-shadow: rgba(253, 56, 56, .2) 0 -25px 18px -14px inset,rgba(253, 56, 56, .15) 0 1px 2px,rgba(253, 56, 56, .15) 0 2px 4px,rgba(253, 56, 56, .15) 0 4px 8px,rgba(253, 56, 56, .15) 0 8px 16px,rgba(253, 56, 56, .15) 0 16px 32px;
background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
cursor: pointer;
display: flex;
justify-content: center;
margin: 10px auto;
font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
padding: 7px 20px;
text-align: center;
text-decoration: none;
transition: all 250ms;
border: 0;
font-size: 16px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
}

.button-33:hover {
box-shadow: rgba(253, 56, 56, .2) 0 -25px 18px -14px inset,rgba(253, 56, 56, .15) 0 1px 2px,rgba(253, 56, 56, .15) 0 2px 4px,rgba(253, 56, 56, .15) 0 4px 8px,rgba(253, 56, 56, .15) 0 8px 16px,rgba(253, 56, 56, .15) 0 16px 32px;
transform: scale(1.05) rotate(-1deg);
}

.magnific-img.show {
animation: fadein 0.5s ease-in-out;
}

@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

/* Mobil cihazlarda bölümün genişliğini %100 yap */
@media screen and (max-width: 768px) {
	.gallery__section {
	  width: 100%;
	}
  }
  

  @media (max-width: 967px) {
	.magnific-img {
		display: inline-block;
		width: 49%;
	}	
	.magnific-img img {
		height: 300px;
		margin: 6px 0;
	}
  }
  
  @media (max-width: 667px) {
	.magnific-img {
		display: inline-block;
		width: 99%;
	}	
	.magnific-img img {
		height: 280px;
		margin: 6px 0;
	}
  }
  
  /* Mobil cihazlarda "Devamını Gör" düğmesini genişliğini %100 yap */
  @media screen and (max-width: 768px) {
	#show-more {
	  width: 100%;
	}
  }