/*
Theme Name: theWP - KURUMSAL
Theme URI: https://www.thewp.com.tr/yazilim/wordpress-kurumsal-tema-7
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: 7.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, V7, WordPress Kurumsal, WordPress Firma teması, Lojistik teması, Nakliyat 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;
}
:root {
--mavi: #005bac;
--turkuaz: #1eae98;
--turkuazkoyu: #1a8675;
--sari: #fcff71;
--yesil: #52810f;
--gri: #f2f2f2;
--siyah: #31373f;
--beyaz: #ffffff;
--site_font: "source_sans_proregular", 'Inter', sans-serif;
}
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body.firefox {
font-family: "source_sans_pro_lightregular", 'Inter', sans-serif;
}
body {
height: auto;
font-family: "source_sans_proregular", 'Inter', 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,p,font,figcaption,figure,img {
-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;
}
.temizle {
clear:both;
}
.ortala {
text-align: center;
}
.ust125 {
margin-top: 125px;
}
.alt125 {
margin-bottom: 125px;
}
.siteyiOrtala {
width: calc(100% - 40px);
max-width: calc(1540px - 40px);
height: auto;
display: block;
position: relative;
margin: 0px auto;
padding: 0px 20px;
}
.siteyiOrtalahidden {
width: calc(100% - 40px);
max-width: calc(1540px - 40px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px auto;
padding: 0px 20px;
}
.sayfaOrtala {
width: calc(100% - 40px);
max-width: calc(1280px - 40px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px auto;
padding: 0px 20px;
}

header {
width: calc(100% - 0px);
height: auto;
display: table;
position: relative;
background: var(--beyaz);
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
box-shadow: 0 4px 6px 0.1px rgba(0,0,0,.10);
}


header .logo {
width: 200px;
height: 50px;
overflow: hidden;
display: block;
float: left;
margin: 20px 0px 20px 0px;
}
header .logo img {
width: auto;
height: 50px;
overflow: hidden;
display: block;
}

header .siteMenu {
width: calc(100% - 560px);
height: 50px;
display: block;
position: relative;
float: left;
margin: 20px 0px 20px 0px;
}

header .siteMenu ul {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
header .siteMenu ul li {
width: auto;
height: 50px;
line-height: 50px;
display: inline-block;
text-align: left;
position: relative;
margin: 0px 15px 0px 15px;
}
header .siteMenu ul li a {
font-size: 16px;
font-weight: 400;
color: var(--siyah);
display: block;
position: relative;
overflow: hidden;
}
header .siteMenu ul li a:after {
width: 100%;
height: 2px;
overflow: hidden;
display: none;
position: absolute;
content: "";
background: var(--turkuaz);
bottom: 0px;
left: 0px;
animation: ullia 1s ease 0s 1 normal forwards;
}
header .siteMenu ul li a:hover:after {
display: block;
}
@keyframes ullia {
0% {
opacity: 0;
transform: translateX(-100%);
}

100% {
opacity: 1;
transform: translateX(0);
}
}
header .siteMenu ul li a:hover {
color: var(--turkuaz);
}

header .siteMenu ul li ul {
width: auto;
z-index: 99999;
display: none;
position: absolute;
top: 50px;
padding: 20px 0px 20px 30px;
background: var(--siyah);
animation: altMenu 1s ease 0s 1 normal forwards;
}
@keyframes altMenu {
0% {
transform: scaleY(0);
transform-origin: 100% 0%;
}
100% {
transform: scaleY(1);
transform-origin: 100% 0%;
}
}
header .siteMenu ul li ul li {
width:auto;
min-width: 180px;
height: 36px;
line-height: 36px;
border: 0px;
margin-left: 0px;
margin-top: 0px;
float: none;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
}
header .siteMenu ul li ul li a {
width: auto;
height: auto;
font-size: 14px;
font-weight: 300!important;
overflow: hidden;
display: inline-block;
position: relative;
margin: 0px 0px;
color: var(--beyaz);
padding: 0px 30px 0px 0px;
}
header .siteMenu ul li ul li a:after {
width: calc(100% - 30px);
left: 0px;
}

header .siteMenu ul li ul li a:hover {
color: var(--beyaz);
opacity: 0.7;
}
header .siteMenu ul li:hover > ul {
display:inherit;
}
header .siteMenu ul ul li ul {
position: relative;
top:-36px;
left:230px;
}

header .telefon {
width: calc(260px - 60px);
height: 50px;
overflow: hidden;
display: block;
position: relative;
background: var(--turkuaz);
margin: 0px 0px 0px 0px;
padding: 20px 30px 20px 30px;
float: left;
}
header .telefon i {
width: auto;
height: auto;
overflow: hidden;
display: block;
font-size: 3em;
color: var(--beyaz);
position: relative;
float: left;
margin-right: 13px;
}
header .telefon span {
width: calc(100% - 55px);
height: auto;
line-height: 18px;
overflow: hidden;
display: block;
margin-top: 1px;
font-size: 16px;
font-weight: 300;
color: var(--beyaz);
}
header .telefon strong {
width: calc(100% - 55px);
height: auto;
line-height: 22px;
overflow: hidden;
display: block;
margin-top: 2px;
font-size: 17px;
font-weight: 700;
color: var(--beyaz);
}

.ikiliKutu {
width: calc(960px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: -52px auto 0px auto;
z-index: 99;
}
.ikiliKutu .kutu {
width: calc(50% - 150px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
padding: 45px 30px 45px 120px;
background: var(--turkuaz);
}
.ikiliKutu .kutu:last-child {
background: var(--siyah);
}
.ikiliKutu .kutu i {
width: 70px;
height: auto;
overflow: hidden;
display: inline-table;
font-size: 4em;
color: var(--beyaz);
position: absolute;
top: calc(50% - 28px);
left: 25px;
text-align: center;
}
.ikiliKutu .kutu strong {
font-size: 22px;
font-weight: 700;
color: var(--beyaz);
display: block;
margin-bottom: 5px;
}
.ikiliKutu .kutu p {
overflow: hidden;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
color: var(--beyaz);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

#hakkimizda {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#hakkimizda .yazi {
width: calc(40% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
}
#hakkimizda .yazi h3 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
letter-spacing: .2em;
font-size: 18px;
font-weight: 600;
color: var(--turkuaz);
}
#hakkimizda .yazi h2 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 48px;
font-weight: 900;
color: var(--siyah);
margin: 15px 0px 30px 0px;
}
#hakkimizda .yazi p {
width: 100%;
height: auto;
line-height: 1.6;
overflow: hidden;
font-size: 18px;
font-weight: 400;
color: var(--siyah);
margin: 0px 0px 45px 0px;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
#hakkimizda .yazi blockquote {
width: calc(100% - 45px);
height: auto;
overflow: hidden;
display: block;
margin: 0px 0px 45px 0px;
padding: 10px 10px 10px 30px;
border-left: 5px solid var(--turkuaz);
}
#hakkimizda .yazi blockquote p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 18px;
font-weight: 400;
color: var(--siyah);
-webkit-line-clamp: 3;
}
#hakkimizda .yazi a.devami {
width: auto;
height: 60px;
line-height: 60px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 0px 30px 0px 0px;
padding: 0px 30px 0px 30px;
transition: all 900ms ease;
float: left;
background-image: linear-gradient(to left,
var(--turkuaz),
var(--turkuaz) 50%,
var(--siyah) 50%,
var(--siyah));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
}
#hakkimizda .yazi a.devami i {
font-size: 14px;
padding-left: 5px;
}
#hakkimizda .yazi a.devami:hover {
background-position: 0 0;
color: var(--beyaz);
}
#hakkimizda .yazi a.telefon {
width: auto;
height: 60px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
padding-left: 10px;
}
#hakkimizda .yazi a.telefon i {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 24px;
display: table;
overflow: hidden;
position: relative;
text-align: center;
border-radius: 100%;
background: var(--gri);
color: var(--siyah);
float: left;
margin-right: 10px;
transition: all .25s ease-in;
}
#hakkimizda .yazi a.telefon span {
width: auto;
height: 60px;
line-height: 60px;
font-size: 18px;
font-weight: 700;
display: table;
overflow: hidden;
position: relative;
color: var(--siyah);
}
#hakkimizda .yazi a.telefon:hover i {
color: var(--turkuaz);
animation: shake 2s ease 0s 1 normal forwards;
}
#hakkimizda .yazi a.telefon:hover span {
color: var(--turkuaz);
}
@keyframes shake {
0%,
100% {
transform: rotate(0deg);
transform-origin: 50% 100%;
}
10% {
transform: rotate(2deg);
}
20%,
40%,
60% {
transform: rotate(-4deg);
}
30%,
50%,
70% {
transform: rotate(4deg);
}
80% {
transform: rotate(-2deg);
}
90% {
transform: rotate(2deg);
}
}

#hakkimizda .resim {
width: calc(35% - 60px);
height: 585px;
max-height: 585px;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 0px 45px;
}
#hakkimizda .resim img {
width: 100%;
height: 100%;
overflow: hidden;
display: block;
}
#hakkimizda .sayac {
width: 25%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#hakkimizda .sayac .sayacic {
width: calc(100% - 2px);
height: 193px;
overflow: hidden;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 1px dashed #000000;
border-left: 1px dashed #000000;
border-right: 1px dashed #000000;
border-top: 1px dashed #000000;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#hakkimizda .sayac .sayacic:nth-of-type(2n) {
border-top: 0px;
}
#hakkimizda .sayac .sayacic:nth-of-type(3n) {
border-top: 0px;
}
#hakkimizda .sayac .sayacic .anaistatistik {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 3em;
font-weight: 900;
color: var(--turkuaz);
line-height: 1.8;
}
#hakkimizda .sayac .sayacic span {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 18px;
font-weight: 400;
color: var(--siyah);
}

#anailetisim {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 60px 0px 60px 0px;
background: var(--siyah);
}
#anailetisim .siteyiOrtalahidden {
max-width: calc(1040px - 40px);
}
#anailetisim p {
width: calc(100% - 203px);
height: auto;
line-height: 1.5;
overflow: hidden;
display: block;
position: relative;
font-size: 24px;
font-weight: 500;
color: var(--beyaz);
float: left;
padding-right: 50px;
}
#anailetisim a.anaillink {
width: auto;
height: 60px;
line-height: 60px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 6px 0px 0px 30px;
padding: 0px 30px 0px 30px;
transition: all 900ms ease;
background-image: linear-gradient(to left,
var(--turkuaz),
var(--turkuaz) 50%,
var(--beyaz) 50%,
var(--beyaz));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
}
#anailetisim a.anaillink:hover {
background-position: 0 0;
color: var(--turkuaz);
}


#nasilcalisiyoruz {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 120px 0px 120px 0px;
background-size: cover!important;
}
#nasilcalisiyoruz:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
display: block;
align-items: center;
z-index: 2;
background: rgb(49 55 63 / 96%);
}
/*#nasilcalisiyoruz:before {
width: calc(100% - 0px);
height: 100%;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0;
right: 0;
background-image: url(images/maps.png);
background-position: 100% 44px;
background-repeat: no-repeat;
opacity: 1;
}*/
#nasilcalisiyoruz .baslik {
display:flex;
position: relative;
z-index: 9;
}
#nasilcalisiyoruz .baslik > * {
width: calc(100% / 3);
padding: 0px 100px 0px 0px;
}
#nasilcalisiyoruz .baslik h2 {
height: auto;
overflow: hidden;
display: block;
font-size: 48px;
font-weight: 900;
color: var(--beyaz);
float: left;
margin: 0px 0px 0px 0px;
}
#nasilcalisiyoruz .baslik p {
height: auto;
line-height: 1.5;
overflow: hidden;
display: block;
position: relative;
font-size: 18px;
font-weight: 400;
color: var(--beyaz);
float: left;
padding: 0px 100px 0px 0px;
}
#nasilcalisiyoruz .baslik a.anaillink {
width: auto;
height: 60px;
line-height: 60px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: absolute;
right: 20px;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 9;
border: 0px;
outline: none;
cursor: pointer;
margin: 0px 0px 0px 0px;
padding: 0px 30px 0px 30px;
transition: all 900ms ease;
background-image: linear-gradient(to left,
var(--turkuaz),
var(--turkuaz) 50%,
var(--beyaz) 50%,
var(--beyaz));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
}
#nasilcalisiyoruz .baslik a.anaillink:hover {
background-position: 0 0;
color: var(--turkuaz);
}

