* {
    font-family: Roboto, sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

 .steps 
{
background:#034ea0 !important;
}
#svg-turkiye-haritasi
{
height:500px;
}
.bar-tools
{
display:flex; 
overflow:auto;
}
.replace
{
display:grid;
grid-templates-columns:1fr 1fr 1fr 1fr;
align-items:center;
gap:10px;
height:50px;
}
.btn-tools
{
border:none;
background:white;
color:black;
padding-left:30px;
padding:13px 35px;
font-size:14px !important;
margin-left:20px;
border-radius:30px;
font-weight:500;

}
@media(max-width:900px) 
{
.replace 
{
height:100% ;
}
}
.users-box-title
{
font-size:16px;
font-weight:bold;
}
.filtered-cards  .content-bottom
{
color:black 
}
.filtered-cards img
{
transition:ease all 0.8s;
}
.filtered-cards p
{
transition:all 0.2s;
}
.filtered-cards p:hover
{
color:#0d4f9e;
}
.sidebar-content-yurts
{
background:#eee !important;
}
.filtered-cards img:hover
{
transform:scale(1.1);
}
@media(max-width:900px)
{
.thumbs-swiper .swiper-wrapper
{
overflow:visible;
}
}
.yurt-details-button
{
padding:7px 12px 6px 29px !important;
}
.yurt-details-button
{
background:#034ea1;

}

.yurt-details-button:hover .fa-arrow-right 
{
margin-left:20px;
}
.harita-section  
{
height:auto;
}
.news-container 
{
position:relative;
height:auto !important
}

p.location
{
height:40px;
}
.haber-detay #map
{
display:none;
}
 @media(max-width:900px)
{
.yurt-swiper-container
{
height:300px !important;
}
.harita-section 
{
height:100%;
}
}


.resim-container
{
overflow:hidden;

}


p.phone,p.mail
{
font-size:15px;
}
@media(max-width:900px) 
{
.flex-replace
{
justify-content:start !important;
}
.flex-replace .fa-chevron-down
{
display:none 
}
}
.sidebar-content-yurts
{
box-shadow:0px 0px 2px black 
}
@media(max-width:900px) 
{
#svg-turkiye-haritasi
{
height:100%;
padding-top:9%;
max-height:400px !important;
}
}
.replace .fa-chevron-down
{
font-size:14px;
}
.flex-replace
{
display:flex;
justify-content:space-around;
flex-wrap:wrap;
}
.replace button,.replace select
{
padding:0px 0px !important;
height:80px !important;
font-weight:400 !important;
}
.bg-yurt-primary 
{
background:#034ea1;
color:white;
padding:50px;
}
@media(max-width:900px)
{
.bg-yurt-primary
{
width:100%;
}
}
.custom-white-btn
{
background:white;
padding:10px 30px;
}
.duyuru-cover {
border-bottom:1px white dotted;
padding:10px 0px ;

}
.duyuru-cover
{
display:flex;
align-items:center; 
transition:all 1.1s;
}
.duyuru-cover
{
gap:10px;
text-decoration:none;
font-weight:400;
cursor:pointer;

}
.duyuru-cover:hover
{
color:#333;
opacity:0.80;
}
.duyuru-cover li
{
list-style:none;
}
#fullCard
{
padding:10px 20px;
}
#kayseri path
{
    fill:#fff !important;
}
/*! SVG Türkiye Haritası | CSS | MIT Lisans | dnomak.com */
#adana path, #ankara path, #antalya path, #aydın path, #bolu path, #bursa path, #diyarbakir path, #erzincan path, #erzurum path, #isparta path, #istanbul path, #izmir path, #kahramanmaras path, #konya path, #sakarya path,#kahramanmaraş path,#İzmir path,#diyarbakır path
{
fill:#0d4f9e !important;
}

.left-menu-duyurlar li a 
{
font-size:14px;
}
.left-menu-duyurlar li a
{
color:#333;
font-weight:400;
}
.custom-text-duyuru
{
font-size:24px;
}
.duyuru-cover .duyuru-detay-icerik
{
font-size:24px;
}
.duyuru-detay li
{
color:#333;
list-style:none;
font-size:14px;
}
.duyurular h4
{
font-size:16px;
color:black;
font-weight:bold;
}
.duyuru-detay-icerik
{
color:#333;
font-size:14px;
}
.duyurular li
{ 
opacity:0.8;
font-size:14px;
list-style:none;
color:black;
}
.duyurular  a
{

}
.svg-turkiye-haritasi {
  max-width: 1140px;
  margin: 0 auto;
  text-align: center;
}
.svg-turkiye-haritasi svg {
  width: 100%;
  height: auto;
}
.il-isimleri {
  position: absolute;
  margin-top: 30px;
  z-index: 9999;
}
.il-isimleri div {
  font-family: 'Open Sans';
  display: inline-block;
  background: rgba(0,0,0,.5);
  color: #fff;
  padding: 8px 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

}
#svg-turkiye-haritasi path {
  cursor: pointer;
  fill: #fff;
}
#svg-turkiye-haritasi path:hover {
  fill: #ccc;
}
#guney-kibris {
  pointer-events: none;
}


.header-map.google-maps {
	background: #e1e5f1;
	padding: 0;
	height: 520px;
	position: static;
}
.header-map.google-maps .container {
	position: static;
}
#map-leaflet {
	width: 100%;
	height: 520px;
	position: absolute;
	z-index: 0;
}
.info-box-img {
	width: 180px;
	margin-right: 20px;
	float: left;
}
.info-box p {
	color: black;
}
.header-map.google-maps.horizontal,
.header-map.google-maps.horizontal #map-canvas {
	height: 520px;
	position: static;
}
.map-leaflet-wrapper,
.map-google-wrapper {
	position: absolute;
}
#map-leaflet,
#map-google {
	width: 100%;
	height: 755px;
	position: absolute;
	z-index: 0;
}
.map-pull-top #map-leaflet,
.map-pull-top #map-google {
	margin-top: -180px;
}
#map-leaflet.full,
#map-google.full {
	display: table;
	height: 100%;
	width: 100%;
}
.map-marker {
	height: 50px;
	width: 50px;
}
.leaflet-div-icon,
.map-marker {
	background-color: #fa2964;
	border: 5px solid #fa2964;
	border-radius: 50%;
	cursor: pointer;
	position: relative;
	transition: all .15s linear;
	z-index: 10;
}
.duyuru-cover .fa-bullhorn
{
font-size:36px;
color:white;
}
.leaflet-div-icon:before,
.map-marker:before {
	border: 4px solid transparent;
	border-width: 10px 8px;
	border-top-color: #fa2964;
	bottom: -24px;
	height: 0;
	content: '';
	display: block;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 0;
	z-index: 11;
}
.leaflet-div-icon:after,
.map-marker:after {
	background-color: #fff;
	border-radius: 50%;
	bottom: 0;
	box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 12;
}
.leaflet-div-icon i,
.map-marker i {
	color: #000;
	font-size: 23px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 13;
}
.leaflet-div-icon:hover,
.map-marker:hover {
	top: -2px;
}
.map-popup-content-wrapper {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	display: none;
	left: -100px;
	top: -210px !important;
	position: absolute;
	z-index: 9999;
}
.map-popup-content-wrapper:after {
	border: 7px solid transparent;
	border-top-color: #fff;
	bottom: -14px;
	content: '';
	display: block;
	height: 0;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 0;
}
.map-popup-content-wrapper,
.leaflet-popup-content-wrapper {
	border-radius: 0;
	margin: 0;
	padding: 0;
	width: 240px;
}
.map-popup-content,
.leaflet-popup-content {
	background-color: #fff;
	height: 243px;
	margin: 0 0 8px 0;
	padding: 0;
}
.leaflet-popup-tip {
	width: 17px;
	height: 1px;
	padding: 1px;
	margin: -1px auto 0;
	transform: rotate(45deg);
}
.map-popup-content a:hover,
.leaflet-popup-content a:hover {
	text-decoration: none;
}
.map-popup-content-wrapper .close {
	color: #fff;
	display: block;
	font-size: 11px;
	opacity: 1;
	position: absolute;
	right: 15px;
	top: 15px;
	text-shadow: none;
	z-index: 99999;
}
.listing-window-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	height: 180px;
	position: relative;
}
.listing-window-image:after {
	background-color: rgba(0, 0, 0, 0.3);
	bottom: 0;
	content: '';
	display: block;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity .15s linear;
	visibility: hidden;
	z-index: 100;
}
.listing-window-image:before {
	-webkit-font-smoothing: antialiased;
	background-color: #fa2964;
	border-radius: 50%;
	color: #fff;
	content: '\f002';
	display: block;
	font-family: 'FontAwesome';
	height: 32px;
	left: 50%;
	line-height: 30px;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	transition: opacity .15s linear;
	visibility: hidden;
	width: 32px;
	z-index: 101;
}
.map-popup-content-wrapper:hover .listing-window-image:before,
.map-popup-content-wrapper:hover .listing-window-image:after,
.leaflet-popup-content-wrapper:hover .listing-window-image:before,
.leaflet-popup-content-wrapper:hover .listing-window-image:after {
	opacity: 1;
	visibility: visible;
}
.listing-window-content h2,
.listing-window-content h3 {
	display: block;
	color: #323232;
}
.listing-window-content h2 {
	display: block;
	font-size: 1.1em;
	font-weight: 700;
	line-height: 1.5;
	margin: 8px 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.listing-window-content p {
	display: block;
	font-size: 1.1em;
	font-weight: 500;
	color: #000;
	line-height: 1.5;
	margin: 4px 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.listing-window-content h3 {
	background-color: rgba(0, 0, 0, 0.5) !important;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 1em;
	font-weight: 700;
	left: 15px;
	margin: 0;
	padding: 4px 8px;
	position: absolute;
	top: 15px;
}
.marker-cluster-small {
	background-color: rgba(250, 41, 100, 0.6);
	color: #fff;
	font-weight: 700;
}
.marker-cluster-small div {
	background-color: rgba(250, 41, 100, 0.6);
	color: #fff;
	font-weight: 700;
}
.marker-cluster-medium {
	background-color: rgba(250, 41, 100, 0.6);
	color: #fff;
	font-weight: 700;
}
.marker-cluster-medium div {
	background-color: rgba(250, 41, 100, 0.6);
	color: #fff;
	font-weight: 700;
}
.marker-cluster-large {
	background-color: rgba(250, 41, 100, 0.6);
	color: #fff;
	font-weight: 700;
}
.marker-cluster-large div {
	background-color: rgba(250, 41, 100, 0.6);
}
p.title 
{
font-size:16px;
height:30px;
}

.infoBox {
	border-radius: 4px
}
.map-box {
	background-color: #fff;
	margin-bottom: 20px;
	border-radius: 4px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .12);
	position: relative
}
.map-box .listing-img-container img {
	width: 100%;
	border-radius: 4px 4px 0 0
}
.map-box h4 {
	margin: 0;
	padding: 0
}
.map-box h4 a {
	padding: 0 0 2px;
	font-size: 17px;
	line-height: 25px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	display: inline-block
}
.listing-img-container {
	position: relative;
	height: 100%;
	display: block
}
.map-box h4 a:hover {
	color: #66676b
}
.map-box p {
	padding: 0;
	line-height: 25px;
	margin: 2px 0 0;
	font-size: 14px
}
.map-box ul.listing-details {
	padding: 0;
	font-size: 14px;
	display: none
}
.map-box .listing-title {
	padding: 16px 22px
}
.map-box .listing-img-content {
	padding: 18px 22px
}
.map-box .listing-img-content span {
	font-size: 21px
}
.map-box .listing-img-content .listing-price i {
	font-size: 15px;
	margin: -7px 0 0
}
.infoBox>img {
	position: absolute!important;
	right: 0;
	top: 0
}
.map-box .listing-img-container::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	display: block;
	background: linear-gradient(to top, rgba(35, 35, 37, 0.85) 0%, rgba(35, 35, 37, 0.40) 35%, rgba(22, 22, 23, 0) 60%, rgba(0, 0, 0, 0) 100%);
	background-color: rgba(35, 35, 37, .2)
}
.map-box .listing-item-content {
	position: absolute;
	bottom: 20px;
	left: 0;
	padding: 0 24px;
	width: 100%;
	z-index: 50;
	box-sizing: border-box
}
.map-box .listing-item-content h3 {
	color: #fff;
	font-size: 18px;
	padding: 0 0 2px;
	font-weight: 500;
	margin: 0;
	line-height: 27px
}
.map-box .listing-item-content span {
	font-size: 15px;
	font-weight: 300;
	display: inline-block;
	color: rgba(255, 255, 255, .7)
}
.infoBox-close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: inline-block;
	z-index: 999;
	text-align: center;
	line-height: 29px;
	cursor: pointer;
	font-size: 15px;
	font-weight: 500;
	height: 29px;
	width: 29px;
	background-color: #fff;
	color: #333;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	font-family: fontawesome;
	border-radius: 50%;
	-webkit-text-stroke: 1px #fff
}
.infoBox-close:hover {
	color: #fff;
	background-color: #66676b;
	-webkit-text-stroke: 1px #66676b
}
.map-box-icon {
	height: 38px;
	width: 38px;
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #3685cf;
	display: block;
	color: #fff;
	font-size: 12px;
	z-index: 101;
	text-align: center;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
	opacity: 0;
	visibility: hidden
}
.map-box-icon:before {
	content: "\f064";
	font-family: fontawesome;
	position: relative;
	top: 7px;
	display: block
}
.map-box-image:hover .map-box-icon {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateX(0)
}
.map-box-image {
	position: relative;
	overflow: hidden;
	display: block
}
.infoBox {
	-webkit-animation: fadeIn .9s;
	animation: fadeIn .9s
}
@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}
@keyframes fadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}
.infoBox .star-rating {
	font-size: 16px;
	margin-top: 1px
}
.infoBox .star-rating span {
	margin-right: 3px
}
.infoBox .rating-counter {
	position: relative;
	top: -1px
}
.infoBox:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #fff
}
#map-leaflet {
	height: 100%;
	width: 100%;
	margin: 0;
	z-index: 1;
}
#map-container {
	position: relative;
	top: 0;
	left: 0;
	height: 520px;
	width: 100%;
	z-index: 8;
	margin-bottom: 60px
}
.gmnoprint {
	margin: 10px
}
#map-container.fullwidth-home-map {
	height: 690px;
	margin-bottom: 0
}
#map-container.fullwidth-home-map .main-search-inner {
	position: absolute;
	display: block;
	bottom: 60px;
	top: auto;
	transform: none;
	padding-bottom: 0;
	z-index: 9999;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%
}
.dark-overlay .main-search-inner {
	bottom: 315px !important;
}
#map-container.fullwidth-home-map .main-search-input {
	margin-top: 0
}
.cluster img {
	display: none
}
.cluster-visible {
	text-align: center;
	font-size: 15px!important;
	color: #fff!important;
	font-weight: 500;
	border-radius: 50%;
	width: 36px!important;
	height: 36px!important;
	line-height: 36px!important;
	background-color: #fa2964;
}
.cluster-visible:before {
	border: 7px solid #fa2964;
	opacity: .2;
	box-shadow: inset 0 0 0 4px #fa2964;
	content: '';
	position: absolute;
	border-radius: 50%;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	animation: cluster-animation 2.5s infinite
}
@keyframes cluster-animation {
	0%,
	100% {
		transform: scale(1.3) rotate(0deg)
	}
	50% {
		transform: scale(1.5) rotate(90deg)
	}
}
.map-marker-container {
	position: absolute;
	margin-top: 10px;
	transform: translate3d(-50%, -100%, 0)
}
.marker-container {
	position: relative;
	margin: 10px auto;
	width: 50px;
	height: 50px;
	z-index: 1;
	border-radius: 50%;
	cursor: pointer;
	top: -5px
}
#singleListingMap .marker-container {
	cursor: default
}
.marker-container {
	perspective: 1000
}
.marker-card {
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: all .4s ease-in-out;
	position: absolute;
	z-index: 1
}
.marker-container:hover .marker-card,
.map-marker-container.clicked .marker-card {
	transform: rotateY(180deg) translateY(-4px)
}
.marker-arrow {
	width: 0;
	content: "";
	height: 0;
	border-style: solid;
	border-width: 8px 4px 0;
	border-color: #fa2964 transparent transparent;
	top: 49px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	border-radius: 50%;
	z-index: 1;
}
.face {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	z-index: 100
}
.face i {
	line-height: 34px;
	font-size: 22px;
	margin-top: .2rem;
	margin-bottom: 0px;
}
.face.front {
	background-color: #fff;
	border: 6px solid #fa2964;
	color: #121B22;
	z-index: 100
}
.face.back {
	transform: rotateY(180deg);
	box-sizing: border-box;
	background: #fa2964;
	border-color: #fa2964;
	color: #fff
}
.face.back i {
	transform: scaleX(-1);
	line-height: 48px;
	font-size: 22px;
	margin-top: .2rem;
}
.face.back:after {
	content: "";
	display: block;
	width: 36px;
	height: 36px;
	top: 2px;
	left: 2px;
	border-radius: 50%;
	position: absolute
}
.custom-zoom-in,
.custom-zoom-out {
	background-color: #fff;
	color: #333;
	cursor: pointer;
	border-radius: 50%;
	margin: 5px 15px;
	transition: color .3s, background-color .3s;
	box-shadow: 0 1px 4px -1px rgba(0, 0, 0, .2);
	text-align: center;
	font-size: 15px;
	height: 34px;
	width: 34px;
	display: none;
}
.custom-zoom-in:hover,
.custom-zoom-out:hover {
	background-color: #66676b;
	color: #fff
}
.custom-zoom-in:before,
.custom-zoom-out:before {
	font-family: fontawesome;
	width: 100%;
	line-height: 35px;
	transition: -webkit-text-stroke .3s;
	-webkit-text-stroke: 1px #fff
}
.zoomControlWrapper {
	position: absolute;
	left: 0;
	right: auto;
	width: 70px
}
.custom-zoom-in:before {
	content: "\f067"
}
.custom-zoom-out:before {
	content: "\f068"
}
.custom-zoom-in:hover:before,
.custom-zoom-out:hover:before {
	-webkit-text-stroke: 1px #66676b
}
#mapnav-buttons {
	position: absolute;
	transform: translate(0, 0);
	z-index: 999;
	font-size: 14px;
	display: inline-block;
	bottom: 20px;
	right: 20px;
	list-style: none;
	padding: 0
}
#mapnav-buttons.top {
	top: 20px;
	right: 20px;
	bottom: auto
}
#mapnav-buttons li {
	float: left;
	margin-left: 4px;
	line-height: 20px
}
#streetView,
#geoLocation,
#scrollEnabling,
#mapnav-buttons a {
	color: #333;
	background-color: #fff;
	padding: 7px 18px;
	padding-top: 9px;
	font-weight: 500;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-transition: all .2s ease-in-out;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 50px;
	box-shadow: 0 1px 4px -1px rgba(0, 0, 0, .2)
}
#geoLocation:hover,
#streetView:hover,
#scrollEnabling:hover,
#scrollEnabling.enabled,
#mapnav-buttons a:hover {
	background-color: #66676b;
	color: #fff
}
#prevpoint:before,
#nextpoint:after {
	font-family: fontawesome;
	position: relative;
	font-weight: 500;
	margin: 0 0 0 6px;
	font-size: 17px;
	top: 0;
	line-height: 1px
}
#prevpoint:before {
	content: "\f104";
	margin: 0 6px 0 0
}
#nextpoint:after {
	content: "\f105";
	margin: 0 0 0 6px
}
#streetView,
#geoLocation,
#scrollEnabling {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 999;
	font-size: 13px;
	line-height: 21px
}
#streetView:before,
#geoLocation:before,
#scrollEnabling:before {
	content: "\e015";
	font-family: simple-line-icons;
	position: relative;
	top: 2px;
	margin: 0 6px 0 0;
	font-size: 15px;
	line-height: 1px
}
#scrollEnabling:before {
	margin-left: -3px
}
#streetView:before {
	content: "\f21d";
	font-family: fontawesome;
	font-size: 16px;
	top: 1px;
	margin-right: 8px
}
#geoLocation {
	right: auto;
	left: 20px;
	padding: 8px 11px
}
#geoLocation:before {
	content: "\f192";
	font-family: fontawesome;
	font-size: 16px;
	margin: 0;
	top: 2px
}
@-webkit-keyframes passing-through {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px)
	}
	30%,
	70% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		-o-transform: translateY(-40px);
		transform: translateY(-40px)
	}
}
@-moz-keyframes passing-through {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px)
	}
	30%,
	70% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		-o-transform: translateY(-40px);
		transform: translateY(-40px)
	}
}
@keyframes passing-through {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px)
	}
	30%,
	70% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		-o-transform: translateY(-40px);
		transform: translateY(-40px)
	}
}
@-webkit-keyframes slide-in {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px)
	}
	30% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px)
	}
}
@-moz-keyframes slide-in {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px)
	}
	30% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px)
	}
}
@keyframes slide-in {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px)
	}
	30% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px)
	}
}
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
	10% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1)
	}
	20% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}
@-moz-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
	10% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1)
	}
	20% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}
@keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
	10% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1)
	}
	20% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}
