@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700&display=swap');

*,
*::before,
*::after {
    box-sizing: border-box
}

:root {
    --kirmizi: #8B1818;
}

body {
    margin: 0;
    padding: 0;
    line-height: 1.618;
    font-family: 'Open Sans', sans-serif;
}

a {
    color: inherit;
    text-decoration: none
}

ul,
li {
    padding: 0;
    margin: 0;
    list-style-type: none
}

section {
    display: inline-flex;
    margin: 0 auto;
    width: 100%;
}

.container {
    position: relative;
    z-index: 2;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
}



h2 {
    font-size: 30px;
    font-weight: 300
}

figure {
    padding: 0;
    margin: 0;
    display: inline-flex
}

figure a {
    display: inline-flex;
    width: 100%;
}

/* Grids */

.grid {
    display: grid;
    grid-gap: 2em;
}

.two {
    grid-template-columns: repeat(2, 1fr)
}

.three {
    grid-template-columns: repeat(3, 1fr)
}

.four {
    grid-template-columns: repeat(4, 1fr)
}

/* Header */

header {
    position: relative;
    height: 468px;
    display: flex;
    align-items: center;
}

header::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.4));
    z-index: 1;
}

header .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;

}

header img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

header h1 {
    color: #fff;
    border-right: 16px solid var(--kirmizi);
    padding-right: 1em;
    font-weight: 400;
    font-size: 28px;
    text-transform: uppercase
}

/* Header  Breadcrumb */

ol.breadcrumb {
    position: relative;
    z-index: 9;
    background: linear-gradient(to right, #8B1818, #B43838);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 1em 2.5em;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    color: #fff;
    font-size: 18px;
    min-height: 80px;
    margin-top: -40px;
}

ol.breadcrumb li:not(:first-child) a::before,
ol.breadcrumb li.active::before {
    content: " / ";
    margin: 0 0.5em;
    color: #fff
}

ol.breadcrumb li:last-child  {
    color: #D1D1D1;
    pointer-events: none
}

/* Kurumsal Text */

.kurumsalText {
    position: relative;
    margin: 100px 0 0 0;
    padding: 80px 100px;
    box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.06);
    background: #fff;
    color: #383838;
    font-weight: 300
}
.kurumsalText.default-page{
    margin: 100px 0;
}

.kurumsalText.tableBoya {
    margin: 40px 0 100px 0;
}

.kurumsalText::before,
.kurumsalText::after {
    content: "";
    position: absolute;
    top: -1em;
    left: 4%;
    width: 92%;
    height: 100%;
    box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.06);
    z-index: -1;
    background: #fff
}

.kurumsalText::after {
    top: -2em;
    left: 8%;
    width: 84%;
    z-index: -2;
}

.kurumsalText p {
    font-size: 20px;
    color: #383838;
    letter-spacing: 1px
}

.hizmetText p {
    font-size: 18px
}

.kurumsalText h2 {
    font-size: 28px;
    font-weight: 500
}

.kurumsalText li {
    font-size: 18px;
    list-style-type: square
}

.kurumsalText ul {
    margin-left: 1em
}