#nasilcalisiyoruz .calisma {
width: calc(25% - 80px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 45px;
padding-right: 45px;
margin-top: 60px;
border-right: 1px dashed rgb(255 255 255 / 20%);
z-index: 9;
}
#nasilcalisiyoruz .calisma:nth-of-type(4n) {
margin-right: 0px;
border-right: 0px;
}
#nasilcalisiyoruz .calisma font {
display: block;
font-size: 6em;
font-weight: 900;
color: var(--turkuaz);
}
#nasilcalisiyoruz .calisma strong {
line-height: 1.5;
font-size: 18px;
font-weight: 700;
color: var(--beyaz);
}
#nasilcalisiyoruz .calisma p {
width: 100%;
height: auto;
line-height: 1.6;
overflow: hidden;
font-size: 18px;
font-weight: 400;
color: var(--beyaz);
margin: 10px 0px 0px 0px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}


#sorularVideo {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
}
#sorularVideo .anavideo {
width: calc(50% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: right;
margin-left: 30px;
}
#sorularVideo .anavideo .videogorsel {
width: 100%;
height: 655px;
overflow: hidden;
display: block;
position: relative;
background-size: cover !important;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 1s;
transition: -webkit-transform 1s;
-o-transition: transform 1s;
transition: transform 1s;
transition: transform 1s,-webkit-transform 1s;
}
#sorularVideo .anavideo:hover .videogorsel {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
#sorularVideo .anavideo .videogorsel:after {
width: 100%;
height: 100%;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0px;
left: 0px;
background: rgb(0 0 0 / 65%);
}
#sorularVideo .anavideo a {
width: 100%;
height: 100%;
overflow: hidden;
display: block;
position: relative;
cursor: pointer;
}
#sorularVideo .anavideo i {
width: 80px;
height: 80px;
line-height: 80px;
font-size: 80px;
display: table;
overflow: hidden;
position: absolute;
top: calc(50% - 40px);
color: rgba(255,255,255, 0.8);
border-radius: 100%;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 0px auto 0px auto;
left: 0px;
right: 0px;
padding: 0px 0px;
transition: all .5s;
text-align: center;
animation: ripple 2s linear infinite!important;
}
@keyframes ripple {
0% {
box-shadow: 0 0 0 3px rgba(255,255,255, 0.1),
0 0 0 10px rgba(255,255,255, 0.1),
0 0 0 6px rgba(255,255,255, 0.1);
}
100% {
box-shadow: 0 0 0 9px rgba(255,255,255, 0.2),
0 0 0 18px rgba(255,255,255, 0.2),
0 0 0 12px rgba(255,255,255, 0.2);
}
}
#sorularVideo .anavideo a:hover i {
color: rgba(255,255,255, 1);
transition: all .5s;
transform: scale(1.1);
}

.videoizlesene {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
}
.videoizlesene iframe {
width: calc(100% - 0px);
height: 500px;
overflow: hidden;
display: block;
}

#akordiyon .baslik {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
margin: 0px 0px 30px 0px;
}
#akordiyon .baslik h2 {
height: auto;
overflow: hidden;
display: block;
font-size: 48px;
font-weight: 900;
color: var(--turkuaz);
}
#akordiyon a.ssstumu {
width: auto;
height: 60px;
line-height: 60px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 30px 0px 0px 0px;
padding: 0px 30px 0px 30px;
transition: all 900ms ease;
background-image: linear-gradient(to left,
var(--turkuaz),
var(--turkuaz) 50%,
var(--siyah) 50%,
var(--siyah));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
}
#akordiyon a.ssstumu:hover {
background-position: 0 0;
color: var(--beyaz);
}
#akordiyon a.ssstumu i {
font-size: 14px;
padding-left: 5px;
}


#hizmetlerimiz {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
}
#hizmetlerimiz .hizmetlerimiz {
overflow: hidden;
display: block;
position: relative;
}
#hizmetlerimiz .hizmetlerimiz .swiper-slide {
overflow: hidden;
position: relative;
background: var(--siyah);
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
#hizmetlerimiz .hizmetlerimiz .swiper-slide:hover {
background: var(--turkuaz);
}
#hizmetlerimiz .hizmetlerimiz .swiper-slide img {
width: 100%;
height: 600px;
overflow: hidden;
display: block;
position: relative;
z-index: 3;
opacity: 0.5;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 1s;
transition: -webkit-transform 1s;
-o-transition: transform 1s;
transition: transform 1s;
transition: transform 1s,-webkit-transform 1s;
}
#hizmetlerimiz .hizmetlerimiz .swiper-slide:hover img {
opacity: 0.3;
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
#hizmetlerimiz .hizmetlerimiz .swiper-slide div {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
display: block;
position: absolute;
content: "";
bottom: 30px;
left: 0px;
z-index: 4;
padding: 0px 30px;
}
#hizmetlerimiz .hizmetlerimiz .swiper-slide div strong {
overflow: hidden;
display: block;
font-size: 24px;
font-weight: 700;
color: var(--beyaz);
margin: 0px 0px 0px 0px;
}
#hizmetlerimiz .hizmetlerimiz .swiper-slide:hover div strong {
animation: hizmetlerimizstrong 1s ease 0s 1 normal forwards;
margin: 0px 0px 15px 0px;
}
@keyframes hizmetlerimizstrong {
0% {
opacity: 0;
transform: translateY(30px);
}

100% {
opacity: 1;
transform: translateY(0);
}
}
#hizmetlerimiz .hizmetlerimiz .swiper-slide div p {
width: 100%;
height: auto;
line-height: 1.6;
overflow: hidden;
font-size: 16px;
font-weight: 400;
color: var(--beyaz);
margin: 0px 0px 0px 0px;
display: none;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin: 0px 0px 0px 0px;
animation: hizmetlerimizp 1s ease 0s 1 normal forwards;
}
#hizmetlerimiz .hizmetlerimiz .swiper-slide:hover div p {
display: -webkit-box;
}
@keyframes hizmetlerimizp {
0% {
opacity: 0;
transform: translateY(30px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}

#hizmetlerimiz .hizmetIleri,
#hizmetlerimiz .hizmetGeri {
width: 44px;
height: 44px;
line-height: 54px;
overflow: hidden;
display: block;
position: absolute;
content: "";
z-index: 12;
top: calc(50% - 28px);
border: 0px;
background: transparent;
text-align: center;
cursor: pointer;
transition: all 800ms ease;
border: 2px solid var(--beyaz);
}
#hizmetlerimiz .hizmetIleri i,
#hizmetlerimiz .hizmetGeri i {
color: var(--beyaz);
font-size: 28px;
transition: all 800ms ease;
}
#hizmetlerimiz .hizmetIleri {
right: 30px;
}
#hizmetlerimiz .hizmetGeri {
left: 30px;
}
#hizmetlerimiz .hizmetIleri:hover,
#hizmetlerimiz .hizmetGeri:hover {
color: var(--turkuaz);
background: var(--beyaz);
}
#hizmetlerimiz .hizmetIleri:hover i,
#hizmetlerimiz .hizmetGeri:hover i {
color: var(--turkuaz);
}


#anasayfaTeklif {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
}
#anasayfaTeklif .teklifSol {
width: calc(50% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: right;
margin-left: 30px;
}
#anasayfaTeklif .teklifSol .baslik,
#anasayfaTeklif .teklifSol .aciklama {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
margin: 0px 0px 30px 0px;
}
#anasayfaTeklif .teklifSol .baslik h2 {
height: auto;
overflow: hidden;
display: block;
font-size: 48px;
font-weight: 900;
color: var(--turkuaz);
}
#anasayfaTeklif .teklifSol .aciklama p {
width: 100%;
height: auto;
line-height: 1.6;
overflow: hidden;
font-size: 16px;
font-weight: 400;
color: var(--siyah);
margin: 0px 0px 0px 0px;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
#anasayfaTeklif .teklifSol .ikonlar div {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#anasayfaTeklif .teklifSol .ikonlar div {
width: calc(33.333% - 60px);
height: auto;
display: block;
position: relative;
padding: 30px 30px 0px 30px;
float: left;
cursor: pointer;
}
#anasayfaTeklif .teklifSol .ikonlar div i {
width: auto;
height: auto;
overflow: hidden;
display: block;
text-align: center;
font-size: 4em;
color: var(--turkuaz);
transition: all 1800ms ease;
}
#anasayfaTeklif .teklifSol .ikonlar div:hover i {
animation: kutuhover 2s ease 0s 1 normal forwards;
}
@keyframes kutuhover {
0% {
animation-timing-function: ease-in;
opacity: 1;
transform: translateY(-20px);
}
24% {
opacity: 1;
}
40% {
animation-timing-function: ease-in;
transform: translateY(-16px);
}
65% {
animation-timing-function: ease-in;
transform: translateY(-8px);
}
82% {
animation-timing-function: ease-in;
transform: translateY(-4px);
}
93% {
animation-timing-function: ease-in;
transform: translateY(-2px);
}
25%,
55%,
75%,
87% {
animation-timing-function: ease-out;
transform: translateY(0px);
}
100% {
animation-timing-function: ease-out;
opacity: 1;
transform: translateY(0px);
}
}
#anasayfaTeklif .teklifSol .ikonlar div span {
width: calc(100% - 30px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
text-align: center;
padding: 0px 15px;
font-size: 18px;
font-weight: 700;
color: var(--siyah);
margin-top: 15px;
}