.dropzone,
.dropzone * {
	box-sizing: border-box
}
.dropzone {
	min-height: 150px;
	border: 2px solid rgba(0, 0, 0, .3);
	background: #fff;
	padding: 20px
}
.dropzone.dz-clickable {
	cursor: pointer
}
.dropzone.dz-clickable * {
	cursor: default
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
	cursor: pointer
}
.dropzone.dz-started .dz-message {
	display: none
}
.dropzone.dz-drag-hover {
	border-style: solid
}
.dropzone.dz-drag-hover .dz-message {
	opacity: .5
}
.dropzone .dz-preview {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 16px;
	min-height: 100px
}
.dropzone .dz-preview:hover {
	z-index: 1000
}
.dropzone .dz-preview:hover .dz-details {
	opacity: 1
}
.dropzone .dz-preview.dz-file-preview .dz-image {
	border-radius: 3px;
	background: #999;
	background: linear-gradient(to bottom, #eee, #ddd)
}
.dropzone .dz-preview.dz-file-preview .dz-details {
	opacity: 1
}
.dropzone .dz-preview.dz-image-preview {
	background: #fff
}
.dropzone .dz-preview.dz-image-preview .dz-details {
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear
}
.dropzone .dz-preview .dz-remove {
	font-size: 14px;
	text-align: center;
	display: block;
	cursor: pointer;
	border: 0
}
.dropzone .dz-preview .dz-remove:hover {
	text-decoration: underline
}
.dropzone .dz-preview:hover .dz-details {
	opacity: 1
}
.dropzone .dz-preview .dz-details {
	z-index: 20;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	font-size: 13px;
	min-width: 100%;
	max-width: 100%;
	padding: 2em 1em;
	text-align: center;
	color: rgba(0, 0, 0, .9);
	line-height: 150%
}
.dropzone .dz-preview .dz-details .dz-size {
	margin-bottom: 1em;
	font-size: 16px
}
.dropzone .dz-preview .dz-details .dz-filename {
	white-space: nowrap
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
	border: 1px solid rgba(200, 200, 200, .8);
	background-color: rgba(255, 255, 255, .8)
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
	overflow: hidden;
	text-overflow: ellipsis
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
	border: 1px solid transparent
}
.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
	background-color: rgba(255, 255, 255, .4);
	padding: 0 .4em;
	border-radius: 3px
}
.dropzone .dz-preview:hover .dz-image img {
	-webkit-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
	-webkit-filter: blur(8px);
	filter: blur(8px)
}
.dropzone .dz-preview .dz-image {
	border-radius: 3px;
	overflow: hidden;
	width: 120px;
	height: 120px;
	position: relative;
	transition: all .3s;
	display: block;
	z-index: 10
}
.dropzone .dz-preview .dz-image img {
	display: block;
	filter: blur(0px);
	transition: all .4s
}
.dropzone .dz-preview.dz-success .dz-success-mark {
	-webkit-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
	-moz-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
	-ms-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
	-o-animation: passing-through 3s cubic-bezier(.77, 0, .175, 1);
	animation: passing-through 3s cubic-bezier(.77, 0, .175, 1)
}
.dropzone .dz-preview.dz-error .dz-error-mark {
	opacity: 1;
	-webkit-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
	-moz-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
	-ms-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
	-o-animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
	animation: slide-in 3s cubic-bezier(.77, 0, .175, 1)
}
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
	pointer-events: none;
	opacity: 0;
	z-index: 500;
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	margin-left: -27px;
	margin-top: -27px
}
.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
	display: block;
	width: 54px;
	height: 54px
}
.dropzone .dz-preview.dz-processing .dz-progress {
	opacity: 1;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear
}
.dropzone .dz-preview.dz-complete .dz-progress {
	opacity: 0;
	-webkit-transition: opacity .4s ease-in;
	-moz-transition: opacity .4s ease-in;
	-ms-transition: opacity .4s ease-in;
	-o-transition: opacity .4s ease-in;
	transition: opacity .4s ease-in
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
	-webkit-animation: pulse 6s ease infinite;
	-moz-animation: pulse 6s ease infinite;
	-ms-animation: pulse 6s ease infinite;
	-o-animation: pulse 6s ease infinite;
	animation: pulse 6s ease infinite
}
.dropzone .dz-preview .dz-progress {
	opacity: 1;
	z-index: 1000;
	pointer-events: none;
	position: absolute;
	height: 16px;
	left: 50%;
	top: 50%;
	margin-top: -8px;
	width: 80px;
	margin-left: -40px;
	background: rgba(255, 255, 255, .9);
	-webkit-transform: scale(1);
	border-radius: 8px;
	overflow: hidden
}
.dropzone .dz-preview .dz-progress .dz-upload {
	background: #333;
	background: linear-gradient(to bottom, #666, #444);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	-webkit-transition: width 300ms ease-in-out;
	-moz-transition: width 300ms ease-in-out;
	-ms-transition: width 300ms ease-in-out;
	-o-transition: width 300ms ease-in-out;
	transition: width 300ms ease-in-out
}
.dropzone .dz-preview.dz-error .dz-error-message {
	display: block
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
	opacity: 1;
	pointer-events: auto
}
.dropzone .dz-preview .dz-error-message {
	pointer-events: none;
	z-index: 1000;
	position: absolute;
	display: block;
	display: none;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-ms-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
	font-size: 13px;
	top: 130px;
	left: -10px;
	width: 140px;
	background: #be2626;
	background: linear-gradient(to bottom, #be2626, #a92222);
	border-radius: 4px;
	padding: 10px 15px;
	line-height: 18px;
	color: #fff
}
.dropzone .dz-preview .dz-error-message:after {
	content: '';
	position: absolute;
	top: -6px;
	left: 64px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #be2626
}
.dropzone {
	position: relative;
	border: 2px dashed #d0d0d0;
	border-radius: 3px;
	background: #fcfcfc;
	transition: all .3s linear;
	margin-bottom: 10px;
	margin-top: 5px;
	display: inline-block;
	width: 100%
}
.dropzone:hover {
	border: 2px dashed #59b02c;
	background: #fff;
	transition: all .35s linear
}
.dropzone:before {
	position: absolute;
	height: 100%;
	width: 100%;
	content: "";
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.9));
	background-color: #59b02c;
	opacity: 0;
	z-index: 10;
	transition: all .3s linear;
	border-radius: 3px
}
.dropzone:hover:before {
	opacity: .4
}
.dropzone .dz-message {
	text-align: center;
	margin: 50px 0;
	font-size: 17px;
	color: #888;
	transition: all .3s linear;
	position: relative;
	z-index: 11
}
.dropzone:hover .dz-message {
	color: #59b02c
}
.dz-message i {
	display: block;
	font-size: 32px;
	margin-bottom: 15px
}
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
	overflow: hidden;
	position: fixed;
	background: #000;
	opacity: .96
}
.mfp-wrap {
	top: -10px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2001;
	position: fixed;
	outline: 0!important;
	-webkit-backface-visibility: hidden
}
.mfp-container {
	height: 100%;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	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: 505
}
.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: #aaa;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -.8em;
	left: 8px;
	right: 8px;
	z-index: 504
}
.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
}
.mfp-s-loading .mfp-arrow {
	display: none
}
button.mfp-close,
button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	border: 0;
	-webkit-appearance: none;
	display: block;
	padding: 0;
	z-index: 506
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	right: 0;
	top: -40px
}
.og-close,
button.mfp-close {
	position: absolute;
	width: 45px;
	height: 45px;
	top: -20px;
	display: block;
	right: -12px;
	cursor: pointer!important;
	z-index: 9999;
	color: #fff;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border-radius: 50%;
	margin: 0;
	background-color: transparent;
	outline: 0;
	transform: translate3d(0, 0, 0)
}
.mfp-iframe-holder .mfp-close {
	top: -50px;
	right: -12px;
	transform: translate3d(0, 0, 0)
}
.mfp-gallery .mfp-close {
	top: 20px;
	right: 10px
}
.mfp-gallery .mfp-content .mfp-close {
	display: none
}
.mfp-gallery .mfp-close:after,
.mfp-gallery .mfp-close:before {
	font-family: fontawesome;
	font-size: 29px;
	top: 4px;
	left: 50%;
	position: absolute;
	height: 10px;
	transition: .3s
}
.mfp-close::after,
.mfp-close::before {
	top: 0
}
.og-close {
	margin: 17px;
	right: 10px;
	background: 0 0;
	color: #222
}
.mfp-close:hover,
.og-close:hover {
	transform: rotate(90deg)
}
.og-close:after,
.og-close:before,
.mfp-close:after,
.mfp-close:before {
	font-family: fontawesome;
	font-size: 29px;
	top: 21px;
	left: 50%;
	position: absolute;
	height: 10px;
	transition: .3s
}
.og-close:after,
.og-close:before {
	top: 7px;
	font-size: 29px
}
.og-close:after,
.mfp-close:after {
	content: "\f106";
	-webkit-transform: translate(0, 0);
	transform: translate(-50%, 60%)
}
.og-close:after {
	-webkit-transform: translate(0, 0);
	transform: translate(-50%, 60%)
}
.og-close:before,
.mfp-close:before {
	content: "\f107";
	-webkit-transform: translate(0, 0);
	transform: translate(-50%, 0%)
}
#small-dialog .mfp-close,
#sign-in-dialog,
.mfp-close,
.mfp-close:hover {
	color: #fff
}
#sign-in-dialog .mfp-close,
#small-dialog .mfp-close {
	color: #666;
	background-color: #e4e4e4;
	border-radius: 50%;
	top: 28px;
	right: 40px;
	width: 40px;
	height: 40px
}
#sign-in-dialog .mfp-close:hover,
#small-dialog .mfp-close:hover {
	color: #fff;
	transform: rotate(0);
	background-color: #66676b
}
#sign-in-dialog .mfp-close::after,
#sign-in-dialog .mfp-close::before,
#small-dialog .mfp-close::after,
#small-dialog .mfp-close::before {
	top: 4px;
	height: 9px;
	font-size: 21px;
	transition: 0s
}
.small-dialog-content input[type=submit] {
	width: 100%;
	margin-top: 26px;
	margin-bottom: 10px
}
.small-dialog-content .divider {
	display: inline-block;
	width: 100%;
	margin-top: 15px;
	padding-bottom: 0
}
.small-dialog-header {
	font-size: 22px;
	width: calc(100% + 80px);
	position: relative;
	left: -40px;
	top: 0;
	border-radius: 4px 4px 0 0;
	display: inline-block;
	background-color: #f6f6f6;
	padding: 35px 40px;
	margin-bottom: 40px
}
.small-dialog-header h3 {
	padding: 0;
	margin: 0;
	font-size: 24px
}
.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #aaa;
	font-size: 13px;
	line-height: 18px
}
.mfp-arrow {
	opacity: 1;
	margin: 0 20px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9999;
	color: #fff;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	cursor: pointer;
	width: 60px;
	height: 60px;
	position: absolute;
	display: block;
	z-index: 100;
	overflow: hidden;
	background: rgba(255, 255, 255, .15);
	border-radius: 50%;
	outline: 0
}
.mfp-arrow:hover {
	background: #66676b;
	color: #fff
}
.mfp-arrow.mfp-arrow-left,
.mfp-arrow.mfp-arrow-right {
	font-family: simple-line-icons;
	font-size: 20px
}
.mfp-arrow.mfp-arrow-right {
	right: 15px
}
.mfp-arrow.mfp-arrow-left:before {
	content: "\e605";
	left: -1px;
	top: 0;
	position: relative
}
.mfp-arrow.mfp-arrow-right:before {
	content: "\e606";
	left: 1px;
	top: 0;
	position: relative
}
.mfp-content:hover .mfp-arrow {
	opacity: 1
}
.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 1180px
}
.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 54%
}
.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, .6);
	background: #000
}
#sign-in-dialog,
#small-dialog {
	background: #fff;
	padding: 40px;
	padding-top: 0;
	text-align: left;
	max-width: 610px;
	margin: 40px auto;
	position: relative;
	box-sizing: border-box;
	border-radius: 4px
}
#sign-in-dialog {
	max-width: 500px
}
#sign-in-dialog span.line,
#small-dialog span.line {
	padding-top: 0
}
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8)
}
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
	opacity: 0
}
.my-mfp-zoom-in.mfp-bg {
	opacity: .001;
	-webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-o-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out
}
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: .8
}
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0
}
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 40px auto;
	border-radius: 4px
}
.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 18px rgba(11, 11, 11, .6)
}
.mfp-figure {
	line-height: 0
}
.mfp-bottom-bar {
	margin-top: -30px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto
}
.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-break: break-word;
	padding-right: 36px
}
.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px
}
.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) {
	.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-bottom-bar {
		background: rgba(0, 0, 0, .6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		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, .6);
		position: fixed;
		text-align: center;
		padding: 0
	}
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px
	}
}
.mfp-ie7 .mfp-img {
	padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px
}
.mfp-ie7 .mfp-container {
	padding: 0
}
.mfp-ie7 .mfp-content {
	padding-top: 44px
}
.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0
}
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: .92;
	background-color: #111
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0
}
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0
}
.numerical-rating {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 8px;
	text-align: center;
	line-height: 26px;
	height: 26px;
	width: 44px;
	display: inline-block;
	font-family: open sans;
	position: relative;
	border-radius: 50px;
	letter-spacing: -.5px;
	background-color: rgba(255, 255, 255, .2);
	margin: 15px 32px
}
.compact .numerical-rating {
	margin: 0 0 8px
}
.numerical-rating:before {
	content: attr(data-rating)
}
.numerical-rating.high {
	background-color: #64bc36
}
.numerical-rating.mid {
	background-color: #c0c52a
}
.numerical-rating.low {
	background-color: #ee3535
}
.infoBox .numerical-rating .rating-counter,
.numerical-rating .rating-counter {
	position: absolute;
	top: 0;
	left: 14px;
	width: auto;
	display: inline-block;
	font-weight: 400;
	font-size: 15px;
	width: 150px;
	color: #909090
}
.infoBox .numerical-rating .rating-counter {
	left: 12px
}
.infoBox .numerical-rating {
	margin: 0;
	font-family: open sans
}
.star-rating {
	display: block;
	font-size: 17px
}
.listing-item-container .star-rating {
	padding: 15px 32px
}
.star-rating .star {
	display: inline-block;
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 4px;
	position: relative
}
.rating-counter {
	color: #909090;
	padding-left: 5px;
	display: inline-block;
	font-size: 15px
}
.star-rating .rating-counter {
	top: -1px;
	position: relative
}
.infoBox .star-rating .rating-counter {
	font-size: 15px;
	top: -2px
}
.star-rating .star.half:after,
.star-rating .star:before {
	font-family: fontawesome;
	content: "\f005";
	display: block;
	color: #fe4f4f;
}
.star-rating .star.empty:before {
	color: #ddd
}
.rating:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.star-rating .star.half:before {
	color: #ddd
}
.star-rating .star.half:after {
	color: #fe4f4f;
	position: absolute;
	top: 0;
	width: 50%;
	display: block;
	height: 100%;
	overflow: hidden
}
/*---------------------------------------*/
/*--------- 17. PARALLAX IMAGE ----------*/
/*---------------------------------------*/ 
/* Search Form */
.search-2 .trip-search {
	background: #fff;
	padding: 12px;
	border: 1px solid rgba(255, 255, 255, 0.88);
	border-radius: 50px;
	text-align: left;
	margin-top: 50px;
}
.search-2 .trip-search .form {
	line-height: 0px;
}
.search-2 .form-group {
	width: 190px;
	display: inline-block;
	margin-right: 3px;
	margin-bottom: 0px;
}
.search-2 .form-group:last-child {
	margin-right: 0px;
}
.search-2 .form-group .nice-select {
	margin: 0;
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	border-radius: 5px;
	border: none;
	box-shadow: none;
	color: #757575;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 14px;
}
.search-2 .form-group .nice-select:hover {
	color: #fa2964;
}
.search-2 .form-group .nice-select::after {
	right: 20px;
	color: #757575;
}
.search-2 .form-group .nice-select i {
	color: #fa2964;
	font-size: 1.2rem;
	margin-top: 5px;
	margin-right: 10px;
}
.search-2 .form-group .list li {
	color: #757575;
}
.search-2 .form-group .list li.selected {
	color: #757575;
	font-weight: 400;
}
.search-2 .form-group .list li:hover {
	color: #fff;
	background: #fa2964;
}
.search-2 .form-group.looking {
	width: 350px;
	margin: 0px;
}
.search-2 .first-select {
	height: 30px;
	border-radius: 5px;
	padding-right: 3px;
	border: none;
	box-shadow: none;
	color: #757575;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 16px;
}
.main-search-input-item {
	float: left;
	width: 100%;
	box-sizing: border-box;
	height: 50px;
	position: relative;
}
.nice-select.wide {
	width: 100%;
}
.search-2 .form-group.looking input {
	float: left;
	border: none;
	border-radius: 5px;
	width: 100%;
	height: 50px;	
	padding-left: 20px;
}
.search-2 .form-group.location {
	width: 270px;
}
.search-2 .form-group.categories {
	width: 288px;
}
.search-2 .form-group.button {
	width: 145px;
	position: relative;
	height: 50px;
}
.search-2 .form-group .btn {
	display: block;
	width: 100%;
	background: #fa2964;
	cursor: pointer;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	position: absolute;
	top: 0;
	height: 50px;
	line-height: 50px;
	padding: 0;
	font-size: 14px;
	border: none;
	border-radius: 50px;
}
.search-2 .form-group .btn:hover {
	background: #121B22;
	color: #fff;
}
@media only screen and (max-width: 1024px) {
	.search-2 .trip-search .form-group {
		margin-top: 15px;
		margin-right: 20px;
		width: 100%;
	}
}
@media only screen and (max-width: 991px) {	
	.search-2 .hero-inner {
		margin: 97px 0;
	}
	.search-2 .trip-search {
		border-radius: 3px;
	}
	.hero-inner2 {
		margin-top: 550px;
	}
	.header.vid {
		position: relative;
		background: #121B22;
	}
	.dark-overlay h1 {
		font-size: 40px;
	}
}
@media only screen and (max-width: 767px) {
	.search-2 .welcome-text h1 {
		font-size: 48px;
	}
	.search-2 .hero-inner {
		margin: 69px 0;
	}
	.search-2 .trip-search .form-group {
		margin-top: 10px;
		width: 100%;
	}
}
@media only screen and (max-width: 576px) {
	.dark-overlay h1 {
		font-size: 30px !important;
	}
}
@media only screen and (max-width: 450px) {
	.search-2 .welcome-text p {
		font-size: 14px;
	}
	.hero-inner2 {
		margin-top: 400px;
	}
	.search-2 .hero-inner {
		margin: 70px 0;
	}
	.search-2 .trip-search {
		margin-top: 30px;
	}
	#map-container.fullwidth-home-map .main-search-inner.vid {
		position: relative;
	}
	.dark-overlay h1 {
		font-size: 21px !important;
	}
}
.homepage-9 .sec-title {
	text-align: center;
	padding-bottom: 2rem;
}
.homepage-9 .sec-title h2 {
	color: #111;
	font-weight: 600;
	text-transform: capitalize;
}
.homepage-9 .sec-title h2 span {
	position: relative;
	color: #444;
	font-weight: 500;
}
.homepage-9 .sec-title p {
	margin-top: 13px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	font-weight: 400;
	color: #666;
	max-width: 550px;
}
.homepage-9 .portfolio .homes-tag.sale {
	background: rgba(74,74,76,0.7) !important;
}
.homepage-9 .homes-tag.featured {
	background: #FF385C !important;
}
.homepage-9 .portfolio .homes-price {
	font-size: 20px !important;
	font-weight: 500;
	background: transparent !important;
}
.homepage-9 .featured .project-single .button-effect {
	opacity: 1;
	visibility: visible;
	transform: translateX(0%);
}
.homepage-9 .featured .button-effect {
	position: absolute;
	text-align: left;
	bottom: 0;
	right: 0;
	z-index: 33;
	background: transparent;
	transform: translateX(0%);
	opacity: 0;
	visibility: visible;
	padding: 8px 0px;
	border-radius: 20px 0 0 0;
	transition: all 0.4s ease;
	margin-bottom: .7rem;
}
.homepage-9 .featured .button-effect .btn {
	display: inline-block;
	color: #fff;
	box-shadow: none;
	padding: 0;
	margin-right: 15px;
	border-radius: 8px;
	width: 36px;
	height: 36px;
	line-height: 33px;
	background: rgba(74,74,76,0.7);
	z-index: 99;
}
.homepage-9 .featured .button-effect .fa-link:before {
	content: "\f0c1";
	font-family: FontAwesome;
	color: #fff;
}
.homepage-9 .featured .button-effect .fa-video:before {
	content: "\f03d";
	font-family: FontAwesome;
	color: #fff;
}
.homepage-9 .featured .button-effect .fa-photo:before {
	content: "\f03e";
	font-family: FontAwesome;
	color: #fff;
}
.homepage-9 .portfolio .project-head {
	background-color: #1d293e;
	border-radius: 8px 8px 0 0;
	z-index: 1;
}
.homepage-9 .portfolio .homes-price {
	padding-left: 0px;
}
.homepage-9 .portfolio .project-head:before {
	background: transparent !important;
}
.homepage-9 .portfolio .project-head img {
	background-color: #1d293e;
	opacity: .7;
}
.homepage-9 .portfolio .project-single {
	border-radius: 0 0 8px 8px;
}
.homepage-9 .portfolio .homes-content .homes-address .fa-map-marker {
	color: #666;
}
.homepage-9 .portfolio .homes-content h3 a:hover,
.homepage-9 .blog-section .news-item h3:hover {
	color: #FF385C;
}
.homepage-9 .portfolio .footer img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
/*----------------------------------------------*/
/*------ 11. FEATURED CATEGORIES HOME 3 ------*/
/*----------------------------------------------*/
section.feature-categories {
	padding: 6rem 0;
}
.homepage-9 .small-category-2 {
	background: #fff;
	border-radius: 8px;
	border: 1px solid #ebebeb;
	overflow: hidden;
	margin-bottom: 30px;
	padding: 0px;
	align-items: center;
	display: flex;
}
.homepage-9 .small-category-2-thumb .fas {
	font-size: 2.1rem;
	color: $firstcolor;
}
.homepage-9 .small-category-2-thumb {
	width: 170px;
	float: left;
	display: table;
	height: 150px;
	background: #fff;
	padding: 0px;
	border-radius: 50%;
}
.homepage-9 .small-category-2-thumb img {
	width: 170px;
	height: 150px;
}
.homepage-9 .sc-2-detail {
	display: table;
	margin-left: 25px;
	float: left;
}
.homepage-9 .sc-2-detail .sc-jb-title {
	margin-bottom: 4px;
}
.homepage-9 h4.sc-jb-title a {
	font-size: 16px;
	color: #555;
	font-weight: 400;
	text-decoration: none;
	transition: all .3s ease;
}
.homepage-9 h4.sc-jb-title a:hover {
	color: #fa2964;
}
.homepage-9 .sc-2-detail span {
	font-size: 15px;
	font-weight: 400;
	color: $text;
}
.homepage-9 .no-mb {
	margin-bottom: 0px;
}
@media screen and(max-width: 767px) {
	.homepage-9 .si-mt {
		margin-top: 30px;
	}
	.homepage-9 .how-it-works article i {
		font-size: 2.5rem !important;
	}
}
@media screen and(max-width: 575px) {
	.homepage-9 .mob-mt {
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 991px) {
	.homepage-9 .m-t-30 {
		margin-top: 30px;
	}
}
.homepage-9 .rec-pro .container-fluid {
	max-width: 1560px;
}
.homepage-9 section.portfolio {
	padding: 6rem 0;
	background: #0498ed;
}
.homepage-9 .sec-title.discover h2 span,
.homepage-9 .sec-title.discover h2,
.homepage-9 .sec-title.discover p {
	color: #fff;
}
.homepage-9 .slick-dots li.slick-active,
.homepage-9  .slick-dots li {
	box-shadow: inset 0 0 0 3px rgba(74,74,76,0.4);
}
.homepage-9 .slick-dots li:after {
	background: #eee;
}
.homepage-9 .portfolio .project-single {
	box-shadow: none;
	margin-bottom: 0px;
	border: 1px solid #e7e7e7;
}
.homepage-9 .portfolio .footer span {
	margin-top: 12px
}
.homepage-9 .portfolio .item {
	padding-bottom: 30px;
}
.homepage-9 .bg-all {
	margin-top: 0px;
}
.homepage-9 .portfolio.disc .project-single {
	border: 0px;
}

body {
    background-color: #fafafa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    overflow-x: hidden;
    width: 100vw;
    padding-top: 0px;
}

.overflow-hidden {
    overflow: hidden
}

.btn-green {
    background-color: #3cc638;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 700;
    font-size: .999999999rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn-green:hover {
    text-decoration: none;
    color: #3c3c3b
}

.btn-red {
    padding: 10px;
    background-color: #e30613;
    text-decoration: none;
    display: inline-block;
    border-radius: 7px;
    font-size: .9rem;
    color: #fff;
    border: 1px solid transparent;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn-red:hover {
    text-decoration: none;
    color: #e30613 !important;
    background-color: #fff;
    border-color: #e30613
}

.btn-primary {
    background-color: #034ea0;
    border-color: #034ea0;
    font-size: .8rem;
    padding-top: .275rem;
    padding-bottom: .275rem
}

@-webkit-keyframes fadeInTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

header {
    border-bottom: 1px solid #034ea0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #fff;
    position: fixed;
    z-index: 950;
    top: 0
}

header .sticky-logo {
    display: none;
    height: 61px
}

.header-logo p {
    color: #3c3c3b;
    font-size: .8rem;
    margin-top: 10px
}

@media only screen and (min-width:992px) {
    .header-floating-menu {
        margin-top: -2px;
        padding-top: 0;
        background-color: #fff;
        position: absolute;
        z-index: 200;
        width: 220px;
        border: 2px solid #034ea0;
        border-top-color: transparent;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px
    }

    .header-floating-menu .header-logo {
        text-align: center
    }

    .header-floating-menu .header-logo img {
        width: 150px
    }

    .header-floating-menu .header-floating-content {
        border: 2px solid #034ea0;
        border-top-color: transparent;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        width: 220px;
        position: relative;
        left: -2px
    }

    .header-floating-menu .header-floating-phone {
        text-align: center;
        background-color: #d0d0d0;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px
    }

    .header-floating-menu .header-floating-phone a {
        color: #3c3c3b;
        text-decoration: none;
        font-weight: 700;
        font-size: .85rem;
        padding-top: 0;
        display: inline-block
    }

    .tabpanel-container {
        padding-left: 10px;
        padding-right: 10px
    }

    .tabpanel-container .floating-tabs .list-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        border-bottom: 8px solid #034ea1;
        background-color: #034ea1;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }

    .tabpanel-container .floating-tabs .list-group .list-group-item {
        font-size: .76rem;
        font-weight: 700;
        background-color: #d0d0d0;
        border: none;
        padding: 5px
    }

    .tabpanel-container .floating-tabs .list-group .list-group-item:nth-child(1) {
        border-top-left-radius: 5px;
        border-top-right-radius: 0
    }

    .tabpanel-container .floating-tabs .list-group .list-group-item:nth-child(2) {
        border-top-right-radius: 5px
    }

    .tabpanel-container .floating-tabs .list-group .list-group-item.active {
        color: #fff;
        background-color: #034ea1
    }

    .tabpanel-container .tab-pane {
        padding: 5px 15px
    }

    .tabpanel-container .tab-pane .tab-group a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-decoration: none;
        color: #3c3c3b
    }

    .tabpanel-container .tab-pane .tab-group a div:nth-child(1) span {
        font-size: 1.6rem
    }

    .tabpanel-container .tab-pane .tab-group a div:nth-child(2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-left: 5px
    }

    .tabpanel-container .tab-pane .tab-group a div:nth-child(2) p {
        font-size: .8rem;
        margin-bottom: 2px
    }

    .tabpanel-container .tab-pane .tab-group a div:nth-child(2) span {
        font-size: .6rem
    }

    .tabpanel-container .tab-pane .tab-group label {
        font-size: .8rem;
        margin-bottom: 2px
    }

    .tabpanel-container .tab-pane .tab-group .form-control {
        line-height: .9rem;
        font-size: .8rem
    }

    .tabpanel-container .tab-pane .tab-group button {
        width: 100%
    }

    .tabpanel-container .tab-pane hr {
        margin-top: 4px;
        margin-bottom: 4px;
        height: 0;
        background-color: transparent;
        border-top: 1px dashed #034ea1
    }
}

.header-floating-content i {
    color: #034ea1
}

.header-floating-phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.header-floating-phone img {
    height: 30px;
    margin-right: 10px
}

@media only screen and (max-width:991px) {
    .header-floating-menu {
        display: none
    }
}

footer {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
    border-bottom: 15px solid #034ea0;
    background-color: #ededed
}

footer .col-footer-info a,
footer .col-footer-info p {
    font-size: .8rem;
    margin-bottom: .5rem;
    color: #3c3c3b
}

footer .col-footer-info a {
    text-decoration: none
}

footer .col-footer-info a:hover {
    text-decoration: none
}

footer .col-footer-info p:last-child {
    margin-top: 10px
}

footer .col-footer-promote img {
    height: 56px
}

footer .col-footer-promote .footer-socials {
    padding: 0;
    margin: 0
}

footer .col-footer-promote .footer-socials li {
    display: inline-block
}

footer .col-footer-promote .footer-socials li a {
    display: inline-block;
    padding: 5px 3px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

footer .col-footer-promote .footer-socials li a:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

footer .col-footer-promote .footer-socials li a i {
    color: #034ea1
}

footer .currencies a {
    text-decoration: none;
    color: #e30613;
    font-size: .9rem
}

footer .currencies a:hover {
    text-decoration: underline
}

footer .footer-logo {
    max-height: 80px
}

@media only screen and (max-width:768px) {
    .footer-socials {
        text-align: center
    }
}

#scroll-top {
    z-index: 580;
    display: none;
    padding: 3px 11px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 50%;
    background-color: #034ea0
}

#scroll-top:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

#select-currencies {
    max-width: 450px
}

#select-currencies p {
    font-size: .9rem
}