.kurumsalText ul li::before {
    content: "\2022";
    color: var(--kirmizi);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

/* Kurumsal Zigzag */

.kurumsalZigZag {
    margin-top: 4em
}

.kurumsalZigZag .item {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 4em;
    align-items: center;
    justify-content: space-between
}

.kurumsalZigZag .item:not(:first-child) {
    margin-top: 4em
}

.kurumsalZigZag figure {
    position: relative;
}

.kurumsalZigZag img {
    width: 100%;
    position: relative;
    z-index: 2;
}

.kurumsalZigZag .item:nth-child(even) figure {
    order: 1
}

.kurumsalZigZag .item:nth-child(odd) figure::after {
    left: -100px
}

.kurumsalZigZag .item:nth-child(even) figure::after {
    right: -100px
}

.kurumsalZigZag .item figure::after {
    content: "";
    position: absolute;
    top: 20%;
    height: 60%;
    width: 100%;
    background: linear-gradient(to bottom, #8B1818, #D13E3E);
    z-index: 1;
}

.kurumsalZigZag .item article {
    width: 535px
}

.kurumsalZigZag p {
    font-size: 16px;
    font-weight: 300
}

/* Projelerimiz */

.projeTags {
    margin: 4em 0;
    display: flex;
    flex-direction: row;
    justify-content: start;
}

.projeTags>a {
    font-size: 15px;
    padding: .5em 1em;
    border: 1px solid #000;
    margin: 0 1em;
    border-radius: 5px;
    font-weight: 700;
    transition: all 200ms linear
}
.projeTags>a:nth-of-type(1) {
    margin-left: 0px;
}
.projeTags>a:hover,
.projeTags>a.active {
    background: #000;
    color: #fff
}

.projeList {
    margin-bottom: 4em
}

.projeItem {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between
}

.projeItem:not(:first-child) {
    margin-top: 2.5em
}

.projeItem img {
    width: 280px;
    border-radius: 5px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    margin-right: 2em
}

.projeDetail {
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
    padding: 1em 2em
}

.projeItem h3 {
    font-size: 16px;
    font-weight: 700
}

.projeItem p {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px
}

.projeItem hr {
    margin: 1em 0;
    background: #DEDEDE;
    border: none;
    height: 1px;
}

.projeItem a {
    color: var(--kirmizi);
    font-size: 14px;
    font-weight: 700
}

.pagination {
    margin-bottom: 4em;
    text-align: center;
}

.pagination>a {
    display: inline-block;
    padding: 1em;
    color: #fff;
    font-size: 13px;
    background: #848484;
    transition: all 0.35s;
}

.pagination a:hover {
    color: white;
    background: var(--kirmizi)
}

.pagination>span {
    display: inline-block;
    font-size:13px;
    padding: 1em;
    color: white;
    background: var(--kirmizi)
}

.pagination img {
    width: 1em;
}


/* Proje Detay */

.projeDetayImg img {
    width: 100%;
}

.projePages {
    margin-top: 4em
}

.projeTable {
    display: flex;
    flex-direction: column;
}

.tableLeft {
    font-weight: 500;
    transform: translateX(-50px)
}

.tableItem {
    display: grid;
    grid-template-columns: 220px auto;
    grid-gap: 2em;
    font-size: 18px;
}

.tableItem:not(:first-child) {
    margin-top: 1.5em
}

.tableBoya {
    background: linear-gradient(to right, #EBEBEB 0%, #EBEBEB 276px, #fff 276px, #fff 100%)
}


/* Söz */

.soz {
    background-color: #FFFAF9;
    padding: 140px 0;
    text-align: center;
    font-weight: 300;
    margin: 140px 0
}

.soz .container {
    position: relative;
}

.soz .container::before {
    content: "";
    position: absolute;
    top: -4em;
    left: 1em;
    width: 210px;
    height: 145px;
    background-image: url('../img/quotes.png');
    background-repeat: no-repeat;
}

.soz p {

    font-size: 28px;
    max-width: 990px;
    line-height: 48px;
    letter-spacing: 1px;
    margin: 0 auto;
}

.soz span {
    display: block;
    font-size: 20px;
    margin-top: 3em
}

.soz strong {
    font-weight: 500
}

/* Single Area */

.singleArea {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 4em;
    align-items: center;
    justify-content: space-between;
    padding: 0 50px
}

.singleArea figure {
    position: relative;
    display: inline-flex;
    box-shadow: 3px -3px 40px rgba(0, 0, 0, 0.16)
}



.singleArea .figBack {
    position: absolute;
    top: 20%;
    left: -50px;
    width: 50%;
    height: 60%;
    background: #FDEFEF;
    z-index: -1;
}


.singleArea article {
    font-weight: 300;
}

.singleArea h3 {
    font-size: 30px;
    font-weight: 300;

}

.singleArea p {
    line-height: 2;

}

/* Top Navigasyon Menü */

nav.siteTopNav .logo {
    display: none;
}
@media (min-width:1025px) {
   nav.siteTopNav .logo {
        display: block;
   }

   nav.siteTopNav .mobil-logo {
        display: none;
   }
}


nav.siteTopNav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 1em 4em;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}

nav .wpmenu {
    display: flex;
    flex-direction: row;
    align-items: center
}

nav li {
    transition: all 200ms linear
}

nav .wpmenu li {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0.5em 1em
}

nav .wpmenu li:hover {
    color: rgba(255, 255, 255, 0.8)
}

nav .wpmenu li.current-menu-ancestor,
nav .wpmenu li.current-menu-item,
nav .wpmenu li.current-menu-parent {
    background-color: rgba(255, 255, 255, 0.2);
}

nav .wpmenu .sub-menu li.current-menu-item {
    background-color: transparent;
}

nav .wpmenu li.dil {
    padding: 0.5em 1em;
    background: rgba(139, 24, 24, 1);
}


nav .wpmenu li.menu-item-has-children {
    position: relative;
}

nav ul.sub-menu {
    padding: 1em;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: calc(100% + 0.5em);
    left: 1em;
    display: flex;
    flex-direction: column;
    backface-visibility: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 200ms linear
}
nav .wpmenu li.current-menu-ancestor ul.sub-menu,
nav .wpmenu li.current-menu-item ul.sub-menu {
    left: 0px !important;
}

nav ul.sub-menu li:hover {
    color: #fff
}

@media (max-width: 991px) {
    .current_page_parent {
        pointer-events: none
    }
}


.menu-item-has-children.current_page_parent {
    pointer-events: all
}

nav li.current_page_parent ul.sub-menu {
    left: 0
}

nav .wpmenu li.menu-item-has-children:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    backface-visibility: visible
}

nav .wpmenu li.menu-item-has-children:hover .space {
    display: block
}

nav ul.sub-menu li a {
    text-transform: uppercase;
}


.space {
    position: absolute;
    top: 100%;
    left: 0;
    height: 2em;
    width: 100%;
    display: none;
}

nav .wpmenu li.menu-item-has-children:hover .space:hover+ul {
    opacity: 1;
    visibility: visible;
    backface-visibility: visible
}

nav ul.sub-menu li {
    white-space: nowrap;
    position: relative;
    text-transform: none;
    padding: 0;
    color: #D3D3D3;
    font-weight: 500
}

nav ul.sub-menu li:not(:first-child) {
    margin-top: 1em
}

nav ul.sub-menu li.current-menu-item {
    color: #fff
}

nav ul.sub-menu li.current-menu-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(-1em - 5px);
    width: 10px;
    height: 100%;
    background: #fff
}