#anasayfaTeklif .teklifSag {
width: calc(50% - 120px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: var(--siyah);
float: left;
margin-right: 30px;
padding: 45px 45px 45px 45px;
}
#anasayfaTeklif .teklifSag form#iletisim {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#anasayfaTeklif .teklifSag form#iletisim h4 {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 18px;
font-weight: 700;
color: var(--beyaz);
margin-bottom: 20px;
}
#anasayfaTeklif .teklifSag form#iletisim h4:nth-of-type(2n) {
margin-top: 5px;
}
#anasayfaTeklif .teklifSag form#iletisim .inputlabel {
width: calc(50% - 15px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 30px;
margin-bottom: 15px;
}
#anasayfaTeklif .teklifSag form#iletisim .inputlabel:nth-of-type(2n) {
margin-right: 0px;
}
#anasayfaTeklif .teklifSag form#iletisim .inputlabel input[type=text],
#anasayfaTeklif .teklifSag form#iletisim .inputlabel input[type=telefon] {
width: calc(100% - 32px);
height: 50px;
line-height: 50px;
padding: 0px 15px;
margin: 0px 0px 0px 0px;
border: 1px solid rgb(255 255 255 / 20%);
background: transparent;
-webkit-transition: 0.5s;
transition: 0.5s;
outline: none;
font-size: 16px;
font-weight: 400;
color: var(--beyaz);
float: left;
font-family: "source_sans_proregular", 'Inter', sans-serif;
position: relative;
z-index: 4;
box-shadow: 0px 0px 0px;
}
#anasayfaTeklif .teklifSag form#iletisim .inputlabel input[type=telefon]:focus,
#anasayfaTeklif .teklifSag form#iletisim .inputlabel input[type=text]:focus,
#anasayfaTeklif .teklifSag form#iletisim .inputlabel textarea:focus,
#anasayfaTeklif .teklifSag form#iletisim .inputlabel input:focus {
box-shadow: 0px 0px 0px;
border: 1px solid rgb(255 255 255 / 80%);
}
input:focus
textarea:focus,
select:focus {
box-shadow: 0px 0px 0px;
}
#anasayfaTeklif .teklifSag form#iletisim .phpcaptcha {
width: calc(50% - 0px);
height: auto;
overflow: hidden;
display: block;
float: left;
color: var(--beyaz);
}
#anasayfaTeklif .teklifSag form#iletisim .phpcaptcha input#kod {
border: 1px solid rgb(255 255 255 / 20%);
background: transparent;
color: var(--beyaz);
}
#anasayfaTeklif .teklifSag form#iletisim .gonderbtnn {
width: calc(50% - 0px);
height: auto;
overflow: hidden;
display: block;
float: left;
}
#anasayfaTeklif .teklifSag form#iletisim button#iletisimGonder\ submit {
width: auto;
height: 52px;
line-height: 52px;
font-size: 18px;
font-weight: 400;
display: inline-table;
overflow: hidden;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 4;
border: 0px;
outline: none;
cursor: pointer;
padding: 0px 30px 0px 30px;
margin: 0px;
background-image: linear-gradient(to left,
var(--turkuaz),
var(--turkuaz) 50%,
var(--beyaz) 50%,
var(--beyaz));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
border: 0px;
float: right;
}
#anasayfaTeklif .teklifSag form#iletisim button#iletisimGonder\ submit:hover {
background-position: 0 0;
color: var(--turkuaz);
}
#anasayfaTeklif .teklifSag form#iletisim button#iletisimGonder\ submit i {
font-size: 14px;
padding-left: 5px;
}


#anaBlog {
width: calc(100% - 0px);
height: auto;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
}
#anaBlog .baslik {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
margin: 0px 0px 30px 0px;
}
#anaBlog .baslik h2 {
height: auto;
overflow: hidden;
display: block;
font-size: 48px;
font-weight: 900;
color: var(--turkuaz);
float: left;
}
#anaBlog a.ablogtumu {
width: auto;
height: 60px;
line-height: 60px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 0px 0px 0px 0px;
padding: 0px 30px 0px 30px;
transition: all 900ms ease;
background-image: linear-gradient(to left,
var(--turkuaz),
var(--turkuaz) 50%,
var(--siyah) 50%,
var(--siyah));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
float: right;
}
#anaBlog a.ablogtumu:hover {
background-position: 0 0;
color: var(--beyaz);
}
#anaBlog a.ablogtumu i {
font-size: 14px;
padding-left: 5px;
}

#anaBlog .blogyazilari {
display: block;
position: relative;
}
#anaBlog .blogyazilari .blog {
width: calc(25% - 25px);
height: auto;
display: block;
position: relative;
float: left;
overflow: hidden;
margin: 10px 30px 0px 0px;
border: 1px solid rgba(0, 0, 0, 0.1);
transition-duration: 0.2s;
transition-timing-function: linear;
}
#anaBlog .blogyazilari .blog:hover {
box-shadow: 0px 20px 40px rgb(3 15 39 / 15%);
-moz-box-shadow: 0px 20px 40px rgba(3, 15, 39, 0.15);
-webkit-box-shadow: 0px 20px 40px rgb(3 15 39 / 15%);
}
#anaBlog .blogyazilari .blog:last-child {
margin: 10px 0px 0px 0px;
}
#anaBlog .blogyazilari .blog figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
}
#anaBlog .blogyazilari .blog img {
width: 100%;
height: 240px;
overflow: hidden;
display: block;
position: relative;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 1s;
transition: -webkit-transform 1s;
-o-transition: transform 1s;
transition: transform 1s;
transition: transform 1s, -webkit-transform 1s;
}
#anaBlog .blogyazilari .blog:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
#anaBlog .blogyazilari .blog div {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: var(--beyaz);
padding: 30px 30px;
}
#anaBlog .blogyazilari .blog div strong {
width: 100%;
height: auto;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 18px;
font-weight: 700;
color: var(--siyah);
line-height: 1.6;
}
#anaBlog .blogyazilari .blog:hover div strong {
color: var(--turkuaz);
}
#anaBlog .blogyazilari .blog div p {
width: 100%;
height: auto;
line-height: 1.6;
overflow: hidden;
font-size: 16px;
font-weight: 400;
color: var(--siyah);
margin: 0px 0px 0px 0px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-top: 10px;
}

#anaMyorumlari {
width: calc(100% - 0px);
height: auto;
display: block;
position: relative;
padding: 120px 0px 120px 0px;
background: rgb(243, 246, 245);
}
#anaMyorumlari:before {
width: calc(100% - 0px);
height: 100%;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0;
right: 0;
background-image: url(images/maps.png);
background-position: 100% 44px;
background-repeat: no-repeat;
opacity: 1;
}
#anaMyorumlari .baslik {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
margin: 0px 0px 30px 0px;
text-align: center;
}
#anaMyorumlari .baslik h2 {
height: auto;
overflow: hidden;
display: block;
font-size: 48px;
font-weight: 900;
color: var(--turkuaz);
}
#anaMyorumlari .anaMyorumlari .swiper-slide {
cursor: pointer;
}
#anaMyorumlari .anaMyorumlari .swiper-slide .yorum {
width: calc(100% - 32px);
height: auto;
display: block;
position: relative;
padding: 15px 15px;
margin: 15px 0px 15px 0px;
background: var(--beyaz);
border: 1px solid rgba(0, 0, 0, 0.1);
}
#anaMyorumlari .anaMyorumlari .swiper-slide .yorum p {
width: calc(100% - 0px);
height: auto;
line-height: 1.4;
overflow: hidden;
font-size: 14px;
font-weight: 400;
position: relative;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
#anaMyorumlari .anaMyorumlari .swiper-slide img {
width: 66px;
height: 66px;
overflow: hidden;
display: block;
float: right;
border-radius: 100%;
border: 2px solid var(--beyaz);
margin-left: 15px;
}
#anaMyorumlari .anaMyorumlari .swiper-slide strong.isim {
width: calc(100% - 90px);
height: auto;
overflow: hidden;
display: block;
text-align: right;
float: left;
font-size: 14px;
font-weight: 600;
color: var(--siyah);
margin-bottom: 5px;
padding-right: 5px;
}
#anaMyorumlari .anaMyorumlari .swiper-slide strong.pozisyon {
width: calc(100% - 90px);
height: auto;
overflow: hidden;
display: block;
text-align: right;
float: left;
font-size: 13px;
font-weight: 400;
color: var(--siyah);
opacity: 0.5;
padding-right: 5px;
}
#anaMyorumlari .anaMyorumlari .swiper-slide span.yildiz {
width: calc(100% - 87px);
height: auto;
overflow: hidden;
display: block;
text-align: right;
float: left;
font-size: 14px;
font-weight: 600;
color: #fece00;
letter-spacing: 3px;
margin-bottom: 5px;
padding-right: 2px;
}

#anaMyorumlari .noktalar {
width: auto!important;
height: 16px!important;
position: absolute;
top: 70px;
bottom: 0px!important;
z-index: 99;
right: 0px;
left: 0px!important;
margin: 0px auto;
text-align: center;
}
#anaMyorumlari .noktalar .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
z-index: 99;
cursor: pointer;
}
#anaMyorumlari .noktalar .swiper-pagination-bullet {
width: 22px!important;
height: 3px!important;
display: inline-block!important;
background: var(--siyah);
margin: 0px 4px 0px 0px!important;
cursor: pointer;
opacity: 0.2;
}
#anaMyorumlari .noktalar .swiper-pagination-bullet-active {
width: 28px!important;
height: 3px!important;
background: var(--turkuaz);
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
opacity: 1!important;
animation: noktageldi2 1s ease 0s 1 normal forwards;
cursor: pointer;
}
@keyframes noktageldi2 {
0% {
transform: scaleX(0);
transform-origin: 0% 0%;
}

100% {
transform: scaleX(1);
transform-origin: 0% 0%;
}
}


#referanslar {
width: calc(100% - 0px);
height: auto;
display: block;
position: relative;
}
#referanslar .swiper-slide div {
width: calc(100% - 1px);
height: auto;
display: block;
overflow: hidden;
position: relative;
padding: 60px 0px 60px 0px;
border-right: 1px solid rgba(0, 0, 0, 0.1);
}