#select-currencies p.title {
    font-weight: 600;
    font-size: 1rem
}

#select-currencies label {
    margin-top: 15px;
    font-size: .9rem;
    width: 100px
}

#select-currencies select {
    width: 50%;
    font-size: .9rem;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none
}

#select-currencies select:focus {
    border-radius: 0;
    outline: 0
}

#select-currencies .btn-currencies-update {
    background-color: #034ea1;
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    outline: 0;
    margin: 10px auto 0 auto;
    border: none;
    font-size: .9rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid transparent
}

#select-currencies .btn-currencies-update:hover {
    background-color: #fff;
    color: #034ea1;
    border-color: #034ea1
}

.search-popup-wrapper {
    position: fixed;
    z-index: 900;
    background-color: rgba(100, 100, 100, .9);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.search-popup-wrapper .col-search-form {
    position: relative
}

.search-popup-wrapper .col-search-form #close-search-popup {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    cursor: pointer;
    font-size: 1.4rem
}

.search-popup-wrapper .col-search-form p.title {
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
    color: #fff;

}

.search-popup-wrapper .col-search-form input[type=text] {
    width: 100%;
    border: 0;
    padding: 10px;
    border-radius: 5px
}

.search-popup-wrapper .col-search-form input[type=text]:focus {
    outline: 0
}