/* Slider */

.sliderArea,
.sliderItem {
    position: relative;
}

.sliderArea .container {
    max-width: 1430px
}

.slick-slide img {
    width: 100%;
    height: 850px;
}

.sliderContent {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.sliderText {
    background: rgba(139, 24, 24, 0.88);
    padding: 5em;
    position: absolute;
    z-index: 6;
    left: 2em;
    bottom: 0em;
    width: 550px;
    color: #fff;
}

.sliderText p {
    font-weight: 300;
    line-height: 2
}

.sliderText a {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    margin-top: 1em
}

.sliderText a::after {
    content: "";
    right: -2em;
    position: absolute;
    background-image: url('../img/miniucgen.png');
    background-size: 1em;
    width: 1em;
    height: 1em;
}

.sliderTitle {
    font-size: 36px;
    font-weight: 500;
    line-height: 49px;
}

.sliderItem::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), transparent);
    z-index: 1;
}

.slick-dots {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    bottom: 2em;
    width: 1200px;
    margin: 0 auto;
    pointer-events: none
}

.sliderDot {
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 .25em;
    background: #fff;
    pointer-events: all;
    cursor: pointer;
}

.slick-active .sliderDot {
    background: #000
}

.slick-list {
    position: relative
}

.sliderArrow>div {
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    z-index: 3;
    top: calc(50% - 30px);
    padding: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.sliderArrow>div#nextButton {
    right: 0;
}

.sliderArrow img {
    width: 1em;

}

.slick-slider {
    user-select: inherit !important
}


/* Single Grid */


.home .container {
    max-width: 1355px;
    padding: 6em 0
}