#sayfaResmi {
width: 100%;
height: 350px;
overflow: hidden;
display: block;
position: relative;
}
#sayfaResmi .sayfaResmi {
width: 100%;
height: 350px;
overflow: hidden;
position: relative;
display: block;
}
#sayfaResmi .sayfaResmi:before {
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
pointer-events: none;
background-color: #000000;
zoom: 1;
filter: alpha(opacity = 70);
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
content: "";
}
#sayfaResmi .sayfar_yazi {
width: calc(100% - 40px);
max-width: calc(1540px - 40px);
height: 350px;
overflow: hidden;
display: table;
text-align: center;
position: absolute;
content: "";
z-index: 1;
top: 0px;
left: 0px;
right: 0px;
margin: 0px auto;
padding: 0px 20px;
}
#sayfaResmi .sayfar_yazi h2 {
font-size: 4em;
font-weight: 700;
color: var(--beyaz);
display: table-cell;
vertical-align: middle;
}
#sayfaResmi .sayfar_yazi div {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: absolute;
content: "";
bottom: 30px;
left: 0px;
}
#sayfaResmi .sayfar_yazi div a {
font-size: 14px;
color: var(--turkuaz);
font-weight: 400;
}
#sayfaResmi .sayfar_yazi div a:hover {
color: var(--beyaz);
}
#sayfaResmi .sayfar_yazi div strong {
font-size: 14px;
color: var(--beyaz);
font-weight: 400;
margin-left: 5px;
opacity: 0.8;
}
#sayfaResmi .sayfar_yazi div strong a {
color: var(--beyaz);
}
#sayfaHakkimizda .hakkimizda {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#sayfaHakkimizda .hakkimizda .yazi {
display: block;
overflow: hidden;
margin-bottom: 90px;
}
#sayfaHakkimizda .hakkimizda .yazi h1 {
font-size: 3.5em;
}
#sayfaHakkimizda .hakkimizda .yazi h2 {
font-size: 3em;
}
#sayfaHakkimizda .hakkimizda .yazi h3 {
font-size: 2.5em;
}
#sayfaHakkimizda .hakkimizda .yazi h4 {
font-size: 2em;
}
#sayfaHakkimizda .hakkimizda .yazi h1,
#sayfaHakkimizda .hakkimizda .yazi h2,
#sayfaHakkimizda .hakkimizda .yazi h3,
#sayfaHakkimizda .hakkimizda .yazi h4 {
line-height: 1.4;
margin-bottom: 30px;
font-weight: 700;
display: table;
}
#sayfaHakkimizda .hakkimizda .yazi p {
line-height: 1.6;
font-size: 18px;
font-weight: 400;
margin-bottom: 30px;
display: table;
}
#sayfaHakkimizda .hakkimizda .yazi blockquote {
line-height: 1.6;
font-size: 18px;
font-weight: 400;
margin-bottom: 30px;
display: table;
padding: 5px 0px 5px 20px;
border-left: 5px solid var(--turkuaz);
}
#sayfaHakkimizda .hakkimizda .yazi blockquote p {
margin-bottom: 0px;
}

#sayfaHakkimizda .hakkimizda.hakbg {
background: rgb(243, 246, 245);
padding: 60px 0px;
}
#sayfaHakkimizda .hakkimizda.hakbg .yazi {
margin-bottom: 0px;
}

#sayfaHakkimizda .hakkimizda .yazi ul {
width: auto;
height: auto;
overflow: hidden;
display: table;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#sayfaHakkimizda .hakkimizda .yazi ul li {
width: calc(100% - 25px);
height: auto;
overflow: hidden;
display: block;
position: relative;
line-height: 1.6;
font-size: 18px;
font-weight: 400;
margin-bottom: 15px;
padding-left: 25px;
}
#sayfaHakkimizda .hakkimizda .yazi ul li:after {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
top: 1px;
left: 0px;
padding: 0px 1px 0px 1px;
font-size: 18px;
font-family: "Font Awesome 6 Free";
content: "\f058";
font-weight: 400;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
color: var(--turkuaz);
}

#sayfaHakkimizda .haistatistik {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 154px 0px;
margin-top: 60px;
background-image: url(images/maps2.png);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
#sayfaHakkimizda .haistatistik .sayac {
display: block;
}
#sayfaHakkimizda .haistatistik .sayac .sayacic {
width: calc(33.333% - 0px);
height: auto;
overflow: hidden;
display: block;
float: left;
text-align: center;
}
#sayfaHakkimizda .haistatistik .sayac .sayacic .anaistatistik {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 4em;
font-weight: 900;
color: var(--turkuaz);
line-height: 1.6;
}
#sayfaHakkimizda .haistatistik .sayac .sayacic span {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 1.5em;
font-weight: 700;
color: rgb(129 129 129);
}

#sayfaCozum,
#sayfaCozum .cazomortaklari,
#sayfaCozum .cazomortaklari .cozmarka {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#sayfaCozum .cazomortaklari .cozmarka .saymarka {
width: calc(25% - 62px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
text-align: center;
padding: 45px 30px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
#sayfaCozum .cazomortaklari .cozmarka .saymarka img {
width: 100%;
height: auto;
}


#sayfaYorum {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#sayfaYorum .musteriyorumlari .myliste {
width: calc(50% - 15px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 0px 30px 15px 0px;
}
#sayfaYorum .musteriyorumlari .myliste:nth-of-type(2n) {
margin: 0px 0px 15px 0px;
}
#sayfaYorum .musteriyorumlari .myliste .yorum {
width: calc(100% - 32px);
height: auto;
display: block;
position: relative;
padding: 15px 15px;
margin: 15px 0px 15px 0px;
background: var(--beyaz);
border: 1px solid rgba(0, 0, 0, 0.1);
}
#sayfaYorum .musteriyorumlari .myliste .yorum p {
width: calc(100% - 10px);
height: auto;
line-height: 1.5;
overflow: hidden;
font-size: 15px;
font-weight: 400;
position: relative;
display: block;
padding-right: 10px;
}
#sayfaYorum .musteriyorumlari .myliste img {
width: 66px;
height: 66px;
overflow: hidden;
display: block;
float: right;
border-radius: 100%;
border: 2px solid var(--beyaz);
margin-left: 15px;
}
#sayfaYorum .musteriyorumlari .myliste strong.isim {
width: calc(100% - 90px);
height: auto;
overflow: hidden;
display: block;
text-align: right;
float: left;
font-size: 14px;
font-weight: 600;
color: var(--siyah);
margin-bottom: 5px;
padding-right: 5px;
}
#sayfaYorum .musteriyorumlari .myliste strong.pozisyon {
width: calc(100% - 90px);
height: auto;
overflow: hidden;
display: block;
text-align: right;
float: left;
font-size: 13px;
font-weight: 400;
color: var(--siyah);
opacity: 0.5;
padding-right: 5px;
}
#sayfaYorum .musteriyorumlari .myliste span.yildiz {
width: calc(100% - 87px);
height: auto;
overflow: hidden;
display: block;
text-align: right;
float: left;
font-size: 14px;
font-weight: 600;
color: #fece00;
letter-spacing: 3px;
margin-bottom: 5px;
padding-right: 2px;
}

#sayfaYorum .musteriyorumlari .myliste .yorum .scrollbar {
width: 100%;
height: 110px;
background: transparent;
overflow-y: scroll;
}
#sayfaYorum .musteriyorumlari .myliste .yorum .force-overflow {
min-height: 100%;
}
#sayfaYorum .musteriyorumlari .myliste .yorum #style-1::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgb(33 33 33 / 5%);
background-color: rgb(33 33 33 / 5%);
}
#sayfaYorum .musteriyorumlari .myliste .yorum #style-1::-webkit-scrollbar {
width: 3px;
background-color: rgb(33 33 33 / 5%);
}
#sayfaYorum .musteriyorumlari .myliste .yorum #style-1::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 3px rgb(33 33 33 / 30%);
background: rgb(33 33 33 / 30%);
}

#sayfaBelge,
#sayfaBelge .firma_belgeleri {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#sayfaBelge .firma_belgeleri .liste {
width: calc(25% - 23px);
height: auto;
overflow: hidden;
display: block;
float: left;
margin: 0px 30px 30px 0px;
}
#sayfaBelge .firma_belgeleri .liste:nth-of-type(4n) {
margin: 0px 0px 30px 0px;
}
#sayfaBelge .firma_belgeleri .liste figure.effect-oscar img {
width: 100%;
height: 400px;
overflow: hidden;
display: block;
}

#sayfaBanka,
#sayfaBanka .bankaBilgileri {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#sayfaBanka .bankaBilgileri ul {
width: 100%;
height: auto;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#sayfaBanka .bankaBilgileri ul li {
width: calc(50% - 77px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 0px 30px 30px 0px;
padding: 0px 30px 15px 30px;
border: 1px solid rgb(0 0 0 / 10%);
border-radius: 10px;
}
#sayfaBanka .bankaBilgileri ul li:nth-of-type(2n) {
margin: 0px 0px 15px 0px;
}
#sayfaBanka .bankaBilgileri ul li div {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid rgb(0 0 0 / 10%);
}
#sayfaBanka .bankaBilgileri ul li div:last-child {
border-bottom: 0px;
}
#sayfaBanka .bankaBilgileri ul li img {
width: auto;
height: 82px;
}
#sayfaBanka .bankaBilgileri ul li div strong {
width: 110px;
height: 20px;
line-height: 20px;
overflow: hidden;
display: block;
position: relative;
font-size: 15px;
font-weight: 700;
float: left;
}
#sayfaBanka .bankaBilgileri ul li div strong:after {
width: 4px;
height: auto;
overflow: hidden;
display: block;
font-size: 15px;
font-weight: 700;
position: absolute;
content: ":";
bottom: 0.5px;
right: 10px;
}
#sayfaBanka .bankaBilgileri ul li div span {
width: calc(100% - 110px);
height: auto;
line-height: 20px;
overflow: hidden;
display: block;
font-size: 15px;
font-weight: 400;
}
#sayfaBanka .bankaBilgileri ul li div:last-child span {
width: calc(100% - 140px);
padding-right: 30px;
}
#sayfaBanka .bankaBilgileri ul li div button {
width: auto;
height: 50px;
line-height: 50px;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0px;
right: 0px;
cursor: pointer;
border: none;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
resize: none;
background: transparent;
font-size: 18px;
color: rgb(33 33 33 / 50%);
padding: 0px 0px 0px 5px;
}
#sayfaBanka .bankaBilgileri ul li div button:hover {
color: var(--turkuaz);
}

#sayfaEkip,
#sayfaEkip .ekip_arkadaslari {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#sayfaEkip .ekip_arkadaslari ul {
margin: 0px;
padding: 0px;
display: block;
}
#sayfaEkip .ekip_arkadaslari ul li {
width: calc(25% - 23px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 0px 30px 30px 0px;
padding: 0px 0px 0px 0px;
}
#sayfaEkip .ekip_arkadaslari ul li:nth-of-type(4n) {
margin: 0px 0px 30px 0px;
}
#sayfaEkip .ekip_arkadaslari ul li figure {
margin: 0px;
padding: 0px;
display: block;
position: relative;
}
#sayfaEkip .ekip_arkadaslari ul li figure img {
width: 100%;
height: auto;
overflow: hidden;
display: block;
}
#sayfaEkip .ekip_arkadaslari ul li div {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #f7f7f7;
padding: 30px 30px 30px 30px;
}
#sayfaEkip .ekip_arkadaslari ul li strong {
width: calc(100% - 0px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
text-align: center;
font-size: 16px;
font-weight: 700;
color: var(--siyah);
margin-bottom: 3px;
}
#sayfaEkip .ekip_arkadaslari ul li span {
width: calc(100% - 0px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
text-align: center;
font-size: 13px;
font-weight: 400;
color: var(--siyah);
opacity: 0.8;
}
#sayfaEkip .ekip_arkadaslari ul li .esos {
width: 100%;
padding: 0px;
text-align: center;
margin-top: 15px;
display: block;
}
#sayfaEkip .ekip_arkadaslari ul li .esos a {
width: 30px;
height: 30px;
line-height: 30px;
overflow: hidden;
display: inline-block;
position: relative;
border: 1px dashed var(--siyah);
text-align: center;
color: var(--siyah);
font-size: 16px;
margin: 0px 0px 8px 0px;
background: transparent;
}
#sayfaEkip .ekip_arkadaslari ul li .esos a:hover {
border: 1px dashed var(--turkuaz);
color: var(--turkuaz);
}