.search-popup-wrapper .col-search-form button {
    max-width: 50%;
    display: block;
    width: 120px;
    margin: 15px auto auto auto;
    background-color: #034ea1;
    border: 1px solid #034ea1;
    border-color: transparent;
    color: #fff;
    border-radius: 5px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.search-popup-wrapper .col-search-form button:hover {
    background-color: #fff;
    border-color: #034ea1;
    color: #034ea1
}

.search-popup-wrapper .fancybox-close-small {
    display: none
}



.left-sidebar .left-sidebar-menu p.title {
    font-size: 2rem;
    font-weight: 600;
    padding: 10px;
  
    color: #0d4f9e !important;
    margin-bottom:3rem !important;
}
.left-sidebar-menu
{
    margin-top:1rem !important;
}
.left-sidebar .left-sidebar-menu ul {
    padding: 0;
    margin-top:1rem !important;
}

.left-sidebar .left-sidebar-menu ul>li {
    list-style-type: none;
    border:1px solid #efefef !important;
    border-radius:0.5rem !important;
    padding:0.5rem 1rem;
}

.left-sidebar .left-sidebar-menu ul>li a {
    padding: 10px;
    display: block;
    color: #000;
    text-decoration: none;
    transition:ease all 2s;
}
.left-sidebar .left-sidebar-menu ul > li > a:hover
{
    color:#0d4f9e ;
}
.left-sidebar .left-sidebar-menu ul>li a span {
font-size:.95rem;
margin-left:0.4rem;

}
.left-sidebar .left-sidebar-menu a i 
{
    font-size:0.8rem !important;
}

.left-sidebar .left-sidebar-menu ul>li.active {
    background-color: #ededed;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0
}

.btn-green-xl {
    background-color: #18ad5b;
    color: #fff;
    border: 1px solid #18ad5b;
    padding: 7px 12px;
    border-radius: 7px;
    font-size: .9rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.btn-green-xl:hover {
    background-color: #fff;
    color: #18ad5b
}

.btn-green-md {
    background-color: #18ad5b;
    color: #fff !important;
    border: 1px solid #18ad5b;
    padding: 7px 12px;
    border-radius: 7px;
    font-size: .9rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn-green-md:hover {
    background-color: #fff;
    color: #18ad5b !important
}

.mobile-menu {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    right: -100%;
    z-index: 930;
    top: 65px;
    height: calc(100vh - 65px);
    overflow: scroll;
    min-width: 300px;
    max-width: 340px;
    display: none;
    background-color: #fff;
    padding: 20px;
    position: fixed
}

.mobile-menu p.mobile-menu-title {
    color: #6b6b6b;
    font-size: 1rem;
    margin-top: 20px;
    margin-bottom: 10px
}

.mobile-menu ul {
    list-style: none;
    padding-left: 0
}

.mobile-menu ul a,
.mobile-menu ul li {
    cursor: pointer;
    color: #3c3c3b;
    text-decoration: none;
    font-size: 1.2rem;
    display: block;
    padding: 4px 0
}

.mobile-menu ul li>a>img {
    height: 32px
}

.mobile-menu ul li.has-sub {
    position: relative
}

.mobile-menu ul li.has-sub span.menu-carret {
    position: absolute;
    right: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.mobile-menu ul li.has-sub .dropdown-opened {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mobile-menu ul li.has-sub>ul li {
    padding: 0
}

.mobile-menu ul li.has-sub>ul li a {
    font-size: 1rem
}

.mobile-menu .mobile-search>.mobile-search-input {
    width: 100%;
    border-radius: 7px;
    font-size: .9rem;
    line-height: 2rem;
    padding: 5px 10px
}

.mobile-menu .mobile-menu-section {
    margin-top: 2px
}

.mobile-menu .mobile-menu-section i {
    margin-right: 6px
}

.mobile-menu .mobile-menu-section .far,
.mobile-menu .mobile-menu-section .fas {
    color: #034ea1
}

.mobile-menu .has-sub ul {
    display: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform-origin: top;
    transform-origin: top;
    margin-bottom: 15px
}

.mobile-menu .has-sub ul li {
    cursor: pointer
}

.mobile-menu span.mobile-menu-icon {
    width: 32px;
    display: inline-block
}

.user-donation-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.user-donation-cart a.mobile-online-bagis {
    text-decoration: none;
    color: #fff;
    background-color: #18ad5b;
    padding: 5px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 7px;
    font-size: 1.3rem;
    display: inline-block
}

.user-donation-cart a.mobile-cart-icon {
    text-decoration: none;
    color: #000;
    background-color: #def3e6;
    padding: 5px 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 7px;
    font-size: 1.3rem
}

.user-donation-cart a.mobile-cart-icon .cart-count {
    background-color: #18ad5be3;
    color: #fff;
    padding: 3px;
    border-radius: 4px
}

#mobile-menu-body-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #58585896;
    z-index: 880;
    display: none;
    pointer-events: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.overflow-hidden {
    overflow: hidden
}

.open {
    display: block !important
}

.mobile-menu-opened {
    right: 0
}

.mobile-menu-divider {
    height: 20px;
    position: relative;
    content: ""
}

.mobile-menu-divider:after {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    content: "";
    border-bottom: 1px solid #034ea1
}

@media only screen and (max-width:1199px) {
    .mobile-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.mobile-menu-login a {
    background-color: #034ea1 !important;
    color: #fff !important;
    width: 100% !important;
    text-align: center;
    border-radius: 7px
}

.fill-the-screen {
    min-height: calc(100vh - 237px)
}

.header {
    -webkit-box-shadow: rgba(100, 100, 111, .2) 0 2px 8px 0;
    box-shadow: rgba(100, 100, 111, .2) 0 2px 8px 0;
    background-color: #fff;
    -webkit-transition: all 2.3s ease;
    transition: all 2.3s ease;
    position: relative;
    z-index: 950
}

.header .container {
    max-width: 1320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header ul li {
    list-style-type: none;
    color: #3c3c3b;
    font-size: .9rem;
    position: relative
}

.header ul li a {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
    color: #3c3c3b;
    font-size: .9rem
}

.header .header-sub {
    visibility: hidden
}

.header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 750
}

.header.fixed .sticky-logo {
    display: block
}

.header.fixed .header-floating-menu {
    display: none
}

.header-logo a {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.header-logo a img {
    display: inline-block;
    height: 70px;
}

@media only screen and (min-width:1200px) {
    .main-menu {
        display: flex;
        flex-direction: row;
        flex: 1;
        justify-content: space-between;
        align-content: center !important;
    }

    .main-menu ul.menu-primary>li:hover:after,
    .main-menu ul.menu-secondary>li:hover:after {
        position: absolute;
        content: "▲";
        font-size: .5rem;
        bottom: -4px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        color: #034ea0
    }

    .main-menu a {
        white-space: nowrap;
        display: inline-block;
        padding: 16px 5px
    }

    .header-logo {
        margin-right: 50px
    }

    .menu-primary,
    .menu-secondary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        align-items: center;
    }

    .menu-primary {
        margin-bottom: 0
    }

    .menu-primary a {
        padding-left: 20px;
        padding-right: 20px
    }

    .menu-secondary {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .header-btn-login {
        margin-right: 10px
    }

    .header-btn-login>a {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 20px;
        padding-right: 20px
    }


    .header-btn-cart {
        padding-top: 5px
    }

    .header-btn-cart>a {
        position: relative;
        width: 40px;
        height: 40px !important;
        border: 1px solid transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 6px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 !important;
        background-color: #d2e0f1;
        color: #3c3c3b
    }

    .header-btn-cart>a i.fa-shopping-cart {
        font-size: 1.5rem
    }

    .header-btn-cart>a span.cart-count {
        color: #fff;
        font-weight: 700;
        position: absolute;
        top: -1px;
        right: -7px;
        background-color: #18ad5be3;
        padding: 4px;
        border-radius: 5px;
        font-size: 1rem;
        line-height: .7rem
    }

    .header-btn-cart:hover>a {
        background-color: #0d4f9e;
    }

    .header-btn-donation {
        margin-right: 10px
    }

    .header-btn-donation>a {
        height: 40px !important;
        border: 1px solid transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px;
        border-radius: 7px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #0d4f9e;
        color: #fff !important
    }

    .header-btn-donation:hover>a {
        background-color: #fff;
        color: #0d4f9e !important;
        border-color: #0d4f9e;
    }

    .header-btn-shortcuts {
        margin-right: 10px
    }

    .header-btn-shortcuts>a {
        height: 40px !important;
        border: 1px solid transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px;
        border-radius: 7px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #034ea1;
        color: #fff !important
    }

    .header-btn-shortcuts:hover>a {
        background-color: #fff;
        color: #034ea1 !important;
        border-color: #034ea1
    }

    .header-btn-search {
        margin-right: 10px
    }

    .header-btn-donation,
    .header-btn-login {
        padding: 7px 0
    }
}

@media only screen and (max-width:1199px) {
    .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 950
    }

    .header .container {
        position: relative
    }

    .main-menu {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        width: 320px;
        background-color: #fff;
        padding: 10px;
        z-index: 809;
        position: absolute;
        right: -350px;
        top: 65px;
        display: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .main-menu .menu-primary,
    .main-menu .menu-secondary {
        padding: 10px 10px;
        margin: 0
    }

    .main-menu .menu-primary>li a,
    .main-menu .menu-secondary>li a {
        padding: 10px 5px;
        display: block;
        font-size: 1rem
    }

    .main-menu .menu-primary li.menu-has-sub,
    .main-menu .menu-secondary li.menu-has-sub {
        position: relative
    }

    .main-menu .menu-primary li.menu-has-sub:after,
    .main-menu .menu-secondary li.menu-has-sub:after {
        position: absolute;
        content: "▼";
        font-size: .5rem;
        top: 16px;
        right: 5px;
        -webkit-transform-origin: center center;
        transform-origin: center center;
        color: #034ea0
    }

    .main-menu .menu-primary {
        padding-top: 0 !important
    }

    .main-menu ul li .header-sub {
        opacity: 1;
        display: none;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        -webkit-transform: rotateX(90deg) scaleY(0);
        transform: rotateX(90deg) scaleY(0);
        -webkit-transform-origin: top center;
        transform-origin: top center
    }

    .main-menu ul li .header-sub ul {
        padding-left: 10px
    }

    .main-menu ul li .header-sub ul li a {
        padding: 7px 5px
    }

    .main-menu ul li .header-sub ul li a img {
        width: 22px;
        height: 22px
    }

    .header-sub.active {
        visibility: visible !important;
        opacity: 1 !important;
        -webkit-transform: rotateX(0) scaleY(1) !important;
        transform: rotateX(0) scaleY(1) !important;
        height: auto !important;
        display: inline-block !important
    }

    .header-btn-search i.fa-search {
        display: none
    }
}

@media only screen and (min-width:1200px) {
    .menu-has-sub:hover>.header-sub {
        visibility: visible;
        pointer-events: auto;
        opacity: 1;
        top: 100%
    }

    .header-sub {
        opacity: 0;
        pointer-events: none;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        background-color: #fff;
        position: absolute;
        z-index: 500;
        padding: 10px;
        border: 1px solid #034ea1;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
        left: 50%;
        top: 110%;
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .header-sub ul {
        padding-left: 0
    }

    .header-sub ul li {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        margin-bottom: 3px;
        border: 1px solid transparent;
        border-radius: 5px
    }

    .header-sub ul li a {
        padding: 7px;
        display: block;
        padding: 7px;
        font-size: .8rem
    }

    .header-sub ul li a img {
        width: 30px;
        height: 30px;
        padding: 2px;
        border-radius: 50%;
        -webkit-box-shadow: inset rgba(100, 100, 111, .1) 0 -6px 20px 5px;
        box-shadow: inset rgba(100, 100, 111, .1) 0 -6px 20px 5px
    }

    .header-sub ul li:hover {
        border-color: #d0d0d0
    }

    .header-sub ul.ul-two-columns {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2
    }
}

.search-form-wrapper form input[type=text] {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media only screen and (min-width:1200px) {
    .search-form-wrapper {
        -webkit-transition: all 120ms ease;
        transition: all 120ms ease;
        position: absolute;
        top: 9px;
        right: 70px;
        opacity: 0;
        pointer-events: none;
        overflow: hidden
    }

    .search-form-wrapper form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .search-form-wrapper form input {
        border-top: 1px solid transparent;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        border-bottom: 1px solid #034ea1;
        width: 140px;
        background-color: #f8f8f8;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .search-form-wrapper form input:focus {
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #034ea1;
        border-right-color: transparent
    }

    .search-form-wrapper form button {
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        background-color: #fff;
        color: #034ea1;
        border: 1px solid #034ea1;
        border-radius: 7px;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: -7px
    }

    .search-form-wrapper form button:hover {
        background-color: #034ea1;
        color: #fff
    }

    .search-form-wrapper.active {
        right: -162px;
        pointer-events: auto;
        opacity: 1
    }
}

@media only screen and (max-width:1199px) {
    .header-btn-search a {
        display: none !important
    }

    .search-form-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .search-form-wrapper input[type=text] {
        margin-bottom: 5px;
        font-size: .9rem
    }

    .search-form-wrapper button {
        background-color: #fff;
        border: 1px solid #034ea1;
        color: #034ea1;
        font-size: .9rem;
        width: 100%;
        margin: 0 auto;
        border-radius: 3px
    }
}

@media only screen and (min-width:1200px) {
    .hamburger-label {
        display: none
    }
}

.hamburger-checkbox {
    display: none
}

.hamburger-checkbox:checked+label span {
    right: 9px;
    width: 34px
}

.hamburger-checkbox:checked+label span:nth-child(1) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 4px
}

.hamburger-checkbox:checked+label span:nth-child(2) {
    opacity: 0
}

.hamburger-checkbox:checked+label span:nth-child(3) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 29px
}

.hamburger-label {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 43px;
    height: 38px;
    position: absolute;
    right: 10px;
    top: 14px;
    border: 1px solid #034ea0;
    border-radius: 5px;
    background-color: #fff
}

.hamburger-label span {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: block;
    height: 2px;
    background-color: #034ea1;
    position: absolute;
    right: 3px;
    -webkit-transform-origin: right;
    transform-origin: right
}

.hamburger-label span:nth-child(1) {
    width: 32px;
    top: 7px
}

.hamburger-label span:nth-child(2) {
    width: 29px;
    top: 17px;
    opacity: 1
}

.hamburger-label span:nth-child(3) {
    width: 34px;
    top: 27px
}

@media only screen and (max-width:768px) {
    .main-menu {
        height: calc(100vh - 65px);
        overflow: scroll
    }
}

.mobile-menu-v2.mv2-active {
    right: 0
}

.mobile-menu-v2 {
    overflow-y: scroll;
    padding-bottom: 30px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding-top: 15px;
    background-color: #0d4f9e;
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1650;
    right: -100vw
}

.mobile-menu-v2>ul.mobile-main-menu {
    padding: 0 40px;
    margin: 20px 0 0 0
}

.mobile-menu-v2>ul.mobile-main-menu>li {
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.mobile-menu-v2>ul.mobile-main-menu>li:not(:last-child):before {
    content: "";
    height: 2px;
    background-color: #ebebeb;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute
}

.mobile-menu-v2>ul.mobile-main-menu>li>a {
    text-decoration: none;
    color: #fff;
    padding: 10px;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 400
}

.mobile-menu-v2>ul.mobile-main-menu li.mobile-menu-has-sub {
    position: relative
}

.mobile-menu-v2>ul.mobile-main-menu li.mobile-menu-has-sub:after {
    position: absolute;
    right: 0;
    top: 9px;
    color: #fff;
    font-size: 1.3rem;
    content: "+";
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.mobile-menu-v2>ul.mobile-main-menu li.mobile-menu-has-sub:not(.mm-active) a {
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.mobile-menu-v2>ul.mobile-main-menu li.mobile-menu-has-sub.mm-active a {
    color: #595757
}

.mobile-menu-v2>ul.mobile-main-menu li.mobile-menu-has-sub.mm-active:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mobile-menu-v2 .btn-mobile-menu-blue {
    background-color: #034ea1;
    color: #fff;
    border-radius: 7px;
    display: block;
    padding-top: 6px;
    padding-bottom: 6px;
    text-decoration: none;
    margin-top: 30px;
    font-weight: 300;
    text-align: center;
    font-size: 1rem;
    margin-left: 40px;
    margin-right: 40px
}

.form-mobile-menu-search {
    margin: 20px 40px 0 40px;
    position: relative
}

.form-mobile-menu-search i {
    position: absolute;
    z-index: 65;
    top: 8px;
    left: 10px;
    font-size: 1rem;
    color: #818086
}

.form-mobile-menu-search .search-input {
    background-color: #f3f2f8;
    color: #818086;
    padding: 7px 10px 7px 35px;
    border: 0;
    outline: 0;
    position: relative;
    font-size: .9rem;
    display: block;
    width: 100%;
    border-radius: 4px
}

.mobile-menu-top-links {
    margin-left: 15px;
    margin-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobile-menu-top-links a {
    height: 35px;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.mobile-menu-top-links a.btn-bagis-yap {
    font-size: .9rem;
    background-color: #034ea1;
    color: #fff;
    border-radius: 4px;
    padding-left: 20px;
    padding-right: 20px
}

.mobile-menu-top-links a.btn-sepetim {
    background-color: #def3e6;
    color: #034ea1;
    border-radius: 4px;
    margin-left: 15px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative
}

.mobile-menu-top-links span.cart-count {
    background-color: #18ad5be3;
    color: #fff;
    padding: 4px;
    border-radius: 5px;
    font-size: .9rem;
    position: absolute;
    right: -15px;
    top: 3px
}

.mobilev2-sub-menu {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    overflow: hidden;
    height: 0;
    padding: 0 0 0 30px;
    margin: 0;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    margin-bottom: 10px
}

.mobilev2-sub-menu li {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.mobilev2-sub-menu li a {
    font-size: 1rem;
    display: inline-block;
    text-decoration: none;
    color: #595757;
    padding: 5px 10px
}

.mobilev2-sub-menu li a img {
    height: 21px;
    margin-right: 5px;
    filter: brightness(0) invert(1);
}

#close-mobile-menuv2 {
    color: #fff;
    font-size: 1.5rem;
    padding: 10px;
    display: inline-block;
    left: 30px;
    top: 5px
}

.btn-mobile-menu-v2 {
    display: none
}

@media only screen and (max-width:1199px) {
    .btn-mobile-menu-v2 {
        display: inline-block
    }
}

.col-header-slider {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.col-header-slider .caption h1 {
    font-weight: 700;
    font-family: "Source Sans Pro", sans-serif;
    color: #fff;
    line-height: 3.5rem
}

.col-header-slider .caption h1 span {
    background-color: rgba(32, 32, 32, .5);
    padding: 5px
}

.col-header-slider .swiper-button-next,
.col-header-slider .swiper-button-prev {
    color: #034ea1 !important
}

@media only screen and (min-width:992px) {
    .col-header-slider {
        min-height: calc(100vh - 178px)
    }

    .col-header-slider .swiper {
        height: 100%;
        position: relative
    }

    .col-header-slider .swiper .swiper-slide>img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }

    .col-header-slider .swiper .caption {
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        z-index: 100;
        position: absolute;
        right: 14%;
        top: 18%;
        width: 600px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .col-header-slider .swiper .caption h1 {
        color: #fff;
        text-align: right
    }

    .col-header-slider .swiper .caption p {
        color: #3c3c3b;
        line-height: 1.6rem
    }

    .col-header-slider .swiper .caption .caption-title {
        width: 380px
    }

    .col-header-slider .swiper .caption .caption-title .caption-title-buttons {
        margin-top: 45px;
        text-align: right
    }

    .col-header-slider .swiper .caption .caption-text {
        padding: 10px;
        width: 200px;
        margin-top: 0
    }

    .col-header-slider .swiper .caption .caption-text p {
        margin-bottom: 0
    }

    .col-header-slider .swiper .caption>.caption-video {
        border: 1px solid #00f;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .col-header-slider .swiper .caption>.caption-video>.slider-video-cover {
        position: absolute;
        z-index: 20;
        cursor: pointer
    }

    .col-header-slider .swiper .caption>.caption-video>.slider-video-cover>img {
        max-width: 100%
    }

    .col-header-slider .swiper .caption>.caption-video>.slider-video-cover:after {
        content: "";
        font-family: "Font Awesome 5 Free";
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 25;
        font-size: 3rem;
        color: #fff;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .col-header-slider .swiper .caption>.caption-video>.slider-video {
        position: absolute;
        z-index: 10
    }

    .col-header-slider .swiper .caption>.caption-video:hover>img {
        -webkit-filter: brightness(1.2);
        filter: brightness(1.2)
    }

    .col-header-slider .swiper .caption>.caption-video:hover .slider-video-cover:after {
        color: #034ea0
    }

    .col-header-slider .swiper-slide-active .caption {
        -webkit-animation: fadeInTop 1.5s;
        animation: fadeInTop 1.5s
    }
}

@media only screen and (max-width:767px) {
    .caption .caption-title h1 {
        color: #000 !important
    }

    .caption .caption-title h1 span {
        background-color: transparent !important
    }

    .caption .caption-text-buttons .caption-text p {
        color: #000 !important;
        background-color: transparent !important
    }
}

@media only screen and (max-width:991px) {
    .col-header-slider .swiper {
        position: relative
    }

    .col-header-slider .swiper .swiper-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: calc(100vw * 848 / 1920)
    }

    .col-header-slider .swiper .swiper-slide img {
        position: absolute;
        width: 100%;
        height: 100%
    }

    .col-header-slider .swiper .swiper-slide .caption {
        z-index: 100;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .col-header-slider .swiper .swiper-slide .caption h1 {
        color: #fff;
        font-size: 1.5rem;
        text-align: center;
        text-shadow: -1px -1px 0 rgba(0, 0, 0, .5), 1px -1px 0 rgba(0, 0, 0, .5), -1px 1px 0 rgba(0, 0, 0, .5), 1px 1px 0 rgba(0, 0, 0, .5)
    }

    .col-header-slider .swiper .swiper-slide .caption .caption-title .caption-title-buttons a {
        font-size: 1rem
    }

    .col-header-slider .swiper .swiper-slide .caption .caption-text {
        display: none
    }

    .col-header-slider .swiper-slide-active .caption {
        -webkit-animation: fadeInTop 1.5s;
        animation: fadeInTop 1.5s
    }
}

@media only screen and (max-width:576px) {
    .col-header-slider .swiper {
        position: relative
    }

    .col-header-slider .swiper .swiper-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: calc(100vw * 848 / 1920)
    }

    .col-header-slider .swiper .swiper-slide img {
        width: 100%;
        height: 100%
    }

    .col-header-slider .swiper .swiper-slide .caption {
        z-index: 100;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .col-header-slider .swiper .swiper-slide .caption h1 {
        color: #fff;
        font-size: 1.5rem;
        text-align: center;
        text-shadow: -1px -1px 0 rgba(0, 0, 0, .5), 1px -1px 0 rgba(0, 0, 0, .5), -1px 1px 0 rgba(0, 0, 0, .5), 1px 1px 0 rgba(0, 0, 0, .5)
    }

    .col-header-slider .swiper .swiper-slide .caption .caption-title .caption-title-buttons a {
        font-size: 1rem
    }

    .col-header-slider .swiper .swiper-slide .caption .caption-text {
        display: none
    }
}

.caption-title-buttons .btn-slide-donate {
    text-decoration: none;
    color: #fff;
    background-color: #18ad5b;
    border-radius: .25rem;
    border: 1px solid #18ad5b;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 1rem;
    font-weight: 600;
    padding: 1rem 1.5rem;
    line-height: 1.1rem
}

.caption-title-buttons .btn-slide-donate i {
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.caption-title-buttons .btn-slide-donate:hover {
    color: #18ad5b;
    border-color: #18ad5b;
    background-color: #def3e6
}

.caption-title-buttons .btn-slide-donate:hover i {
    color: #18ad5b
}

.cnt-home-footer .col {
    padding-left: 0;
    padding-right: 0
}

.cnt-home-footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.cnt-home-footer ul li a {
    color: #fff;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 300;
    white-space: nowrap
}

.cnt-home-footer ul li a img {
    width: 85px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 50%
}

.cnt-home-footer .blue-band {
    background-color: #034ea1
}

.cnt-home-footer .blue-band p {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: .7rem
}

.row-footer-donation-icons ul {
    padding: 0
}

.row-footer-donation-icons ul li {
    list-style-type: none
}

.row-footer-donation-icons ul li a {
    font-weight: 700
}

.row-footer-donation-icons ul li a img {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: 15px;
    -webkit-box-shadow: inset rgba(100, 100, 111, .4) 0 -6px 20px 5px;
    box-shadow: inset rgba(100, 100, 111, .4) 0 -6px 20px 5px
}

@media only screen and (min-width:992px) {
    .cnt-home-footer {
        margin-top: -88px;
        position: relative;
        z-index: 90
    }

    .cnt-home-footer ul li:not(:nth-child(1)) {
        margin-left: -8px
    }

    .cnt-home-footer .blue-band {
        margin-top: -62px;
        padding-top: 70px
    }

    .row-footer-donation-icons {
        position: relative;
        top: 20px
    }

    .row-footer-donation-icons ul li a:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media only screen and (max-width:991px) {
    .cnt-home-footer {
        background-color: #034ea1;
        margin-top: 0;
        position: relative;
        z-index: 90
    }

    .cnt-home-footer ul {
        overflow-x: scroll
    }

    .cnt-home-footer ul li {
        margin-top: 20px;
        margin-left: 10px;
        margin-right: 10px;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }

    .cnt-home-footer ul li a {
        text-align: center;
        font-size: .8rem
    }

    .cnt-home-footer ul li a img {
        width: 70px
    }

    .cnt-home-footer .blue-band {
        margin-top: -58px;
        padding-top: 55px
    }

    .row-footer-donation-icons {
        position: relative;
        top: 10px
    }
}

.row-footer-donation-icons ul li a {
    font-size: 1rem
}

@media only screen and (max-width:576px) {
    .cnt-home-footer {
        background-color: #fff
    }

    .cnt-home-footer .row-footer-donation-icons {
        top: 0
    }

    .cnt-home-footer .blue-band {
        display: none
    }

    .cnt-home-footer ul {
        border-top: 1px solid #d0d0d0;
        margin-bottom: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .cnt-home-footer ul li {
        margin-bottom: 20px;
        margin-right: 20px;
        margin-left: 0
    }

    .cnt-home-footer ul li a {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .cnt-home-footer ul li a img {
        padding: 0;
        margin-bottom: 0;
        margin-right: 5px;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        height: 30px;
        width: auto
    }

    .cnt-home-footer ul li a span {
        color: #3c3c3b;
        font-weight: 400
    }
}

.cnt-news-ticker .col-2 {
    background-color: #e30613
}

.col-news-ticker {
    background-color: #e30613
}

.col-news-ticker .swiper-news-ticker {
    max-height: 2rem
}

.col-news-ticker a,
.col-news-ticker p {
    line-height: 2rem;
    margin: 0;
    color: #fff;
    font-size: .8rem;
    text-decoration: none;
    white-space: nowrap
}

@media only screen and (min-width:992px) {
    .col-news-ticker {
        padding-left: 19px
    }
}

.haberler,
.hizli_bagis {
    background-color: #f8f8f8;
    padding-top: 60px;
    padding-bottom: 60px
}

.haber-swipe {
    border-radius: 7px;
    overflow: hidden
}

.haber-swipe a {
    color: #3c3c3b;
    text-decoration: none;
    display: block
}

.haber-swipe a img {
    max-width: 100%
}

.haber-swipe a .haber-swipe-content {
    padding: 20px;
    position: relative;
    height: 190px;
    text-align: left;
}

.haber-swipe a .haber-swipe-content:before {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    width: 40%;
    height: 8px;
    background-color: #034ea1
}

.haber-swipe a .haber-swipe-content h3 {
    font-size: 20px;
    font-weight: 700
}

.haber-swipe a .haber-swipe-content p {
    font-size: .8rem;
    margin-top: 25px;
}

.haber-swipe .haber-devami {
    padding-left: 20px;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    font-size: .99rem;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px
}

.haber-swipe .haber-devami .haber-tarih {
    margin-bottom: 0;
    display: inline-block;
    position: relative;
    font-size: .8rem
}

.haber-swipe .haber-devami .read-more {
    margin-bottom: 0;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    border: 1px solid;
    border-radius: 10px;
    background: #034ea1;
}
.haber-swipe .haber-devami .read-more:hover {
    background: #fff;
    color: #034ea1;
}
.swiper-haberler-pagination {
    margin-top: 0px;
    text-align: center
}

.swiper-haberler-pagination .swiper-pagination-bullet-active {
    background-color: #034ea1
}

.a-tum-haberler {
    text-decoration: none;
    font-weight: 700;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: .9rem;
    padding: 11px;
    border-radius: 8px;
    color: #000;
}

.a-tum-haberler:hover {
    text-decoration: none;
    color: #034ea1;
}

@media only screen and (min-width:992px) {
    .haber-swipe {
        min-height: 500px
    }
}

.anasayfa-bagis {
    padding-top: 45px;
    padding-bottom: 45px
}

.bagis-box {
    overflow: hidden;
    position: relative;
    border-radius: 7px
}

.bagis-box>.overlay {
    background: #fff;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(74%, rgba(255, 255, 255, .5088410364)), to(rgba(255, 255, 255, .7777485994)));
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5088410364) 74%, rgba(255, 255, 255, .7777485994) 100%);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 76
}

.bagis-box>img {
    z-index: 65;
    top: 0;
    left: 0;
    position: absolute
}

.bagis-box a {
    position: relative;
    z-index: 90;
    text-decoration: none
}

.bagis-box a .inset {
    position: relative;
    z-index: 190;
    padding: 20px;
    height: 100%;
    border-radius: 7px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.bagis-box a .inset h3 {
    color: #3c3c3b;
    font-size: 1.1rem;
    font-weight: 700;
    position: relative;
    text-align: center
}

.bagis-box a .inset h3:after {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    content: "";
    height: 3px;
    background-color: #e30613;
    width: 30%;
    position: absolute;
    bottom: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.bagis-box a:hover h3:after {
    top: 40px;
    opacity: 0
}

.col-anasayfa-bagislar {
    display: grid;
    gap: 20px 20px
}

@media only screen and (min-width:992px) {
    .col-anasayfa-bagislar {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .col-anasayfa-bagislar .bagis-box {
        min-height: 190px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .col-anasayfa-bagislar {
        grid-template-columns: 1fr 1fr 1fr
    }

    .col-anasayfa-bagislar .bagis-box {
        min-height: 140px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .col-anasayfa-bagislar {
        grid-template-columns: 1fr 1fr
    }

    .col-anasayfa-bagislar .bagis-box {
        min-height: 140px
    }
}

@media only screen and (min-width:481px) and (max-width:575px) {
    .col-anasayfa-bagislar {
        grid-template-columns: 1fr 1fr
    }

    .col-anasayfa-bagislar .bagis-box {
        min-height: 110px
    }
}

@media only screen and (max-width:480px) {
    .col-anasayfa-bagislar {
        grid-template-columns: 1fr
    }

    .col-anasayfa-bagislar .bagis-box {
        min-height: 180px
    }
}

@media only screen and (min-width:992px) {
    .anasayfa-bagis {
        padding-bottom: 45px
    }
}

.swiper-promote .promote-slide {
    position: relative
}

.swiper-promote .promote-slide .promote-text h3 {
    font-size: 1.8rem;
    margin-bottom: 30px;
    font-weight: 700
}

.swiper-promote .promote-slide .promote-text p {
    font-size: .9rem
}

.swiper-promote .promote-slide .promote-text a {
    background-color: #3cc638;
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 7px;
    padding: 10px 15px;
    text-decoration: none;
    margin-right: 10px;
    font-size: .9rem
}

.swiper-promote .promote-slide .promote-text a:hover {
    background-color: #034ea1;
    color: #fff
}

@media only screen and (min-width:992px) {
    .promote-text {
        position: absolute;
        width: 40%;
        z-index: 100;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 100px
    }
}

@media only screen and (max-width:991px) {
    .promote-text {
        position: absolute;
        z-index: 100;
        left: 5vw;
        top: 20px;
        max-width: 75vw
    }

    .promote-text h3 {
        font-size: .9rem !important
    }

    .promote-text p {
        display: none
    }
}

.home-basvurular {
    padding-top: 30px;
    padding-bottom: 30px
}

.home-basvurular a {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-decoration: none;
    color: #034ea1
}

.home-basvurular a:hover {
    color: #000
}

.home-basvurular a:hover .basvuru-box .basvuru-text h3 {
    margin-left: 15px
}

.home-basvurular a .basvuru-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home-basvurular a .basvuru-img {
    width: 50%
}

.home-basvurular a .basvuru-text h3 {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin-left: 20px;
    font-weight: 700;
    font-size: 1.3rem
}

@media only screen and (max-width:991px) {
    .home-basvurular [class^=col-] {
        margin-top: 15px
    }
}

.secondary-menu a {
    position: relative
}

.secondary-menu a:before {
    position: absolute;
    content: "➜";
    left: 0;
    top: 2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.secondary-menu a:hover:before {
    left: 5px
}

.secondary-menu .container {
    padding-top: 15px;
    padding-bottom: 15px
}

.secondary-menu p.title {
    font-size: 18px;
    color: #3c3c3b;
    font-weight: 700;
}

.secondary-menu p.sub-title {
    font-size: .85rem;
    color: #3c3c3b;
    font-weight: 700;
    margin-bottom: 0;
    color: #034ea1
}

.secondary-menu-ul {
    padding: 0
}

.secondary-menu-ul>li {
    list-style-type: none;
    display: block;
    line-height: 1.6rem;
    position: relative
}

.secondary-menu-ul>li a {
    padding: 0px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap;
    
}

.secondary-menu-ul>li a img {
    height: 1rem
}

.secondary-menu p.title {
    margin-bottom: 0
}

.secondary-menu li a {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.secondary-menu li a:hover {
    color: #c19c52
}

@media only screen and (max-width:575px) {
    .secondary-menu .mobile-center {
        width: 270px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

.home-gonullu {
    padding-bottom: 45px
}

.home-gonullu .container-fluid {
    background-color: #0067e3
}

.home-gonullu .container-fluid .nav-tabs {
    margin-top: 10px;
    margin-bottom: 0;
    border-bottom-color: transparent !important
}

.home-gonullu .container-fluid .nav-tabs .nav-item button:hover {
    border-color: #fff !important
}

.home-gonullu .container-fluid .nav-tabs .nav-link {
    color: #b0eaf4;
    font-weight: 700
}

.home-gonullu .container-fluid .nav-tabs .nav-link.active {
    background-color: transparent;
    color: #fff;
    border-color: transparent !important
}

.home-gonullu .nav-tabs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home-gonullu .nav-tabs li button {
    position: relative
}

.home-gonullu .nav-tabs .nav-link {
    padding-left: 2rem;
    padding-right: 2rem
}

.home-gonullu .tab-pane .inset {
    border: 1px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #034ea0;
    padding-right: 30px
}

.home-gonullu .tab-pane .inset .tab-image {
    padding: 30px;
    padding-right: 30px
}

.home-gonullu .tab-pane .inset .tab-image img {
    width: 150px
}

.home-gonullu .tab-pane .inset .tab-text {
    padding-top: 30px
}

.home-gonullu .tab-pane .inset .tab-text p {
    font-size: .9rem;
    color: #fff
}

.home-gonullu .tab-pane .inset .tab-text p.title {
    font-weight: 600
}

.nav-item-gonullu-ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav-item-gonullu-ol .nav-gonullu-ol {
    background-color: #e30613 !important;
    color: #fff !important;
    border-radius: 7px
}

@media only screen and (max-width:991px) {
    .home-gonullu .container-fluid .nav-tabs {
        border-color: transparent !important
    }

    .home-gonullu .container-fluid .nav-tabs .nav-link.active {
        border-color: transparent !important
    }
}

@media only screen and (max-width:768px) {
    .home-gonullu .tab-pane .inset {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: 10px;
        padding-left: 10px
    }

    .home-gonullu .tab-pane .inset .tab-image {
        position: relative;
        padding: 10px
    }

    .home-gonullu .tab-pane .inset .tab-image img {
        max-width: 50px;
        position: absolute;
        right: 10px
    }

    .mobile-app-promote {
        background-position: top center;
        padding-top: 145px
    }

    .mobile-app-promote .col-4 {
        width: 100% !important
    }
}

.mobile-app-promote {
    background-color: #83e5d8;
    padding-top: 45px
}

.mobile-app-promote [class*=col-]:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mobile-app-promote h3 {
    margin-bottom: 15px
}

.mobile-app-promote p {
    margin-bottom: 15px
}

.mobile-app-promote .market-icons a {
    display: inline-block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    color: #000
}

.mobile-app-promote .market-icons a:nth-child(2) {
    margin-left: 30px
}

.mobile-app-promote .market-icons a:hover {
    background-color: #d0d0d0;
    color: #000
}

@media only screen and (min-width:992px) {
    .mobile-app-promote .col-4 {
        height: 400px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width:767px) {
    .home-gonullu {
        display: none !important
    }
}

#swp-promote-loading {
    position: relative;
    z-index: 100;
    bottom: 60px;
    left: 20px;
    width: 50px;
    height: 50px;
    position: relative
}

.home-video-gallery {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(/uploads/zekat-bg.jpg);
    margin-bottom: 45px;
    height: 400px;
    align-content: center;
    background-attachment: fixed;
    background-size: cover;
}

.home-video-gallery h3 {
    font-size: 2rem;
    color: #034ea0;
    font-weight: 700;
    text-align: center;
    background-color: #fafafa;
    padding: 25px 0;
    margin: 0
}

.home-video-gallery .cnt-home-video-gallery {
    padding-top: 60px;
    padding-bottom: 60px
}

.home-video-gallery .cnt-home-video-gallery .col-md-12 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.home-video-gallery .cnt-home-video-gallery .col-md-12 .swiper-button-next,
.home-video-gallery .cnt-home-video-gallery .col-md-12 .swiper-button-prev {
    color: #fff
}

.home-video-gallery .cnt-home-video-gallery .wrapper-video-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.home-video-gallery .cnt-home-video-gallery .wrapper-video-slide p {
    color: #fff
}

.home-video-gallery .cnt-home-video-gallery .wrapper-video-slide .video-content {
    overflow: hidden;
    position: relative;
    width: 100%
}

.home-video-gallery .cnt-home-video-gallery .wrapper-video-slide .video-content:after {
    padding-top: 56.25%;
    display: block;
    content: ""
}

.home-video-gallery .cnt-home-video-gallery .wrapper-video-slide .video-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #fff;
    margin-left: auto;
    margin-right: auto
}

.home-video-gallery .btn-container-all-vids {
    background-color: #fafafa;
    text-align: center;
    padding: 15px 0
}

.home-video-gallery .btn-container-all-vids a {
    display: inline-block;
    padding: 5px 40px;
    color: #fff;
    background-color: #034ea0;
    text-decoration: none;
    position: relative
}

.home-video-gallery .btn-container-all-vids a svg {
    position: absolute;
    right: -19px;
    top: 0;
    height: 37px;
    width: 37px
}

.video-slider-next {
    right: -20px
}

.video-slider-prev {
    left: -20px
}

@media only screen and (min-width:992px) {
    .wrapper-video-slide p.title {
        font-size: 2rem;
        font-weight: 700
    }

    .wrapper-video-slide .video-text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 5px 30px 5px 15px
    }

    .wrapper-video-slide .video-content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center
    }
}

@media only screen and (max-width:991px) {
    .home-video-gallery .cnt-home-video-gallery>.row .col-md-12 {
        padding-top: 20px
    }

    .home-video-gallery .cnt-home-video-gallery>.row .col-md-12 .swiper-button-next {
        right: 40%;
        top: -25px
    }

    .home-video-gallery .cnt-home-video-gallery>.row .col-md-12 .swiper-button-prev {
        left: 40%;
        top: -25px
    }

    .home-video-gallery .videoSlider .wrapper-video-slide {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .home-video-gallery .videoSlider .wrapper-video-slide p.title {
        font-size: 1.4rem
    }

    .home-video-gallery .videoSlider .wrapper-video-slide .video-content {
        margin-bottom: 30px;
        max-width: 100vw;
        text-align: center
    }
}

.animate-it {
    -webkit-animation: stroke 13s;
    animation: stroke 13s
}

@-webkit-keyframes stroke {
    0% {
        stroke-dasharray: 0, 113
    }

    100% {
        stroke-dasharray: 113, 113
    }
}

@keyframes stroke {
    0% {
        stroke-dasharray: 0, 113
    }

    100% {
        stroke-dasharray: 113, 113
    }
}

.slider-video-cover {
    position: absolute;
    z-index: 55
}

.slider-video-cover span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 42px;
    height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 65
}

.slider-video-cover>img {
    width: 100%
}

@media only screen and (min-width:767px) {
    .swiper-main .swiper-button-prev {
        left: 50px !important
    }

    .swiper-main .swiper-button-next {
        right: 50px !important
    }
}

.swiper-youtube {
    position: absolute;
    top: 3%;
    left: 21%;
    width: 58%;
    overflow: hidden;
    max-width: 560px
}

.swiper-youtube:after {
    padding-top: 56.25%;
    display: block;
    content: ""
}

.swiper-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50
}

@media only screen and (max-width:767px) {

    .main-swiper-wrapper .swiper-main .swiper-button-next,
    .main-swiper-wrapper .swiper-main .swiper-button-prev {
        top: 25%
    }

    .main-swiper-wrapper .swiper-main .swiper-slide {
        background-color: #fff
    }

    .main-swiper-wrapper .swiper-main .swiper-slide .caption {
        padding: 15px;
        min-height: 160px
    }
    .cnt-home-video-gallery .video-text p
    {
        margin-top:20px;
    }

    .main-swiper-wrapper .swiper-main .swiper-slide .caption .caption-title h1 {
        font-size: 1.4rem;
        font-weight: 700
    }

    .main-swiper-wrapper .swiper-main .swiper-slide .caption .caption-text-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .main-swiper-wrapper .swiper-main .swiper-slide .caption .caption-text-buttons .caption-title-buttons .btn-slide-donate {
        display: inline-block;
        padding: .5rem .75rem
    }

    .main-swiper-wrapper .swiper-main .swiper-slide .caption .caption-text-buttons .caption-text p {
        font-size: .9rem
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {

    .main-swiper-wrapper .swiper-main .swiper-button-next,
    .main-swiper-wrapper .swiper-main .swiper-button-prev {
        top: 50%
    }

    .main-swiper-wrapper .swiper-main .swiper-slide {
        background-color: #fff;
        position: relative
    }

    .main-swiper-wrapper .swiper-main .swiper-slide img {
        position: relative
    }

    .main-swiper-wrapper .swiper-main .swiper-slide .caption {
        top: 20%;
        left: 10%;
        width: 80%;
        z-index: 35;
        position: absolute;
        padding: 15px;
        min-height: 220px
    }

    .main-swiper-wrapper .swiper-main .swiper-slide .caption .caption-title h1 {
        font-size: 1.7rem;
        color: #fff;
        font-weight: 700
    }

    .main-swiper-wrapper .swiper-main .swiper-slide .caption .caption-title h1 span {
        display: inline-block;
        padding: 5px
    }

    .main-swiper-wrapper .swiper-main .swiper-slide .caption .caption-text-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .main-swiper-wrapper .swiper-main .swiper-slide .caption .caption-text-buttons .caption-title-buttons .btn-slide-donate {
        display: inline-block;
        padding: .75rem 1rem
    }

    .main-swiper-wrapper .swiper-main .swiper-slide .caption .caption-text-buttons .caption-text p {
        font-size: 1.1rem;
        display: inline-block;
        padding: 5px;
        background-color: rgba(32, 32, 32, .5);
        color: #fff
    }
}

@media only screen and (min-width:1200px) {

    .main-swiper-wrapper .swiper-main .swiper-button-next,
    .main-swiper-wrapper .swiper-main .swiper-button-prev {
        top: 50%
    }

    .main-swiper-wrapper .swiper-main .swiper-slide {
        background-color: #fff;
        position: relative
    }

    .main-swiper-wrapper .swiper-main .swiper-slide img {
        position: relative
    }

    .main-swiper-wrapper .swiper-main .swiper-slide .caption {
        top: 20%;
        right: 14%;
        width: 600px;
        z-index: 35;
        position: absolute;
        padding: 15px;
        min-height: 220px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }

    .main-swiper-wrapper .swiper-main .swiper-slide .caption .caption-title {
        width: 380px
    }

    .main-swiper-wrapper .swiper-main .swiper-slide .caption .caption-title h1 {
        color: #fff;
        font-weight: 700;
        text-align: right;
        font-size: 2.4rem;
        line-height: 3.45rem
    }

    .main-swiper-wrapper .swiper-main .swiper-slide .caption .caption-title h1 span {
        display: inline;
        padding: 5px
    }

    .main-swiper-wrapper .swiper-main .swiper-slide .caption .caption-text-buttons {
        width: 200px
    }

    .main-swiper-wrapper .swiper-main .swiper-slide .caption .caption-title-buttons {
        text-align: right;
        margin-top: 45px
    }

    .main-swiper-wrapper .swiper-main .swiper-slide .caption .caption-title-buttons .btn-slide-donate {
        display: inline-block;
        padding: .75rem 1rem
    }

    .main-swiper-wrapper .swiper-main .swiper-slide .caption .caption-text p {
        font-size: 1.1rem;
        display: inline-block;
        padding: 5px;
        background-color: rgba(32, 32, 32, .5);
        color: #fff
    }

    .swiper-youtube {
        top: 15%
    }
}

.header-menu-search {
    padding-top: 0 !important
}

.fixed-extra-menu {
    display: inline-block
}

.fixed-extra-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0
}

.fixed-extra-menu ul li {
    margin-right: 10px
}

.fixed-extra-menu ul li a {
    color: #3c3c3b;
    text-decoration: none;
    display: inline-block;
    font-size: .85rem
}

.fixed-extra-menu ul .e-online-bagis>a {
    background-color: #034ea0;
    border: 1px solid transparent;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #fff;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px
}

.fixed-extra-menu ul .e-online-bagis>a:hover {
    background-color: #fff;
    border-color: #034ea0;
    color: #034ea0
}

.search-btn-1 {
    color: #3c3c3b;
    margin-top: 7px;
    display: inline-block
}

.fancybox-content {
    border-radius: 7px
}

.header-menu-2 {
    display: none
}

header.fixed {
    -webkit-animation-name: animateFadeIn;
    animation-name: animateFadeIn;
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

header.fixed .header-menu-2 {
    display: none
}

@-webkit-keyframes animateFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes animateFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.header-cart {
    border-radius: 50%;
    background-color: #def3e6;
    color: #034ea1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header-cart>a {
    text-align: center;
    width: 41px;
    height: 41px
}

.header-cart>a>i {
    margin: 0 !important;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.header-cart:hover {
    background-color: #18ad5b
}

.header-cart:hover i {
    color: #fff
}

.gundem-detail-content .row {
    margin-top: 30px
}

.col-donation-after-content h4 {
    padding: 10px;
    font-size: 1.2rem;
    margin: 0;
    background-color: #3cc638;
    color: #fff
}

.col-donation-list-after-content ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.col-donation-list-after-content ul li {
    list-style-type: none;
    padding: 10px;
    width: 33%
}

.col-donation-list-after-content ul li>.inset {
    border: 1px solid #034ea0;
    border-radius: 7px;
    overflow: hidden
}

.col-donation-list-after-content ul li>.inset img {
    width: 100%
}

.col-donation-list-after-content ul li>.inset p.title {
    color: #e30613;
    margin-top: 15px;
    text-decoration: none;
    font-weight: 600;
    font-size: .9rem;
    text-align: center
}

.col-donation-list-after-content ul li>.inset>.inset {
    padding: 10px 20px
}

.col-donation-list-after-content ul li>.inset>.inset .donation-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.col-donation-list-after-content ul li>.inset>.inset .donation-line .donation-amount {
    line-height: 1.6rem;
    font-size: .85rem;
    width: 50%;
    border-radius: 4px;
    border-color: #034ea0;
    border-width: 1px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.col-donation-list-after-content ul li>.inset>.inset .donation-line .donation-amount:focus {
    outline: 0;
    border-radius: 0 !important
}

.col-donation-list-after-content ul li>.inset>.inset .donation-line button {
    background-color: #3cc638;
    color: #fff;
    border-radius: 4px;
    border-color: transparent;
    font-size: .85rem;
    line-height: 1.6rem;
    white-space: nowrap;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.col-donation-list-after-content ul li>.inset>.inset .donation-line button:hover {
    color: #3cc638;
    border-color: #3cc638;
    background-color: #fff
}

.quick-donate {
    padding-top: 10px;
    border: 1px solid #034ea0
}

.quick-donate p.title {
    font-size: 1rem;
    font-weight: 600;
    text-align: center
}

.quick-donate label {
    display: block;
    font-size: .9rem
}

.quick-donate .row-form-group {
    margin-top: 15px
}

.quick-donate .row-form-group>p {
    font-size: .9rem
}

.quick-donate .row-form-group p.red-title {
    background-color: #e30613;
    color: #fff;
    margin: 0;
    padding: 10px;
    font-size: 1rem
}

.quick-donate input[type=text] {
    border-radius: 0;
    display: block;
    font-size: .85rem;
    width: 100%;
    line-height: 1.2rem;
    padding: 4px;
    outline: 0;
    border: 1px solid #3c3c3b
}

.quick-donate input[type=text]:focus {
    outline: 0
}

.btn-payment-send {
    background-color: #e30613;
    color: #fff;
    padding: 10px 30px;
    border-radius: 5px;
    border: 1px solid #e30613;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 1rem
}

.btn-payment-send:hover {
    background-color: #fff;
    color: #e30613
}

.news-detail-content {
    padding: 30px
}

.news-detail-content h2 {
    font-weight: 600;
    font-size: 1.5rem
}

.news-detail-content h3 {
    font-size: 1.3rem
}

.news-detail-content p {
    font-size: 14px
}

.news-detail-content p.date {
    font-size: 12px;
    color: #3c3c3b
}

.news-detail-content img {
    max-width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px
}

@media only screen and (min-width:992px) {
    .news-detail-content {
        min-height: 400px;
        margin-left: 30px;
        -webkit-box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0;
        box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0
    }

    .news-detail-content h2 {
        font-size: 18px
    }

    .news-detail-content p {
        font-size: .9rem
    }

    .news-detail-content p.date {
        font-size: 12px
    }

    .news-detail-content table td {
        border: 1px solid #000;
        font-size: .9rem !important;
        padding: 7px 14px
    }
}

.kurumsal-detay {
    padding-top: 30px
}

.kurumsal-detay h2 {
    font-weight: 600;
    font-size: 1.5rem
}

.kurumsal-detay h3 {
    font-size: 1.3rem
}

.kurumsal-detay p {
    font-size: 14px
}

.kurumsal-detay p.date {
    font-size: 12px;
    color: #3c3c3b
}

.kurumsal-detay img {
    max-width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px
}

.yardim-detay h2,
.yardim-detay h3 {
    color: #034ea1
}

.yardim-detay h3 {
    font-size: 1.3rem
}

.yardim-detay p {
    font-size: .85rem
}

.yardim-detay img {
    margin-bottom: 30px;
    margin-right: 30px
}

.yardim-detay li {
    font-size: .85rem
}

.yardim-detay img {
    max-width: 100%
}

@media only screen and (max-width:991px) {
    .kurumsal-detay p.dropdown-title {
        position: relative
    }

    .kurumsal-detay p.dropdown-title:after {
        position: absolute;
        content: "▼";
        font-size: .8rem;
        top: 16px;
        right: 15px;
        -webkit-transform-origin: center center;
        transform-origin: center center;
        color: #034ea0
    }
}

.cnt-donations-cats {
    background-color: #fff;
    border-top: 1px solid #ededed
}

.cnt-donations-cats .row .col-md-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cnt-donations-cats .row .col-md-12 ul {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0
}

.cnt-donations-cats .row .col-md-12 ul li {
    list-style-type: none
}

.cnt-donations-cats .row .col-md-12 ul li a {
    padding: 5px 15px;
    border-radius: 5px;
    color: #3c3c3b;
    text-decoration: none;
    font-size: .9rem;
    display: block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.cnt-donations-cats .row .col-md-12 ul li a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    background-color: #ededed;
    border-radius: 0
}

.cnt-donations-cats .row .col-md-12 ul li a img {
    padding: 5px;
    width: 45px;
    height: 45px;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 10px
}

.online-bagis {
    padding-top: 30px
}

.online-bagis .donation-categories-list {
    text-align: center;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.online-bagis .donation-categories-list li {
    list-style-type: none;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 10px
}

.online-bagis .donation-categories-list li>.inset {
    overflow: hidden;
    border: 1px solid #034ea0;
    border-radius: 7px
}

.online-bagis .donation-categories-list li>.inset>span {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px
}

.online-bagis .donation-categories-list li>.inset img {
    max-width: 100%
}

.online-bagis .donation-categories-list li>.inset>a {
    text-decoration: none;
    border: 1px solid #18ad5b;
    background-color: #18ad5b;
    padding: 4px 10px;
    display: inline-block;
    font-size: .9rem;
    font-weight: 600;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    transition: all .3s ease
}

.online-bagis .donation-categories-list li>.inset>a:hover {
    background-color: #def3e6;
    border-color: #18ad5b;
    color: #18ad5b
}

.donations-currency-selector {
    text-decoration: none;
    color: #3c3c3b;
    font-size: .9rem
}

@media only screen and (min-width:992px) {
    .online-bagis .donation-categories-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .online-bagis .donation-categories-list li {
        width: 25%
    }

    .online-bagis .donation-categories-list li img {
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .online-bagis .donation-categories-list li:hover img {
        -webkit-filter: brightness(1.2);
        filter: brightness(1.2)
    }

    .online-bagis-icons {
        position: inherit !important;
        background-color: #034ea0;
        margin-top: 0;
        padding-bottom: 10px
    }
}

.donations-by-category ul.donation-serve {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0
}

.donations-by-category ul.donation-serve li {
    list-style-type: none;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    padding: 15px
}

.donations-by-category ul.donation-serve li:hover .inset img {
    -webkit-transform: scale(1.03);
    transform: scale(1.03)
}

.donations-by-category ul.donation-serve li .inset {
    border: 1px solid #034ea0;
    padding-bottom: 10px;
    overflow: hidden;
    overflow: hidden
}

.donations-by-category ul.donation-serve li .inset img {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.donations-by-category ul.donation-serve li .inset p.title {
    text-align: center;
    margin: 10px;
    position: relative
}

.donations-by-category ul.donation-serve li .inset p.title:after {
    content: "";
    height: 1px;
    background-color: #034ea0;
    width: 50%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.donations-by-category ul.donation-serve li .inset .price-box {
    text-align: center
}

.donations-by-category ul.donation-serve li .inset .price-box span {
    font-size: 1rem
}

.donations-by-category ul.donation-serve li .inset .price-box input {
    font-size: 1rem;
    width: 75px
}

.donations-by-category ul.donation-serve li .inset>.add-cart {
    text-align: center;
    margin-top: 10px
}

.donations-by-category ul.donation-serve li .inset>.add-cart span {
    display: inline-block;
    padding: 3px;
    border: 1px solid #034ea0;
    cursor: pointer;
    font-size: .9rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.donations-by-category ul.donation-serve li .inset>.add-cart span:hover {
    background-color: #034ea0;
    color: #fff
}

.yardim-detay {
    padding-top: 30px;
    padding-bottom: 30px
}

.yardim-detay h2 {
    font-size: 1.5rem;
    font-weight: 600
}

.donation-result-page {
    padding-top: 45px;
    padding-bottom: 45px
}

.donation-result-page p.title {
    font-weight: 500;
    font-size: 1.5rem
}

.donation-result-col {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #fff;
    border-radius: 7px;
    -webkit-box-shadow: rgba(100, 100, 111, .2) 0 5px 11px 0;
    box-shadow: rgba(100, 100, 111, .2) 0 5px 11px 0
}

.donation-result-col i.fa-heart {
    font-size: 2rem;
    color: #18ad5b;
    border: 1px solid #18ad5b;
    background-color: #def3e6;
    padding: 15px;
    border-radius: 50%;
    -webkit-animation-name: hearthpulse;
    animation-name: hearthpulse;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: 5;
    animation-iteration-count: 5;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.donation-result-col p {
    font-weight: 300;
    margin-bottom: 2rem
}

@-webkit-keyframes hearthpulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes hearthpulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media only screen and (max-width:1200px) {
    .online-bagis .donation-categories-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .cnt-donations-cats .row .col-md-12 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cnt-donations-cats .row .col-md-12 ul {
        width: 100%
    }

    .cnt-donations-cats .row .col-md-12 ul li {
        width: 50%
    }

    .cnt-donations-cats .donations-currency-selector {
        display: block;
        border-top: 1px solid #034ea1;
        width: 100%;
        text-align: right;
        padding-top: 10px
    }
}

.cnt-donations-cats .row .col-md-12 ul {
    overflow-x: scroll;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.cnt-donations-cats .row .col-md-12 ul li a {
    white-space: nowrap
}

.donations-currency-selector {
    white-space: nowrap
}

.video-detail {
    padding: 30px 0
}

.video-detail h2 {
    font-size: 1.5rem;
    font-weight: 600
}

.videos-listing {
    background-color: #fafafa;
    padding-top: 30px;
    padding-bottom: 15px
}

.videos-listing .section-title {
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 30px
}

.videos-listing .col-md-4 {
    margin-bottom: 30px
}

.videos-listing a {
    text-decoration: none
}

.videos-listing a .videos-container {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #fff;
    padding: 15px
}

.videos-listing a .videos-container>img {
    margin-bottom: 15px
}

.videos-listing a .videos-container p.title {
    font-size: 1rem;
    color: #000
}

.videos-listing a .videos-container p {
    font-size: .8rem;
    color: #3c3c3b
}

.videos-listing a:hover .videos-container {
    -webkit-box-shadow: rgba(100, 100, 111, .1) 0 7px 29px 0;
    box-shadow: rgba(100, 100, 111, .1) 0 7px 29px 0;
    background-color: #fafafa
}

.videos-listing-pagination nav ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.videos-listing-pagination nav ul li a {
    color: #000
}

@media only screen and (min-width:992px) {
    .videos-container {
        min-height: 335px
    }
}

.video-detail-content .video-container {
    margin-bottom: 30px
}

.video-detail-content p {
    font-size: 1rem;
    color: #3c3c3b
}

.video-container {
    overflow: hidden;
    position: relative;
    width: 100%
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: ""
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.cart-detail-page {
    padding-top: 45px;
    padding-bottom: 45px
}

.cart-detail-page p.title {
    font-size: 1.3rem;
    color: #0d4f9e;
    font-weight: 600;
}

.cart-detail-page table a {
    color: #3c3c3b;
    text-decoration: none;
    font-weight: 700
}

.cart-detail-page table p {
    margin: 5px 0
}

.cart-detail-page table img {
    max-width: 200px;
    border-radius: 7px
}

.complete-donation {
    border: 1px solid transparent;
    border-radius: 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #0d4f9e;
    text-decoration: none;
    font-size: .9rem;
    display: inline-block;
    padding: 10px 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.complete-donation:hover {
    color: #0d4f9e;
    border-color: #0d4f9e;
    background-color: #fff;
}

.delete-donation {
    padding: 5px 10px;
    background-color: #e30613;
    text-decoration: none;
    display: inline-block;
    border-radius: 7px;
    font-size: .8rem;
    color: #fff !important;
    border: 1px solid transparent;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    white-space: nowrap
}

.delete-donation:hover {
    border-color: #e30613;
    background-color: #fff;
    color: #e30613 !important
}

.empty-cart {
    margin: 45px 0;
    background-color: #fff;
    display: inline-block;
    padding: 45px 60px;
    border-radius: 7px;
    left: 50%;
    position: relative;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    -webkit-box-shadow: rgba(100, 100, 111, .2) 0 5px 11px 0;
    box-shadow: rgba(100, 100, 111, .2) 0 5px 11px 0
}

.empty-cart .far {
    font-size: 2rem;
    color: #18ad5b;
    border: 1px solid #18ad5b;
    background-color: #def3e6;
    padding: 15px;
    border-radius: 50%;
    margin-bottom: 15px
}

.empty-cart a {
    font-size: 1rem;
    margin-top: 5px;
    text-decoration: none;
    padding: 10px 15px;
    border: 1px solid transparent;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #3c3c3b;
    border-radius: 7px;
    display: inline-block
}

.empty-cart a:hover {
    border-color: #18ad5b
}

@media only screen and (max-width:991px) {
    .td-donation-img {
        display: none
    }
}

.sharings-data .qurban_hisse_detay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sharings-data .qurban_hisse_detay .hisse-input-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media only screen and (min-width:768px) {
    .sharings-data .qurban_hisse_detay {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        column-gap: 25px
    }
}

@media only screen and (max-width:767px) {
    .sharings-data .qurban_hisse_detay {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-column-gap: 5px;
        -moz-column-gap: 5px;
        column-gap: 5px
    }
}

.btn-donate {
    background-color: #18ad5b;
    color: #fff;
    border: 1px solid #18ad5b
}

.btn-donate:hover {
    background-color: #def3e6;
    color: #18ad5b;
    border-color: #18ad5b
}

.btn-yetim-yardim {
    background-color: #3cc638;
    color: #fff;
    padding: 8px 12px;
    display: inline-block;
    text-decoration: none;
    font-size: .9rem;
    border-radius: 7px;
    margin-bottom: 15px;
    border: 1px solid #3cc638;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn-yetim-yardim:hover {
    background-color: #fff;
    color: #3cc638
}

.col-yetim-right h3 {
    color: #034ea1;
    font-size: 1.3rem;
    font-weight: 600
}

.col-yetim-right ul {
    padding: 0;
    margin: 0;
    border: 1px solid #d0d0d0
}

.col-yetim-right ul li {
    display: block;
    list-style: none;
    padding: 12px
}

.col-yetim-right ul li:not(:last-child) {
    border-bottom: 1px solid #d0d0d0
}

.col-yetim-right ul li a {
    display: block;
    font-size: .9rem;
    color: #3c3c3b;
    text-decoration: none
}

.row-yetim-content {
    margin-top: 45px
}

.row-yetim-content p.title {
    font-weight: 600;
    font-size: 1rem
}

.row-yetim-content p {
    font-size: 1rem
}

.row-yetim-content .accordion-collapse {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.row-yetim-content .accordion {
    margin-top: 45px
}

.row-yetim-content .accordion .accordion-button {
    padding: .6rem 1.1rem;
    font-size: 1rem
}

.row-yetim-content .accordion .accordion-button:not(.collapsed) {
    color: #3c3c3b
}

.row-yetim-content .accordion h2 {
    margin-bottom: 0
}

.row-yetim-content .accordion .accordion-item {
    margin-bottom: 10px;
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.row-yetim-content .accordion button:focus:not(:focus-visible) {
    outline: 0 !important
}

.row-yetim-content .accordion button:active:not(:focus-visible) {
    outline: 0 !important
}

.row-yetim-content .accordion .accordion-body {
    font-size: .9rem
}

.row-yetim-content .accordion-button:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.col-yetim-galeri {
    margin-top: 45px
}

.col-yetim-galeri h3 {
    color: #034ea1;
    font-size: 1.3rem;
    font-weight: 600
}

.col-yetim-galeri .yetim-galeri {
    margin-top: 30px
}

.auto-grid {
    --auto-grid-min-size: 11rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
    grid-gap: 1rem;
    padding: 0;
    margin: 0
}

.auto-grid li {
    list-style: none
}

.auto-grid li .inset img {
    max-width: 100%;
    border-radius: 7px
}

@media only screen and (min-width:992px) {
    .yetim-galeri .auto-grid li .inset a img {
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .yetim-galeri .auto-grid li:hover .inset a img {
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }
}

.orphan-donate {
    padding-bottom: 60px
}

.orphan-donate p {
    font-size: .9rem
}

.orphan-donate .col-orphan-header {
    position: relative
}

.orphan-donate .col-orphan-header .orphan-header-img {
    width: 100%
}

.orphan-donate .col-orphan-header h3 {
    position: absolute;
    bottom: 30px;
    padding: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 1.5rem;
    font-weight: 600
}

@media only screen and (min-width:992px) {
    .col-accounts {
        padding-left: 75px;
        padding-right: 75px
    }
}

.hesap-no {
    margin-top: 60px;
    margin-bottom: 60px
}

.hesap-no h3 {
    font-weight: 600;
    font-size: 1.1rem;
    text-align: center
}

.hesap-no-block {
    border-radius: 5px;
    padding: 15px;
    margin-top: 30px;
    border: 1px solid #d0d0d0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0;
    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0
}

.hesap-no-block:hover {
    -webkit-box-shadow: rgba(100, 100, 111, .5) 0 7px 29px 0;
    box-shadow: rgba(100, 100, 111, .5) 0 7px 29px 0
}

.hesap-no-block>.bank-img {
    width: 200px
}

.hesap-no-block>.bank-img img {
    width: 100%
}

.hesap-no-block .bank-details {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 5px
}

.hesap-no-block .bank-details .bank-title {
    font-weight: 600;
    font-size: 1rem
}

.hesap-no-block .bank-details .bank-detail {
    font-size: .9rem;
    margin-bottom: 0;
    margin-top: .7rem;
}

.hesap-no-block .bank-details .bank-account {
    font-size: .9rem;
    margin-bottom: 0.7rem;
}

.hesap-no-block .bank-details .bank-iban {
    font-size: .9rem;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
}

.hesap-no-block .iban-copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hesap-no-block .iban-copy>p {
    border: 1px solid #034ea0;
    padding: 6px 10px;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 0;
    font-size: .8rem;
    border-radius: 7px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.hesap-no-block .iban-copy>p:hover {
    background-color: #034ea0;
    color: #fff
}

@media only screen and (max-width:1199px) {
    .hesap-no-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.gundem-detay {
    padding-top: 30px
}

.gundem-detay h2 {
    font-size: 1.7rem;
    font-weight: 600;
    color: #034ea1;
    margin-bottom: 45px
}

.gundem-detay p {
    font-size: .9rem
}

.col-gundem-img {
    padding: 0 30px 30px 0
}

.donate-btns {
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 15px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.donate-btns .btn {
    border: 1px solid transparent;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    line-height: 1.9rem
}

.donate-btns .btn-donate {
    background-color: #3678c8;
    color: #fff;
    border: 1px solid #3678c8;
}

.donate-btns .btn-donate:hover {
    background-color: #fff;
    color: #3678c8;
    border-color: #3678c8;
}

.bagis-tamamla-button{
    background-color: #3678c8;
    color: #fff;
    border: 1px solid #3678c8;
}

.bagis-tamamla-button:hover{
    background-color: #fff;
    color: #3678c8;
    border-color: #3678c8;
}

.donate-btns .btn-add-to-cart {
    background-color: #0d4f9e;
    color: #fff
}

.donate-btns .btn-add-to-cart:hover {
    background-color: #fff;
    color: #0d4f9e;
    border-color: #0d4f9e
}

@media only screen and (min-width:992px) {
    .col-donation-details {
        padding-left: 45px;
        padding-right: 60px
    }

    .donator-details .donate-btns button {
        font-size: .9rem;
        font-weight: 600;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media only screen and (min-width:1200px) {
    .donator-details .donate-btns {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (max-width:767px) {
    .col-donation-details {
        margin-top: 15px
    }
}

.donations-sub-list .donation-qty {
    width: 100%;
    outline: 0;
    font-size: 1rem;
    padding: .3rem;
    border: 1px solid #d0d0d0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 0;
    border-radius: 12px;
    margin-top: 10px;
    padding-left: 17px;
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 15px;
}

.row-donation-details>.col-img img {
    border-radius: 5px
}

.col-donation-details h3 {
    color: #034ea1;
    font-size: 1.3rem;
    font-weight: 600
}

.col-donation-details>ul.nav {
    border: 2px solid #d0d0d0;
    background-color: #d0d0d0;
    border-radius: .35rem
}

.col-donation-details>ul.nav li button {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #000 !important;
    background-color: #d0d0d0
}

.col-donation-details>ul.nav li button.active {
    background-color: #fff
}

.col-donation-details>.donator-details .input-wrapper {
    margin: 0;
    padding: 0
}

.col-donation-details>.donator-details .input-wrapper.input-fas {
    position: relative
}

.col-donation-details>.donator-details .input-wrapper.input-fas input {
    padding-left: 45px;
    margin-top: 9px;
    border: 1px solid #d0d0d0;
    border-radius: 12px;
    display: flex;
}

.col-donation-details>.donator-details .input-wrapper.input-fas i {
    position: absolute;
    z-index: 125;
    color: #d0d0d0;
    font-size: 1.2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px;
    width: 25px;
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.col-donation-details>.donator-details .input-wrapper.input-fas:hover i {
    color: #034ea1
}

.row-donation-content {
    margin-top: 25px
}

.row-donation-content .img-poster {
    margin-top: 45px
}

.row-donation-content img {
    max-width: 100% !important
}

.donations-sub-list {
    margin-bottom: 10px
}

.donations-sub-list>select {
    border: 1px solid #d0d0d0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #3c3c3b;
    font-size: 1rem;
    padding: .72rem;
    width: 100%;
    border-radius: 12px !important;
    padding-bottom: .6rem;
    padding-top: 0.6rem;
}

.donations-sub-list>select:focus {
    border-radius: 12px !important;
    outline: 0 !important
}

input.donator {
    outline: 0;
    border: 1px solid #d0d0d0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-left: 2px solid #d0d0d0;
    border-right: 2px solid #d0d0d0;
    border-radius: 0;
    line-height: 1.75rem
}

input.donator::-webkit-input-placeholder {
    color: #d0d0d0
}

input.donator::-moz-placeholder {
    color: #d0d0d0
}

input.donator:-ms-input-placeholder {
    color: #d0d0d0
}

input.donator::-ms-input-placeholder {
    color: #d0d0d0
}

input.donator::placeholder {
    color: #d0d0d0
}

input.donator:hover {
    border-color: #0000ff40;
    -webkit-box-shadow: 0 0 9px 0 #0000ff40;
    box-shadow: 0 0 9px 0 #0000ff40;
    z-index: 99;
}

input.donator:before {
    font-family: "Font Awesome 5 Free"
}

input.donator[type=text] {
    width: 100%;
    outline: 0;
    font-size: 1rem;
    padding: .5rem
}

@media only screen and (max-width:768px) {
    .donate-btns {
        text-align: center;
        margin-top: 15px
    }

    .btn-donate {
        width: 100%;
        margin-top: 10px
    }

    .btn-add-to-cart {
        width: 100%;
        margin-top: 10px
    }
}

.project-gallery-wrapper {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.project-gallery-wrapper div>img {
    max-width: 100%
}

@media only screen and (min-width:991px) {
    .project-gallery-wrapper>div {
        width: calc(100% / 4);
        border: 1px solid red
    }
}

.cart-item-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

.cart-item-detail a {
    text-decoration: none;
    color: #3c3c3b;
    font-weight: 700
}

.cart-item-detail .donation-img>img {
    border-radius: 7px
}

.cart-item-detail .donation-detail p {
    margin-bottom: 0
}

@media only screen and (min-width:992px) {
    .cart-item-detail .donation-img>img {
        max-width: 200px
    }

    .cart-item-detail .donation-detail {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        margin-left: 30px
    }

    .cart-item-detail .donation-subtotal {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .cart-item-detail .donation-actions {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: right
    }
}

@media only screen and (max-width:991px) {
    .cart-item-detail .donation-img>img {
        max-width: 100px
    }
}

.cart-item-detail .donation-img {
    border: 1px solid red
}

.cart-item-detail .donation-detail {
    background-color: wheat
}

.cart-item-detail .donation-subtotal {
    background-color: #ff0
}

.cart-item-detail .donation-actions {
    background-color: grey
}

@media only screen and (max-width:576px) {
    .cart-item-detail .donation-img>img {
        max-width: 100px
    }
}

.medya-detay {
    margin-top: 45px;
    margin-bottom: 45px
}

.medya-detay h3 {
    font-size: 1.3rem;
    font-weight: 600;
    text-align: center
}

.medya-detay .medias {
    margin-top: 30px
}

.medya-detay .medias .inset {
    border: 1px solid rgb(228, 228, 228);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 10px;
    text-align: center;
            padding: 1rem  13rem ;

       padding-right:0px !important;
       
    padding-left:0px !important;
border-radius: 0.6rem;
    
}

.medya-detay .medias .inset p {
    text-align: left;
    font-size: 1rem;
    font-weight: 600;
    color: #3c3c3b
}

.medya-detay .medias .inset .download-butons a {
    display: inline-block;
    padding: 8px 16px;
    font-size: 10px;
    font-weight: 400;
    text-decoration: none;
    border: 2px solid #1e724a; /* Yeşil çerçeve */
    color: #1e724a; /* Yazı rengi */
    background-color: rgba(250, 250, 250, 1); /* Açık gri arka plan */
    border-radius: 6px;
    transition: all 0.3s ease-in-out;
    text-align: center;
}

.medya-detay .medias .inset .download-butons a:hover {
    background-color: #1e724a;
    color: #fff;
}

.medya-detay .medias .inset .download-butons a:focus,
.medya-detay .medias .inset .download-butons a:active {
    box-shadow: 0 0 5px rgba(30, 114, 74, 0.5);
    outline: none;
}

.medya-detay .medias .inset .download-butons a:disabled {
    color: rgba(30, 114, 74, 0.5);
    border-color: rgba(30, 114, 74, 0.5);
    background-color: transparent;
    cursor: not-allowed;
    opacity: 0.5;
}


.medya-detay .medias .inset img {
  width: 170px ;
    max-width: 100% !important;
    padding: 0px !important;
    margin: 0px !important;
    height: 146px;
    
 
    object-fit: cover !important;

}

a.btn-kurumsal-kitapcik {
    display: block;
    background-color: #def3e6;
    color: #000;
    text-decoration: none;
    text-align: center;
    padding: 11px;
    font-size: .8rem;
    border-radius: 7px;
    border: 1px solid #18ad5b;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 250px;
    margin: 30px auto 0 auto
}

a.btn-kurumsal-kitapcik:hover {
    border-color: #def3e6;
    color: #fff;
    background-color: #18ad5b
}

.col-medya-detay {
    padding: 30px;
    -webkit-box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0;
    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0
}

@media only screen and (min-width:992px) {
    .col-medya-detay>.medias {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.row-members .col-uye {
    margin-bottom: 24px
}

.row-members .col-uye a {
    text-decoration: none
}

.row-members .col-uye .inset {
    padding: 10px;
    background-color: #ededed;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.row-members .col-uye .inset:hover {
    -webkit-box-shadow: rgba(100, 100, 111, .2) 0 5px 11px 0;
    box-shadow: rgba(100, 100, 111, .2) 0 5px 11px 0
}

.row-members .col-uye .inset:hover>img {
    -webkit-transform: translate(1.02);
    transform: translate(1.02)
}

.row-members .col-uye .inset>img {
    margin: 0 auto;
    max-width: 100%
}

.row-members .col-uye .inset p.name {
    color: #000;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: .9rem
}

.row-members .col-uye .inset p.title {
    font-size: .7rem;
    color: #3c3c3b;
    margin-bottom: 5px
}

@media only screen and (min-width:992px) {
    .col-uye .inset {
        min-height: 315px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.contact {
    padding-bottom: 45px
}

.contact .contact-detail .inset {
    padding: 80px 0;
    text-align: center
}

.contact .contact-detail .inset .icon {
    display: inline-block;
    width: 55px;
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #def3e6;
    -webkit-box-shadow: 0 0 10px 0 rgba(64, 64, 64, .29);
    box-shadow: 0 0 10px 0 rgba(64, 64, 64, .29)
}

.contact .contact-detail .inset .icon i {
    font-size: 2rem;
    color: #3cc638
}

.contact .contact-detail .inset a {
    text-decoration: none;
    font-size: 1.4rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #000;
    font-weight: 700
}

.contact .contact-detail .inset a:hover {
    color: #18ad5b
}

.contact .contact-detail .inset p.title {
    font-size: 1.4rem;
    margin-bottom: 5px;
    color: #3c3c3b
}

.row-map {
    margin-top: 30px
}

.row-map p.title {
    font-size: 1.3rem;
    color: #3c3c3b;
    text-align: center
}

.col-representer {
    display: flex;
    align-content: center;
    align-items: center;
    background: #f0f0f0;
    width: 550px;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 20px;
    border-radius: 20px;
    position: relative;
}

.td-representer>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.td-representer>div>a {
    text-decoration: none;
    color: #212529;
    font-size: .9rem;
}

@media only screen and (min-width:992px) {
    .contact .contact-detail {
        position: relative;
        border-bottom: 1px solid rgba(60, 60, 59, .4)
    }

    .contact .contact-detail:nth-child(1):after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 1px;
        background-color: rgba(60, 60, 59, .4);
        -webkit-box-shadow: 0 0 10px 0 rgba(64, 64, 64, .29);
        box-shadow: 0 0 10px 0 rgba(64, 64, 64, .29)
    }
}

.user-login .user-forms-container {
    padding: 0;
    background-color: #fff;
    border-radius: 7px;
    overflow: hidden;
    -webkit-box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0;
    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0
}

.user-login .user-forms-container p.title {
    text-align: center;
    font-weight: 700
}

.tabs-switcher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tabs-switcher>li {
    width: 50%
}

.tabs-switcher>li>button {
    width: 100%;
    background-color: #ededed !important;
    padding-top: 15px;
    padding-bottom: 15px
}

.tabs-switcher>li>button.active {
    background-color: #fff !important;
    color: #000 !important
}

.user-tabs-container {
    padding: 25px
}

.user-tabs-container form label {
    font-size: .9rem;
    color: #3c3c3b;
    font-weight: 500
}

.user-tabs-container form .form-group {
    margin-top: 15px
}

.user-tabs-container form .button-wrapper {
    margin-top: 20px
}

.user-tabs-container form .button-wrapper .btn-login {
    background-color: #def3e6;
    color: #000;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #18ad5b
}

.user-tabs-container form .button-wrapper .btn-login:hover {
    color: #fff;
    background-color: #18ad5b
}

.user-tabs-container form .forget-password a {
    text-decoration: none;
    color: #3c3c3b;
    font-size: .9rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding: 5px 10px;
    border-radius: 7px
}

.user-tabs-container form .forget-password a:hover {
    color: #000;
    background-color: #def3e6
}

.loginw_faded {
    display: none
}

.news-listing {
    background-color: #fafafa;
    padding-top: 30px;
    padding-bottom: 15px
}

.news-listing .section-title {
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 30px
}

.news-listing .col-md-4 {
    margin-bottom: 30px
}

.news-listing a {
    text-decoration: none
}

.news-listing a .news-container {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #fff;
    padding: 15px
}

.news-listing a .news-container>img {
    margin-bottom: 15px
}

.news-listing a .news-container p.title {
    font-size: 1rem;
    color: #000
}

.news-listing a .news-container p {
    font-size: .8rem;
    color: #3c3c3b
}

.news-listing a:hover .news-container {
    -webkit-box-shadow: rgba(100, 100, 111, .1) 0 7px 29px 0;
    box-shadow: rgba(100, 100, 111, .1) 0 7px 29px 0;
    background-color: #fafafa
}

.news-listing-pagination nav ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.news-listing-pagination nav ul li a {
    color: #000
}

@media only screen and (min-width:992px) {
    .news-container {
        min-height: 489px
    }
}

.search-results {
    margin-bottom: 45px
}

.col-results-block {
    background-color: #fff;
    -webkit-box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0;
    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0;
    padding: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.col-results-block>h3 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px
}

.col-results-block p.search-title {
    font-size: 1rem;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 0 !important
}

.col-results-block a {
    text-decoration: none;
    color: #000;
    font-size: .9rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.col-results-block a:hover {
    color: #034ea0
}

.col-results-block ul {
    padding: 0;
    margin: 0
}

.col-results-block ul>li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-top: 20px
}

.col-results-block ul>li p.title {
    font-weight: 600;
    margin: 0;
    font-size: 1rem
}

.col-results-block ul>li p.info {
    font-size: .85rem;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.col-results-block ul>li small {
    display: block;
    color: #3c3c3b;
    font-size: .75rem;
    font-style: italic
}

.hesabim-detay {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 45px;
    margin-bottom: 45px;
    min-height: calc(100vh - 500px)
}

.hesabim-detay h3 {
    font-size: 1.3rem;
    font-weight: 600;
    text-align: center
}

.col-hesabim-detay {
    padding: 30px;
    -webkit-box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0;
    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0
}

.faq-container .faq-content {
    padding: 30px;
    background-color: #fff
}

.faq-container h2 {
    font-weight: 600;
    font-size: 1.3rem
}

.faq-container h3 {
    font-size: 1.1rem
}

.faq-container p {
    font-size: 1rem
}

.faq-container img {
    max-width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px
}

.payment-screen {
    margin-top: 45px;
    margin-bottom: 45px
}

.payment-screen h3 {
    font-size: 1.1rem;
    font-weight: 600;
    text-align: center
}

.payment-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    margin-top: 30px
}

.payment-wrapper .payment-card {
    margin-top: 15px;
    padding: 2px 5px
}

.payment-wrapper .payment-card p {
    font-size: 1rem;
    color: #3c3c3b;
    margin-bottom: 5px
}

.payment-wrapper .payment-card button {
    width: 100%
}

section.gonullu {
    padding-top: 30px;
    padding-bottom: 30px
}

section.gonullu h3 {
    font-size: 1.4rem
}

section.gonullu p.p-light {
    font-weight: 300;
    font-size: .9rem
}

section.gonullu label {
    font-size: .9rem;
    margin-bottom: .2rem
}

section.gonullu select,
section.gonullu textarea {
    font-size: .9rem
}

.faq-container {
    min-height: calc(100vh - 454px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cnt-burs {
    padding-top: 45px
}

.cnt-burs label {
    margin-bottom: 0
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.eot?agsusi);
    src: url(../fonts/icomoon.eot?agsusi#iefix) format("embedded-opentype"), url(../fonts/icomoon.ttf?agsusi) format("truetype"), url(../fonts/icomoon.woff?agsusi) format("woff"), url(../fonts/icomoon.svg?agsusi#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-icon-adak:before {
    content: "";
    color: #bf1818
}

.icon-icon-bank:before {
    content: "";
    color: #0d4f9e
}

.icon-icon-burs:before {
    content: "";
    color: #bf1818
}

.icon-icon-cart:before {
    content: "";
    color: #0d4f9e
}

.icon-icon-credit-card .path1:before {
    content: "";
    color: #0d4f9e
}

.icon-icon-credit-card .path2:before {
    content: "";
    margin-left: -1em;
    color: #0d4f9e
}

.icon-icon-credit-card .path3:before {
    content: "";
    margin-left: -1em;
    color: #0d4f9e
}

.icon-icon-credit-card .path4:before {
    content: "";
    margin-left: -1em;
    color: #fff
}

.icon-icon-credit-card .path5:before {
    content: "";
    margin-left: -1em;
    color: #fff
}

.icon-icon-credit-card .path6:before {
    content: "";
    margin-left: -1em;
    color: #fff
}

.icon-icon-credit-card .path7:before {
    content: "";
    margin-left: -1em;
    color: #fff
}

.icon-icon-credit-card .path8:before {
    content: "";
    margin-left: -1em;
    color: #fff
}

.icon-icon-kurban:before {
    content: "";
    color: #bf1818
}

.icon-icon-mescid-cami:before {
    content: "";
    color: #bf1818
}

.icon-icon-mobil-asevi:before {
    content: "";
    color: #bf1818
}

.icon-icon-su-kuyusu:before {
    content: "";
    color: #bf1818
}

.QuickDonation {
    background-color: #fff;
    border-bottom-right-radius: 15px;
    margin: 0 0 30px 60px;
    padding: 30px 20px 15px;
    z-index: 2;
    position: relative;
}

.QuickDonation__type {
    border-bottom: 1px solid hsla(0, 0%, 74.9%, .23);
    position: relative;
}

.QuickDonation__type--name {
    font-weight: 700;
    color: #132420;
    font-size: 12px;
}

#donationType {
    box-sizing: content-box;
    display: block;
    position: relative;
    width: calc(100% - 40px);
    line-height: 1.4;
    text-wrap: wrap;
    min-height: 35px;
    text-align: left;
    color: #35495e;
    border: none;
    padding: 0;
}

#donationAmount::-webkit-outer-spin-button,
#donationAmount::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.Button {
    border: none;
    background: none;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    height: 55px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 20px;
    -webkit-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none !important;
    min-width: 100%;
    margin-top: 10px;
}

.QuickDonation__banner {
    font-size: 22px;
    color: #034ea1;
    display: -webkit-box;
    display: flex;
    font-weight: 700;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 250px;
    width: 80px;
    border-top-right-radius: 30px;
    letter-spacing: 1px;
    position: absolute;
    top: 0%;
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 1;
}

.QuickDonation__banner--title {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.QuickDonation__banner span {
    color: var(--bs-blue);
}

.QuickDonation__banner--desc {
    display: none;
}

.QuickDonation__banner--logo {
    position: absolute;
    top: 7%;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}

.QuickDonation__banner--logo img {
    height: 24px;
}

.QuickDonation input {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

.QuickDonation__amount--input-wrapper input {
    width: 60%;
    outline: 0;
    border: none;
}

.QuickDonation__amount--buttons {
    background-color: #f3f2ee;
    border-radius: 8px;
    padding: 10px;
    display: -webkit-box;
    display: flex;
}

.QuickDonation .multiselect__select {
    background-color: #eaeae5;
    width: 34px;
    height: 34px;
    right: 0px;
    top: 10px;
    border-radius: 8px;
    z-index: 1;
}

.QuickDonation__amount--input-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.multiselect__select {
    position: absolute;
    width: 40px;
    height: 38px;
    right: 1px;
    top: 1px;
    padding: 4px 8px;
    text-align: center;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
}

.QuickDonation__amount-btn {
    background: transparent;
    color: var(--bs-blue);
    font-size: 12px;
    margin: 0 10px;
    position: relative;
    height: 15px;
    width: 8px;
}

.QuickDonation__amount-btn::after {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.QuickDonation__amount-btn-plus::after {
    border-bottom: 5px solid var(--bs-blue);
}

.QuickDonation__amount-btn-minus::after {
    border-top: 5px solid var(--bs-blue);
}

@media screen and (min-width:992px) {
    .QuickDonation__amount-btn-plus::after {
        top: 40%;
        border-bottom: 4px solid var(--bs-blue);
    }

    .QuickDonation__amount-btn-minus::after {
        top: 70%;
        border-top: 4px solid var(--bs-blue);
    }

    .QuickDonation__amount-btn-plus::after,
    .QuickDonation__amount-btn-minus::after {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
    }

    .QuickDonation__amount-btn {
        width: 20px;
        height: 15px;
        padding: 0;
        margin: 0;
        cursor: pointer;
    }

    .QuickDonation .multiselect__select {
        width: 30px;
        height: 30px;
        border-radius: 8px;
        right: 25px;
        top: 20px;
    }

    .QuickDonation__amount--buttons {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        padding: 5px 1px;
        position: absolute;
        right: 25px;
        top: 10px;
        border-radius: 8px;
    }

    .QuickDonation__amount--input-wrapper input {
        height: 30px;
        -webkit-transition: all .2s;
        transition: all .2s;
        border: 1px solid transparent;
        padding-left: 0;
    }

    .QuickDonation__banner--logo {
        position: static;
    }

    .QuickDonation__banner--logo img {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        height: 36px;
    }

    .QuickDonation__banner--desc {
        display: block;
        color: #57635f;
        font-size: 14px;
        font-family: SofiaPro;
        letter-spacing: 0;
        font-weight: 400;
    }

    .QuickDonation__banner {
        padding: 20px 40px;
        border-top-right-radius: 30px;
        width: 100%;
        height: auto;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .QuickDonation__banner--text {
        margin-left: auto;
        margin-right: 40px;
    }

    .QuickDonation__banner--title {
        text-align: right;
        font-size: 28px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        width: auto;
    }

    .QuickDonation {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: space-around;
        margin-bottom: 30px;
        border-bottom-left-radius: 15px;
        padding: 10px 0 0 10px;
        margin-left: 310px;
    }

    .QuickDonation__type {
        width: 300px;
        margin-bottom: 0;
        border-bottom: 0;
        padding: 5px 20px 0;
    }

    .QuickDonation__type--name {
        font-size: 12px;
    }

    .QuickDonation__amount {
        width: 280px;
        position: relative;
        padding: 1px 20px 0;
    }

    .QuickDonation .Button {
        width: 180px !important;
        margin-top: 0 !important;
        height: 60px;
    }

    .Button {
        min-width: 162px !important;
        padding: 0px !important;
    }
}
.header 
{
    width:100%;
}
.yol-button {
    rotate: 270deg;
    margin-left: 0px;
    margin-right: 23%;
    position: absolute;
    background: #0d4f9e;
    padding: 10px 10px 10px 40px;
    border-radius: 4px 20px 4px 20px;
    width: fit-content;
    height: fit-content;
    left: -50px;
}
.yol-button a {
    text-decoration: none;
    color: #fff;
}
.yol-button i {
    padding-right: 12px;
}
td.td-representer {
    font-size: 20px;
    color: #0d4f9e;
}
td.td-representer span {
    color: #0d4f9e;
}
table.table.table-sm {
    width: 93%;
}
.small, small {
    font-size: 15px;
}
@media screen and (max-width:1100px) and (min-width:992px) {
.col-lg-6.col-md-12.p-3.col-representer {
    margin-left: 28px;
    width: 47%;
}
}
@media screen and (max-width:991px) {
.col-representer {
    margin-left: 0px;
    display: flex;
    flex-direction: column-reverse;
}
.yol-button {
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
    width: auto;
    height: fit-content;
    padding: 10px 10px 10px 40px;
    rotate: 0deg;
}
.yol-button img {
    rotate: 0deg !important;
}
td.baslik {
    width: 70px;
}
td.iki-nokta {
    width: 15px;
}
.yol-button a {
    font-size: 16px;
    font-weight: 700;
}
}
.row.row-donation-content {
    justify-content: center;
}
.col-lg-6.col-md-12.p-3.col-representer td {
    border: none;
}
.row.burs-basvuru {
    background: #f1f1ef;
    border-radius: 15px;
}
.col-md-6.burs-basvuru-1 {
    padding-left: 0;
}
.col-md-6.burs-basvuru-2 {
    padding: 25px;
}
.bottom-details-basvuru {
    margin-top: 45px;
}
a.basvuru-detay-buton {
    text-decoration: none;
    padding: 13px 20px 13px 20px;
    background: #fff;
    border-radius: 15px;
    color: #000;
    width: 200px;
    transition: 0.3s;
}
a.basvuru-detay-buton:hover i {
    padding-left: 10px;
}
a.basvuru-detay-buton i {
    transition: 0.3s;
}
.collapsible {
  background-color: #ececec;
  color: #000;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  margin-top: 15px;
  border-radius: 15px;
}

.active, .collapsible:hover {
  background-color: #fff;
}

.collapsible:after {
  content: '\002B';
  color: #034ea1;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}



.content {
  padding: 0px 20px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
  border-radius: 15px;
  margin-top: 7px;
}

.line_box {
     display: flex;
     margin-bottom: 40px;
}
 .text_circle {
     flex: 1;
     text-align: center;
     position: relative;
}
 .text_circle:after {
     background-color: grey;
     bottom: 1.25em;
     content: "";
     display: block;
     height: 3px;
     position: absolute;
     right: 0;
     width: 50%;
}
 .stav_projektu .text_circle:after,.stav_projektu .text_circle:before {background-color: grey;}
 .line_box h4 {
     color: #034ea1;
     font-weight: bold;
}
 .line_box h4,.line_box p {
     font-size: 12px;
     margin-bottom: 0;
     padding: 0 5px;
}
 .subline {
     position: absolute;
     right: -25px;
     bottom: -43%;
}
 .subline:before {
     content: "";
     position: absolute;
     height: 15px;
     width: 15px;
     bottom: 14px;
     right: 15px;
     background-color: #034ea1;
     border-radius: 50%;
     top: -25px;
}
 .subline h6 {margin-bottom: 0;}
 .timeline {margin: 40px 0;}
 .text_circle.done:after,.text_circle.done + .text_circle:before,.stav_projektu .text_circle.done:after,.stav_projektu .text_circle.done + .text_circle:before {background-color: #0d4f9e; top: 57px; width: 87%;}
 .text_circle.sub:after {background-color: #0d4f9e;}
 .text_circle:not(:first-child):before {
     bottom: 1.25em;
     content: "";
     display: block;
     height: 3px;
     position: absolute;
     left: 0;
     width: 50%;
     background-color: grey;
}
 .stav_projektu .text_circle:not(:first-child):before {background-color: grey;}
 .text_circle:last-child:after {width: 0;}
 .circle {height: 100%;}
 .tvar {
     height: 40px;
     width: 40px;
     border: 2px solid #034ea1;
     display: flex;
     position: relative;
     border-radius: 100%;
     top: -43px;
     margin: 3px auto;
     background-color: #fff;
}
 .tvar span {
     margin: 25% auto;
     height: 20px;
     width: 20px;
     background-color: #034ea1;
     border-radius: 100%;
     color: #fff;
}
 .stav_projektu .tvar {border: 2px solid grey;}
 .stav_projektu .done .tvar,.stav_projektu .sub .tvar {border: 2px solid #034ea1; z-index: 1;}
 .subline h6 {color: #034ea1;}
 .timeline .card-header:hover {
     background-color: #ececec;
     cursor: pointer;
}
/* iPhone X ----------------------------------- */
 @media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
    .subline:before {top: -43px;}
}
 @media only screen and (device-width : 812px) and (device-height : 375px) and (orientation : landscape) and (-webkit-device-pixel-ratio : 3) {
    .subline:before {top: -31px;}
}
/* iPad portrait ----------------------------------- */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .subline:before {top: -29px;}
}
/* mobile width till 767px ----------------------------------- */
 @media (max-width: 767px){
    .subline:before {top: -30px;}
}
/* Portrait iPad Pro */
 @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .subline:before {top: -23px;}
}
/* mobile width till 480px ----------------------------------- */
 @media (max-width: 480px){
    .subline:before {top: -43px;}
}

.col-md-6.burs-basvuru-1 {
    padding-right: 0px;
}
img.img-fluid.w-100 {
    border-radius: 15px 0px 0px 15px;
}
@media (max-width: 991px){
img.img-fluid.w-100 {
    border-radius: 15px;
}
}
img.basvuru-icon {
    width: 27px;
}
span.burs-buton-baslik {
    font-size: 20px;
    margin-left: 12px;
}
.temsilcilik-satir {
    display: flex;
}
td.baslik {
    width: 75px;
}
td.iki-nokta {
    width: 20px;
}
.ortala{
    display: flex;
    justify-content: space-evenly;
}
.ortala table {
    margin-left: 15%;
}
@media screen and (max-width:991px) {
td.baslik {
    width: 70px;
}
td.iki-nokta {
    width: 8px;
}
.ortala table {
    margin-left: 0%;
}
}
a.temsilci-link {
    text-decoration: none;
    color: #4d4d4d;
}
p a.temsilci-link {
    color: #4d4d4d;
}
p a.temsilci-link:hover {
    color: #0d4f9e;
    transition: 0.5s;
}
.temsilciler-sidebar a {
    font-weight: 500;
}
.temsilci-box{
    height: fit-content;
}
.orta table {
    margin-left: 7%;
    margin-right: 15%;
}
.col-lg-4.col-md-12.p-3.col-representer.temsilci-box {
    width: 74%;
}
.temsilci-box .yol-button {
    margin-right: -25%;
}
.temsilci-img img {
    width: 100%;
    border-radius: 20px 20px 20px 20px;
}
.col-representer.temsilci-box {
    width: 100%;
}
.swiper-slide {
    display: flex;
    flex-direction: column;
}
.haber-img img {
    padding: 0px;
    border-radius: 10px 10px 0px 0px;
}
.swiper-slide {
    background: #ececec !important;
    border-radius: 10px;
}
.haber-title h3 {
    font-size: 19px;
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: left;
}
.haber-link {
    margin-top: 10px;
    margin-bottom: 30px;
}
.haber-icerik {
    width: 85% !important;
}
.haber-link a {
    color: #fff;
    padding: 9px;
    border: 2px solid #0d4f9e;
    border-radius: 10px;
    background: #0d4f9e;
    text-decoration: none;
    font-size: 17px;
}
.haber-box {
    margin-top: 55px;
}
.swiper-pagination {
    position: relative !important;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    margin-top: 20px;
}
.temsilciler-sidebar {
    height: 42px;
}
.temsilciler-sidebar ul {
    padding-top: 0.4rem;
    list-style: none;
}
.col-lg-12.col-md-12.p-3.col-representer.temsilci-box {
    position: relative;
}
.temsilcilik-satir a:hover {
    color: #0d4f9e;
    transition: 0.5s;
}
a.temsilci-link.temsilci-ili {
    font-size: 27px;
}
.col-lg-3.col-md-12.my-3.temsilci-sidebar-menu {
    margin-top: 10px !important;
}
.col-lg-12.col-md-12.p-3.col-representer.temsilci-box {
    padding: 0 !important;
}
.temsilci-box table {
    margin-left: 85px !important;
}
tr.temsilcilik-satir td {
    border-bottom: none;
}
.haber-img {
    overflow: hidden;
}
.haber-img img:hover {
    scale: 1.1;
    transition: 0.5s;
}
.haber-link a:hover {
    color: #0d4f9e;
    background: #fff;
    transition: 0.6s;
}

.temsilciler-icerik li {
    list-style: none;
    margin: 0px 0px;
}
.temsilci-haber h2 {
    text-align: center;
    margin-top: 60px;
}
.haber-title {
    width: 85%;
}
.haber-icerik p {
    text-align: left;
    font-size: 16px;
}
.temsilciler-icerik ul {
    padding-left: 0px;
}
.content.temsilciler-icerik {
    padding: 0;
}
.content.temsilciler-icerik li p {
    padding: 10px 20px;
}
.temsilci-link:hover li {
    background: #ececec;
    transition: 0.3s;
}
.content.temsilciler-icerik {
    background: #fff;
}
a.temsilci-link:hover {
    color: #0d4f9e;
    transition: 0.2s;
}
.haber-img img {
    width: 100%;
}









.Accounts-bank {
    background-color: #fff;
    border-radius: 30px;
    padding: 2rem;
    margin-bottom: 1rem
}

.Accounts-bank-logo {
    border-bottom: 1px solid hsla(0, 0%, 74.9%, .23);
    padding: 1rem 0;
    margin-bottom: 1rem
}

.Accounts-bank-spec {
    padding: 0.8rem 0;
}

.Accounts-bank-spec span {
    font-size: 17px;
    font-weight: 700;
    color: #0d4f9e;
}

.Accounts-bank-spec p {
    font-size: 16px;
    color: #5e5d4a
}

.Accounts-bank-branch {
    background-color: #fcfcfc;
    border-radius: 10px;
    border: 2px solid rgba(224, 224, 220, .36863);
    padding: 0 1rem;
    margin-top: 2rem
}

.Accounts-bank-branch-tooltip {
    display: none
}

.Accounts-bank-branch-spec {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 1rem 0
}

.Accounts-bank-branch-spec:not(:last-child) {
    border-bottom: 1px solid hsla(0, 0%, 74.9%, .23)
}

.Accounts-bank-branch-spec span {
    font-size: 14px;
    font-weight: 700;
    color: #0d4f9e;
    width: 10rem;
    padding-bottom: 3px
}

.Accounts-bank-branch-spec p {
    font-size: 14px;
    color: #6d6c5a
}

.Accounts-bank-branch button {
    background-color: #0d4f9e;
    height: 3rem;
    width: 3rem;
    border-radius: 5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-left: auto;
    border: none;
}

.Accounts-bank-branch button img {
    height: 14px
}
.Accounts-right-title {
    display: none
}

.Accounts-bank-branch button img {
    height: 14px
}
    @media (min-width:992px) {
    .Accounts-body {
        margin-top: -5rem
    }
    .Accounts-hero {
        height: 30rem;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #009974), to(rgba(0, 153, 112, 0))), url(/_nuxt/img/76f8da7.png) !important;
        background: linear-gradient(180deg, #009974 10%, rgba(0, 153, 112, 0)), url(/_nuxt/img/76f8da7.png) !important;
        background-position: 50% !important;
        background-repeat: no-repeat !important;
        background-size: cover !important
    }
    .Accounts-bank {
        display: -webkit-box;
        display: flex;
        margin-bottom: 2rem
    }
    .Accounts-bank-branch {
        display: -webkit-box;
        display: flex;
        margin-top: 1rem;
        padding: .5rem;
        background-color: #fff;
        -webkit-transition: all .2s;
        transition: all .2s
    }
    .Accounts-bank-branch-tooltip {
        display: none
    }
    .Accounts-bank-branch-spec {
        padding: 0 1rem;
        min-width: 100px;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center
    }
    .Accounts-bank-branch-spec p {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
    .Accounts-bank-branch-spec:last-child {
        display: -webkit-box;
        display: flex;
        width: 100%;
        padding-right: 0
    }
    .Accounts-bank-branch-spec:last-child button {
        margin-left: auto;
        height: 3rem;
        width: 3rem;
        border-radius: 8px;
        background-color: #dedede;
        cursor: pointer;
        border: none;
    }
    .Accounts-bank-branch-spec:last-child button img {
        height: 16px !important;
        -webkit-filter: brightness(0) saturate(100%) invert(22%) sepia(83%) saturate(580%) hue-rotate(172deg) brightness(92%) contrast(85%);
        filter: brightness(0) saturate(100%) invert(22%) sepia(83%) saturate(580%) hue-rotate(172deg) brightness(92%) contrast(85%);
    }
    .Accounts-bank-branch-spec:not(:last-child) {
        border-bottom: none;
        border-right: 1px solid hsla(0, 0%, 74.9%, .23)
    }
    .Accounts-bank-branch:hover {
        border-color: #0d4f9e;
        background-color: #fbfbfb !important
    }
    .Accounts-bank-branch:hover .Accounts-bank-branch-spec:last-child button {
        background-color: #0d4f9e;
    }
    .Accounts-bank-branch:hover .Accounts-bank-branch-spec:last-child button img {
        -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0) saturate(7481%) hue-rotate(322deg) brightness(104%) contrast(100%);
        filter: brightness(0) saturate(100%) invert(100%) sepia(0) saturate(7481%) hue-rotate(322deg) brightness(104%) contrast(100%)
    }
    .Accounts-bank-branch span {
        display: none
    }
    .Accounts-left {
        text-align: center;
        width: 47rem;
        padding-right: 3rem;
    }
    .Accounts-bank-logo img {
        height: 5rem;
    }
    .Accounts-bank-spec {
        text-align: left;
    }
    .Accounts-bank-top {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        margin-top: 2rem;
    }
    .Accounts-right {
        width: 100%
    }
    .Accounts-right-title {
        margin-bottom: 2rem;
        margin-top: 1rem;
        display: -webkit-box;
        display: flex
    }
    .Accounts-right-title span {
        color: #0d4f9e;
        width: 6.3rem;
        font-weight: 700;
        font-size: 13px;
        display: flex;
        justify-content: center;
    }
    .Accounts-bank-branch {
        position: relative
    }
    .Accounts-bank-branch:hover .Accounts-bank-branch-tooltip {
        visibility: visible;
    }
    .Accounts-bank-branch-tooltip {
        position: absolute;
        right: -57px;
        top: -31px;
        background: #0d4f9e;
        padding: 0.3rem;
        border-radius: 8px;
        visibility: hidden;
        display: block;
        min-width: 141px;
        text-align: center;
        color: #fff;
        font-size: 16px;
    }
    .Accounts-bank-branch-tooltip:after {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-color: #0d4f9e transparent transparent;
        border-style: solid;
        border-width: 5px 5px 0
    }
    .Accounts-bank-branch-tooltip span {
        display: block;
    }
}
.Accounts-bank-branch-spec p {
    margin-bottom: 0rem;
    white-space: nowrap;
}
.hesap-adi-bilgi {
    display: flex;
    align-items: flex-start;
}
.hesap-adi-bilgi button {
    border: 0px;
    background: none;
    filter: brightness(30%);
    margin-left: 10px;
    width: 20px;
    padding-top: 5px;
    display: flex;
}
.hesap-adi-bilgi button img {
    width: 17px;
}
section.hesap-no h1 {
    text-align: center;
    font-weight: 600;
}
section.hesap-no .uyari-text {
    text-align: center;
    font-size: 15px;
}

.row.row-donation-details {
    display: flex;
    align-items: center;
}
.col-donation-details>ul.nav li button.active::after {
    display: none;
}
div#pills-kurumsal::after {
    display: none;
}
input#quantity-0 {
    width: 55px !important;
    flex: none;
}
.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
    background: #fff;
    border: 1px solid #ced4da;
}
a.hesap-page-button {
    color: #0d4f9e;
    font-weight: 600;
}
small.proje-hesap-button {
    font-size: 13px;
}
small.proje-hesap-button i {
    font-size: 15px;
}
.adet-input {
    width: 35px !important;
}
.payment-container {
    display: flex;
    justify-content: center;
    min-height: 50vh;
    align-items: center;
}

    .form-container .field-container:first-of-type {
        grid-area: name;
    }

    .form-container .field-container:nth-of-type(2) {
        grid-area: number;
    }

    .form-container .field-container:nth-of-type(3) {
        grid-area: expiration;
    }

    .form-container .field-container:nth-of-type(4) {
        grid-area: security;
    }

    .field-container input {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .field-container {
        position: relative;
    }

    .form-container {
        display: grid;
        grid-column-gap: 0px;
        grid-template-columns: auto auto;
        grid-template-rows: 90px 90px 90px;
        grid-template-areas: "name name" "number number" "expiration security";
        max-width: 415px;
        padding: 20px;
        color: #707070;
    }
.ccicon {
        height: 38px;
        position: absolute;
        right: 6px;
        top: calc(65% - 17px);
        width: 60px;
    }

    .preload * {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;
    }

    .credit-card-container {
        width: 100%;
        max-height: 251px;
        height: 54vw;
        padding: 0px;
    }

    #ccsingle {
        position: absolute;
        right: 15px;
        top: 20px;
    }

    #ccsingle svg {
        width: 100px;
        max-height: 60px;
    }

    .creditcard svg#cardfront,
    .creditcard svg#cardback {
        width: 100%;
        -webkit-box-shadow: 1px 5px 6px 0px black;
        box-shadow: 1px 5px 6px 0px black;
        border-radius: 22px;
    }

    #generatecard {
        cursor: pointer;
        float: right;
        font-size: 12px;
        color: #fff;
        padding: 2px 4px;
        background-color: #909090;
        border-radius: 4px;
        cursor: pointer;
        float: right;
    }

    .creditcard .lightcolor,
    .creditcard .darkcolor {
        -webkit-transition: fill 0.5s;
        transition: fill 0.5s;
    }

    .creditcard .lightblue {
        fill: #03a9f4;
    }

    .creditcard .lightbluedark {
        fill: #0288d1;
    }

    .creditcard .red {
        fill: #ef5350;
    }

    .creditcard .reddark {
        fill: #d32f2f;
    }

    .creditcard .purple {
        fill: #ab47bc;
    }

    .creditcard .purpledark {
        fill: #7b1fa2;
    }

    .creditcard .cyan {
        fill: #26c6da;
    }

    .creditcard .cyandark {
        fill: #0097a7;
    }

    .creditcard .green {
        fill: #66bb6a;
    }

    .creditcard .greendark {
        fill: #388e3c;
    }

    .creditcard .lime {
        fill: #d4e157;
    }

    .creditcard .limedark {
        fill: #afb42b;
    }

    .creditcard .yellow {
        fill: #ffeb3b;
    }

    .creditcard .yellowdark {
        fill: #f9a825;
    }

    .creditcard .orange {
        fill: #ff9800;
    }

    .creditcard .orangedark {
        fill: #ef6c00;
    }

    .creditcard .grey {
        fill: #bdbdbd;
    }

    .creditcard .greydark {
        fill: #616161;
    }

    #svgname {
        text-transform: uppercase;
    }

    #cardfront .st2 {
        fill: #ffffff;
    }

    #cardfront .st3 {
        font-family: "Source Code Pro", monospace;
        font-weight: 600;
    }

    #cardfront .st4 {
        font-size: 54.7817px;
    }

    #cardfront .st5 {
        font-family: "Source Code Pro", monospace;
        font-weight: 400;
    }

    #cardfront .st6 {
        font-size: 33.1112px;
    }

    #cardfront .st7 {
        opacity: 0.6;
        fill: #ffffff;
    }

    #cardfront .st8 {
        font-size: 24px;
    }

    #cardfront .st9 {
        font-size: 36.5498px;
    }

    #cardfront .st10 {
        font-family: "Source Code Pro", monospace;
        font-weight: 300;
    }

    #cardfront .st11 {
        font-size: 16.1716px;
    }

    #cardfront .st12 {
        fill: #4c4c4c;
    }

    #cardback .st0 {
        fill: none;
        stroke: #0f0f0f;
        stroke-miterlimit: 10;
    }

    #cardback .st2 {
        fill: #111111;
    }

    #cardback .st3 {
        fill: #f2f2f2;
    }

    #cardback .st4 {
        fill: #d8d2db;
    }

    #cardback .st5 {
        fill: #c4c4c4;
    }

    #cardback .st6 {
        font-family: "Source Code Pro", monospace;
        font-weight: 400;
    }

    #cardback .st7 {
        font-size: 27px;
    }

    #cardback .st8 {
        opacity: 0.6;
    }

    #cardback .st9 {
        fill: #ffffff;
    }

    #cardback .st10 {
        font-size: 24px;
    }

    #cardback .st11 {
        fill: #eaeaea;
    }

    #cardback .st12 {
        font-family: "Rock Salt", cursive;
    }

    #cardback .st13 {
        font-size: 30.769px;
    }

    /* FLIP ANIMATION */
    .credit-card-container {
        perspective: 1000px;
    }

    .creditcard {
        width: 100%;
        max-width: 400px;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        transition: -webkit-transform 0.6s;
        -webkit-transition: -webkit-transform 0.6s;
        transition: transform 0.6s;
        transition: transform 0.6s, -webkit-transform 0.6s;
        cursor: pointer;
    }

    .creditcard .front,
    .creditcard .back {
        position: absolute;
        width: 100%;
        max-width: 400px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-font-smoothing: antialiased;
        color: #47525d;
    }

    .creditcard .back {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    .creditcard.flipped {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
.summary-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 300px;
    /* Özet alanının maksimum genişliği */
    margin-left: 20px;
    /* Form ile özet alanı arasında boşluk */
}

.total-amount {
    font-size: 14px;
    /* Tutar yazısının daha küçük punto büyüklüğü */
    margin-left: 20px;
    /* Kategori ile tutar arasında daha fazla boşluk */
}

#submit-payment {
    display: flex;
    flex-direction: column;
    align-items: center;
}
h4.ozet-baslik {
    background: #0d4f9e;
    padding: 25px;
    border-radius: 20px 20px 0px 0px;
    color: #fff;
    width: 100%;
    text-align: center;
    font-weight: 550;
}
.ozet-ucretler {
    width: 100%;
    background: #ffffff;
    padding-top: 20px;
    margin-top: -10px;
    z-index: -1;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    border-radius: 0px;
}
label.categories-text {
    font-size: 14px;
}
.sepet-toplam-odeme {
    font-size: 16px !important;
    border-top: 1px solid #8c8c8c;
    width: 100%;
    padding-top: 10px;
    font-weight: 600;
}
.odeme-title{
    text-align: left;
    color: #0d4f9e;
    font-weight: 600;
}
.odeme-formu {
    width: 100%;
}

@media screen and (max-width:1199px) {
.payment-container {
    display: flex;
    justify-content: center;
    min-height: 50vh;
    align-items: center;
    flex-direction: column;
}
.summary-container {
    margin-left: 0;
    max-width: 43%;
    width: 100%;
}
.credit-card-container {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 25px;
}
}
@media screen and (max-width: 991px) {
    .summary-container {
        max-width: 60%;
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .summary-container {
        margin-left: 0;
        max-width: 90%;
        width: 100%;
    }
}

span#currency-symbol {
    left: 14px !important;
    top: 47% !important;
    font-size: 17px !important;
    color: #757575;
}
.odeme-tamamla-button{
    width: 100%;
    border-radius: 0px 0px 20px 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
}
select#expirationmonth {
    margin-top: 3px;
    padding: 17px;
    font-size: 16px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
}
select#expirationyear {
    margin-top: 3px;
    padding: 17px;
    font-size: 16px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
}
.hisse-input-wrapper label {
    font-size: 13px;
}
label.form-check-label {
    font-size: 14px;
}
@media screen and (max-width: 991px) {
section.cart-detail-page.fill-the-screen td {
    display: flex;
    justify-content: center;
    border: none;
}
section.cart-detail-page.fill-the-screen tr {
    display: flex;
    flex-direction: row;
    margin-top: 30px;
    padding-top: 30px;
    flex-wrap: wrap;
    border-bottom: 2px solid #ced4da;
}
.bagis-adi {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.adet-input {
    flex: 0.3 !important;
}
.price-update .input-group {
    display: flex;
    justify-content: center;
}
td.align-middle.fiyati {
    width: 50%;
}
td.align-middle.price-update {
    width: 50% !important;
}
td.align-middle.bagis-adi {
    width: 50% !important;
}
td.td-donation-img {
    width: 50% !important;
}
td.bagis-sil-button {
    width: 100%;
}
.toplam-para {
    border: 1px solid #ced4da;
    padding: 10px;
    border-radius: 4px;
    background: #ffffff;
}
input.form-control.text-center.adet-input {
    font-weight: 600;
}
.toplam-para{
    font-weight: 600;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    section.cart-detail-page.fill-the-screen .row {
    padding: 0;
    width: 113%;
}
}
.odeme-logolar {
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    margin-top: 20px;
}
.odeme-logolar img {
    width: 30%;
}
.bagis-img img {
    width: 30%;
}
button.collapsible.temsilci-baslik {
    margin-top: 15px !important;
}
.odeme-logolar img:nth-child(1) {
    width: 24%;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #0d4f9e;
    color: #fff;
    font-size: 1em;
}
.top-bar1 {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #cdcdcd;
}
ul.top-bar-menu {
    display: flex;
    justify-content: center;
    align-items: center;
}
ul.top-bar-menu li {
    padding-right: 20px;
    margin-right: 10px;
    border-right: 1px solid #cdcdcd;
    padding-left: 15px;
    margin-left: 0;
}
ul.top-bar-menu {
    margin-bottom: 0;
}
ul.top-bar-menu i {
    color: #0d4f9e;
    font-size: 17px;
}
li.header-btn-donation svg {
    width: 23px;
    margin-right: 15px;
    fill: #fff;
    height: auto;
}
li.header-btn-donation:hover svg {
    fill: #0d4f9e;
}
li.header-btn-donation a span {
    padding-left: 10px;
    border-left: 1px solid;
}
li.header-btn-donation a {
    border-radius: 6px;
}
li.header-btn-cart:hover img {
    filter: brightness(0) invert(1);
}
.swiper.mySwiper2.swiper-initialized.swiper-horizontal {
    height: 400px;
    margin-bottom: 23px;
}
img.bagis-slider-img {
    border-radius: 15px;
}
.bagis-slider-baslik {
    text-align: left;
    margin-bottom: 20px;
}
.bagis-slider-aciklama {
    text-align: left;
}
.bagis-slider-buton {
    text-align: left;
}
.bagis-slider-baslik span {
    font-size: 30px;
    font-weight: 600;
}
.bagis-slider-buton a {
    border: 1px solid #034ea1;
    color: #fff;
    background: #034ea1;
}
.bagis-slider-buton a:hover {
    color: #034ea1;
    background: #fff;
}
.swiper-haberler .swiper-slide {
    height: 530px;
    display: flex;
    justify-content: flex-start;
}
.bagislar-slider .swiper-slide {
    background: #fff !important;
}
.online-bagis-kolejler-slide .bagis-slider-content
{
    color:white !important;
    background:#0d4f9e !important;
}
.bagislar-slider .swiper-slide img{
    border-radius: 10px 10px 0px 0px;
}
.bagis-swipe span {
    font-size: 20px;
}
.bagis-swipe {
   text-align: left;
}
.bagis-slider-content {
    padding: 10px;
    display: flex;
    justify-content: center;
    
}
.bagis-slider-content input {
    margin-top: 20px;
}
button.btn.btn-add-to-cart:hover img {
    filter: none !important;
}
.input-wrapper.donate-btns button {
    display: flex;
    justify-content: center;
    align-items: center;
}
.input-group.tl-icon {
    display: flex;
    align-items: flex-end;
}
.online-bagis-anasayfa-slide {
    margin-bottom: 60px;
}
.tum-bagislar-butonu{
    margin-top: 40px;
}
.swiper.swiper-haberler.swiper-initialized.swiper-horizontal.swiper-pointer-events {
    padding-top: 50px;
    padding-bottom: 60px;
}
.swiper-haberler .swiper-slide:hover {
    margin-top: -15px;
    transition: 0.5s;
}
.container.cnt-home-video-gallery h2 {
    margin-bottom: 20px;
    color: #fff;
}
.container.cnt-home-video-gallery p {
    margin-bottom: 25px;
    color: #fff;
}
.secondary-menu a:before{
    display: none;
}
p.footer-hakkimizda {
    font-size: 15px;
}

section.home-promote.sss-alani.d-md-block {
    padding-bottom: 60px;
    padding-top: 70px;
}
.sss-slider-content {
    padding-top: 25px;
    padding-right: 35px;
    padding-bottom: 25px;
    padding-left: 35px;
    height: 250px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.swiper-sss .swiper-slide {
    background: #0d4f9e !important;
}
.sss-slider-content h2 {
    color: #fff;
    text-align: left;
    font-size: 20px;
    font-weight: 600;
}
.sss-slider-content p {
    color: #fff;
    text-align: left;
    font-size: 15px;
}
.sss-slider-content li{
    color: #fff;
    text-align: left;
    font-size: 15px;
}
.sss-slider-content a {
    position: absolute;
    bottom: 20px;
    color: #fff;
    text-decoration: none;
    padding: 7px;
    border-radius: 10px;
    padding-right: 15px;
    padding-left: 15px;
}
.swiper.swiper-haberler.swiper-initialized.swiper-horizontal {
    padding-bottom: 50px;
}
section.home-promote.medya-box.d-md-block .medya-kutu {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.videolar i {
    font-size: 45px;
    background: #d2e0f1;
    padding: 15px;
    border-radius: 50%;
    color: #0d4f9e;
    margin-bottom: 20px;
}
.haberler i {
    font-size: 45px;
    background: #0d4f9e;
    padding: 15px;
    border-radius: 50%;
    color: #d2e0f1;
    margin-bottom: 20px;
}
section.home-promote.medya-box.d-md-block .row {
    display: flex;
    justify-content: space-evenly;
}
section.home-promote.medya-box.d-md-block .medya-kutu {
    position: relative;
    border-radius: 12px;
    border: 1px solid #0d4f9e;
    overflow: hidden;
    height: 250px;
    width: 30%;
}
@media screen and (max-width: 991px) {
section.home-promote.medya-box.d-md-block .medya-kutu {
    margin-top: 30px;
    width: 80%;
}
.bagis-ilk-slider .row {
    display: flex;
    flex-direction: column-reverse;
}
}
section.home-promote.medya-box.d-md-block .medya-kutu::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    box-sizing: border-box;
    transition: border-color 0.3s ease, transform 0.3s ease;
    transform: scale(1.2);
}

section.home-promote.medya-box.d-md-block .medya-kutu:hover::before {
    border-color: #0d4f9e; /* Renk değişimi */
    transform: scale(1); /* Tam boyuta küçültme */
}
section.home-promote.medya-box.d-md-block h2 {
    margin-bottom: 20px;
    font-size: 24px;
}
a.medya-button {
    z-index: 3;
    text-decoration: none;
    color: #0d4f9e;
    font-size: 18px;
}
.bagis-ilk-slider .swiper-slide {
    padding-left: 35px;
    padding-right: 0;
}
.footer-kurumsal {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
.footer-projeler {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
.footer-bilgilendirme {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
.col-lg-6.col-footer-info.text-center.order-xs-2.order-lg-1 {
    display: flex
;
}
.footer-contact-social {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.slider-bottom-icons img {
    width: 50px !important;
    background: #ececec;
    border-radius: 10px;
    padding: 6px;
    filter: grayscale(1);
}
.slider-bottom-icons {
    background: none !important;
}
a.footer-telefon {
    color: #0d4f9e;
    text-decoration: none;
    margin-right: 24px;
}
.metin_kisitla {
    margin-bottom: 40px;
}
.karar-aciklama p{
    font-size: 14px !important;
}
span.slider-baslik {
    font-size: 15px;
}
@media screen and (max-width: 991px) {
.swiper.mySwiper2.swiper-initialized.swiper-horizontal {
    height: 500px;
}
}
.bagis-ilk-slider .swiper-button-next{
    color: #0d4f9e !important;
}
.bagis-ilk-slider .swiper-button-prev{
    color: #0d4f9e !important;
}
.search-form-wrapper.active::after {
    display: none;
}
li.header-btn-login a {
    padding: 10px 10px;
    color: #0d4f9e !important;
    font-weight: 600;
}
li.header-btn-login {
    display: flex;
    align-items: center;
}
li.header-btn-login img {
    width: 20px;
}
ul.top-bar-menu li {
    display: flex;
    align-items: center;
}
ul.top-bar-menu img {
    width: 25px;
    margin-right: 5px;
}
.bagis-sol-aciklama {
    padding-left: 55px;
    padding-top: 40px;
    padding-bottom: 28px;
}
.header.fixed.sticky-header {
    position: sticky;
    z-index: 999;
}
.swiper-backface-hidden .swiper-slide::after {
    display: none;
}
.icon-slider-img.active img {
    box-shadow: 0px 0px 10px;
    filter: none;
}
.icon-slider-img {
    margin-bottom: 10px;
    margin-top: 10px;
}
.icon-slider-img img {
    margin-bottom: 10px;
}
.haber-swipe-content h3 {
    height: 70px;
}
.slider-gorsel-bosluk {
    justify-content: flex-start !important;
}
h2.zekat-baslik {
    font-size: 45px;
    font-weight: 600;
}
a.zekat-button {
    padding: 15px;
    color: #0d4f9e;
    background: #fff;
    border-radius: 10px;
    text-decoration: none;
}
.col-md-12.col-lg-6.medya-kutu.videolar:hover {
    margin-top: -10px;
    transition: 0.5s;
}
.col-md-12.col-lg-6.medya-kutu.haberler:hover {
    margin-top: -10px;
    transition: 0.5s;
}
.sss-slider {
    padding-bottom: 60px !important;
    padding-top: 30px !important;
}
.swiper-sss-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
}
.slider-sss-effect:hover{
    margin-top: -10px;
    transition: 0.5s;
}
.sss-slider-content h2 {
    height: 70px;
}
img.footer-logo {
    margin-bottom: 20px;
}
ul.kurumsal-menu .active::after {
    display: none;
}
@media screen and (max-width: 991px) {
.col-md-3.col-12.footer-hakkimizda {
    text-align: center;
}
.footer-contact-social {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
}
.home-video-gallery {
    background-position: center;
}
}
@media screen and (max-width: 1199px) {
    .header.fixed.sticky-header {
   position: fixed;
   z-index: 999;
}
.top-bar1 {
    overflow: scroll;
    display: flex;
    justify-content: flex-start;
}
ul.top-bar-menu li {
    padding-right: 5px;
    margin-right: 0px;
    width: 180px;
    display: flex;
    justify-content: center;
}
ul.top-bar-menu {
    padding-left: 10px;
}
.mobile-scroll-top-bar{
    position: relative;
}
.top-bar1::-webkit-scrollbar {
  display: none;
}
body{
    padding-top: 70px;
}
.bagis-ilk-slider .swiper-slide {
    padding-left: 0px;
    padding-right: 0;
}
.bagis-sol-aciklama {
    padding-left: 40px;
    padding-top: 15px;
    padding-bottom: 28px;
}
.col-md-3.col-12.footer-kurumsal {
    display: none;
}
.col-md-3.col-12.footer-projeler {
    display: none;
}
.col-md-3.col-12.footer-bilgilendirme {
    display: none;
}
}
@media only screen and (min-width: 1200px) {
    .header-logo.mobile {
    display: none;
}
.swiper-slide.icon-slider-img.slider-bottom-icons.swiper-slide-visible.swiper-slide-fully-visible {
    width: 110px !important;
}
.icons-slider-ortala {
    display: flex;
    justify-content: center;
}
}

.yeni-slider-alani{
    margin-top: 25px;
    padding-top: 20px;
}
a.btn-mobile-menu-giris img {
    width: 25px;
}
a.btn-mobile-menu-cikis i {
    color: #f3f2f8;
    font-size: 33px;
    margin-left: 15px;
}
.mobile-menu-logo {
    width: 220px;
}
.users-icons {
    display: flex;
}
.mobile-menu-bagis-hesap-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px
}
.mobile-menu-bagis-hesap-button a {
    margin-top: 10px;
    padding: 12px;
    color: #0d4f9e;
    background: #fff;
    text-decoration: none;
    border-radius: 10px;
    width: 300px;
    text-align: center;
}
.mobile-menu-bagis-hesap-button a svg {
    fill: #0d4f9e;
    width: 25px;
    height: 25px
}
ul.top-bar-menu a:hover {
    color: #c19c52;
}
.users-icons svg {
    fill: #ffff;
    width: 24px;
}
.mobile-menu-v2>ul.mobile-main-menu>li:not(:last-child):before{
    display: none;
}
.mobile-menu-v2>ul.mobile-main-menu li.mobile-menu-has-sub.mm-active a {
    color: #ffffff;
}
.mobile-menu-logo img {
    width: 275px;
}
.yetim-sss .content-padding {
    padding-top: 14px;
}
.yetim-icerik {
    padding-bottom: 20px;
}
.yetim-sss {
    padding-bottom: 35px;
}
.yetim-sponsor-button {
   display: flex;
    align-items: center;
    justify-content: center;
}
a.sponsor-detay-buton {
    display: flex;
    align-items: center;
    width: 280px;
    height: 80px;
    justify-content: space-around;
    border-radius: 15px;
    text-decoration: none;
}
.yetim-sponsor-button svg {
    fill: #fff;
    width: 35px;
    height: 35px;
}
.row.form-ozet {
    margin-top: 20px;
    border: 1px solid #6c6c6c;
    padding: 30px;
    border-radius: 30px;
    margin-bottom: 30px;
}
.form-ozet .mb-3 {
    width: 170px;
}
.form-ozet .col-md-6 {
    display: flex;
    justify-content: space-evenly;
}
.form-ozet label {
    color: #6b6b6b;
    font-size: 15px;
}
.form-ozet p {
    color: #000;
    font-size: 18px;
}
.yetim-form-button .col-md-12 {
    display: flex;
    justify-content: center;
}
h2.yetim-sayfa-baslik {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 50px;
}
a.banka-hesap-button {
    border: none;
    padding: 0;
    font-weight: 600;
    color: #0d50a0;
}
.row.yetim-form-button .col-md-12 {
    display: flex;
    gap: 2rem;
}
button.btn.btn-donate.yetim-odeme-button {
    background-color: #0d4f9e;
    color: #fff;
    border: 1px solid #0d4f9e;
}
button.btn.btn-donate.yetim-odeme-button:hover {
    background-color: #d2e0f1;
    color: #0d4f9e;
}
button.btn.btn-donate.mr-3.yetim-havale-button {
    background-color: #1d67c1;
    color: #fff;
    border: 1px solid #1d67c1;
}
button.btn.btn-donate.mr-3.yetim-havale-button:hover {
    background-color: #d2e0f1;
    color: #0d4f9e;
}
@media only screen and (max-width: 768px) {
.row.yetim-form-button .col-md-12 {
    display: flex;
    flex-direction: column;
    width: 50%;
    margin: auto;
}
.row.form-ozet {
    margin-top: 20px;
    border: 1px solid #6c6c6c;
    padding: 30px;
    border-radius: 30px;
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1400px) {
    .container.yetim-page-container {
        max-width: 1320px;
    }
}

.card.custom-card {
    background-color: #d2e0f1;
    border: none;
    border-radius: 15px;
}
.form-control{
    border-radius: 12px;
}
.form-control:hover {
    border-color: #0000ff40;
    -webkit-box-shadow: 0 0 9px 0 #0000ff40;
    box-shadow: 0 0 9px 0 #0000ff40;
    z-index: 99;
}
.form-control:focus{
    box-shadow: 0 0 9px 0 #0000ff40;
}
p.basvuru-onayi-alt {
    font-size: 15px;
}
a.sponsor-detay-buton:hover {
    background: #fff;
    color: #0d4f9e;
}
a.sponsor-detay-buton {
    background: #0d4f9e;
    color: #fff;
    border: 2px solid #0d4f9e;
    transition: 0.5s;
}
a.sponsor-detay-buton:hover svg {
    fill: #0d4f9e;
}
.yetim-detay-size p{
    font-size: .9rem;
}
.sss-h2{
    color: #0d4f9e;
    font-weight: 600;
}
.yetim-page-box{
    margin-bottom: 30px;
}
.yetim-detay-kutusu{
    margin-bottom: 40px;
}
.yetim-detay-kutusu img {
    border-radius: 0px 15px 15px 0px;
}
@media (max-width: 767px) {
    .yetim-detay-kutusu img {
    border-radius: 0px 0px 15px 15px;
}
}
.d-flex.yurt-ici-disi-button .form-check {
    margin-right: 40px;
}