.singleGrid {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.singleGrid article {
    width: 459px;
    margin-left: 120px
}

.singleGrid figure {
    position: relative;
}

.singleBG {
    position: absolute;
    top: 20%;
    left: -20%;
    height: 60%;
    width: 140%;
    background: #FDEFEF;
    z-index: -1;
}

.singleGrid .ampuller img {
    width: 60%
}

/* Zigzag Area */

.zigzagArea {
    padding: 8em 0
}

.zigzagArea .container {
    max-width: 1320px;
}

.zigzagArea.onePage .container {
    max-width: 1200px
}

.zigzagArea.onePage .zigzagItem {
    grid-gap: 70px
}

.zigzagGrid {
    display: flex;
    flex-direction: column;
}


.zigzagItem {
    font-weight: 300;
    display: grid;
    grid-gap: 140px;
    align-items: center;
    justify-content: space-between;
}

.zigzagItem .articleDetail {
    width: 459px;
}

.zigzagItem .articleDetail>a {
    color: var(--kirmizi);
    font-size: 18px;
    position: relative;
    display: flex;
    align-items: center;
    font-weight: 300;
}

.zigzagArea.onePage .zigzagItem .articleDetail>a::before {
    display: none
}

.zigzagItem .articleDetail>a::before {
    content: "";
    width: 120px;
    height: 2px;
    background: var(--kirmizi);
    margin-right: 2em
}

.zigzagItem p {
    line-height: 36px
}

.zigzagItem:not(:first-child) {
    margin-top: 12em
}

.zigzagItem:nth-child(odd) {
    grid-template-columns: auto 640px;
}

.zigzagArea.onePage .zigzagItem:nth-child(odd) {
    grid-template-columns: auto 560px;
}


.zigzagItem:nth-child(even) .colorFigure {
    top:-3em;
    left:3em;
}

.zigzagItem:nth-child(odd) .colorFigure {
    top:3em;
    left: -3em;
}

.zigzagItem:nth-child(even) {
    grid-template-columns: 640px auto;
}

.zigzagArea.onePage .zigzagItem:nth-child(even) {
    grid-template-columns: 560px auto;
}

.zigzagItem:nth-child(even) figure {
    order: -1
}

.zigzagItem img {
    width: 100%;
}

.zigzagGrid figure {
    position: relative;
    display: flex;
}

.zigzagItem:hover .articleDetail p+a {
    opacity: 1;
}

.zigzagItem .articleDetail p+a {
    opacity: 0;
    transition: all 200ms linear
}

.zigzagItem:hover .colorFigure {
    left:0;
    top:0
}

.zigzagItem:hover  * {
    transform: none !important
}

.zigzagItem:hover .caprazin,.zigzagItem:hover .caprazcik {
    transform: none !important
}

.colorFigure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all 200ms linear
}

.colorFigure.pink {
    background: #FFC7C7
}

.colorFigure.yellow {
    background: #FCE6B8;
}

.colorFigure.black {
    background: #333333
}

.colorFigure.khaki {
    background: #EDDEC5
}


/* Section Titles */

.sectionAreaTitle {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
}

.sectionAreaTitle .sectionTitle {
    font-size: 30px;
    font-weight: 500;
    margin: 0 2em
}

.sectionAreaTitle .fill {
    background: var(--kirmizi);
    flex-basis: auto;
    height: 60px;
}

/* Temsilcilikler */

.temsilcilikler {
    padding-top: 12em
}

.temsilcilikler .container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap
}

.temsilcilikler .container>a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-basis: 33.33%;
    margin: 3em 0
}

.temsilcilikler .container>a:nth-child(5n+1),
.temsilcilikler .container>a:nth-child(5n+2),
.temsilcilikler .container>a:nth-child(5n+3) {
    flex-basis: 33.33%;
}

.temsilcilikler .container>a:nth-child(5n+4),
.temsilcilikler .container>a:nth-child(5n+5) {
    flex-basis: 50%;
}

.temsilcilikler .container>a::after {
    content: "";
    position: absolute;
    left: calc(50% - 60px);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);

    z-index: -1;
    transition: all 200ms linear
}

.temsilcilikler .container>a:hover::after {
    transform: scale(1.75)
}

.temsilcilikler .container>a.w60::after {
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
}

.temsilcilikler .container>a.w100::after {
    left: calc(50% - 50px);
    width: 100px;
    height: 100px;
}

.temsilcilikler .container>a.w150::after {
    left: calc(50% - 75px);
    width: 150px;
    height: 150px;
}