#sayfaSSS,
#sayfaSSS .akordiyonIcerik {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#sayfaSSS .akordiyonIcerik div {
width: calc(100% - 0px);
height: auto;
margin: 0px 0px 20px 0px;
position: relative;
display: block;
padding: 0px 0px 0px 0px;
}
#sayfaSSS .akordiyonIcerik div:last-child {
margin: 0px 0px 0px 0px;
}
#sayfaSSS .akordiyonIcerik label {
width: calc(100% - 60px);
height: auto;
line-height: 1.4;
padding: 20px 30px 20px 30px;
position: relative;
display: block;
cursor: pointer;
color: var(--beyaz);
font-size: 16px;
font-weight: 500;
background: var(--siyah);
}
#sayfaSSS .akordiyonIcerik label:hover {
color: var(--beyaz);
background: var(--turkuaz);
}
#sayfaSSS .akordiyonIcerik input:checked ~ label {
color: var(--beyaz);
background: var(--turkuaz);
}
#sayfaSSS .akordiyonIcerik label:after {
width: 30px;
height: 30px;
line-height: 30px!important;
text-align: center;
overflow: hidden;
display: block;
position: absolute;
content: "\f107";
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% - 15px);
right: 15px;
font-size: 22px;
color: var(--beyaz);
}
#sayfaSSS .akordiyonIcerik input:checked ~ label:after {
content: "\f106";
color: var(--beyaz);
}
#sayfaSSS .akordiyonIcerik input {
display: none;
}
#sayfaSSS .akordiyonIcerik article {
overflow: hidden;
height: 0;
}
#sayfaSSS .akordiyonIcerik input:checked ~ article {
width: calc(100% - 62px);
border: 1px solid var(--turkuaz);
height: auto;
animation: indirasagiya 0.5s ease 0s 1 normal forwards;
padding: 30px 30px 30px 30px;
}
@keyframes indirasagiya {
0% {
transform: scaleY(0);
transform-origin: 100% 0%;
}
100% {
transform: scaleY(1);
transform-origin: 100% 0%;
}
}
#sayfaSSS .akordiyonIcerik p {
width: calc(100% - 0px);
line-height: 1.6;
font-size: 16px;
font-weight: 400;
color: var(--siyah);
display: block;
overflow: hidden;
}



#kategori {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#kategori ul#sayfa_icerik_listele {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px;
margin: 0px;
}
#kategori ul#sayfa_icerik_listele li.hizmetli {
width: calc(33.333% - 20px);
height: auto;
overflow: hidden;
position: relative;
float: left;
background: var(--siyah);
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
margin: 0px 30px 30px 0px;
}
#kategori ul#sayfa_icerik_listele li.hizmetli:nth-of-type(3n) {
margin: 0px 0px 30px 0px;
}
#kategori ul#sayfa_icerik_listele li.hizmetli:hover {
background: var(--turkuaz);
}
#kategori ul#sayfa_icerik_listele li.hizmetli img {
width: 100%;
height: 500px;
overflow: hidden;
display: block;
position: relative;
z-index: 3;
opacity: 0.5;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 1s;
transition: -webkit-transform 1s;
-o-transition: transform 1s;
transition: transform 1s;
transition: transform 1s,-webkit-transform 1s;
}
#kategori ul#sayfa_icerik_listele li.hizmetli:hover img {
opacity: 0.3;
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
#kategori ul#sayfa_icerik_listele li.hizmetli div {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
display: block;
position: absolute;
content: "";
bottom: 30px;
left: 0px;
z-index: 4;
padding: 0px 30px;
}
#kategori ul#sayfa_icerik_listele li.hizmetli div strong {
overflow: hidden;
display: block;
font-size: 24px;
font-weight: 700;
color: var(--beyaz);
margin: 0px 0px 0px 0px;
}
#kategori ul#sayfa_icerik_listele li.hizmetli:hover div strong {
animation: hizmetlistrong 1s ease 0s 1 normal forwards;
margin: 0px 0px 15px 0px;
}
@keyframes hizmetlistrong {
0% {
opacity: 0;
transform: translateY(30px);
}

100% {
opacity: 1;
transform: translateY(0);
}
}
#kategori ul#sayfa_icerik_listele li.hizmetli div p {
width: 100%;
height: auto;
line-height: 1.6;
overflow: hidden;
font-size: 16px;
font-weight: 400;
color: var(--beyaz);
margin: 0px 0px 0px 0px;
display: none;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin: 0px 0px 0px 0px;
animation: hizmetlip 1s ease 0s 1 normal forwards;
}
#kategori ul#sayfa_icerik_listele li.hizmetli:hover div p {
display: -webkit-box;
}
@keyframes hizmetlip {
0% {
opacity: 0;
transform: translateY(30px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}

#katblogg.sayfaOrtala,
#katblogg.sayfaOrtala ul#sayfa_icerik_listele {
overflow: unset;
}
#kategori ul#sayfa_icerik_listele li.blogli {
width: calc(33.333% - 25px);
height: auto;
display: block;
position: relative;
float: left;
overflow: hidden;
margin: 0px 30px 30px 0px;
border: 1px solid rgba(0, 0, 0, 0.1);
transition-duration: 0.2s;
transition-timing-function: linear;
}
#kategori ul#sayfa_icerik_listele li.blogli:nth-of-type(3n) {
margin: 0px 0px 30px 0px;
}
#kategori ul#sayfa_icerik_listele li.blogli:hover {
box-shadow: 0px 20px 40px rgb(3 15 39 / 15%);
-moz-box-shadow: 0px 20px 40px rgba(3, 15, 39, 0.15);
-webkit-box-shadow: 0px 20px 40px rgb(3 15 39 / 15%);
}
#kategori ul#sayfa_icerik_listele li.blogli figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
}
#kategori ul#sayfa_icerik_listele li.blogli img {
width: 100%;
height: 240px;
overflow: hidden;
display: block;
position: relative;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 1s;
transition: -webkit-transform 1s;
-o-transition: transform 1s;
transition: transform 1s;
transition: transform 1s, -webkit-transform 1s;
}
#kategori ul#sayfa_icerik_listele li.blogli:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
#kategori ul#sayfa_icerik_listele li.blogli div {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: var(--beyaz);
padding: 30px 30px;
}
#kategori ul#sayfa_icerik_listele li.blogli div time {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 12px;
font-weight: 400;
color: var(--siyah);
line-height: 1.6;
}
#kategori ul#sayfa_icerik_listele li.blogli div strong {
width: 100%;
height: 58px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 18px;
font-weight: 700;
color: var(--siyah);
line-height: 1.6;
}
#kategori ul#sayfa_icerik_listele li.blogli:hover div strong {
color: var(--turkuaz);
}
#kategori ul#sayfa_icerik_listele li.blogli div p {
width: 100%;
height: auto;
line-height: 1.6;
overflow: hidden;
font-size: 16px;
font-weight: 400;
color: var(--siyah);
margin: 0px 0px 0px 0px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-top: 10px;
}

#sayfaGaleri ul#sayfa_icerik_listele {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px;
margin: 0px;
}
#sayfaGaleri,
#sayfaGaleri .sayfa_fotogaleri,
#sayfaGaleri .sayfa_videogaleri {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#sayfaGaleri .sayfa_fotogaleri ul#sayfa_icerik_listele li {
width: calc(33.333% - 20px);
height: auto;
overflow: hidden;
position: relative;
float: left;
margin-right: 30px;
margin-bottom: 30px;
padding: 0px 0px 0px 0px;
}
#sayfaGaleri .sayfa_fotogaleri ul#sayfa_icerik_listele li:nth-of-type(3n) {
margin-right: 0px;
}

#sayfaGaleri .sayfa_fotogaleri ul#sayfa_icerik_listele li .magnific-img figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#sayfaGaleri .sayfa_fotogaleri ul#sayfa_icerik_listele li .magnific-img figure img {
width: 100%;
height: 300px;
display: block;
}
#sayfaGaleri .sayfa_fotogaleri ul#sayfa_icerik_listele li .magnific-img a {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
color: var(--beyaz);
}
#sayfaGaleri .sayfa_fotogaleri ul#sayfa_icerik_listele li .magnific-img a:after {
animation: galerihvr 0.5s linear 0s 1 normal forwards;
}
@keyframes galerihvr {
0% {
transform: scale(0.1);
}
100% {
transform: scale(1);
}
}
#sayfaGaleri .sayfa_fotogaleri ul#sayfa_icerik_listele li .magnific-img a:hover:after {
width: calc(100% - 0px);
height: 100%;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0px;
left: 0px;
background: var(--turkuaz);
opacity: 0.6;
cursor: pointer;
}
#sayfaGaleri .sayfa_fotogaleri ul#sayfa_icerik_listele li .magnific-img a:before {
width: 44px;
height: 44px;
overflow: hidden;
text-align: center;
display: none!important;
position: absolute;
top: calc(50% - 22px);
left: 0px;
right: 0px;
margin: 0px auto;
font-family: "Font Awesome 6 Free";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight: 900;
content: "\f055";
font-size: 3em;
z-index: 1;
}
#sayfaGaleri .sayfa_fotogaleri ul#sayfa_icerik_listele li .magnific-img a:hover:before {
animation: galerihvr 0.5s linear 0s 1 normal forwards;
display: table!important;
}


