/*
Theme Name: theWP - KURUMSAL
Theme URI: https://www.thewp.com.tr/yazilim/wordpress-kurumsal-tema-6
Description: Gelişmiş Özellikleriyle Fark Yaratmaya Devam Eden Türkiye'nin En Kaliteli ve Kullanışlı Kurumsal Teması
Author: theWP.com.tr
Author URI: https://thewp.com.tr
Version: 6.0
License: theWP.com.tr - Tüm Hakları Saklıdır.
License URI: https://thewp.com.tr
Tags: Kadir Kenar, theWP, Wordpress Tema, theWP Kurumsal Tema, V6, WordPress Kurumsal, WordPress Firma teması
*/

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,mark,nav,object,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,var,video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
text-decoration: none;
letter-spacing: 0px;
word-spacing: 0px;
}
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body.firefox {
font-family: "source_sans_pro_lightregular", 'Poppins', sans-serif;
}
body {
height: auto;
font-family: "source_sans_proregular", 'Poppins', sans-serif;
color: var(--siyah);
font-size: 14px;
overflow-x: hidden;
margin:0 auto;
background:#ffffff;
}
img {
vertical-align: middle;
border-style: none;
object-fit: cover;
}
a,h2,h3,h4,h5,h6,strong,span,figcaption {
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
input[type="search"]
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="select"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
ol,ul {
box-sizing: content-box;
}
.temizle {
clear:both;
}
.ustBosluk {
margin-top: 90px;
}
.ustBosluk {
margin-top: 90px;
}
.ortala {
text-align: center;
}
.alaniOrtala {
width: calc(100% - 40px);
max-width: calc(1180px - 40px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px auto;
padding: 0px 20px;
}
.siteyiOrtala {
width: calc(100% - 40px);
max-width: calc(1180px - 40px);
height: auto;
position: relative;
margin: 0px auto;
padding: 0px 20px;
}
.siteSag {
width: calc(300px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: right;
margin-top: 30px;
}
.siteSol {
width: calc(100% - 330px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 30px;
margin-top: 30px;
}

.ustAlan {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: var(--lacivert);
padding: 20px 0px;
}
.ustSol {
width: calc(100% - 380px);
height: 20px;
line-height: 20px;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 20px;
}
.ustSol h1 {
font-size: 16px;
font-weight: 500;
color: var(--beyazYazi);
display: block;
opacity: 0.8;
}
.ustSag {
width: 360px;
height: 20px;
overflow: hidden;
display: block;
position: relative;
text-align: right;
}
.ustSag a {
width: auto;
height: auto;
overflow: hidden;
display: inline-block;
position: relative;
color: var(--beyazYazi);
margin-right: 20px;
opacity: 0.8;
}
.ustSag a:last-child {
margin-right: 0px;
}
.ustSag a i {
width: auto;
height: auto;
overflow: hidden;
display: block;
font-size: 16px;
line-height: 20px;
}
.ustSag a:hover {
color: var(--turuncu);
opacity: 1;
}

header {
width: calc(100% - 40px);
max-width: calc(1180px - 40px);
height: auto;
display: flex;
position: relative;
margin: 0px auto;
padding: 30px 20px;
}

header .logo {
width: calc(330px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 20px;
}
header .logo img {
width: auto;
height: 60px;
}

header .headerMenu {
width: calc(100% - 350px);
position: relative;
text-align: center;
float: left;
}
header ul.hMenu {
padding: 0;
margin: 0;
list-style: none;
}
header ul.hMenu li {
width: auto;
height: 60px;
display: inline-block;
text-align: left;
position: relative;
}
header ul.hMenu li a {
display:block;
padding: 0px 15px;
color: var(--siyah);
font-size: 16px;
font-weight: 700;
line-height: 60px;
text-decoration:none;
position: relative;
letter-spacing: -1px;
word-spacing: 0px;
}
header ul.hMenu li a:hover {
color: var(--turuncu);
}
header ul.hMenu li ul {
width: auto;
z-index: 99999;
display: none;
position: absolute;
top: 60px;
padding: 0px 0px;
background: #ffffff;
-webkit-box-shadow: 1px 1px 15px 1px rgb(0 0 0 / 20%);
box-shadow: 1px 1px 15px 1px rgb(0 0 0 / 20%);
border-top: 5px solid #ffffff;
border-bottom: 5px solid #ffffff;
border-radius: 5px 5px 5px 5px;
animation: myAnim 1s ease 0s 1 normal forwards;
}
@keyframes myAnim {
0% {
transform: scaleY(0);
transform-origin: 100% 0%;
}

100% {
transform: scaleY(1);
transform-origin: 100% 0%;
}
}
header ul.hMenu li ul li {
width:auto;
min-width: 250px;
height: 36px;
border: 0px;
margin-left: 0px;
margin-top: 0px;
float: none;
display: block;
position: relative;
padding: 0px 20px;
}
header ul.hMenu li ul li a {
font-size: 14px;
font-weight: 400;
line-height: 36px;
margin: 0px 0px;
color: var(--siyah);
letter-spacing: -1px;
word-spacing: 0px;
}
header ul.hMenu li ul li a:hover {
color: var(--turuncu);
padding-left: 15px;
}
header ul.hMenu li ul li a:hover:after {
position: absolute;
content: "\f111";
font-family: "Font Awesome 6 Free";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display,inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
top: calc(50% - 2.5px);
left: 0px;
color: var(--turuncu);
font-size: 5px;
}
header ul.hMenu li ul li:last-child a {
margin: 0px;
}
header ul.hMenu li:hover > ul {
display:inherit;
}
header ul.hMenu ul li ul {
position: relative;
top:-36px;
left:230px;
}

.sliderAlani {
width: calc(100% - 0px);
max-width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px auto 0px auto!important;
}
.sliderAlani .swiper-slide.swiper-slide-active {
animation: sliderAktif 1s ease 0s 1 normal forwards;
}
@keyframes sliderAktif {
0% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
.sliderAlani a {
width: 100%;
height: 100%;
overflow: hidden;
display: block;
position: relative;
}
.sliderAlani figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.sliderAlani figure:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.45);
}
.sliderAlani figure img {
width: 100%;
height: 700px;
}
.sliderAlani .sliderIcerik {
width: calc(100% - 40px);
max-width: calc(1180px - 40px);
height: 700px;
overflow: hidden;
display: table;
position: fixed;
content: "";
top: 0;
left: 0px;
right: 0px;
z-index: 99;
margin: 0px auto;
padding: 0px 20px;
}
.sliderAlani .sliderIcerik div {
display: table-cell;
vertical-align: middle;
}

.sliderAlani .swiper-slide.swiper-slide-active .sliderIcerik strong  {
animation: sliderIcerik 1s ease 0s 1 normal forwards;
}
@keyframes sliderIcerik {
0% {
opacity: 0;
transform: translateY(250px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.sliderAlani .swiper-slide.swiper-slide-active .sliderIcerik span  {
animation: sliderIcerik2 1.5s ease 0s 1 normal forwards;
}
@keyframes sliderIcerik2 {
0% {
opacity: 0;
transform: translateY(250px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.sliderAlani .swiper-slide.swiper-slide-active .sliderIcerik a  {
animation: sliderIcerik3 2s ease 0s 1 normal forwards;
}
@keyframes sliderIcerik3 {
0% {
opacity: 0;
transform: translateY(250px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.sliderAlani .sliderIcerik strong {
width: calc(60% - 0px);
font-size: 56px;
line-height: 1.4;
font-weight: 700;
color: var(--beyazYazi);
display: block;
}
.sliderAlani .sliderIcerik span {
width: calc(60% - 0px);
line-height: 1.6;
font-size: 20px;
font-weight: 300;
color: var(--beyazYazi);
display: inline-block;
overflow: hidden;
margin: 20px 0px;
}
.sliderAlani .sliderIcerik a {
width: auto;
height: 44px;
line-height: 44px;
font-size: 16px;
font-weight: 500;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyazYazi);
text-align: center;
border-radius: 5px;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 5px 0px 0px 0px;
padding: 0px 30px;
border: 2px solid #ffffff;
transition: all 900ms ease;
}
.sliderAlani .sliderIcerik a:hover {
color: var(--beyazYazi);
border-color: var(--turuncu);
background: var(--turuncu);
}
.sliderIleri,
.sliderGeri {
width: 50px;
height: 50px;
line-height: 60px;
overflow: hidden;
display: block;
position: absolute;
content: "";
z-index: 9;
top: calc(50% - 25px);
border-radius: 5px;
border: 2px solid #ffffff;
background: transparent;
text-align: center;
cursor: pointer;
transition: all 900ms ease;
}
.sliderIleri i,
.sliderGeri i {
color: var(--beyazYazi);
font-size: 28px;
}
.sliderIleri {
right: 40px;
}
.sliderGeri {
left: 40px;
}
.sliderIleri:hover,
.sliderGeri:hover {
border-color: var(--turuncu);
background: var(--turuncu);
}
.sliderAlani .swiper-pagination {
position: relative!important;
display: flex;
bottom: 0px!important;
background: var(--lacivert);
}
.sliderAlani span.swiper-pagination-bullet {
width: 100%;
height: 10px;
background: var(--lacivert);
overflow: hidden;
position: relative;
z-index: 9;
display: inline-block;
overflow: hidden;
position: relative;
align-items: center;
}
.sliderAlani span.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--turuncu);
animation: paginationAnimasyon 7s ease 0s 1 normal forwards;
}
@keyframes paginationAnimasyon {
0% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
}

.anaHaber {
width: calc(100% - 0px);
height: auto;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
}
.anaHaber .haber {
width: calc(33.333% - 22px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 0px 30px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid var(--border);
-webkit-border-radius: 15px;
-webkit-border-bottom-right-radius: 60px;
-moz-border-radius: 15px;
-moz-border-radius-bottomright: 60px;
border-radius: 15px;
border-bottom-right-radius: 60px;
}
.anaHaber .haber:nth-of-type(3n) {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.anaHaber .haber a {
display: block;
}
.anaHaber .haber figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
}
.anaHaber .haber figure img {
width: 100%;
height: 100%;
max-height: 240px;
overflow: hidden;
display: block;
}
.anaHaber .haber figcaption {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
margin: 15px 15px 10px 15px;
font-size: 18px;
font-weight: 700;
color: var(--lacivert);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.anaHaber .haber:hover figcaption {
color: var(--turuncu);
}
.anaHaber .haber p {
width: calc(100% - 30px);
height: auto;
line-height: 1.4;
overflow: hidden;
margin: 0px 15px 15px 15px;
font-size: 14px;
font-weight: 400;
color: var(--siyah);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}


.anaHakkimizda {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
}
.anaHakkimizda .hakIc {
width: calc(50% - 15px);
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 30px;
}
h2.genelBaslik {
width: calc(100% - 0px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
font-size: 36px;
font-weight: 700;
color: var(--lacivert);
letter-spacing: -1px;
padding-bottom: 10px;
margin-bottom: 20px;
}
h2.genelBaslik:after {
width: 120px;
height: 2px;
overflow: hidden;
display: block;
position: absolute;
content: "";
bottom: 0px;
left: 0px;
background: var(--turuncu);
}
.anaHakkimizda p {
width: calc(100% - 0px);
line-height: 1.6;
font-size: 14px;
font-weight: 400;
color: var(--siyah);
display: block;
overflow: hidden;
margin: 0px 0px 0px 0px;
float: left;
}
.anaHakkimizda figure {
width: calc(50% - 15px);
height: 470px;
overflow: hidden;
display: block;
position: relative;
-webkit-border-radius: 15px;
-webkit-border-bottom-right-radius: 60px;
-moz-border-radius: 15px;
-moz-border-radius-bottomright: 60px;
border-radius: 15px;
border-bottom-right-radius: 60px;
float: right;
}
.anaHakkimizda figure img {
width: 100%;
height: 100%;
}

.istatistikAlani {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 20px 0px 0px 0px;
padding: 20px 0px 0px 0px;
border-top: 1px solid var(--border);
}
.istatistikAlani .istatistikGenel {
width: calc(33.333% - 41px);
height: auto;
overflow: hidden;
display: block;
position: relative;
z-index: 9999;
float: left;
padding: 0px 20px 0px 20px;
text-align: center;
cursor: pointer;
border-right: 1px solid var(--border);
}
.istatistikAlani .istatistikGenel:last-child {
border-right: 0px;
}
.istatistikAlani .anaistatistik {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 56px;
font-weight: 500;
color: var(--turuncu);
margin: 0px 0px 10px 0px;
}
.istatistikAlani .istatistikGenel strong {
font-size: 16px;
color: var(--siyah);
font-weight: 400;
display: block;
}

.anaHizmetler {
width: calc(100% - 405px);
max-width: calc(100% - 405px);
height: auto;
display: block;
overflow: hidden;
position: relative;
padding: 100px 30px 100px 375px;
background: #f3f3f3;
background-size: cover;
}
.anaHizmetler:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 50%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: cover;
}
.anaHizmetler:after {
position: absolute;
content: '';
background: var(--lacivert);
width: 50%;
height: 100%;
left: 0px;
top: 0px;
opacity: .8;
}
.anaHizmetler .hizmetBaslik {
width: calc(26% - 0px);
height: auto;
display: block;
position: relative;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 9;
}
.anaHizmetler .hizmetBaslik h2 {
width: calc(85% - 0px);
line-height: 1.2;
font-size: 36px;
font-weight: 700;
color: var(--beyazYazi);
display: block;
letter-spacing: -1px;
}
.anaHizmetler .hizmetBaslik h2::first-line {
color: var(--turuncu);
}
.anaHizmetler .hizmetBaslik p {
width: calc(85% - 0px);
line-height: 1.6;
font-size: 16px;
font-weight: 400;
color: var(--beyazYazi);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
margin: 15px 0px 0px 0px;
}
.anaHizmetler .hizmetListesi {
width: calc(100% - 26%);
max-width: 1120px;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 9;
}
.anaHizmetler .hizmetListesi .swiper-slide {
background: #ffffff;
cursor: pointer;
-webkit-border-radius: 15px;
-webkit-border-bottom-right-radius: 60px;
-moz-border-radius: 15px;
-moz-border-radius-bottomright: 60px;
border-radius: 15px;
border-bottom-right-radius: 60px;
-webkit-transition: color 500ms;
transition: color 500ms;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.anaHizmetler .hizmetListesi .swiper-slide:before {
-webkit-border-radius: 15px;
-webkit-border-bottom-right-radius: 60px;
-moz-border-radius: 15px;
-moz-border-radius-bottomright: 60px;
border-radius: 15px;
border-bottom-right-radius: 60px;
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: -1;
background: var(--turuncu);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transition: 500ms ease-out;
transition: 500ms ease-out;
}
.anaHizmetler .hizmetListesi .swiper-slide:hover:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.anaHizmetler .hizmetListesi .swiper-slide:hover i,
.anaHizmetler .hizmetListesi .swiper-slide:hover h3,
.anaHizmetler .hizmetListesi .swiper-slide:hover p {
color: var(--beyazYazi);
}
.anaHizmetler .hizmetListesi .swiper-slide:hover h3:after {
background: var(--beyazYazi);
}
.anaHizmetler .hizmetListesi .swiper-slide div {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 50px 30px 50px 30px;
text-align: center;
}
.anaHizmetler .hizmetListesi .swiper-slide div i {
width: auto;
height: auto;
overflow: hidden;
display: block;
font-size: 56px;
color: var(--turuncu);
}
.anaHizmetler .hizmetListesi .swiper-slide div h3 {
width: calc(100% - 0px);
line-height: 1.6;
font-size: 18px;
font-weight: 700;
color: var(--turuncu);
position: relative;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
margin: 12px 0px 5px 0px;
padding: 10px 0px 0px 0px;
}
.anaHizmetler .hizmetListesi .swiper-slide div h3:after {
width: 10%;
height: 2px;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0px;
left: 0px;
right: 0px;
margin: 0px auto;
background: var(--turuncu);
}
.anaHizmetler .hizmetListesi .swiper-slide div p {
width: calc(100% - 0px);
line-height: 1.4;
font-size: 14px;
font-weight: 400;
color: var(--siyah);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
margin: 0px 0px 0px 0px;
}
.hizmetButonlar {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: relative;
z-index: 9;
margin-top: 20px;
}
.hizmetButonlar .hizmetIleri,
.hizmetButonlar .hizmetGeri {
width: 36px;
height: 36px;
line-height: 38px;
overflow: hidden;
display: block;
position: relative;
content: "";
z-index: 9;
bottom: calc(0px - 0px);
border-radius: 5px;
border: 2px solid #ffffff;
background: transparent;
text-align: center;
cursor: pointer;
float: left;
transition: all 900ms ease;
}
.hizmetButonlar .hizmetIleri {
margin: 0px 0px 0px 10px;
}
.hizmetButonlar .hizmetIleri i,
.hizmetButonlar .hizmetGeri i {
color: var(--beyazYazi);
font-size: 18px;
}
.hizmetButonlar .hizmetIleri:hover,
.hizmetButonlar .hizmetGeri:hover {
border-color: var(--turuncu);
background: var(--turuncu);
}

.anaUrunler {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
}
.anaUrunler .anaUrunListe {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.anaUrunler .swiper-slide div {
width: calc(100% - 33px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px;
border: 1px solid var(--border);
-webkit-transition: all .75s;
-moz-transition: all .75s;
-ms-transition: all .75s;
-o-transition: all .75s;
transition: all .75s;
-webkit-border-radius: 15px;
-webkit-border-bottom-right-radius: 60px;
-moz-border-radius: 15px;
-moz-border-radius-bottomright: 60px;
border-radius: 15px;
border-bottom-right-radius: 60px;
}
.anaUrunler .swiper-slide div a {
display: block;
}
.anaUrunler .swiper-slide div a:hover h4 {
color: var(--turuncu);
}
.anaUrunler .swiper-slide:hover div {
border-color: var(--turuncu);
}
.anaUrunler .swiper-slide figure {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px;
}
.anaUrunler .swiper-slide h4 {
width: calc(100% - 0px);
height: 38px;
line-height: 1.4;
overflow: hidden;
margin: 15px 0px 5px 0px;
font-size: 14px;
font-weight: 500;
color: var(--siyah);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-align: center;
}
.anaUrunler .swiper-slide span {
width: 100%;
height: auto;
overflow: hidden;
display: table;
margin: 0px auto 10px auto;
padding: 0px 0px 10px 0px;
font-size: 18px;
font-weight: 700;
color: var(--siyah);
border-radius: 5px;
-webkit-box-shadow: 0 6px 17px -16px #000000;
-moz-box-shadow: 0 6px 17px -16px #000000;
box-shadow: 0 6px 17px -16px #000000;
text-align: center;
}
.anaUrunler .swiper-slide ul {
padding: 0px 0px;
margin: 0px 0px;
}
.anaUrunler .swiper-slide ul li {
width: calc(100% - 20px);
height: auto;
line-height: 1.6;
overflow: hidden;
position: relative;
font-size: 12px;
font-weight: 400;
color: var(--siyah);
list-style: none;
padding-left: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.anaUrunler .swiper-slide ul li:after {
position: absolute;
content: "\f111";
font-family: "Font Awesome 6 Free";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
top: calc(50% - 1px);
left: 0px;
color: var(--turuncu);
font-size: 4px;
}
.urunButonlar {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
z-index: 9;
top: 12px;
right: 2px;
}
.urunButonlar .urunIleri,
.urunButonlar .urunGeri {
width: 36px;
height: 36px;
line-height: 38px;
overflow: hidden;
display: block;
position: relative;
content: "";
z-index: 9;
bottom: calc(0px - 0px);
border-radius: 5px;
border: 2px solid var(--lacivert);
background: transparent;
text-align: center;
cursor: pointer;
float: left;
transition: all 900ms ease;
}
.urunButonlar .urunIleri {
margin: 0px 0px 0px 10px;
}
.urunButonlar .urunIleri i,
.urunButonlar .urunGeri i {
color: var(--lacivert);
font-size: 18px;
}
.urunButonlar .urunIleri:hover i,
.urunButonlar .urunGeri:hover i {
color: var(--beyazYazi);
}
.urunButonlar .urunIleri:hover,
.urunButonlar .urunGeri:hover {
border-color: var(--turuncu);
background: var(--turuncu);
}

.anaHizmetPaketi {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
}
.anaHizmetPaketi .hizmetPaket {
width: calc(33.333% - 62px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 0px 30px 0px 0px;
padding: 30px 20px 30px 20px;
border: 1px solid var(--border);
-webkit-border-radius: 15px;
-webkit-border-bottom-right-radius: 60px;
-moz-border-radius: 15px;
-moz-border-radius-bottomright: 60px;
border-radius: 15px;
border-bottom-right-radius: 60px;
}
.anaHizmetPaketi .hizmetPaket:nth-of-type(2n) {
background: var(--turuncu);
border-color: var(--turuncu);
}
.anaHizmetPaketi .hizmetPaket:last-child {
margin: 0px 0px 0px 0px;
}
.anaHizmetPaketi .hizmetPaket i {
width: calc(35px - 0px);
height: 32px;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 15px;
font-size: 32px;
color: var(--turuncu);
--fa-animation-duration: 10s;
}
.anaHizmetPaketi .hizmetPaket strong {
width: calc(100% - 50px);
height: 32px;
line-height: 32px;
overflow: hidden;
display: block;
position: relative;
font-size: 18px;
font-weight: 500;
color: var(--siyah);
}
.anaHizmetPaketi .hizmetPaket p {
width: calc(100% - 0px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
font-size: 14px;
font-weight: 400;
color: var(--siyah);
margin: 15px 0px 0px 0px;
letter-spacing: 0px;
}
.anaHizmetPaketi .hizmetPaket span {
width: calc(100% - 0px);
height: 26px;
line-height: 26px;
overflow: hidden;
display: block;
position: relative;
font-size: 28px;
font-weight: 700;
color: var(--siyah);
letter-spacing: 0px;
margin: 15px 0px 0px 0px;
}
.anaHizmetPaketi .hizmetPaket span font {
font-size: 14px;
font-weight: 400;
color: var(--siyah);
margin-left: 10px;
}
.anaHizmetPaketi .hizmetPaket ul {
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.anaHizmetPaketi .hizmetPaket ul li {
width: calc(100% - 30px);
height: auto;
line-height: 3;
overflow: hidden;
display: block;
position: relative;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
-webkit-box-shadow: 0 6px 17px -16px #404040;
-moz-box-shadow: 0 6px 17px -16px #404040;
box-shadow: 0 6px 17px -16px #404040;
}
.anaHizmetPaketi .hizmetPaket ul li:last-child,
.anaHizmetPaketi .hizmetPaket:nth-of-type(2n) ul li:last-child {
box-shadow: 0 0 0 0 #ffffff;
}
.anaHizmetPaketi .hizmetPaket ul li:after {
position: absolute;
content: "\f00c";
font-family: "Font Awesome 6 Free";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
top: calc(50% - 9px);
left: 0px;
color: var(--turuncu);
font-size: 18px;
}
.anaHizmetPaketi .hizmetPaket:nth-of-type(2n) i,
.anaHizmetPaketi .hizmetPaket:nth-of-type(2n) strong,
.anaHizmetPaketi .hizmetPaket:nth-of-type(2n) span,
.anaHizmetPaketi .hizmetPaket:nth-of-type(2n) p,
.anaHizmetPaketi .hizmetPaket:nth-of-type(2n) font,
.anaHizmetPaketi .hizmetPaket:nth-of-type(2n) ul li,
.anaHizmetPaketi .hizmetPaket:nth-of-type(2n) ul li:after {
color: var(--beyazYazi);
}
.anaHizmetPaketi .hizmetPaket:nth-of-type(2n) ul li {
-webkit-box-shadow: 0 6px 17px -16px #ffffff;
-moz-box-shadow: 0 6px 17px -16px #ffffff;
box-shadow: 0 6px 17px -16px #ffffff;
}
.anaHizmetPaketi .hizmetPaket a {
width: calc(100% - 64px);
height: 44px;
line-height: 44px;
font-size: 16px;
font-weight: 500;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--turuncu);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 15px 0px 0px 0px;
padding: 0px 30px;
border: 1px solid var(--turuncu);
transition: all 900ms ease;
-webkit-border-radius: 15px;
-webkit-border-bottom-right-radius: 60px;
-moz-border-radius: 15px;
-moz-border-radius-bottomright: 60px;
border-radius: 15px;
border-bottom-right-radius: 60px;
}
.anaHizmetPaketi .hizmetPaket a:hover {
color: var(--beyazYazi);
border-color: var(--turuncu);
background: var(--turuncu);
}
.anaHizmetPaketi .hizmetPaket:nth-of-type(2n) a {
color: #ffffff;
border-color: rgb(255 255 255 / 25%);
}
.anaHizmetPaketi .hizmetPaket:nth-of-type(2n) a:hover {
color: var(--turuncu);
border-color: #ffffff;
background: #ffffff;
}

.anasayfaGaleri {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
}
.galeriButonlar {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
z-index: 9;
top: 12px;
right: 20px;
}
.galeriButonlar .aglrIleri,
.galeriButonlar .aglrGeri {
width: 36px;
height: 36px;
line-height: 38px;
overflow: hidden;
display: block;
position: relative;
content: "";
z-index: 9;
bottom: calc(0px - 0px);
border-radius: 5px;
border: 2px solid var(--lacivert);
background: transparent;
text-align: center;
cursor: pointer;
float: left;
transition: all 900ms ease;
}
.galeriButonlar .aglrIleri {
margin: 0px 0px 0px 10px;
}
.galeriButonlar .aglrIleri i,
.galeriButonlar .aglrGeri i {
color: var(--lacivert);
font-size: 18px;
}
.galeriButonlar .aglrIleri:hover i,
.galeriButonlar .aglrGeri:hover i {
color: var(--beyazYazi);
}
.galeriButonlar .aglrIleri:hover,
.galeriButonlar .aglrGeri:hover {
border-color: var(--turuncu);
background: var(--turuncu);
}

.anasayfaGaleri .sayfaiciGaleri .magnific-img {
width: calc(25% - 23px);
height: auto;
overflow: hidden;
position: relative;
display: block;
float: left;
margin: 30px 30px 0px 0px;
}
.anasayfaGaleri .sayfaiciGaleri .magnific-img:nth-of-type(4n) {
margin: 30px 0px 0px 0px;
}
.anasayfaGaleri .sayfaiciGaleri .magnific-img figure img {
height: 175px;
}


.anasayfaBlog {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
}
.anasayfaBlog .anaBlog {
width: calc(50% - 47px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 0px 30px 20px 0px;
padding: 15px 15px 15px 15px;
border: 1px solid var(--border);
-webkit-border-radius: 15px;
-webkit-border-bottom-right-radius: 60px;
-moz-border-radius: 15px;
-moz-border-radius-bottomright: 60px;
border-radius: 15px;
border-bottom-right-radius: 60px;
-webkit-transition: all .75s;
-moz-transition: all .75s;
-ms-transition: all .75s;
-o-transition: all .75s;
transition: all .75s;
}
.anasayfaBlog .anaBlog:hover {
border: 1px solid var(--turuncu);
}
.anasayfaBlog .anaBlog:nth-of-type(2n) {
margin: 0px 0px 20px 0px;
}
.anasayfaBlog .anaBlog:nth-of-type(3n) {
margin: 0px 20px 0px 0px;
}
.anasayfaBlog .anaBlog:nth-of-type(4n) {
margin: 0px 0px 0px 0px;
}
.anasayfaBlog .anaBlog figure {
width: 200px;
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 15px;
border-radius: 15px;
}
.anasayfaBlog .anaBlog figure img {
width: 200px;
height: 130px;
}
.anasayfaBlog .anaBlog figcaption {
width: calc(100% - 215px);
height: auto;
overflow: hidden;
margin: 0px 0px 0px 0px;
font-size: 18px;
font-weight: 700;
color: var(--lacivert);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.anasayfaBlog .anaBlog:hover figcaption {
color: var(--turuncu);
}
.anasayfaBlog .anaBlog p {
width: calc(100% - 215px);
height: auto;
line-height: 1.4;
overflow: hidden;
position: relative;
font-size: 14px;
font-weight: 400;
color: var(--siyah);
margin: 10px 0px 10px 0px;
letter-spacing: 0px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.anasayfaBlog .anaBlog span {
width: auto;
height: auto;
line-height: 20px;
overflow: hidden;
display: block;
margin: 0px 0px 0px 0px;
font-size: 12px;
font-weight: 400;
color: var(--siyah);
float: left;
}
.anasayfaBlog .anaBlog span i {
font-size: 14px;
margin-right: 5px;
}

.anasayfaReferanslar {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.anasayfaReferans {
width: 100%;
height: auto;
display: block;
position: relative;
}
.anasayfaReferans .swiper-slide {
width: 100%;
height: auto;
display: block;
position: relative;
cursor: pointer;
}
.anasayfaReferans .swiper-slide img {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.anasayfaReferans .swiper-slide:hover img {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
}
.refButonlar {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
z-index: 9;
top: 6px;
right: 20px;
}
.refButonlar .refIleri,
.refButonlar .refGeri {
width: 36px;
height: 36px;
line-height: 38px;
overflow: hidden;
display: block;
position: relative;
content: "";
z-index: 9;
bottom: calc(0px - 0px);
border-radius: 5px;
border: 2px solid var(--lacivert);
background: transparent;
text-align: center;
cursor: pointer;
float: left;
transition: all 900ms ease;
}
.refButonlar .refIleri {
margin: 0px 0px 0px 10px;
}
.refButonlar .refIleri i,
.refButonlar .refGeri i {
color: var(--lacivert);
font-size: 18px;
}
.refButonlar .refIleri:hover i,
.refButonlar .refGeri:hover i {
color: var(--beyazYazi);
}
.refButonlar .refIleri:hover,
.refButonlar .refGeri:hover {
border-color: var(--turuncu);
background: var(--turuncu);
}

.anaYorumlar {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 30px;
}
.myorumu {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0px solid var(--border);
}
.myorumu:nth-of-type(2n) {
margin: 0px 0px 0px 0px;
}
.myorumu div {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
position: relative;
margin: 0px 0px 10px 0px;
padding: 30px 30px 30px 30px;
background: #f3f3f3;
-webkit-border-radius: 15px;
-webkit-border-bottom-right-radius: 60px;
-moz-border-radius: 15px;
-moz-border-radius-bottomright: 60px;
border-radius: 15px;
border-bottom-right-radius: 60px;
}
.myorumu div:after {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
bottom: -15px;
right: 20px;
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f10d";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display,inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
font-size: 56px;
color: var(--turuncu);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.myorumu div p {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: var(--siyah);
font-size: 14px;
font-weight: 400;
line-height: 1.4;
letter-spacing: 0px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.myorumu figure {
width: calc(60px - 2px);
height: calc(60px - 2px);
overflow: hidden;
position: relative;
margin: 0px 15px 0px 0px;
padding: 5px 5px 5px 5px;
border-radius: 100%;
float: left;
border: 3px solid #f3f3f3;
}
.myorumu figure img {
width: calc(60px - 0px);
height: 60px;
overflow: hidden;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-radius: 100%;
}
.myorumu strong {
width: calc(100% - 115px);
height: auto;
overflow: hidden;
position: relative;
display: block;
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 16px;
font-weight: 700;
color: var(--lacivert);
letter-spacing: 1px;
}
.myorumu span {
width: auto;
height: auto;
overflow: hidden;
position: relative;
display: block;
float: left;
margin: 0px 15px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
font-weight: 400;
color: var(--lacivert);
letter-spacing: 1px;
}
.myorumu i {
width: auto;
height: auto;
overflow: hidden;
position: relative;
display: block;
float: left;
margin: 2.3px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
font-weight: 400;
color: #ebb627;
letter-spacing: 1px;
}


.headerResim {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
margin: 0px 0px;
padding: 80px 0px 80px 0px;
z-index: 2;
background: url(images/resim4.jpg) bottom center no-repeat fixed;
background-size: cover;
display: -ms-flexbox;
display: -webkit-box;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.headerResim:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
background: var(--siyah);
opacity: 0.8;
}
.headerResim h2 {
width: calc(100% - 0px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
font-size: 36px;
font-weight: 700;
color: var(--beyazYazi);
letter-spacing: -1px;
z-index: 3;
text-align: center;
}
.sayfaYolu {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #f3f3f3;
padding: 10px 0px;
}
.sayfaYolu .breadcrumbs {
width: calc(50% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
}
.sayfaYolu .breadcrumbs a {
width: auto;
height: 24px;
line-height: 24px;
display: inline-table;
overflow: hidden;
padding-right: 0px;
position: relative;
list-style: none;
font-size: 14px;
font-weight: 500;
color: var(--siyah);
}
.sayfaYolu .breadcrumbs a:hover {
color: var(--turuncu);
}
.sayfaYolu .breadcrumbs strong {
font-size: 14px;
font-weight: 500;
color: var(--turuncu);
}
.sayfaYolu .paylas {
width: calc(50% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
}
.sayfaYolu .paylas a {
width: auto;
height: auto;
overflow: hidden;
display: inline-table;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 4px 0px 4px;
color: var(--siyah);
}
.sayfaYolu .paylas a i {
font-size: 16px;
line-height: 26px;
}
.sayfaYolu .paylas a:last-child {
padding: 0px 0px 0px 4px;
}
.sayfaYolu .paylas a:hover {
color: var(--turuncu);
}

.icSayfa {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
}
.icSayfa .icerikYazi p {
width: calc(100% - 0px);
line-height: 1.8;
font-size: 14px;
font-weight: 400;
color: var(--siyah);
display: block;
overflow: hidden;
margin: 0px 0px 15px 0px;
float: none;
}
.icSayfa .icerikYazi a {
font-weight: 500;
color: var(--turuncu);
}
.icSayfa .icerikYazi a:hover {
color: var(--lacivert);
}
.icSayfa .icerikYazi ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.icSayfa .icerikYazi ul li {
width: calc(100% - 25px);
line-height: 1.8;
display: block;
overflow: hidden;
position: relative;
font-size: 14px;
font-weight: 400;
color: var(--siyah);
padding-left: 25px;
margin-bottom: 5px;
}
.icSayfa .icerikYazi ul li:after {
width: auto;
height: auto;
position: absolute;
overflow: hidden;
display: block;
top: 5px;
left: 0px;
font-size: 14px;
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f00c";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display,inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
color: var(--turuncu);
}
.icSayfa .icerikYazi blockquote {
width: calc(100% - 65px);
height: auto;
overflow: hidden;
position: relative;
line-height: 1.8;
font-size: 14px;
font-weight: 400;
color: var(--siyah);
font-style: italic;
padding: 45px 30px 45px 30px;
margin-bottom: 15px;
background: #f3f3f3;
border-left: 5px solid var(--turuncu);
border-radius: 10px;
}
.icSayfa .icerikYazi blockquote p {
margin: 0px 0px 0px 0px;
}

.icSayfa .etiketler {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
position: relative;
display: block;
margin-top: 30px;
}
.icSayfa .etiketler a {
font-weight: 400;
color: var(--turuncu);
display: inline-block;
margin-right: 10px;
}
.icSayfa .etiketler a:last-child {
margin-right: 0px;
}
.icSayfa .etiketler a:hover {
color: var(--lacivert);
}
.icSayfa .etiketler strong {
font-weight: 500;
color: var(--siyah);
display: inline-block;
margin-right: 3px;
}

.ekibimizSayfasi {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.ekibimizSayfasi .ekipListe {
width: calc(25% - 25px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 30px 30px 0px 0px;
padding: 0px 0px 20px 0px;
border: 1px solid var(--border);
-webkit-transition: all .75s;
-moz-transition: all .75s;
-ms-transition: all .75s;
-o-transition: all .75s;
transition: all .75s;
-webkit-border-radius: 15px;
-webkit-border-bottom-right-radius: 60px;
-moz-border-radius: 15px;
-moz-border-radius-bottomright: 60px;
border-radius: 15px;
border-bottom-right-radius: 60px;
cursor: pointer;
}
.ekibimizSayfasi .ekipListe:nth-of-type(4n) {
margin: 30px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}
.ekibimizSayfasi .ekipListe figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
-webkit-border-radius: 15px;
-webkit-border-bottom-right-radius: 60px;
-moz-border-radius: 15px;
-moz-border-radius-bottomright: 60px;
border-radius: 15px;
border-bottom-right-radius: 60px;
}
.ekibimizSayfasi .ekipListe figure img {
width: 100%;
height: auto;
max-height: 260px;
}
.ekibimizSayfasi .ekipListe figcaption {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
font-size: 18px;
font-weight: 500;
color: var(--lacivert);
margin: 15px 0px 3px 0px;
}
.ekibimizSayfasi .ekipListe span {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
font-size: 12px;
font-weight: 400;
color: var(--turuncu);
margin: 0px 0px 0px 0px;
}
.ekibimizSayfasi .ekipListe:hover {
border: 1px solid var(--turuncu);
}

.hesapnumSayfa {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.hesapnumSayfa .bankaListele {
width: calc(50% - 57px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 30px 30px 0px 0px;
padding: 20px 20px 15px 20px;
border: 1px solid var(--border);
-webkit-transition: all .75s;
-moz-transition: all .75s;
-ms-transition: all .75s;
-o-transition: all .75s;
transition: all .75s;
-webkit-border-radius: 15px;
-webkit-border-bottom-right-radius: 60px;
-moz-border-radius: 15px;
-moz-border-radius-bottomright: 60px;
border-radius: 15px;
border-bottom-right-radius: 60px;
}
.hesapnumSayfa .bankaListele:nth-of-type(2n) {
margin: 30px 0px 0px 0px;
}
.hesapnumSayfa .bankaListele:hover {
border: 1px solid var(--turuncu);
}
.hesapnumSayfa .bankaListele figure {
width: auto;
height: auto;
overflow: hidden;
display: block;
}
.hesapnumSayfa .bankaListele figure img {
width: auto;
height: auto;
max-height: 52px;
}
.hesapnumSayfa .bankaListele ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.hesapnumSayfa .bankaListele ul li {
width: calc(100% - 30px);
height: auto;
line-height: 3;
overflow: hidden;
display: block;
position: relative;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
-webkit-box-shadow: 0 6px 17px -16px #404040;
-moz-box-shadow: 0 6px 17px -16px #404040;
box-shadow: 0 6px 17px -16px #404040;
}
.hesapnumSayfa .bankaListele ul li:last-child {
box-shadow: 0 0 0 0 #ffffff;
}
.hesapnumSayfa .bankaListele ul li:after {
position: absolute;
content: "\f192";
font-family: "Font Awesome 6 Free";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
top: calc(50% - 4px);
left: 2px;
color: var(--turuncu);
font-size: 8px;
}
.hesapnumSayfa .bankaListele ul li strong {
font-size: 14px;
font-weight: 700;
color: var(--siyah);
}
.hesapnumSayfa .bankaListele ul li span {
font-size: 14px;
font-weight: 400;
color: var(--siyah);
margin-left: 10px;
}

.sayfaMarkalar {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.sayfaMarkalar .saymarka {
width: calc(16.666% - 25px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 30px;
margin-top: 30px;
}
.sayfaMarkalar .saymarka:nth-of-type(6n) {
margin-right: 0px;
}
.sayfaMarkalar .saymarka figure {
width: calc(100% - 42px);
height: auto;
padding: 20px 20px;
overflow: hidden;
display: block;
border: 1px solid var(--border);
-webkit-transition: all .75s;
-moz-transition: all .75s;
-ms-transition: all .75s;
-o-transition: all .75s;
transition: all .75s;
-webkit-border-radius: 15px;
-webkit-border-bottom-right-radius: 60px;
-moz-border-radius: 15px;
-moz-border-radius-bottomright: 60px;
border-radius: 15px;
border-bottom-right-radius: 60px;
}
.sayfaMarkalar .saymarka:hover figure {
border-color: var(--turuncu);
}
.sayfaMarkalar .saymarka figure img {
width: 100%;
height: auto;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
cursor: pointer;
}
.sayfaMarkalar .saymarka figure img:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
}
.sayfaMarkalar .saymarka strong {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
margin: 0px 0px 0px 0px;
font-size: 14px;
font-weight: 700;
color: var(--siyah);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
text-align: center;
margin-top: 15px;
}
.sayfaMarkalar .saymarka:hover strong {
color: var(--turuncu);
}


.sagArama {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
}
.sagArama form input {
width: calc(100% - 66px);
height: 50px;
line-height: 50px;
border: none;
padding: 0px 5px 0px 10px;
margin: 0px 0px 0px 0px;
font-size: 14px;
outline: none;
background: #ffffff;
color: var(--siyah);
font-weight: 400;
float: left;
border-radius: 10px 0px 0px 10px;
border-left: 1px solid var(--border);
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
border-right: 0px;
}
.sagArama form button.s {
width: 50px;
height: 52px;
line-height: 52px;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
color: var(--lacivert);
font-size: 18px;
border: 0px;
outline: 0px;
cursor: pointer;
border-radius: 0px 10px 10px 0px;
border-right: 1px solid var(--border);
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
border-left: 0px;
}
.sagArama form input::-webkit-input-placeholder {
color: #9d9d9d;
font-weight: 400;
}
.sagArama form button.s:hover {
color: var(--turuncu);
}

.sagKategori {
width: calc(100% - 42px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 15px 20px 10px 20px;
border: 1px solid var(--border);
-webkit-border-radius: 15px;
-webkit-border-bottom-right-radius: 60px;
-moz-border-radius: 15px;
-moz-border-radius-bottomright: 60px;
border-radius: 15px;
border-bottom-right-radius: 60px;
margin-top: 20px;
}
.sagKategori ul {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.sagKategori ul li {
width: calc(100% - 0px);
height: auto;
line-height: 38px;
overflow: hidden;
display: block;
padding: 0px 0px;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.sagKategori ul li a {
width: calc(100% - 0px);
height: auto;
display: block;
overflow: hidden;
color: var(--siyah);
line-height: 40px;
padding-left: 0px;
font-size: 14px;
font-weight: 500;
border-bottom: 1px solid #f3f3f3;
}
.sagKategori ul li:last-child a {
border-bottom: 0px;
}
.sagKategori ul li ul {
padding: 0px 0px 0px 10px;
}
.sagKategori ul li ul li a {
line-height: 30px;
font-size: 13px;
font-weight: 400;
}
.sagKategori ul li a:hover {
color: var(--turuncu);
}
.sagKategori h2.genelBaslik {
font-size: 20px;
letter-spacing: 0;
margin-bottom: 10px;
}
.sagKategori h2.genelBaslik:after {
width: 60px;
}

.haberListelesene {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.haberListelesene .listeBlog {
width: calc(100% - 32px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 0px 0px 20px 0px;
padding: 15px 15px 15px 15px;
border: 1px solid var(--border);
-webkit-border-radius: 15px;
-webkit-border-bottom-right-radius: 60px;
-moz-border-radius: 15px;
-moz-border-radius-bottomright: 60px;
border-radius: 15px;
border-bottom-right-radius: 60px;
-webkit-transition: all .75s;
-moz-transition: all .75s;
-ms-transition: all .75s;
-o-transition: all .75s;
transition: all .75s;
}
.haberListelesene .listeBlog:hover {
border: 1px solid var(--turuncu);
}
.haberListelesene .listeBlog figure {
width: 200px;
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 15px;
border-radius: 15px;
}
.haberListelesene .listeBlog figure img {
width: 200px;
height: 130px;
}
.haberListelesene .listeBlog figcaption {
width: calc(100% - 215px);
height: auto;
overflow: hidden;
margin: 0px 0px 0px 0px;
font-size: 18px;
font-weight: 700;
color: var(--lacivert);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.haberListelesene .listeBlog:hover figcaption {
color: var(--turuncu);
}
.haberListelesene .listeBlog p {
width: calc(100% - 215px);
height: auto;
line-height: 1.4;
overflow: hidden;
position: relative;
font-size: 14px;
font-weight: 400;
color: var(--siyah);
margin: 10px 0px 10px 0px;
letter-spacing: 0px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.haberListelesene .listeBlog span {
width: auto;
height: auto;
line-height: 20px;
overflow: hidden;
display: block;
margin: 0px 0px 0px 0px;
font-size: 12px;
font-weight: 400;
color: var(--siyah);
float: left;
}
.haberListelesene .listeBlog span i {
font-size: 14px;
margin-right: 5px;
}
.icSayfa .anaHizmetPaketi .hizmetPaket {
margin-top: 20px;
}


.kategoriUrunler {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.kategoriUrunler .katUrun {
width: calc(25% - 23px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 30px;
margin-top: 30px;
}
.kategoriUrunler .katUrun:nth-of-type(4n) {
margin-right: 0px;
}
.kategoriUrunler .katUrun div {
width: calc(100% - 33px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px;
border: 1px solid var(--border);
-webkit-transition: all .75s;
-moz-transition: all .75s;
-ms-transition: all .75s;
-o-transition: all .75s;
transition: all .75s;
-webkit-border-radius: 15px;
-webkit-border-bottom-right-radius: 60px;
-moz-border-radius: 15px;
-moz-border-radius-bottomright: 60px;
border-radius: 15px;
border-bottom-right-radius: 60px;
}
.kategoriUrunler .katUrun div a {
display: block;
}
.kategoriUrunler .katUrun div a:hover h4 {
color: var(--turuncu);
}
.kategoriUrunler .katUrun:hover div {
border-color: var(--turuncu);
}
.kategoriUrunler .katUrun figure {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px;
}
.kategoriUrunler .katUrun h4 {
width: calc(100% - 0px);
height: 38px;
line-height: 1.4;
overflow: hidden;
margin: 15px 0px 5px 0px;
font-size: 14px;
font-weight: 500;
color: var(--siyah);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-align: center;
}
.kategoriUrunler .katUrun span {
width: 100%;
height: auto;
overflow: hidden;
display: table;
margin: 0px auto 10px auto;
padding: 0px 0px 10px 0px;
font-size: 18px;
font-weight: 700;
color: var(--siyah);
border-radius: 5px;
-webkit-box-shadow: 0 6px 17px -16px #000000;
-moz-box-shadow: 0 6px 17px -16px #000000;
box-shadow: 0 6px 17px -16px #000000;
text-align: center;
}
.kategoriUrunler .katUrun ul {
padding: 0px 0px;
margin: 0px 0px;
}
.kategoriUrunler .katUrun ul li {
width: calc(100% - 20px);
height: auto;
line-height: 1.6;
overflow: hidden;
position: relative;
font-size: 12px;
font-weight: 400;
color: var(--siyah);
list-style: none;
padding-left: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.kategoriUrunler .katUrun ul li:after {
position: absolute;
content: "\f111";
font-family: "Font Awesome 6 Free";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
top: calc(50% - 1px);
left: 0px;
color: var(--turuncu);
font-size: 4px;
}

.iletisimSag {
width: calc(50% - 15px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: right;
margin-top: 30px;
}
.iletisimSol {
width: calc(50% - 15px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 30px;
margin-top: 30px;
}

.iletisimSol .akordiyonIcerik ul li {
width: calc(50% - 10px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
float: left;
margin: 0px 20px 10px 0px;
padding: 0px;
}
.iletisimSol .akordiyonIcerik ul li:nth-of-type(2n) {
margin: 0px 0px 0px 0px!important;
}
.iletisimSol .akordiyonIcerik ul li a {
color: var(--siyah);
}
.iletisimSol .akordiyonIcerik ul li a:hover {
color: var(--turuncu);
}
.iletisimSol .akordiyonIcerik ul li:after {
display: none;
}
.iletisimSol .akordiyonIcerik ul li i {
width: 28px;
height: 28px;
line-height: 28px;
overflow: hidden;
display: inline-block;
padding: 0px 0px;
margin: 0px 0px;
border-radius: 5px;
font-size: 12px;
color: var(--siyah);
background: var(--border);
text-align: center;
opacity: 1;
border-radius: 100%;
}
.iletisimSol .akordiyonIcerik ul li font {
width: calc(100% - 40px);
height: 28px;
line-height: 28px;
overflow: hidden;
display: inline-block;
padding: 0px 0px;
margin: 0px 0px;
font-size: 14px;
font-weight: 400;
margin-left: 12px;
}
.iletisimSol .akordiyonIcerik ul li:last-child {
width: calc(100% - 0px);
margin-right: 0px;
float: left;
}
.iletisimSol .akordiyonIcerik ul li:last-child font {
line-height: 1.4;
height: auto;
}
.iletisimSol .akordiyonIcerik ul li:last-child i {
float: left;
margin-top: 0px;
}


.oneCikan {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 20px;
}
.oneCikan img {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
-webkit-border-radius: 15px;
-webkit-border-bottom-right-radius: 60px;
-moz-border-radius: 15px;
-moz-border-radius-bottomright: 60px;
border-radius: 15px;
border-bottom-right-radius: 60px;
}
.oneCikan h2 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 18px;
font-weight: 400;
color: var(--siyah);
font-style: italic;
margin-bottom: 20px;
}

.oneCikan .hbrTarih {
width: calc(60% - 0px);
margin: 0px 0px 20px 0px;
float: left;
height: 32px;
line-height: 32px;
}
.oneCikan .hbrTarih time,
.oneCikan .hbrTarih span {
font-size: 11px;
font-weight: 400;
color: #585858;
width: auto;
height: auto;
overflow: hidden;
display: inline-block;
}
.oneCikan .hbrTarih time i,
.oneCikan .hbrTarih span i {
font-size: 14px;
margin-right: 5px;
}
.oneCikan .hbrTarih span.yorum {
margin: 0px 15px;
}
.oneCikan .sosyalMedya {
width: calc(40% - 0px);
height: 32px;
margin: 0px 0px 20px 0px;
text-align: right;
float: left;
}
.oneCikan .sosyalMedya a {
width: 28px;
height: 28px;
line-height: 28px;
overflow: hidden;
display: inline-block;
padding: 0px 0px;
margin: 0px 0px;
border-radius: 4px;
font-size: 12px;
color: #ffffff;
text-align: center;
opacity: 1;
border: 1px solid #ffffff;
border-radius: 100%;
}
.oneCikan .sosyalMedya a:nth-of-type(1n) {
background: #3c5a98;
}
.oneCikan .sosyalMedya a:hover:nth-of-type(1n) {
opacity: 0.8;
}
.oneCikan .sosyalMedya a:nth-of-type(2n) {
background: #1ea1f2;
}
.oneCikan .sosyalMedya a:hover:nth-of-type(2n) {
opacity: 0.8;
}
.oneCikan .sosyalMedya a:nth-of-type(3n) {
background: #cb2128;
}
.oneCikan .sosyalMedya a:hover:nth-of-type(3n) {
opacity: 0.8;
}
.oneCikan .sosyalMedya a:nth-of-type(4n) {
background: #0177b5;
}
.oneCikan .sosyalMedya a:hover:nth-of-type(4n) {
opacity: 0.8;
}
.oneCikan .sosyalMedya a:nth-of-type(5n) {
background: #3ba335;
}
.oneCikan .sosyalMedya a:hover:nth-of-type(5n) {
opacity: 0.8;
}
.oneCikan .sosyalMedya a i {
display: block;
height: 28px;
line-height: 28px;
}

.urunDetay {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.urunDetay .urunUst {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.urunDetay .urunUst figure {
width: calc(100% - 461px);
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
float: left;
margin-right: 30px;
padding: 0px 30px 5px 0px;
border-right: 1px solid var(--border);
}
.urunDetay .urunUst figure img {
width: 100%;
height: auto;
display: inline-table;
}
.urunDetay .urunUst span {
width: calc(400px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 14px;
font-weight: 700;
color: var(--siyah);
}
.urunDetay .urunUst span font,
.urunDetay .urunUst strong font {
width: 80px;
height: auto;
overflow: hidden;
display: inline-table;
text-align: right;
font-weight: 400;
margin-right: 5px;
}
.urunDetay .urunUst strong p {
width: auto;
height: auto;
overflow: hidden;
display: inline-table;
font-weight: 400;
background: var(--turuncu);
padding: 4px 8px;
border-radius: 5px;
color: var(--beyazYazi);
font-size: 15px;
font-weight: 500;
}
.urunDetay .urunUst strong {
width: calc(400px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
font-size: 14px;
font-weight: 700;
color: var(--siyah);
}
.urunDetay .urunUst ul {
width: calc(400px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
margin: 20px 0px 0px 0px;
}
.urunDetay .urunUst ul h2.genelBaslik {
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
color: var(--siyah);
}
.urunDetay .urunUst ul h2.genelBaslik:after {
width: 60px;
}
.urunDetay .urunUst ul li {
width: calc(100% - 20px);
height: auto;
line-height: 1.6;
overflow: hidden;
position: relative;
font-size: 14px;
font-weight: 400;
color: var(--siyah);
list-style: none;
padding-left: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.urunDetay .urunUst ul li:after {
position: absolute;
content: "\f111";
font-family: "Font Awesome 6 Free";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
top: calc(50% - 1px);
left: 0px;
color: var(--turuncu);
font-size: 4px;
}

.urunDetay .urunUst .wpsip {
width: calc(400px - 62px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 5px 30px 17px 30px;
margin: 20px 0px 0px 0px;
border: 1px solid #4caf50;
-webkit-border-radius: 15px;
-webkit-border-bottom-right-radius: 60px;
-moz-border-radius: 15px;
-moz-border-radius-bottomright: 60px;
border-radius: 15px;
border-bottom-right-radius: 60px;
-webkit-transition: all .50s;
-moz-transition: all .50s;
-ms-transition: all .50s;
-o-transition: all .50s;
transition: all .50s;
}
.urunDetay .urunUst .wpsip:hover {
border: 1px solid #4caf50;
background: #4caf50;
}
.urunDetay .urunUst .wpsip a {
display: block;
}
.urunDetay .urunUst .wpsip i {
width: 50px;
height: 50px;
line-height: 50px;
overflow: hidden;
display: block;
float: left;
text-align: center;
font-size: 40px;
margin-right: 15px;
color: #4caf50;
}
.urunDetay .urunUst .wpsip strong {
width: calc(100% - 65px);
height: 50px;
line-height: 52px;
overflow: hidden;
display: block;
font-size: 26px;
font-weight: 700;
color: #4caf50;
}
.urunDetay .urunUst .wpsip span {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
font-size: 11px;
font-weight: 400;
color: var(--siyah);
}
.urunDetay .urunUst .wpsip i,
.urunDetay .urunUst .wpsip strong,
.urunDetay .urunUst .wpsip span {
-webkit-transition: all .50s;
-moz-transition: all .50s;
-ms-transition: all .50s;
-o-transition: all .50s;
transition: all .50s;
}
.urunDetay .urunUst .wpsip:hover i,
.urunDetay .urunUst .wpsip:hover strong,
.urunDetay .urunUst .wpsip:hover span {
color: #ffffff;
}




.urunDetay .urunAlt {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.tabSistemi {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
margin: 30px 0px 0px 0px;
}
.tabSistemi ul#tab-button {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
text-align: center;
display: block;
overflow: hidden;
background: #eaeaea;
}
.tabSistemi ul#tab-button li {
width: calc(33.333% - 0px);
height: 52px;
line-height: 52px;
display: block;
overflow: hidden;
position: relative;
text-align: center;
float: left;
}
.tabSistemi ul#tab-button li a {
width: auto;
height: 52px;
overflow: hidden;
display: block;
position: relative;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
color: var(--siyah);
text-decoration: none;
padding: 0px 0px;
}
.tabSistemi ul#tab-button li a:hover,
.tabSistemi ul#tab-button .is-active a {
color: var(--turuncu);
font-weight: 500;
}

.tabSistemi .tabDiv {
width: calc(100% - 42px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 20px 20px 20px 20px;
border-bottom: 1px solid var(--border);
border-left: 1px solid var(--border);
border-right: 1px solid var(--border);
-webkit-border-bottom-right-radius: 60px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 60px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 60px;
border-bottom-left-radius: 15px;
}
.tabSistemi .img-gallery-magnific {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.tabSistemi .img-gallery-magnific .magnific-img {
width: calc(25% - 57px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
padding: 20px 20px 20px 20px;
margin: 0px 20px 20px 0px;
border: 1px solid #eaeaea;
}
.tabSistemi .img-gallery-magnific .magnific-img:nth-of-type(4n) {
margin: 0px 0px 20px 0px;
}
.tabDiv .iletisimSag {
width: calc(100% - 0px);
float: none;
margin-top: 0px;
}

.pagination {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 30px;
text-align: center;
}
.pagination a, .pagination span {
width: auto;
height: 36px;
line-height: 36px;
overflow: hidden;
display: inline-block;
margin-right: 5px;
background: var(--border);
font-size: 14px;
font-weight: 400;
color: var(--siyah);
padding: 0px 16px 0px 14px;
-webkit-border-radius: 10px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius: 10px;
-moz-border-radius-bottomright: 30px;
border-radius: 10px;
border-bottom-right-radius: 30px;
}
.pagination span, .pagination a:hover {
background: var(--turuncu);
color: var(--beyazYazi);
}
.pagination a:last-child {
margin-right: 0px;
}










.lacivertfbg {
width: calc(100% - 0px);
height: auto;
display: block;
position: relative;
margin: -140px 0px 0px 0px;
padding: 75px 0px 75px 0px;
background: var(--lacivert);
z-index: 1;
}
.eBultenAbone {
width: calc(100% - 120px);
height: auto;
max-width: calc(1180px - 120px);
overflow: hidden;
display: block;
position: relative;
background: var(--turuncu);
margin: 90px auto 0px auto;
padding: 60px 60px 60px 60px;
-webkit-border-radius: 15px;
-webkit-border-bottom-right-radius: 60px;
-moz-border-radius: 15px;
-moz-border-radius-bottomright: 60px;
border-radius: 15px;
border-bottom-right-radius: 60px;
z-index: 2;
}
.eBultenAbone strong {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
font-size: 36px;
font-weight: 700;
color: var(--beyazYazi);
text-align: center;
z-index: 3;
}
.eBultenAbone span {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
position: relative;
display: block;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
color: var(--beyazYazi);
font-size: 14px;
font-weight: 400;
line-height: 1.4;
letter-spacing: 0px;
text-align: center;
z-index: 3;
}

.eBultenAbone .einput {
width: auto;
max-width: 370px;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px auto;
padding: 0px 0px 0px 0px;
text-align: center;
z-index: 3;
}
.eBultenAbone input {
width: calc(100% - 70px);
max-width: 300px;
height: 50px;
line-height: 52px;
overflow: hidden;
display: inline-table;
position: relative;
font-size: 16px;
font-weight: 700;
color: var(--siyah);
background: #ffffff;
border: 0;
padding: 0 50px 0 20px;
margin: 0px auto;
outline: none;
border-radius: 5px;
}
.eBultenAbone input::placeholder{
color: var(--siyah);
opacity: 0.3;
}
.eBultenAbone button {
position: absolute;
width: 50px;
height: 50px;
line-height: 52px;
font-size: 28px;
color: var(--turuncu);
background: 0 0;
display: inline-table;
padding: 0;
border: 0;
text-align: center;
outline: none;
cursor: pointer;
right: 0px;
z-index: 9;
}
.eBultenAbone p {
width: 100%;
height: auto;
line-height: 2;
overflow: hidden;
display: block;
font-size: 12px;
font-weight: 300;
color: #ffffff;
margin-top: 15px;
text-align: center;
}

footer.footer {
width: calc(100% - 0px);
height: 100%;
display: block;
position: relative;
overflow: hidden;
margin: 0px 0px 0px 0px;
padding: 50px 0px 100px 0px;
background: var(--lacivert);
}
footer.footer .siteyiOrtala {
overflow: hidden;
}
footer.footer .nav {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 20px;
z-index: 99;
}
footer.footer .nav:last-child {
padding-right: 0px;
}
footer.footer .nav:before {
width: calc(100% - 0px);
height: 12px;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 6px;
right: -5px;
background-color: transparent;
opacity: 1;
background-image: linear-gradient(
135deg, #bfbfbf 25%, transparent 25%), linear-gradient(
225deg, #bfbfbf 25%, transparent 25%), linear-gradient(
45deg, #bfbfbf 25%, transparent 25%), linear-gradient(
315deg, #bfbfbf 25%, transparent 25%);
background-position: 3px 0, 3px 0, 0 0, 0 0;
background-size: 3px 3px;
background-repeat: repeat;
}
footer.footer .nav:nth-of-type(1n):before,
footer.footer .nav:nth-of-type(2n):before,
footer.footer .nav:nth-of-type(3n):before,
footer.footer .nav:nth-of-type(4n):before {
display: none;
}
footer.footer .nav h4 {
width: auto;
height: 24px;
line-height: 24px;
overflow: hidden;
display: inline-block;
position: relative;
font-size: 16px;
font-weight: 700;
color: var(--siyah);
background: #ffffff;
padding-right: 15px;
}
footer.footer .nav:nth-of-type(1n) h4,
footer.footer .nav:nth-of-type(2n) h4,
footer.footer .nav:nth-of-type(3n) h4,
footer.footer .nav:nth-of-type(4n) h4 {
display: none;
}
footer.footer .nav ul {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: center;
}
footer.footer .footerAciklama {
margin-top: 15px;
padding-top: 40px;
border-top: 1px solid rgb(255 255 255 / 10%);
}
footer.footer .footerAciklama div {
width: calc(33.333% - 20px);
float: left;
margin-right: 30px;
}
footer.footer .footerAciklama div:last-child {
margin-right: 0px;
}
footer.footer .footerAciklama strong {
width: calc(100% - 0px);
overflow: hidden;
display: block;
color: var(--beyazYazi);
margin-top: 0px;
margin-bottom: 5px;
}
footer.footer .footerAciklama strong:nth-of-type(2n),
footer.footer .footerAciklama strong:nth-of-type(3n) {
margin-top: 20px;
}
footer.footer .footerAciklama span {
width: calc(100% - 0px);
overflow: hidden;
display: block;
color: var(--beyazYazi);
font-weight: 400;
opacity: 1;
padding-right: 0px;
}
footer.footer .footerAciklama a {
width: calc(100% - 0px);
overflow: hidden;
display: block;
color: var(--beyazYazi);
font-weight: 400;
opacity: 1;
font-size: 14px!important;
}
footer.footer .footerAciklama a:hover {
color: var(--turuncu);
}
footer.footer .nav ul li {
width: auto;
height: auto;
line-height: 1.8;
overflow: hidden;
display: inline-block;
list-style: none;
margin-right: 15px;
}
footer.footer .nav ul li:last-child {
margin-right: 0px;
}
footer.footer .nav ul li a {
font-size: 14px;
font-weight: 400;
color: var(--beyazYazi);
}
footer.footer .nav ul li a:hover {
color: var(--turuncu);
}
footer.footer .nav .adresBilgileri {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 15px;
}
footer.footer .footerLogo {
width: auto;
height: auto;
max-width: 153px;
max-height: 45px;
overflow: hidden;
display: inline-block;
float: left;
}
footer.footer .footerLogo img {
width: 100%;
height: auto;
}
footer.footer .nav .adresBilgileri div {
width: 100%;
height: auto;
overflow: hidden;
display: block;
}
footer.footer .nav .adresBilgileri p {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 14px;
line-height: 1.6;
font-weight: 300;
color: var(--beyazYazi);
}
.fSosyal {
width: 100%;
height: 20px;
overflow: hidden;
display: block;
position: relative;
text-align: center;
margin-top: 30px;
}
.fSosyal a {
width: auto;
height: auto;
overflow: hidden;
display: inline-block;
position: relative;
color: var(--beyazYazi);
margin-right: 20px;
opacity: 0.8;
}
.fSosyal a:last-child {
margin-right: 0px;
}
.fSosyal a i {
width: auto;
height: auto;
overflow: hidden;
display: block;
font-size: 16px;
line-height: 20px;
}
.fSosyal a:hover {
color: var(--turuncu);
opacity: 1;
}

.footerBg {
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
height: 100%;  min-height: 100%;
max-height: 100%;
z-index: 2;
}
.footerBg:before {
content: '';
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
height: 100%;
min-height: 100%;
max-height: 100%;
width: 100%;
opacity: .8;
background-image: url(images/fbg.svg);
background-position: center bottom;
z-index: -10;
}

@media screen and (min-width: 981px) and (max-width: 1366px) {
.sliderAlani .sliderIcerik {
height: 100%;
}
.sliderAlani .sliderIcerik strong {
font-size: 38px;
}
.sliderAlani .sliderIcerik span {
font-size: 14px;
font-weight: 400;
line-height: 1.6;
}
.sliderAlani .sliderIcerik a {
height: 38px;
line-height: 38px;
font-size: 14px;
}
.sliderAlani figure img {
width: 100%;
height: auto;
}
.sliderIleri,
.sliderGeri {
width: 38px;
height: 38px;
line-height: 44px;
top: calc(100% - 85px);
}
.sliderGeri {
left: calc(100% - 140px);
}
.sliderIleri i,
.sliderGeri i {
font-size: 22px;
}
.anaHizmetler {
width: calc(100% - 40px);
max-width: calc(100% - 40px);
margin: 90px 0px 0px 0px;
padding: 100px 20px 100px 20px;
}
}

@media screen and (min-width: 981px) and (max-width: 1200px) {
header {
display: block;
}
header .logo {
width: calc(100% - 25px);
float: none;
margin-right: 0px;
text-align: center;
}
header .headerMenu {
width: calc(100% - 25px);
}

.eBultenAbone {
-webkit-border-bottom-left-radius: 60px;
-moz-border-radius-bottomleft: 60px;
}
}

@media screen and (max-width: 980px) {
h2.genelBaslik {
font-size: 28px;
}
.ustSol {
width: calc(100% - 0px);
height: auto;
line-height: 1.4;
float: none;
margin-right: 0px;
text-align: center;
}
.ustSag {
display: none;
}
.ustSol h1 {
font-size: 14px;
font-weight: 400;
}
header {
display: block;
overflow: hidden;
padding: 20px 20px;
}
header .logo {
width: calc(100% - 25px);
margin-right: 0px;
text-align: center;
}
header .headerMenu {
display: none;
}
.sliderAlani .sliderIcerik {
height: 100%;
}
.sliderAlani .sliderIcerik strong {
font-size: 28px;
}
.sliderAlani .sliderIcerik span {
font-size: 14px;
font-weight: 300;
line-height: 1.6;
margin: 10px 0px;
}
.sliderAlani .sliderIcerik a {
height: 32px;
line-height: 32px;
font-size: 14px;
}
.sliderAlani figure img {
width: 100%;
height: auto;
}
.sliderIleri,
.sliderGeri {
width: 32px;
height: 32px;
line-height: 34px;
top: calc(100% - 65px);
}
.sliderIleri {
right: 20px;
}
.sliderGeri {
left: calc(100% - 100px);
}
.sliderIleri i,
.sliderGeri i {
font-size: 16px;
}
.anaHizmetler {
width: calc(100% - 40px);
max-width: calc(100% - 40px);
padding: 100px 20px 100px 20px;
}
.anaHakkimizda .hakIc {
width: calc(100% - 0px);
float: none;
margin-right: 0px;
}
.anaHakkimizda figure {
width: calc(100% - 0px);
float: none;
height: auto;
display: none;
}

.anaHizmetler .hizmetBaslik {
width: calc(100% - 0px);
margin-bottom: 30px;
}
.anaHizmetler .hizmetListesi {
width: calc(100% - 0px);
max-width: 100%;
}
.anaHizmetler:before,
.anaHizmetler:after {
width: 100%;
}
.anaHizmetler .hizmetBaslik h2 {
width: calc(30% - 0px);
font-size: 28px;
}
.anaHizmetler .hizmetBaslik p {
width: calc(50% - 0px);
line-height: 1.4;
font-size: 14px;
font-weight: 300;
-webkit-line-clamp: 3;
margin: 15px 0px 0px 0px;
}
.anaHizmetler .hizmetListesi .swiper-slide div {
padding: 30px 30px 30px 30px;
}
.hizmetButonlar {
position: absolute;
margin-top: 0px;
top: -80px;
right: 0px;
}
.hizmetButonlar .hizmetIleri,
.hizmetButonlar .hizmetGeri {
width: 32px;
height: 32px;
line-height: 34px;
}
.hizmetButonlar .hizmetIleri i,
.hizmetButonlar .hizmetGeri i {
font-size: 16px;
}
.urunButonlar,
.galeriButonlar,
.refButonlar {
top: 2px;
}
.urunButonlar .urunIleri,
.urunButonlar .urunGeri,
.galeriButonlar .aglrIleri,
.galeriButonlar .aglrGeri,
.refButonlar .refIleri,
.refButonlar .refGeri {
width: 32px;
height: 32px;
line-height: 34px;
}
.urunButonlar .urunIleri i,
.urunButonlar .urunGeri i,
.galeriButonlar .aglrIleri i,
.galeriButonlar .aglrGeri i,
.refButonlar .refIleri i,
.refButonlar .refGeri i {
font-size: 16px;
}
figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
display: none;
}
.anasayfaBlog .anaBlog {
width: calc(100% - 32px);
float: none;
margin: 0px 0px 20px 0px;
}
.anasayfaBlog .anaBlog:nth-of-type(2n) {
margin: 0px 0px 20px 0px;
}
.anasayfaBlog .anaBlog:nth-of-type(3n) {
margin: 0px 0px 20px 0px;
}
.anasayfaBlog .anaBlog:nth-of-type(4n) {
margin: 0px 0px 0px 0px;
}

.ekibimizSayfasi .ekipListe {
width: calc(33.333% - 25px);
margin: 30px 30px 0px 0px;
padding: 0px 0px 20px 0px;
}
.ekibimizSayfasi .ekipListe:nth-of-type(3n) {
margin: 30px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}
.ekibimizSayfasi .ekipListe:nth-of-type(4n) {
margin: 30px 30px 0px 0px;
padding: 0px 0px 20px 0px;
}

.sayfaMarkalar .saymarka {
width: calc(33.333% - 20px);
}
.sayfaMarkalar .saymarka:nth-of-type(3n) {
margin-right: 0px;
}
.siteSol {
width: calc(100% - 0px);
margin-right: 0px;
}
.siteSag {
width: calc(100% - 0px);
}
.sagKategori {
display: none;
}

.iletisimSag {
width: calc(100% - 0px);
}
.iletisimSol {
width: calc(100% - 0px);
margin-right: 0px;
}





.eBultenAbone {
-webkit-border-bottom-left-radius: 60px;
-moz-border-radius-bottomleft: 60px;
}
footer.footer .nav {
width: calc(100% - 0px);
float: none;
margin-right: 0px;
margin-top: 15px;
}
footer.footer .nav h4 {
width: calc(100% - 30px);
height: 50px;
line-height: 50px;
overflow: hidden;
display: block;
cursor: pointer;
background: rgb(255 255 255 / 80%);
padding: 0px 15px;
font-size: 16px;
border-radius: 20px;
color: #18435a;
}
footer.footer .nav:nth-of-type(1n) h4 {
display: block;
}
footer.footer .nav ul {
width: calc(100% - 0px);
padding: 0px 0px;
max-height: 0;
overflow:hidden;
transition: max-height 0.5s ease-out;
margin-top: 20px;
}
footer.footer .nav ul li {
width: calc(50% - 10px);
line-height: 1.8;
margin-right: 15px;
float: left;
line-height: 2;
}
footer.footer .nav ul li:nth-of-type(2n) {
margin-right: 0px;
}
footer.footer .nav:nth-of-type(2n) ul,
footer.footer .nav:nth-of-type(3n) ul {
width: calc(100% - 30px);
padding: 0px 15px;
}
footer.footer .nav h4:after {
width: 20px!important;
height: auto;
content: "+";
float: right;
background: transparent;
left: calc(100% - 20px);
}
footer.footer .nav.open h4:after {
content: "-";
width: 20px!important;
height: auto;
float: right;
background: transparent;
left: calc(100% - 20px);
}
footer.footer .nav.open ul {
height:auto;
max-height: 500px;
transition: max-height 0.5s ease-in !important;
}
footer.footer .nav:last-child h4 {
display: block;
}
footer.footer .nav ul li:last-child {
margin-bottom: 15px;
}
footer.footer .nav .adresBilgileri {
margin-bottom: 0px;
}
footer.footer .footerAciklama {
margin-top: 5px;
padding-top: 0px;
border-top: 0px;
}
footer.footer .footerAciklama div {
width: calc(50% - 10px);
float: left;
margin-right: 20px;
}
footer.footer .footerAciklama div:nth-of-type(2n) {
margin-right: 0px;
}
footer.footer .footerAciklama div:nth-of-type(3n),
footer.footer .footerAciklama div:nth-of-type(4n) {
border-top: 1px solid rgb(255 255 255 / 10%);
margin-top: 20px;
padding-top: 20px;
}
}

@media screen and (max-width: 768px) {
.ustBosluk {
margin-top: 45px;
}
.sliderAlani .sliderIcerik span,
.sliderAlani .sliderIcerik a {
display: none;
}
.sliderAlani figure img {
width: 100%;
height: 320px;
}
.sliderAlani .sliderIcerik strong {
width: calc(100% - 0px);
}
.anaHaber .haber {
width: calc(100% - 2px);
float: none;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
.anaHaber .haber:nth-of-type(3n) {
margin: 0px 0px 0px 0px;
}
.anaHaber .haber p {
width: calc(100% - 50px);
}
.anaHizmetPaketi .hizmetPaket {
width: calc(100% - 42px);
float: none;
margin: 0px 0px 20px 0px;
padding: 30px 20px 30px 20px;
}
.anaHizmetPaketi .hizmetPaket:last-child {
margin: 0px 0px 0px 0px;
}

.ekibimizSayfasi .ekipListe {
width: calc(50% - 25px);
margin: 30px 30px 0px 0px;
padding: 0px 0px 20px 0px;
}
.ekibimizSayfasi .ekipListe:nth-of-type(2n) {
margin: 30px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}
.ekibimizSayfasi .ekipListe:nth-of-type(3n) {
margin: 30px 30px 0px 0px;
padding: 0px 0px 20px 0px;
}
.ekibimizSayfasi .ekipListe:nth-of-type(4n),
.ekibimizSayfasi .ekipListe:nth-of-type(6n) {
margin: 30px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}

.hesapnumSayfa .bankaListele {
width: calc(100% - 42px);
float: none;
margin: 30px 0px 0px 0px;
}
.hesapnumSayfa .bankaListele:nth-of-type(2n) {
margin: 30px 0px 0px 0px;
}
.hesapnumSayfa .bankaListele figure {
margin-bottom: 10px;
}
.hesapnumSayfa .bankaListele figure img {
max-height: 52px;
}

.kategoriUrunler .katUrun {
width: calc(50% - 15px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 30px;
margin-top: 30px;
}
.kategoriUrunler .katUrun:nth-of-type(2n) {
margin-right: 0px;
}

.iletisimSol .akordiyonIcerik ul li {
width: calc(100% - 0px);
margin: 0px 0px 5px 0px;
}

.oneCikan .hbrTarih {
width: calc(100% - 0px);
margin: 0px 0px 0px 0px;
float: none;
height: auto;
line-height: 32px;
text-align: center;
}
.oneCikan .sosyalMedya {
width: calc(100% - 0px);
height: 32px;
margin: 0px 0px 20px 0px;
text-align: center;
float: none;
}
.urunDetay .urunUst figure {
width: calc(100% - 40px);
border-right: 0px;
}
.urunDetay .urunUst span,
.urunDetay .urunUst strong,
.urunDetay .urunUst ul {
width: calc(100% - 0px);
}
.urunDetay .urunUst figure img {
max-width: 350px;
}

.tabSistemi ul#tab-button li {
width: calc(100% - 40px);
display: block;
text-align: left;
padding: 0px 20px;
}

.tabSistemi .img-gallery-magnific .magnific-img {
width: calc(50% - 52px);
}
.tabSistemi .img-gallery-magnific .magnific-img:nth-of-type(2n) {
margin: 0px 0px 20px 0px;
}

.anasayfaGaleri .sayfaiciGaleri .magnific-img {
width: calc(50% - 8px);
margin: 15px 15px 0px 0px;
}
.anasayfaGaleri .sayfaiciGaleri .magnific-img:nth-of-type(2n),
.anasayfaGaleri .sayfaiciGaleri .magnific-img:nth-of-type(4n) {
margin: 15px 0px 0px 0px;
}
.anasayfaGaleri .sayfaiciGaleri .magnific-img figure img {
height: 175px;
}

.eBultenAbone {
width: calc(100% - 80px);
max-width: calc(1180px - 80px);
margin: 45px auto 0px auto;
padding: 40px 40px 40px 40px;
}
.eBultenAbone strong {
font-size: 28px;
}
footer.footer {
padding: 20px 0px 50px 0px;
}
footer.footer .nav .adresBilgileri {
margin: 0px 0px 0px 0px;
}
footer.footer .nav:nth-of-type(3n) ul {
margin: 0px 0px 0px 0px;
}
footer.footer .footerAciklama div {
width: calc(100% - 0px);
float: none;
margin-right: 0px;
}
footer.footer .footerAciklama div:nth-of-type(2n),
footer.footer .footerAciklama div:nth-of-type(3n),
footer.footer .footerAciklama div:nth-of-type(4n) {
border-top: 1px solid rgb(255 255 255 / 10%);
margin-top: 20px;
padding-top: 20px;
}
}

@media screen and (max-width: 500px) {
.alaniOrtala {
width: calc(100% - 20px);
max-width: calc(1180px - 20px);
padding: 0px 10px;
}
.siteyiOrtala {
width: calc(100% - 20px);
max-width: calc(1180px - 20px);
padding: 0px 10px;
}
header .logo img {
width: auto;
height: 40px;
}
.menuEk {
height: 40px!important;
line-height: 40px!important;
}
.araclar__btn {
top: 20px!important;
}
.sliderAlani figure img {
width: 100%;
height: 280px;
}
.anaHaber .haber figure img {
max-height: 180px;
}
.anaHaber .haber figcaption {
font-size: 16px;
}
h2.genelBaslik {
font-size: 18px;
margin-bottom: 15px;
}
h2.genelBaslik:after {
width: 15%;
}
.istatistikAlani .anaistatistik {
font-size: 32px;
}
.istatistikAlani .istatistikGenel strong {
font-size: 14px;
}
.istatistikAlani .istatistikGenel {
width: calc(33.333% - 21px);
padding: 0px 10px 0px 10px;
}
.anaHizmetler .hizmetBaslik h2 {
width: calc(60% - 0px);
}
.anaHizmetler .hizmetBaslik p {
width: calc(90% - 0px);
}
.urunButonlar,
.galeriButonlar,
.refButonlar {
top: 2px;
}
.urunButonlar .urunIleri,
.urunButonlar .urunGeri,
.galeriButonlar .aglrIleri,
.galeriButonlar .aglrGeri,
.refButonlar .refIleri,
.refButonlar .refGeri {
width: 26px;
height: 26px;
line-height: 28px;
}
.urunButonlar .urunIleri i,
.urunButonlar .urunGeri i,
.galeriButonlar .aglrIleri i,
.galeriButonlar .aglrGeri i,
.refButonlar .refIleri i,
.refButonlar .refGeri i {
font-size: 14px;
}
.anasayfaBlog .anaBlog figure {
width: 100%;
float: none;
margin-right: 0px;
border-radius: 15px;
}
.anasayfaBlog .anaBlog figure img {
width: 100%;
height: 150px;
}
.anasayfaBlog .anaBlog figcaption {
width: calc(100% - 0px);
font-size: 16px;
font-weight: 700;
margin-top: 10px;
}
.anasayfaBlog .anaBlog p {
width: calc(100% - 0px);
}
.ekibimizSayfasi .ekipListe figcaption {
font-size: 14px;
}

.hesapnumSayfa .bankaListele ul li {
line-height: 1.4;
padding-bottom: 15px;
padding-top: 15px;
}
.hesapnumSayfa .bankaListele ul li strong,
.hesapnumSayfa .bankaListele ul li span {
width: 100%;
height: auto;
display: block;
overflow: hidden;
}
.hesapnumSayfa .bankaListele ul li span {
margin-left: 0px;
font-size: 12px;
margin-top: 5px;
}
.headerResim h2 {
font-size: 20px;
font-weight: 400;
}
.sayfaMarkalar .saymarka {
width: calc(50% - 15px);
}
.sayfaMarkalar .saymarka:nth-of-type(2n),
.sayfaMarkalar .saymarka:nth-of-type(6n) {
margin-right: 0px!important;
}
.sayfaMarkalar .saymarka:nth-of-type(3n) {
margin-right: 30px;
}

.haberListelesene .listeBlog figure {
width: 100%;
float: none;
margin-right: 0px;
border-radius: 15px;
}
.haberListelesene .listeBlog figure img {
width: 100%;
height: 150px;
}
.haberListelesene .listeBlog figcaption {
width: calc(100% - 0px);
font-size: 16px;
font-weight: 700;
margin-top: 10px;
}
.haberListelesene .listeBlog p {
width: calc(100% - 0px);
}

.anasayfaGaleri .magnific-img {
width: calc(100%);
margin: 15px 0px 0px 0px;
}
.anasayfaGaleri .magnific-img:nth-of-type(2n),
.anasayfaGaleri .magnific-img:nth-of-type(4n) {
margin: 15px 0px 0px 0px;
}
.anasayfaGaleri .magnific-img figure img {
height: auto;
}

footer .footerAlan {
padding: 0px;
}
footer .footerAlan:nth-of-type(1n),
footer .footerAlan:nth-of-type(2n),
footer .footerAlan:nth-of-type(3n) {
width: calc(100% - 0px);
}
footer .footerAlan:nth-of-type(2n) {
margin-bottom: 20px;
}
}


@media screen and (max-width: 360px) {
header .logo img {
width: auto;
height: 34px;
}
.menuEk {
height: 34px!important;
line-height: 34px!important;
}
.araclar__btn {
top: 16px!important;
}
}