.temsilcilikler .container>a.w175::after {
    left: calc(50% - 97px);
    width: 175px;
    height: 175px;
}

.temsilcilikler .container>a.w200::after {
    left: calc(50% - 100px);
    width: 200px;
    height: 200px;
}

.temsilcilikler .top {
    transform: translateY(-2em)
}

.temsilcilikler .bottom {
    transform: translateY(2em)
}


/* Haber Grid */

.haberGrid {
    margin-top: 4em;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2em
}

.haberGrid .singleNews .figTitle {
    margin: 0;
    color: #848484;
    text-transform: none;
    font-size: 13px
}

.haberGrid hr {
    margin: 2em 0 1em 0;
    background: #dedede;
    height: 1px;
    border: none
}

.haberGrid .newsText {
    font-weight: 700;
    font-size: 14px
}

.haberGrid .devamiOku {
    font-size: 14px;
    font-weight: 500;
    color: var(--kirmizi)
}

/* Haber Detay */

.haberDetayGrid {
    display: grid;
    grid-template-columns: 786px 378px;
    grid-gap: 2em;
    margin: 6em 0;
}

.haberDetayGrid iframe {
    width: 100%;
    height: 380px;
}

.haberDetayGrid h3 {
    font-size: 18px;
    color: var(--kirmizi);
    text-transform: uppercase
}

.haberDetayGrid p {
    font-size: 18px;
    font-weight: 300;
    color: #383838;
    letter-spacing: 1px
}

.haberTags {
    display: flex;
    flex-direction: row;
}

.haberTags a {
    padding: 0.75em 1em;
    background: #000;
    color: #fff;
    transition: all 200ms linear;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500
}

.haberTags a:hover {
    background: var(--kirmizi)
}

.haberTags a:not(:first-child) {
    margin-left: 1em
}

.haberSidebar {
    display: flex;
    flex-direction: column;
}

.haberSidebar h3 {
    line-height: 1;
    margin: 0;
    font-size: 16px;
    color: var(--kirmizi)
}

.haberKutu:not(:first-child) {
    margin-top: 1.5em
}

.haberKutu {
    background: #fff;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.06);
    padding: 2.5em 2em;
    display: flex;
    flex-direction: column;
    border-right: 10px solid var(--kirmizi);
    transition: all 200ms linear
}

.haberKutu.active {
    background: var(--kirmizi);
    color: #fff
}

.haberKutu.active .haberKat {
    color: #C3C3C3;
}

[data-iletisim] {
    cursor: pointer;
}

.haberKat {
    color: var(--kirmizi);
    font-weight: 700;
    font-family: "Titillium Web", "Open Sans", sans-serif;
    margin-bottom: 20px;
}

.haberTitle {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.haberKutu .devamiOku {
    color: #AFAFAF;
    font-size: 14px;
    font-weight: 600;
    font-family: "Titillium Web", "Open Sans", sans-serif;
    margin-top: 20px
}

.haberKutu:hover {
    background: var(--kirmizi);
    color: #fff
}

.haberKutu:hover .haberKat {
    color: #C3C3C3;
}

.haberKutu:hover .figTitle a {
    color: white;
}

.adressText p {
    font-size: 16px
}

/* news */

.news {
    padding: 8em 0
}

.news .three {
    grid-template-columns: auto 320px 320px;

}

.news h3 {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 1.5em
}

.singleNews img {
    width: 100% !important;
}

.firstNews {
    font-weight: 300
}

.firstNews>div {
    font-size: 30px;
    font-weight: 300
}

.firstNews p {
    line-height: 36px
}

.firstNews a {
    padding: 1em 2em;
    background: var(--kirmizi);
    color: #fff;
    margin: 1em 0;
    display: inline-block;
    text-transform: uppercase
}

.grid div.singleNews:nth-of-type(2) {
    transform: translateY(3em)
}

.singleNews {
    font-size: 14px;
    display: inline-grid;
}

.singleNews a {
    width: 320px;
    height: 224px;
}

.singleNews .newsImage {
    position: relative;
    display: inline-flex;
}

.singleNews .newsImage::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.0);
    background-image: url('../img/plus.png');
    background-position: center;
    background-repeat: no-repeat;
    transition: all 200ms linear;
    opacity: 0
}