#sayfaGaleri .sayfa_videogaleri ul#sayfa_icerik_listele li {
width: calc(33.333% - 20px);
height: auto;
overflow: hidden;
position: relative;
float: left;
margin-right: 30px;
margin-bottom: 30px;
padding: 0px 0px 0px 0px;
}
#sayfaGaleri .sayfa_videogaleri ul#sayfa_icerik_listele li:nth-of-type(3n) {
margin-right: 0px;
}
#sayfaGaleri .sayfa_videogaleri ul#sayfa_icerik_listele li div figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#sayfaGaleri .sayfa_videogaleri ul#sayfa_icerik_listele li div figure img {
width: 100%;
height: 300px;
display: block;
}
#sayfaGaleri .sayfa_videogaleri ul#sayfa_icerik_listele li div a {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
color: var(--siyah);
}
#sayfaGaleri .sayfa_videogaleri ul#sayfa_icerik_listele li div strong {
width: calc(100% - 60px);
height: 58px;
overflow: hidden;
position: relative;
padding: 30px 30px 0px 30px;
margin: 0px 0px 0px 0px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 18px;
font-weight: 700;
line-height: 1.6;
text-align: center;
}
#sayfaGaleri .sayfa_videogaleri ul#sayfa_icerik_listele li div figure:after {
animation: galerihvr 0.5s linear 0s 1 normal forwards;
}
@keyframes galerihvr {
0% {
transform: scale(0.1);
}
100% {
transform: scale(1);
}
}
#sayfaGaleri .sayfa_videogaleri ul#sayfa_icerik_listele li div figure:hover:after {
width: calc(100% - 0px);
height: 100%;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0px;
left: 0px;
background: var(--turkuaz);
opacity: 0.6;
cursor: pointer;
}
#sayfaGaleri .sayfa_videogaleri ul#sayfa_icerik_listele li div figure:before {
width: 44px;
height: 44px;
overflow: hidden;
text-align: center;
display: none!important;
position: absolute;
cursor: pointer;
top: calc(50% - 22px);
left: 0px;
right: 0px;
margin: 0px auto;
font-family: "Font Awesome 6 Free";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight: 900;
content: "\f144";
font-size: 3em;
z-index: 1;
color: var(--beyaz);
}
#sayfaGaleri .sayfa_videogaleri ul#sayfa_icerik_listele li div figure:hover:before {
animation: galerihvr 0.5s linear 0s 1 normal forwards;
display: table!important;
}

#sayfahizPaket,
#sayfahizPaket .hizmet_paketleri {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#sayfahizPaket .hizmet_paketleri .paket {
width: calc(33.333% - 80px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 0px 30px 30px 0px;
background: var(--gri);
padding: 30px 30px 30px 30px;
}
#sayfahizPaket .hizmet_paketleri .paket:nth-of-type(3n) {
margin: 0px 0px 30px 0px;
}
#sayfahizPaket .hizmet_paketleri .paket.populer {
background: var(--turkuaz);
}
#sayfahizPaket .hizmet_paketleri .paket strong {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 22px;
font-weight: 700;
color: var(--siyah);
margin-bottom: 15px;
}
#sayfahizPaket .hizmet_paketleri .paket.populer strong,
#sayfahizPaket .hizmet_paketleri .paket.populer p,
#sayfahizPaket .hizmet_paketleri .paket.populer span font {
color: var(--beyaz);
}
#sayfahizPaket .hizmet_paketleri .paket p {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 16px;
font-weight: 400;
color: var(--siyah);
margin-bottom: 15px;
opacity: 0.8;
}
#sayfahizPaket .hizmet_paketleri .paket span {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 30px;
font-weight: 700;
color: var(--turkuaz);
margin-bottom: 15px;
}
#sayfahizPaket .hizmet_paketleri .paket.populer span {
color: var(--sari);
}
#sayfahizPaket .hizmet_paketleri .paket span font {
font-size: 16px;
font-weight: 300;
color: var(--siyah);
}
#sayfahizPaket .hizmet_paketleri .paket a {
width: calc(100% - 60px);
height: 60px;
line-height: 60px;
font-size: 18px;
font-weight: 400;
display: block;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 0px 30px 15px 0px;
padding: 0px 30px 0px 30px;
transition: all 900ms ease;
float: left;
background-image: linear-gradient(to left,
var(--turkuaz),
var(--turkuaz) 50%,
var(--siyah) 50%,
var(--siyah));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
}
#sayfahizPaket .hizmet_paketleri .paket a i {
font-size: 14px;
padding-left: 5px;
}
#sayfahizPaket .hizmet_paketleri .paket a:hover {
background-position: 0 0;
color: var(--beyaz);
}
#sayfahizPaket .hizmet_paketleri .paket.populer a {
color: var(--beyaz);
background-image: linear-gradient(to left,
var(--siyah),
var(--siyah) 50%,
var(--beyaz) 50%,
var(--beyaz));
}
#sayfahizPaket .hizmet_paketleri .paket.populer a:hover {
color: var(--siyah);
}

#sayfahizPaket .hizmet_paketleri .paket ul {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#sayfahizPaket .hizmet_paketleri .paket ul li {
width: calc(100% - 25px);
height: auto;
line-height: 3;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 25px;
margin: 0px 0px 0px 0px;
font-size: 16px;
font-weight: 400;
color: var(--siyah);
-webkit-box-shadow: 0 6px 17px -16px #a3a3a3;
-moz-box-shadow: 0 6px 17px -16px #a3a3a3;
box-shadow: 0 6px 17px -16px #a3a3a3;
}
#sayfahizPaket .hizmet_paketleri .paket.populer ul li {
color: var(--beyaz);
-webkit-box-shadow: 0 6px 17px -16px #ffffff;
-moz-box-shadow: 0 6px 17px -16px #ffffff;
box-shadow: 0 6px 17px -16px #ffffff;
}
#sayfahizPaket .hizmet_paketleri .paket ul li:after {
position: absolute;
content: "\f058";
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% - 7px);
left: 0px;
color: var(--turkuaz);
font-size: 16px;
padding-left: 1px;
}
#sayfahizPaket .hizmet_paketleri .paket.populer ul li:after {
color: var(--sari);
}

#sayfailetisim,
#sayfailetisim .bize_ulasin {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#sayfailetisim .bize_ulasin .ilsol {
width: calc(60% - 60px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 0px 60px 0px 0px;
padding: 0px 0px 0px 0px;
}
#sayfailetisim .bize_ulasin .ilsag {
width: calc(40% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


.site_sol {
width: calc(100% - 330px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 30px;
}
h2.detayBaslik {
width: calc(100% - 0px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
font-size: 36px;
font-weight: 700;
color: var(--siyah);
letter-spacing: -1px;
padding-bottom: 10px;
margin-bottom: 20px;
}

.oneCikan {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 15px;
}
.oneCikan img {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
border-radius: 5px;
}
.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 15px 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 15px 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;
}
.icerikYazi {
display: block;
position: relative;
overflow: hidden;
}
.icerikYazi p {
width: calc(100% - 0px);
line-height: 1.6;
font-size: 18px;
font-weight: 400;
color: var(--siyah);
display: block;
overflow: hidden;
margin: 0px 0px 15px 0px;
float: none;
}
.icerikYazi a {
font-weight: 600;
color: var(--turkuaz);
}
.icerikYazi a:hover {
color: var(--siyah);
}
.icerikYazi ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.icerikYazi ul li {
width: calc(100% - 20px);
line-height: 1.6;
display: block;
overflow: hidden;
position: relative;
font-size: 18px;
font-weight: 400;
color: var(--siyah);
padding-left: 20px;
margin-bottom: 5px;
}
.icerikYazi ul li:after {
width: auto;
height: auto;
position: absolute;
overflow: hidden;
display: block;
top: 7px;
left: 0px;
font-size: 15px;
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(--turkuaz);
}
.icerikYazi blockquote {
width: calc(100% - 65px);
height: auto;
overflow: hidden;
position: relative;
line-height: 1.6;
font-size: 18px;
font-weight: 400;
color: var(--siyah);
font-style: italic;
padding: 45px 30px 45px 30px;
margin-bottom: 15px;
background: #f3f3f3;
border-left: 5px solid var(--turkuaz);
border-radius: 10px;
}
.icerikYazi blockquote p {
margin: 0px 0px 0px 0px;
}

.icerikYazi table {
width: 100%;
border-collapse: collapse;
overflow-x: auto;
display: block;
margin: 30px 0px;
}

.icerikYazi th, .icerikYazi td {
padding: 12px 10px;
text-align: left;
border-bottom: 1px solid #ddd;
white-space: nowrap;
}

.icerikYazi th {
background-color: #f2f2f2;
}





.site_sag {
width: calc(300px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}






.sayfa_gizle {
display: none!important;
}
button#ileri_buton.disabled,
button#geri_buton.disabled {
display: none!important;
cursor: not-allowed!important;
}
nav.thewpSayfalama {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: flex;
align-items: center;
position: relative;
justify-content: center;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
nav.thewpSayfalama .pagination-number,
nav.thewpSayfalama .sayfa_buton {
font-size: 1.1rem;
background-color: transparent;
border: none;
margin: 0.25rem 0.25rem;
cursor: pointer;
height: 2.5rem;
width: 2.5rem;
border-radius: 0.25rem;
background: var(--siyah);
color: var(--beyaz);
}
nav.thewpSayfalama .pagination-number:hover,
nav.thewpSayfalama .sayfa_buton:not(.disabled):hover {
background: var(--turkuaz);
color: var(--beyaz);
}
nav.thewpSayfalama .pagination-number.active {
background: var(--turkuaz);
color: var(--beyaz);
}

img.alignleft {
float: left;
margin-right: 45px;
margin-top: 0px;
}
img.alignright {
float: right;
margin-left: 45px;
margin-top: 0px;
}
img.aligncenter {
float: none;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
footer {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
background: var(--siyah);
padding: 120px 0px 120px 0px;
}
footer .footer {
display: grid;
gap: 0px;
grid-template-columns: 25% 22% 28% 25%;
}
footer .footeralan {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
display: block;
padding: 0px 60px 0px 0px;
}
footer .footeralan:last-child {
width: calc(100% - 0px);
padding: 0px 0px 0px 0px;
}
footer .footeralan h4 {
width: 100%;
height: auto;
line-height: 20px;
overflow: hidden;
display: block;
position: relative;
font-size: 20px;
font-weight: 700;
color: var(--beyaz);
padding-bottom: 30px;
}
footer .footeralan h4:after {
width: 25%;
height: 2px;
overflow: hidden;
display: block;
position: absolute;
content: "";
bottom: 16px;
left: 0px;
background: var(--turkuaz);
}
footer .footeralan img {
width: auto;
height: 40px;
overflow: hidden;
display: block;
padding-bottom: 30px;
}
footer .footeralan .footeryazi {
width: 100%;
height: auto;
overflow: hidden;
display: block;
}
footer .footeralan .footeryazi p {
width: 100%;
height: auto;
line-height: 1.5;
overflow: hidden;
display: block;
font-size: 15px;
font-weight: 400;
color: var(--beyaz);
}
footer .footeralan ul {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
footer .footeralan ul li {
width: calc(50% - 15px);
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 30px;
margin-bottom: 10px;
}
footer .footeralan ul li:nth-of-type(2n) {
width: calc(50% - 15px);
margin-right: 0px;
}
footer .footeralan ul li a {
width: auto;
height: auto;
overflow: hidden;
display: table;
position: relative;
font-size: 15px;
font-weight: 400;
color: var(--beyaz);
}
footer .footeralan ul li a:hover {
color: var(--turkuaz);
}
footer .footeralan .fadres {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
footer .footeralan .fadres div {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 15px;
}
footer .footeralan .fadres div:last-child {
margin-bottom: 0px;
}
footer .footeralan .fadres div i {
width: 20px;
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 15px;
font-size: 14px;
color: var(--beyaz);
text-align: center;
padding-top: 2px;
}
footer .footeralan .fadres div a {
width: auto;
height: auto;
line-height: 18px;
overflow: hidden;
display: table;
font-size: 15px;
color: var(--beyaz);
}
footer .footeralan .fadres div a:hover {
color: var(--turkuaz);
}
footer .footeralan .fadres div p {
width: auto;
height: auto;
line-height: 1.6;
overflow: hidden;
display: table;
font-size: 15px;
color: var(--beyaz);
}

footer .footeralan .eBultenAbone {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
footer .footeralan .eBultenAbone input {
width: calc(100% - 90px);
height: 48px;
line-height: 48px;
overflow: hidden;
display: block;
border: 0px;
outline: none;
padding: 0px 10px 0px 15px;
font-size: 14px;
font-weight: 500;
float: left;
}
footer .footeralan .eBultenAbone button {
width: 65px;
height: 48px;
line-height: 48px;
overflow: hidden;
display: block;
border: 0px;
outline: none;
padding: 0px 0px 0px 0px;
font-size: 20px;
color: var(--beyaz);
background: var(--turkuaz);
cursor: pointer;
}
footer .footeralan .eBultenAbone p {
width: 100%;
height: auto;
line-height: 1.5;
overflow: hidden;
display: block;
font-size: 15px;
font-weight: 400;
color: var(--beyaz);
margin-top: 15px;
text-align: center;
}


footer .footeralan .sosyal {
width: 100%;
height: auto;
overflow: hidden;
display: block;
color: var(--beyaz);
text-align: center;
margin-top: 30px;
}
footer .footeralan .sosyal a {
width: auto;
height: auto;
overflow: hidden;
display: inline-table;
position: relative;
margin: 0px 7px;
font-size: 18px;
color: var(--beyaz);
}
footer .footeralan .sosyal a:hover {
color: var(--turkuaz);
}

footer .copy {
width: auto;
height: auto;
overflow: hidden;
display: table;
position: absolute;
content: "";
bottom: 30px;
left: 0px;
right: 0px;
margin: 0px auto;
}
footer .copy p {
width: auto;
height: auto;
overflow: hidden;
display: table;
position: relative;
font-size: 14px;
font-weight: 400;
color: var(--beyaz);
}

@media screen and (min-width: 1366px) and (max-width: 1500px) {
header .siteMenu ul li {
margin: 0px 15px 0px 0px;
}
header .siteMenu ul li:last-child {
margin: 0px 0px 0px 0px;
}
}

@media screen and (min-width: 981px) and (max-width: 1366px) {
header .telefon {
display: none;
}
header .siteMenu {
width: calc(100% - 300px);
}
header .siteMenu ul li {
margin: 0px 20px 0px 0px;
}
header .siteMenu ul li:last-child {
margin: 0px 0px 0px 0px;
}


}
@media screen and (min-width: 1201px) and (max-width: 1366px) {
footer .footer {
display: block;
}
footer .footeralan {
width: calc(50% - 60px);
padding: 0px 60px 0px 0px;
float: left;
}
footer .footeralan:last-child {
width: calc(50% - 0px);
}
footer .footeralan:nth-of-type(3n),
footer .footeralan:nth-of-type(4n) {
margin-top: 45px;
}
}

@media screen and (min-width: 981px) and (max-width: 1200px) {
#hakkimizda .yazi {
width: calc(65% - 30px);
}
#hakkimizda .resim {
width: calc(35% - 15px);
height: 585px;
max-height: 585px;
margin: 0px 0px 0px 45px;
}
#hakkimizda .sayac {
width: 100%;
margin-top: 30px;
float: left;
}
#hakkimizda .sayac .sayacic {
width: calc(33.333% - 2px);
float: left;
}
#hakkimizda .sayac .sayacic:nth-of-type(2n) {
border-bottom: 1px dashed #000000;
border-left: 0px dashed #000000;
border-right: 0px dashed #000000;
border-top: 1px dashed #000000;
}
#hakkimizda .sayac .sayacic:last-child {
border-top: 1px dashed #000000;
}

#sorularVideo .anavideo {
width: calc(100% - 0px);
float: none;
margin-left: 0px;
margin-bottom: 30px;
}
#sorularVideo .anavideo .videogorsel {
height: 500px;
}
#akordiyon .baslik {
width: calc(70% - 0px);
margin: 0px 0px 30px 0px;
}