.singleNews:hover .newsImage::after {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.66);
}

.singleNews .newsImage img {
    width: 324px !important;
    height: 224px;
    object-fit: cover;
    object-position: center;
}

.singleNews .figureFooter {
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    padding: 24px;
}

.blog .singleNews .figureFooter,
.archive .singleNews .figureFooter {
     min-height: 200px;
}

.blog .singleNews .newsImage img ,
.archive .singleNews .newsImage img  {
    width: 100% !important;
}


.figTitle {
    font-weight: 700;
    margin-bottom: 1em
}

.singleNews figcaption {
    font-weight: 300
}

/* projectMessage */

.projectMessage {
    background-image: url('../img/gri-triangle.png');
    background-position: center;
    background-size: cover;
    height: 617px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}

.projectMessage>div {
    font-size: 34px;
    max-width: 644px;
    text-align: center
}

.projectMessage a {
    margin-top: 2em;
    color: var(--kirmizi);
    font-size: 24px;
    background-image: url('../img/arrow-right.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 2em;
}

/* Footer */

footer {
    position: relative;
    background-image: url('../img/footer.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    height: 407px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

footer ul li {
    margin-top: 1em
}

footer::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.5));
    z-index: 1;
}

.footerLogo {
    transform: translateY(-50%)
}

.footeImg {
    background: #fff;
    padding: 2.5em 3em;
    line-height: 1;
}

.footerSocial {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 2em 0
}

.footerSocial .fab { 
    font-family: "Font Awesome 5 Brands"; 
    font-size: 20px;
}

.footerSocial a:not(:first-child) {
    margin-left: 1em
}

.footerText {
    margin-top: 1.5em;
    font-size: 14px
}

.footerAreaTitle {
    font-size: 26px;
    margin-top: 1em
}

.hamburger {
    display: none
}

.hamburger img {
    width: 1.5em;
}

.modalMenu {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.95);
    color: #fff;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    z-index: 99999999999;
    overflow: auto;
    padding: 2em;
    animation: modalGel 300ms ease-in-out forwards;
    transition: all 200ms linear;

}

@keyframes modalGel {
    0% {

        transform: translateX(100%);
    }

    100% {

        transform: translateX(0);
    }
}

.modalGel {
    right: -100%;

}

.modalMenu .wpmenu {
    font-size: 16px;
}

.modalMenu li {
    padding: 0.25em 1em;
    color: #888;
    text-transform: uppercase
}
.mobilSub {
    display: none
}
.modalMenu .mobilSub {
    display: inline-block;
    width: 1em;
    margin-left:1em;
    transform-origin: 50% 50%;
    transition:all 200ms linear;
}
.mobilSub img {
    transform:translateY(3px)
}
.modalMenu .sub-menu {
    height: 0;
    overflow: hidden;
    transition:all 200ms linear
}
.ters {
    transform:rotate(180deg);
    
}
.goster {
    height: inherit !important
}
.modalMenu .sub-menu li {
    text-transform: none
}

.modalMenu li.current_page_parent,
.modalMenu li.current-menu-item {
    color: #fff;
    font-weight: 700
}

.modalMenu li.current_page_parent.menu-item-has-children .sub-menu li {
    font-weight: 400
}

.modalKapat {
    position: absolute;
    top: 2em;
    right: 2em;
    background-image: url('../svg/times.svg');
    background-position: center;
    background-size: 1em;
    width: 1em;
    height: 1em;
    cursor: pointer;
    z-index: 9999;
}

.modalMenu .sub-menu li::before {
    content: "- "
}

.iletisimGrid .singleHaber {
    display: none;
}
.singleHaber.active {
    display: block;
}
#ampul1,#ampul2,.zigzagItem img {
    transition:all 500ms linear
}
.efektyukari {
    transform:translateY(3em);
}
.efektasagi {
    transform:translateY(-3em);
}

.zigzagItem:nth-child(odd) .caprazin {
    transform: translate(0,3em) ;
}
.zigzagItem:nth-child(odd) .caprazcik {
    transform: translate(-3em,0);
}

.zigzagItem:nth-child(even) .caprazin {
    transform: translate(0,-3em) ;
}
.zigzagItem:nth-child(even) .caprazcik {
    transform: translate(3em,0);
}

@media (min-width:375px) and (max-width:1024px) {
    .hamburger {
        position: absolute;
        right: 2em;
    }
}
@media (min-width:320px) and (max-width:1024px) {
    .hamburger {
        display: inline-block
    }

    .kurumsalText {
        margin-left: 1em;
        margin-right: 1em
    }

    .kurumsalZigZag img {
        height: 300px;
        object-fit: cover;
        object-position: center
    }

    .slick-dots {
        display: none !important
    }

    nav.siteTopNav {
        position: unset
    }

    .singleGrid figure {
        order: 1
    }

    nav.siteTopNav,
    nav .wpmenu {
        flex-direction: column;
        justify-content: center;
    }

    nav.siteTopNav {
        padding: 1em;
        width: 100%;
    }

    nav .wpmenu li.dil {
        color: #fff;
        grid-column: 1 / 3;
        text-align: center
    }

    nav .wpmenu {
        display: none;
        grid-template-columns: 1fr 1fr;

    }

    nav .wpmenu li {
        color: #000;
        text-align: center
    }

    ol.breadcrumb {
        flex-direction: column;
        height: unset;
        text-align: center
    }

    ol.breadcrumb li:not(:first-child) a::before {
        display: none
    }

    .slick-slide img {
        width: 100%;
        height: 360px;
    }

    .sliderText {
        padding: 1em;
        width: 100%;
        font-size: 10px;
        left: 0
    }

    .sliderTitle {
        font-size: 18px;
        line-height: 24px;
    }

    .sliderText a {
        font-size: 16px;
    }

    .sliderText p {
        display: none
    }

    .sliderArrow>div {
        transform: scale(0.5)
    }

    .home .container {
        padding: 2em 0
    }

    .singleGrid {
        flex-direction: column;
        align-items: stretch;
    }

    .singleGrid figure img {
        height: 240px;
        width: 100%;
        object-fit: cover;
        object-position: center
    }

    h2 {
        font-size: 24px;
    }

    .singleBG {
        display: none
    }

    .singleGrid article {
        width: 100%;
        margin: 1em 0;
        padding: 1em;
        text-align: center
    }

    .sectionAreaTitle {
        background: var(--kirmizi);
        color: #fff
    }

    .ampuller {
        display: none
    }

    .sectionAreaTitle .sectionTitle {
        font-size: 20px
    }

    .zigzagArea {
        padding: 2em 0
    }

    .zigzagItem:nth-child(odd),
    .zigzagItem:nth-child(even),
    .zigzagArea.onePage .zigzagItem:nth-child(odd),
    .zigzagArea.onePage .zigzagItem:nth-child(even) {
        grid-template-columns: 1fr;
        grid-gap: 1em
    }

    .zigzagItem figure {
        order: -1 !important
    }

    .zigzagItem .articleDetail {
        width: 100%;
        padding: 1em;
        text-align: center
    }

    .colorFigure {
        display: none;
        top:0;
        left:0
    }

    .zigzagItem:not(:first-child) {
        margin-top: 0
    }

    .zigzagItem .articleDetail>a {
        display: inline-flex
    }

    .zigzagItem .articleDetail>a::before {
        display: none
    }

    .temsilcilikler .container {
        flex-direction: column;
        flex-wrap: unset
    }

    .temsilcilikler {
        padding-top: 2em
    }

    .temsilcilikler .container>a:nth-child(n) {
        flex-basis: 100%
    }

    .temsilcilikler .container>a {
        margin: 1em 0
    }

    .temsilcilikler .container>a::after {
        display: none
    }

    .temsilcilikler .bottom,
    .temsilcilikler .top {
        transform: none
    }

    .news {
        padding: 2em 0
    }

    .news .container {
        padding: 1em
    }

    .news h3 {
        text-align: center;
        font-size: 24px
    }

    .news .three {
        grid-template-columns: 1fr
    }

    .news .singleNews:first-of-type {
        transform: none
    }

    .firstNews {
        text-align: center
    }

    .firstNews>div {
        font-size: 20px
    }

    .projectMessage {
        height: 300px;
    }

    .projectMessage>div {
        font-size: 20px;
        padding: 1em
    }

    .footerLogo {
        transform: none
    }

    .projectMessage a {
        margin-top: 1em;
        font-size: 18px
    }

    .four {
        grid-template-columns: 1fr
    }

    footer {
        background-size: cover;
        height: unset;
        text-align: center;
        padding-bottom: 2em
    }

    .footerAreaTitle {
        font-size: 18px
    }

    footer ul li {
        font-size: 14px
    }

    .header {
        height: 360px;
    }

    header h1 {
        border: none;
        padding: 0;
        text-align: center
    }

    header .container {
        justify-content: center
    }

    .kurumsalText {
        padding: 2em
    }

    .kurumsalText p {
        font-size: 14px;
    }

    .soz {
        padding: 2em 0
    }

    .soz p {
        font-size: 22px;
        padding: 1em
    }

    .soz .container::before {
        top: 0;
        left: calc(50% - 105px);
    }

    .singleArea {
        grid-template-columns: 1fr;
        padding: 0;
        grid-gap: 1em;
        text-align: center
    }

    .singleArea .figBack {
        display: none
    }

    .singleArea article {
        padding: 1em
    }

    .singleArea h3 {
        font-size: 20px;

    }

    .singleArea img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .projeTags {
        margin: 2em 0;
        flex-direction: column
    }

    .projeTags>a {
        margin: 1em
    }

    .projeItem {
        flex-direction: column
    }

    .projeItem img {
        width: 100%;
    }

    .haberGrid {
        grid-template-columns: 1fr
    }

    .haberDetayGrid {
        grid-template-columns: 1fr
    }

    .singleHaber {
        padding: 1em;
        text-align: center
    }

    .singleHaber img {
        width: 100%;
    }

    .haberSidebar h3 {
        text-align: center
    }

    .tableBoya {
        background: none
    }

    .projeTable {
        flex-direction: column;
        padding: 2em
    }

    .tableItem {
        grid-template-columns: 1fr
    }

    .tableLeft {
        transform: none
    }

    .kurumsalZigZag .item {
        grid-gap: 1em;
        grid-template-columns: 1fr;
    }

    .kurumsalZigZag .item figure::after {
        display: none
    }

    .kurumsalZigZag .item article {
        width: 100%;
    }

    .kurumsalZigZag .item:nth-child(n) figure {
        order: -1
    }

    .kurumsalText h2 {
        font-size: 22px
    }

    .haberKutu {
        margin-left: 1em;
        margin-right: 1em;
    }

    .haberGrid {
        margin-left: 1em;
        margin-right: 1em;
    }

    .pagination {
        flex-direction: column;
        margin-left: 1em;
        margin-right: 1em;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .modalKapat {
        background-size: 2em;
        width: 2em;
        height: 2em;
    }

    .modalMenu .wpmenu {
        font-size: 24px
    }

    .projeList {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2em;
        padding: 0 2em
    }

    .projeItem:not(:first-child) {
        margin: 0
    }

    .news .three {
        grid-template-columns: 1fr 1fr 1fr;
        align-items: center;
    }

    .haberGrid {
        grid-template-columns: 1fr 1fr
    }

    .slick-dots {
        display: none !important
    }

    .pagination {
        flex-direction: row
    }

    nav .wpmenu {
        grid-template-columns: repeat(7, 1fr)
    }

    nav .wpmenu li.dil {
        grid-column: unset
    }

    header {
        height: 300px;
    }

    ol.breadcrumb {
        flex-direction: row;
        justify-content: center
    }

    ol.breadcrumb li:not(:first-child) a::before {
        display: unset
    }

    .kurumsalText {
        padding: 4em;
        margin-left: 2em;
        margin-right: 2em
    }
}

.wp-block-gallery {
    margin: 0px !important;
    padding: 0px !important;
}
.wp-block-gallery .blocks-gallery-item::before {
    content: '' !important;
}

.project-detail {
    padding: 2em;
    text-align: center;
}

.haberGrid .singleNews a {
    width: 100%;
}

.haberKutu .figTitle a {
    color: var(--kirmizi);
}

.singleHaber ul {
    padding-left: 15px;
}

.singleHaber ul li::before {
    content: "\2022";
    color: var(--kirmizi);
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.singleHaber figure img {
    max-width: 100%;
    height: auto;
}