#hizmetlerimiz .hizmetlerimiz .swiper-slide img {
width: 100%;
height: 470px;
}

#anasayfaTeklif .teklifSol {
width: calc(100% - 0px);
float: none;
margin-left: 0px;
}
#anasayfaTeklif .teklifSol .baslik {
width: calc(70% - 0px);
}
#anasayfaTeklif .teklifSag {
width: calc(100% - 90px);
float: none;
margin-right: 0px;
padding: 45px 45px 45px 45px;
margin-top: 30px;
}

#anaBlog .blogyazilari .blog {
width: calc(50% - 18px);
margin: 10px 30px 0px 0px;
}
#anaBlog .blogyazilari .blog:nth-of-type(2n) {
margin: 10px 0px 0px 0px;
}
#anaBlog .blogyazilari .blog:nth-of-type(3n) {
margin: 30px 30px 0px 0px;
}
#anaBlog .blogyazilari .blog:nth-of-type(4n) {
margin: 30px 0px 0px 0px;
}

footer .footer {
display: block;
}
footer .footeralan {
width: calc(100% - 0px);
padding: 0px 0px 0px 0px;
}
footer .footeralan:nth-of-type(2n),
footer .footeralan:nth-of-type(3n),
footer .footeralan:nth-of-type(4n) {
margin-top: 45px;
}

}

@media screen and (max-width: 980px) {
.ust125 {
margin-top: 60px;
}
header .siteMenu {
display: none;
}
header .telefon {
float: right;
}

.ikiliKutu {
width: calc(100% - 0px);
margin: 0px auto 0px auto;
}

#hakkimizda .yazi {
width: calc(100% - 0px);
margin-bottom: 30px;
}
#hakkimizda .resim {
width: calc(400px - 0px);
height: auto;
max-height: 585px;
margin: 0px auto 0px auto;
float: unset;
display: none;
}
#hakkimizda .sayac {
width: 100%;
margin-top: 30px;
float: left;
}
#hakkimizda .sayac .sayacic {
width: calc(33.333% - 2px);
float: left;
}
#hakkimizda .sayac .sayacic:nth-of-type(2n) {
border-bottom: 1px dashed #000000;
border-left: 0px dashed #000000;
border-right: 0px dashed #000000;
border-top: 1px dashed #000000;
}
#hakkimizda .sayac .sayacic:last-child {
border-top: 1px dashed #000000;
}

#sorularVideo .anavideo {
width: calc(100% - 0px);
float: none;
margin-left: 0px;
margin-bottom: 30px;
}
#sorularVideo .anavideo .videogorsel {
height: 500px;
}
#akordiyon .baslik {
width: calc(70% - 0px);
margin: 0px 0px 30px 0px;
}

#hizmetlerimiz .hizmetlerimiz .swiper-slide img {
width: 100%;
height: 600px;
}

#anasayfaTeklif .teklifSol {
width: calc(100% - 0px);
float: none;
margin-left: 0px;
}
#anasayfaTeklif .teklifSol .baslik {
width: calc(70% - 0px);
}
#anasayfaTeklif .teklifSag {
width: calc(100% - 90px);
float: none;
margin-right: 0px;
padding: 45px 45px 45px 45px;
margin-top: 30px;
}

#anaBlog .blogyazilari .blog {
width: calc(50% - 18px);
margin: 10px 30px 0px 0px;
}
#anaBlog .blogyazilari .blog:nth-of-type(2n) {
margin: 10px 0px 0px 0px;
}
#anaBlog .blogyazilari .blog:nth-of-type(3n) {
margin: 30px 30px 0px 0px;
}
#anaBlog .blogyazilari .blog:nth-of-type(4n) {
margin: 30px 0px 0px 0px;
}

#nasilcalisiyoruz .baslik p,
#nasilcalisiyoruz .baslik a.anaillink {
display: none;
}
#nasilcalisiyoruz .baslik > * {
width: calc(100% / 2);
padding: 0px 0px 0px 0px;
}

#nasilcalisiyoruz .calisma {
width: calc(50% - 46px);
margin-right: 45px;
padding-right: 45px;
margin-top: 60px;
}
#nasilcalisiyoruz .calisma:nth-of-type(2n) {
border-right: 0px;
margin-right: 0px;
padding-right: 0px;
}

#anaMyorumlari {
padding: 60px 0px 70px 0px;
}

#sayfaResmi .sayfar_yazi h2 {
font-size: 2em;
}

#sayfaHakkimizda .hakkimizda .yazi {
margin-bottom: 60px;
}
#sayfaHakkimizda .hakkimizda .yazi img.alignleft,
#sayfaHakkimizda .hakkimizda .yazi img.alignright {
float: unset;
margin: 0px auto 30px auto;
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
#sayfaHakkimizda .haistatistik .sayac .sayacic .anaistatistik {
font-size: 3em;
}
#sayfaHakkimizda .haistatistik .sayac .sayacic span,
#sayfaHakkimizda .hakkimizda .yazi p,
#sayfaHakkimizda .hakkimizda .yazi blockquote,
#sayfaHakkimizda .hakkimizda .yazi ul li,
#sayfaHakkimizda .hakkimizda .yazi ul li:after {
font-size: 16px;
}
#sayfaHakkimizda .haistatistik .sayac .sayacic {
width: 100%;
float: none;
margin-bottom: 30px;
}
#sayfaHakkimizda .haistatistik .sayac .sayacic:last-child {
margin-bottom: 0px;
}
#sayfaHakkimizda .haistatistik {
padding: 100px 0px;
}
#sayfaHakkimizda .hakkimizda .yazi h2 {
font-size: 2em;
}

#sayfaEkip .ekip_arkadaslari ul li {
width: calc(33.333% - 20px);
}
#sayfaEkip .ekip_arkadaslari ul li:nth-of-type(3n) {
margin: 0px 0px 30px 0px;
}
#sayfaEkip .ekip_arkadaslari ul li:nth-of-type(4n) {
margin: 0px 30px 30px 0px;
}

#sayfahizPaket .hizmet_paketleri .paket {
width: calc(50% - 60px);
float: none;
margin: 0px auto 30px auto;
}
#sayfahizPaket .hizmet_paketleri .paket:nth-of-type(3n) {
margin: 0px auto 0px auto;
}

#sayfaBelge .firma_belgeleri .liste {
width: calc(33.333% - 23px);
margin: 0px 30px 30px 0px;
}
#sayfaBelge .firma_belgeleri .liste:nth-of-type(3n) {
margin: 0px 0px 30px 0px;
}
#sayfaBelge .firma_belgeleri .liste:nth-of-type(4n) {
margin: 0px 30px 30px 0px;
}

#sayfaBanka .bankaBilgileri ul li {
width: calc(100% - 77px);
float: none;
margin: 0px 0px 30px 0px;
padding: 0px 30px 15px 30px;
}
#sayfaBanka .bankaBilgileri ul li:nth-of-type(2n) {
margin: 0px 0px 30px 0px;
}

#kategori ul#sayfa_icerik_listele li.hizmetli {
width: calc(50% - 20px);
}
#kategori ul#sayfa_icerik_listele li.hizmetli:nth-of-type(2n) {
margin: 0px 0px 30px 0px;
}
#kategori ul#sayfa_icerik_listele li.hizmetli:nth-of-type(3n) {
margin: 0px 30px 30px 0px;
}
#kategori ul#sayfa_icerik_listele li.hizmetli:nth-of-type(6n) {
margin: 0px 0px 30px 0px;
}

#kategori ul#sayfa_icerik_listele li.blogli {
width: calc(50% - 17px);
margin: 0px 30px 30px 0px;
}
#kategori ul#sayfa_icerik_listele li.blogli:nth-of-type(2n) {
margin: 0px 0px 30px 0px;
}
#kategori ul#sayfa_icerik_listele li.blogli:nth-of-type(6n) {
margin: 0px 0px 30px 0px!important;
}
#kategori ul#sayfa_icerik_listele li.blogli:nth-of-type(3n) {
margin: 0px 30px 30px 0px;
}

#sayfaGaleri .sayfa_fotogaleri ul#sayfa_icerik_listele li .magnific-img {
height: 230px;
}
#sayfaGaleri .sayfa_videogaleri ul#sayfa_icerik_listele li div figure img {
height: 200px;
}

#sayfailetisim .bize_ulasin .ilsol {
width: calc(100% - 0px);
float: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#sayfailetisim .bize_ulasin .ilsag {
width: calc(100% - 0px);
float: none;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.site_sag {
width: calc(100% - 0px);
float: unset;
}
.site_sol {
width: calc(100% - 0px);
float: unset;
margin-right: 0px;
}









footer .footer {
display: block;
}
footer .footeralan {
width: calc(100% - 0px);
padding: 0px 0px 0px 0px;
}
footer .footeralan:nth-of-type(2n),
footer .footeralan:nth-of-type(3n),
footer .footeralan:nth-of-type(4n) {
margin-top: 45px;
}
}

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

.ikiliKutu .kutu {
width: calc(100% - 150px);
float: none;
padding: 45px 30px 45px 120px;
}
#hakkimizda .yazi h2 {
font-size: 3em;
}
#hakkimizda .sayac .sayacic {
height: 148px;
}
#hakkimizda .sayac .sayacic .anaistatistik {
font-size: 2.5em;
}
#hakkimizda .sayac .sayacic span {
font-size: 16px;
}
#nasilcalisiyoruz .baslik > * {
width: calc(100% / 1);
padding: 0px 0px 0px 0px;
}
#nasilcalisiyoruz .baslik h2,
#akordiyon .baslik h2,
#anasayfaTeklif .teklifSol .baslik h2,
#anaBlog .baslik h2 {
font-size: 3em;
}
#nasilcalisiyoruz .calisma font {
font-size: 4em;
}
#akordiyon .baslik,
#anasayfaTeklif .teklifSol .baslik {
width: calc(100% - 0px);
margin: 0px 0px 30px 0px;
}
#akordiyon a.ssstumu,
#anaBlog a.ablogtumu {
height: 44px;
line-height: 44px;
font-size: 16px;
}
#sayfaResmi,
#sayfaResmi .sayfaResmi,
#sayfaResmi .sayfar_yazi {
height: 280px;
}

#sayfaEkip .ekip_arkadaslari ul li {
width: calc(50% - 15px);
}
#sayfaEkip .ekip_arkadaslari ul li:nth-of-type(2n) {
margin: 0px 0px 30px 0px;
}
#sayfaEkip .ekip_arkadaslari ul li:nth-of-type(3n) {
margin: 0px 30px 30px 0px;
}
#sayfaEkip .ekip_arkadaslari ul li:nth-of-type(4n),
#sayfaEkip .ekip_arkadaslari ul li:nth-of-type(6n) {
margin: 0px 0px 30px 0px;
}

#sayfahizPaket .hizmet_paketleri .paket {
width: calc(100% - 60px);
float: none;
margin: 0px auto 30px auto;
}

#sayfaCozum .cazomortaklari .cozmarka .saymarka {
width: calc(33.333% - 62px);
padding: 45px 30px;
}

#sayfaYorum .musteriyorumlari .myliste {
width: calc(100% - 0px);
float: none;
margin: 0px 0px 15px 0px;
}
.myliste:nth-of-type(2n) {
margin: 0px 0px 15px 0px;
}

#sayfaBelge .firma_belgeleri .liste {
width: calc(50% - 23px);
margin: 0px 30px 30px 0px;
}
#sayfaBelge .firma_belgeleri .liste:nth-of-type(2n) {
margin: 0px 0px 30px 0px;
}
#sayfaBelge .firma_belgeleri .liste:nth-of-type(3n) {
margin: 0px 30px 30px 0px;
}
#sayfaBelge .firma_belgeleri .liste:nth-of-type(4n) {
margin: 0px 0px 30px 0px;
}
#sayfaBelge .firma_belgeleri .liste:nth-of-type(6n) {
margin: 0px 0px 30px 0px;
}
#sayfaBelge .firma_belgeleri .liste figure.effect-oscar img {
width: 100%;
height: auto;
}

#kategori ul#sayfa_icerik_listele li.hizmetli img {
width: 100%;
height: 450px;
}

#kategori ul#sayfa_icerik_listele li.blogli {
width: calc(100% - 5px);
margin: 0px 0px 30px 0px!important;
}
#kategori ul#sayfa_icerik_listele li.blogli div {
width: calc(100% - 30px);
padding: 15px 15px;
}
#kategori ul#sayfa_icerik_listele li.blogli div strong {
width: 100%;
height: 48px;
font-size: 16px;
line-height: 1.4;
}
#kategori ul#sayfa_icerik_listele li.blogli div p {
line-height: 1.4;
font-size: 14px;
font-weight: 400;
}


#sayfaGaleri .sayfa_fotogaleri ul#sayfa_icerik_listele li,
#sayfaGaleri .sayfa_videogaleri ul#sayfa_icerik_listele li {
width: calc(50% - 15px);
}
#sayfaGaleri .sayfa_fotogaleri ul#sayfa_icerik_listele li:nth-of-type(2n),
#sayfaGaleri .sayfa_videogaleri ul#sayfa_icerik_listele li:nth-of-type(2n) {
margin-right: 0px;
}
#sayfaGaleri .sayfa_fotogaleri ul#sayfa_icerik_listele li:nth-of-type(3n),
#sayfaGaleri .sayfa_videogaleri ul#sayfa_icerik_listele li:nth-of-type(3n) {
margin-right: 30px;
}
#sayfaGaleri .sayfa_fotogaleri ul#sayfa_icerik_listele li:nth-of-type(6n),
#sayfaGaleri .sayfa_videogaleri ul#sayfa_icerik_listele li:nth-of-type(6n) {
margin-right: 0px;
}

.icerikYazi table {
display: block;
overflow-x: auto;
}
.icerikYazi table tbody {
width: 100%;
display: block;
overflow: hidden;
}

.icerikYazi thead {
display: none;
}

.icerikYazi tr {
border-bottom: 1px solid #ddd;
display: block;
margin-bottom: 10px;
}

.icerikYazi td {
border: none;
position: relative;
width: calc(100% - 45%);
display: block;
overflow: hidden;
white-space: normal;
padding-left: 45%;
}

.icerikYazi td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
content: attr(data-baslik); /* data-baslik kullanacağız */
font-weight: bold;
}







}

@media screen and (max-width: 640px) {
header .telefon,
#hakkimizda .yazi a.telefon {
display: none;
}
.sliderAlani .sliderIcerik p {
font-size: 16px;
}
#hakkimizda .yazi h2,
#nasilcalisiyoruz .baslik h2,
#akordiyon .baslik h2,
#anasayfaTeklif .teklifSol .baslik h2,
#anaBlog .baslik h2,
#anaMyorumlari .baslik h2 {
font-size: 2em;
}
#hakkimizda .yazi h2 {
margin: 15px 0px 20px 0px
}
#hakkimizda .yazi a.devami {
height: 44px;
line-height: 44px;
font-size: 16px;
margin: 0px 0px 0px 0px;
padding: 0px 20px;
}
#hakkimizda .yazi p,
#hakkimizda .yazi blockquote {
margin: 0px 0px 30px 0px;
}

#hakkimizda .sayac .sayacic {
width: calc(100% - 2px);
float: none;
}
#hakkimizda .sayac .sayacic:nth-of-type(2n) {
border-bottom: 0px dashed #000000;
border-left: 1px dashed #000000;
border-right: 1px dashed #000000;
border-top: 0px dashed #000000;
}

#nasilcalisiyoruz {
padding: 60px 0px;
}
#nasilcalisiyoruz .calisma {
width: calc(100% - 10px);
margin-right: 0px;
padding-right: 0px;
margin-top: 30px;
border-right: 0px;
}
#nasilcalisiyoruz .calisma p {
font-size: 16px;
}

#sorularVideo .anavideo .videogorsel {
height: 300px;
}
#anasayfaTeklif .teklifSol .ikonlar div i {
font-size: 3em;
}
#anasayfaTeklif .teklifSol .ikonlar div {
width: calc(33.333% - 30px);
padding: 15px 15px 0px 15px;
}
#anasayfaTeklif .teklifSol .ikonlar div span {
font-size: 16px;
}

#anasayfaTeklif .teklifSag form#iletisim .inputlabel {
width: calc(100% - 0px);
float: none;
margin-right: 0px;
margin-bottom: 15px;
}
#anaBlog a.ablogtumu {
display: none;
}

#anaBlog .blogyazilari .blog {
width: calc(80% - 0px);
margin: 30px auto 0px auto;
float: none;
}
#anaBlog .blogyazilari .blog:nth-of-type(2n),
#anaBlog .blogyazilari .blog:nth-of-type(3n) {
margin: 30px auto 0px auto;
}
#anaMyorumlari .noktalar {
top: 40px;
}

#sayfaCozum .cazomortaklari .cozmarka .saymarka {
width: calc(50% - 62px);
padding: 45px 30px;
}

#kategori ul#sayfa_icerik_listele li.hizmetli {
width: calc(100% - 0px);
margin: 0px 0px 30px 0px;
}
#kategori ul#sayfa_icerik_listele li.hizmetli:nth-of-type(2n) {
margin: 0px 0px 30px 0px;
}
#kategori ul#sayfa_icerik_listele li.hizmetli:nth-of-type(3n) {
margin: 0px 0px 30px 0px;
}
#kategori ul#sayfa_icerik_listele li.hizmetli:nth-of-type(6n) {
margin: 0px 0px 30px 0px;
}
#kategori ul#sayfa_icerik_listele li.hizmetli img {
width: 100%;
height: 450px;
}

#sayfaGaleri .sayfa_fotogaleri ul#sayfa_icerik_listele li .magnific-img figure img,
#sayfaGaleri .sayfa_videogaleri ul#sayfa_icerik_listele li div figure img {
height: 180px;
}

}

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





}