/*
Theme Name: Masaüstü
Theme URI: http://multimediabilgisayar.com
Author: Multimedia Bilgisayar
Author URI: http://multimediabilgisayar.com
Version: Masaüstü
*/


@font-face {font-family: "Humanist 777"; src: url("/wp-content/themes/webfonts/5b4ae26de6b8a8ea67c1db6e8dbe5018.eot"); src: url("/wp-content/themes/webfonts/5b4ae26de6b8a8ea67c1db6e8dbe5018.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/webfonts/5b4ae26de6b8a8ea67c1db6e8dbe5018.woff2") format("woff2"), url("/wp-content/themes/webfonts/5b4ae26de6b8a8ea67c1db6e8dbe5018.woff") format("woff"), url("/wp-content/themes/webfonts/5b4ae26de6b8a8ea67c1db6e8dbe5018.ttf") format("truetype")}

html { overflow-x:hidden; scroll-behavior: smooth; }
body { margin:0; padding:0; background:#fff; font-family: 'Titillium Web';}

h1, h2, h3, h4, h5, ul, ol, img, a, p { margin:0; padding:0; list-style:none; text-decoration:none;border:none; outline:none; }
a { transition: all .2s linear; }
/*net fotolar*/

img {image-rendering: -webkit-optimize-contrast !important;}


.header {z-index: 5; position: relative; width: 50%; z-index: 10; color: #000; position: absolute; display: flex; flex-direction: column; align-items: flex-end; padding-top: 2vw; float: right; right: 0;}
.header-ust {height: 3vw;display: flex;align-items: center;float: right;right: 14%;margin-bottom: 1.7vw;justify-content: flex-end;position: relative;}
.h-telefon{display: flex;justify-content: space-evenly; align-items: center;}
.h-telefon i{transform: rotate(31deg); font-size: 1.3vw;margin-right: 1vw;}
.h-telefon span{font-size:1vw;}
.mail{display: flex; justify-content: space-evenly; align-items: center;margin-left: 4vw;}
.mail i{ font-size: 1.3vw;margin-right: 1vw;}
.mail span{font-size: 1vw;}
.header-alt {height: 4vw;background: none;display: flex;align-items: center;float: right;width: 100%;position: relative;flex-direction: row;flex-wrap: wrap;right:13.2%;}

#menu {width: 100%;cursor: pointer;position: absolute;display: flex;justify-content: flex-end;align-items: center;}
.header .menu-item a{display:block;color:#000;transition:0.2s;}
.menu-item {float: left;position: relative;font-size: 1.1vw;font-weight: 700;transition: 0.6s all;margin-left: 3vw;}
.menu-item:hover a {color: #e30c16;}



.dropdown {display: flex;width: 15vw;position: absolute;background-color: #22232e;opacity: 0;visibility: hidden;transition-delay: 0.2s;z-index: 90;border-bottom-right-radius: 0.6vw;border-bottom-left-radius: 0.6vw;margin-top: 0.8vw;padding-top: 1vw;margin-left: -0.7vw;transition: all .3s linear;padding-bottom: 1vw;flex-direction: column;}
.dropdown>.menu-item {height: 1.8vw;text-align: left;font-size: 0.9vw;padding-left: 1vw;width:auto;margin-left:1vw;}
.dropdown>.menu-item a{display:inline-block;color: #fff !important;letter-spacing: 0;}
.dropdown > .menu-item a:after { content: ""; display: block; height: 0.1vw; width: 13vw; background: #bd0d22; position: absolute; left: 0; right: 0; top: 1.6vw; bottom: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transform-origin: left; transform-origin: left;}
.dropdown > .menu-item a:hover:after { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; }
.menu-item:hover>.dropdown{opacity:1;visibility:visible;}



.header-2 {color: #fff;display: flex;align-items: flex-start;padding-left: 7.6vw;z-index: 99;position: absolute;flex-direction: column;margin-top: 3.4vw;}
.header2-alt {margin-top: 2.8vw;}
.header-2 .dropdown{margin-top: 0.5vw;}
.header-2 img{width: 14.8vw;}
.header-2 #menu {position: relative}
.header-2 .menu-item {float: left;position: relative;font-size: 1.1vw;font-weight: 700;transition: 0.6s all;margin-right: 3vw;margin-left: 0;}




.header .menu-item a > img {width: 8vw;}

.header-2 .menu-item a{display:block;color:#fff;transition:0.2s;}
.header-2 .menu-item a:hover{color:#e30c16;transition:0.2s;}
.header-2 .menu-item a > img {width: 8vw;}
.header-2 .dropdown>.menu-item {height: 1.8vw;text-align: left;font-size: 0.9vw;padding-left: 1vw;width: auto;margin-left: 1vw;margin-right: 0vw;}




.anasayfa-alan-1 {position: relative; height: 48vw; top: 0; overflow: hidden; display: flex; justify-content: space-between;}
.alan-1-sag {position: relative;background-position: right;width: 100%;background-repeat: no-repeat;z-index: 8;display: flex;flex-direction: column;align-items: flex-end;justify-content: center;right: 0;}
.alan-1-sag .icerik-kapsar {display: flex;flex-direction: column;float: right;right: 7%;position: relative;align-items: flex-end;}
.alan-1-sag .aciklama {float: right;right: 0;position: relative;color: #22232e;text-align: end;font-weight: 600;font-size: 2.7vw;font-family: "Humanist 777";margin-bottom: 6vw;font-style: italic;letter-spacing: 0.1vw;margin-top: 17vw;}
span.aciklama:before { content: ""; position: absolute; width: 6vw; height: 0.2vw; background: #bb0d22; float: right; right: 0; margin-top: 9vw; }
.icerik-kapsar a{clip-path: polygon(16% 0%, 100% 0, 84% 100%, 0% 100%);background: #22232e;display: flex;align-items: center;justify-content: center;height: 2vw;width: 19vw;color: #fff;padding: 0.6vw;font-size: 1vw;transition: all linear 0.2s;}
.icerik-kapsar a:hover {background: #e30c16;transition: all linear 0.2s;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  70% {
    transform: scale(.9);
  }
    100% {
    transform: scale(1);
  }
}

.sosyal-medya{float: right; right: 8%; position: relative; top: 7vw; width: 20vw; display: flex ; position: relative; justify-content: space-between;}
.catlg:hover{background: #e30c16; transition: all linear 0.2s;}
.catlg{width: 8.1vw !important; border-radius: 0% !important; clip-path: polygon(16% 0%, 100% 0, 84% 100%, 0% 100%);}
.sosyal-medya a:hover{box-shadow: 3px 3px #e30c16b8; transition: .3s;}
.sosyal-medya a{background: #22232e; color: #fff; width: 2.4vw; height: 2.4vw; font-size: 1.3vw; display: flex; align-items: center; justify-content: center; border-radius: 100%;transition: .3s;}

.anasayfa-alan-2 {height: 48vw;display: flex; justify-content: space-between;}
.alan-2-sol{position: relative; width: 73vw; background-repeat: no-repeat; z-index: 8; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.alan-2-sol p {width: 27vw;font-size: 1.3vw;font-weight: 600;margin-top: 1vw;margin-bottom: 2vw;}
.alan-2-kurumsal p:nth-child(3) {font-size: 1.3vw;width: 33vw;margin-top: 2.6vw;font-weight: 500;margin-bottom: 5vw;}
.alan-2-kurumsal a:hover{transition: all linear 0.2s;background: #22232e;}
.alan-2-kurumsal a{clip-path: polygon(0 0, 84% 0, 100% 100%, 16% 100%); background: #e30c16; display: flex; align-items: center; justify-content: center; height: 2vw; width: 15vw; color: #fff; padding: 0.6vw; font-size: 1.1vw;transition: all linear 0.2s;}
.alan-2-kurumsal{top: 5vw; position: absolute; left: 5vw;}
.alan-2-kurumsal h4 {font-size: 2.3vw;color: #22232e;margin-bottom: 7vw;font-family: "Humanist 777";font-style: italic;letter-spacing: 0.2vw;}
.alan-2-kurumsal h4:before {content: "";position: absolute;background: #e30c16;width: 6.2vw;height: 0.3vw;margin-top: 5vw;}


#muhendislik {width: 60.3vw;height: 33.9vw;}

.anasayfa-alan-3 {height: 47vw; display: flex; justify-content: flex-end;}
.alan3-sag h3 {margin-bottom: 4.8vw;display: flex;justify-content: flex-end;font-size: 2.3vw;color: #22232e;font-family: "Humanist 777";font-style: italic;letter-spacing: 0.2vw;}
.alan3-sag h3:before{width: 6.5vw; background: #e30c16; height: 0.2vw; content: ""; position: absolute; margin-top: 4vw;}
.alan3-sag{display: flex; flex-direction: column; width: 49vw; justify-content: center; align-items: flex-end; padding-right: 7vw;}
.alan-3-hizmetler{display: flex; flex-direction: column; align-items: flex-end;}
.alan-3-hizmetler a {border: 0.1vw solid #e30c16;padding: 0.7vw;align-items: center;font-size: 1.4vw;text-align: center;letter-spacing: 0.2vw;color: #22232e;display: flex;margin-bottom: 2vw;padding-left: 2.9vw;justify-content: space-between;padding-right: 1.3vw;font-weight:600;}
.alan-3-hizmetler a:hover {background: #e30c16;color: #fff;}
.alan-3-hizmetler a:hover i{color: #fff;}
.alan-3-hizmetler a>i{float: right; margin-left: 2.2vw; position: relative; transform: rotate(60deg); color: #e30c16;}
.all-service:hover{background: #e30c16;transition: all linear 0.2s;}
.all-service{clip-path: polygon(16% 0%, 100% 0, 84% 100%, 0% 100%); background: #22232e; border: none; color: #fff; width: 16.7vw; display: flex; height: 3vw; margin-top: 1vw; font-size: 1.1vw; align-items: center; justify-content: center; position: relative;transition: all linear 0.2s}
.anasayfa-alan-4 {height: 46.7vw; display: flex; justify-content: flex-start; align-items: center;}
.alan4-kapsar{padding-left: 4vw; display: flex; flex-direction: column; align-items: flex-start;}
.alan4-kapsar h3 {margin-bottom: 4vw;font-size: 2.3vw;color: #22232e;font-family: "Humanist 777";font-style: italic;letter-spacing: 0.2vw;}
.alan4-kapsar h3:before {width: 6.5vw;background: #e30c16;height: 0.2vw;content: "";position: absolute;margin-top: 4.8vw;}
.contact-4 {display: flex;align-items: center;justify-content: center;font-size: 1.3vw;margin-bottom: 3.5vw;color: #22232e;font-weight: 600;}
.contact-4 i{background: #e30c16; color: #fff; font-size: 1.6vw; width: 4vw; height: 4vw; display: flex; justify-content: center; align-items: center; border-radius: 100%; margin-right: 2vw;}
.contact-4 a{color: #22232e; font-weight: 600;}
.contact-4-btn:hover{background: #e30c16; transition: all linear 0.2s;}
.contact-4-btn{clip-path: polygon(16% 0%, 100% 0, 84% 100%, 0% 100%); background: #22232e; border: none; color: #fff; width: 22.3vw; display: flex; height: 3.7vw; margin-top: 1vw; font-size: 1.1vw; align-items: center; justify-content: center; position: relative;transition: all linear 0.2s;}
.kirmizi-ucgen-1 {width: 6.7vw;height: 18.9vw;position: absolute;z-index: 9;float: right;right: 0;margin-top: -9.7vw;object-fit: contain;}
.kirmizi-ucgen-2 {width: 6.7vw;height: 18.9vw;position: absolute;z-index: 9;float: right;right: 0;margin-top: -9.3vw;object-fit: contain;}
.lacivert-ucgen {width: 6.7vw;height: 18.9vw;position: absolute;z-index: 9;float: left;left: 0;margin-top: -9.6vw;object-fit: contain;}




.kurumsal{}
.yazi-alani{margin-top: 3vw;display: flex;flex-wrap: wrap;justify-content: space-around;}
.yazi-alani-1{display: flex;width: 100%;justify-content: space-evenly;align-items: center;}
.yazi-alani {font-size: 1vw;}

.yazi-alani-1 p:last-child{margin-top: 0.4vw;}
.yazi-alani-1-yazilar{width: 83vw; font-size: 1.2vw; margin-bottom: 2vw;}

.paragraf-1{font-weight: 600; font-size: 1.1vw; margin-top: 1.6vw; line-height: 1.4vw;    text-align: justify;}
.paragraf-2{font-size: 1.1vw; line-height: 1.4vw;    text-align: justify;}
.kurumsal-part2{font-size: 1vw; background: #f1f1f161; padding-bottom: 5.4vw; padding-top: 3.2vw; margin-top: 3vw;}
.daireler{display: flex; align-items: center; justify-content: center; margin-left: -5vw; margin-bottom: 10vw}	
.daire-1{width: 11vw; height: 11vw; background: #bd0d22; border-radius: 100%; color: #fff; display: flex; justify-content: center; align-items: center; font-weight: 600; margin-left: 2.6vw; flex-direction: column;}
.daire-2{width: 11vw; height: 11vw; background: #15202f; border-radius: 100%; color: #fff; margin-right: 2.5vw; font-weight: 600; display: flex; align-items: center; justify-content: center; flex-direction: column;}		
.vizyon{display: flex; align-items: center; justify-content: center; margin-left: 43.4vw; position: relative; margin-top: -8.9vw;}
.vizyon-aciklama{width: 25vw;    text-align: justify; padding: 1vw; border: 0.3vw dashed #15202f;}
.misyon-aciklama{width: 29vw;    text-align: justify; padding: 1vw; border: 0.3vw dashed #bd0d22; margin-top: -2.5vw;}
.misyon{display: flex; align-items: center; justify-content: center; padding-top: 2.2vw; margin-left: -37.7vw;}
.daire-3{width: 11vw; height: 11vw; background: #5f6c7e; border-radius: 100%; color: #fff; margin-right: 4vw; font-weight: 600; display: flex; align-items: center; justify-content: center; z-index: 2; flex-direction: column;}
.daire-2 i , .daire-3 i , .daire-1 i{margin-top: 0.5vw; font-size: 2.2vw;}
.hedef{display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: -8.6vw; margin-left: 0vw;}
.hedef-aciklama{width: 25vw;    text-align: justify; padding: 1vw; margin-top: 2vw; border: 0.3vw dashed #5f6c7e;}
.kurumsal-back {background: url(/wp-content/uploads/2023/02/kurumsal-arka.jpg);width: 100%;height: 15.7vw;background-repeat: no-repeat;background-size: cover;background-position: center;color: #fff;display: flex;font-size: 2vw;flex-direction: column;justify-content: center;font-weight: 600;box-shadow: rgb(0 0 0 / 37%) 0px 10px 25px 0px}


.title{ font-weight: 500;font-style: italic;font-size: 1.6vw;}
.title-2 {font-size: 2vw;color: #ffffff;margin-top: 1vw;font-family: "Humanist 777";font-style: italic;letter-spacing: 0.2vw;}
.title-2:after {content: "";position: absolute;width: 9vw;height: 0.3%;background: #bd0d22;border-radius: 10px;margin-top: 2.9vw;right: 7.8vw;}
.baslik-kapsar {display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;padding-right: 7.7vw;}

.products{    min-height: 90vh;}
.hizmet-title{background: url(/wp-content/uploads/2023/02/hizmetlerimiz-arka.jpg);width: 100%;height: 15.7vw;background-repeat: no-repeat;background-size: cover;background-position: center;color: #fff;display: flex;font-size: 2vw;flex-direction: column;justify-content: center;font-weight: 600;box-shadow: rgb(0 0 0 / 37%) 0px 10px 25px 0px}
.danismanlik-kapsar{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 3vw; margin-bottom: 4vw;}
.kapsar-yonetim{display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin-top: 3vw; margin-bottom: 4vw; margin-left: 4.6vw; margin-right: 4.4vw;}
.hizmet-kapsar {display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin-top: 3vw; margin-bottom: 4vw;}
.category {width: 42vw;display: flex;background: url(/wp-content/uploads/2023/01/sekil.png);background-size: 51vw;background-repeat: no-repeat;height: 22.3vw;background-position-y: -9.4vw;background-position-x: 7vw;box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;margin-right: 1.4vw;position: relative;z-index: 10;margin-bottom: 3vw;margin-left: 1.2vw;color: #1d1e27;}
.category img {width: 29vw;height: 100%;object-fit: cover;clip-path: polygon(53.2% 0%, 90.6% 65.1%, 70.1% 100%, 0 100%, 0 0);}
.hizmetlerimiz{display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin-top: 5vw; margin-bottom: 5vw; margin-left: 5.8vw; margin-right: 5vw;}
.hizmetlerimiz a {flex-direction: column;justify-content: center;width: 27.1vw;display: flex;height: 19.4vw;color: #fff;box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;align-items: center;margin-left: 1vw;margin-right: 1vw;position: relative;z-index: 10;margin-bottom: 2vw;transition: 0.5s;}
.hizmetlerimiz a:hover {transform: scale(1.03);transition: 0.5s;}
.hizmetlerimiz a>img{width: 100%; height:100%; object-fit: cover; z-index: 1; position: relative;}
.hiz-kutu-arka{width: 100%;height: 100%;position: absolute;background: #244e8282;clip-path: polygon(0 0, 72% 0, 100% 100%, 28% 100%);z-index: 9;}
.hizmetlerimiz > a >h3 {font-size: 1.4vw;font-weight: 600;width: 17vw;height: 100%;text-align: center;position: absolute;display: flex;align-items: center;z-index: 99;justify-content: center;font-family: "Humanist 777";font-style: italic;letter-spacing: 0.1vw;line-height: 2.4vw;}
.category h3 {font-size: 1.8vw;font-weight: 600;width: 13vw;right: 2vw;position: absolute;margin-top: 3vw;text-align: right;font-family: 'Humanist 777';}
.category-button {clip-path: polygon(19% 0%, 100% 0, 100% 100%, 0% 100%);background: #22232e;border: none;color: #fff;padding-left: 2.2vw;width: 11vw;display: flex;height: 3.3vw;bottom: 1.7vw;right: 1.7vw;font-size: 1.1vw;align-items: center;justify-content: center;position: absolute;transition: all linear 0.2s;}
.category:hover .category-button {background: #bd0d22;}
.category:hover {box-shadow: #bd0d2266 0px 0px 7px;}

.tasarim-yonetim{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-top:3vw; margin-bottom: 3vw;}
.tasarim-yonetim a {width: 42vw; display: flex;  height: 24vw;  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px; margin-right: 1.4vw; position: relative; z-index: 10; margin-bottom: 3vw; margin-left: 1.2vw;color: #fff; align-items: center; justify-content: center;}
.tasarim-yonetim a:hover {transform: scale(1.03);transition: 0.5s;}
.tasarim-yonetim a>img{width: 100%; height:100%; object-fit: cover; z-index: 1; position: relative;}
.tasarim-kutu-arka{width: 100%;height: 100%;position: absolute;background: #244e8282;clip-path: polygon(0 0, 72% 0, 100% 100%, 28% 100%);z-index: 9;}
.tasarim-yonetim > a >h3 {font-size: 1.8vw;font-weight: 600;height: 100%;text-align: center;position: absolute;display: flex;align-items: center;z-index: 99;justify-content: center;font-family: "Humanist 777";font-style: italic;letter-spacing: 0.1vw;line-height: 2.4vw;}


/* Hizmet single */

.hizmet-baslik{height: 1vw;background: #0b162a;padding-top: 1vw;padding-bottom: 1vw;display: flex;align-items: center;box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;justify-content: center;}
.hizmet-baslik p{font-size: 0.8vw;font-weight: 700;color: #fbfbfb;}
.single{display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 3vw;}
.hizmet-single{display: flex;min-height: 34vw;flex-direction: column;}
#my-back-button {width: 8vw;margin-bottom: 3vw;margin-top: 3vw;font-size: 1vw;font-weight: 600;padding: 0.5vw;padding-left: 1vw;padding-right: 1vw;background: #bd0d22;border: none;color: #fff;}
.hizmet-ust {display: flex;align-items: flex-start;justify-content: center;margin-bottom: 3vw;}
.hizmet-sayfa-baslik {display: flex;justify-content: flex-start;font-size: 2.7vw;}
.hizmet-sayfa-kapak {width: 34vw;height: 25vw;background-size: cover;background-position: left;}
.hizmet-detay {width: 46vw;margin-left: 3vw;font-size: 1.2vw;font-weight: 500;}
.hizmet-detay h2 {font-size: 1.4vw;font-weight: 600;color: #162131;}
.hizmet-detay h3 {font-size: 1.3vw;font-weight: 600;color: #5e5e5e;margin-bottom: 1vw;}
.hizmet-button {padding: 1vw;padding-top: 1.6vw;width: 81vw;height: 2vw;background: linear-gradient(164deg, rgba(22,34,50,1) 0%, rgb(189 13 34) 100%);color: #fff;text-align: center;font-size: 1.2vw;font-weight: 600;margin-bottom: 3vw;margin-top: 0.4vw;}
.nivo-lightbox-image{display: flex;align-items: center;justify-content: center;align-content: center;}
.gallery-cell{right: 0px; float: right; position: absolute;left: 0px;}
#gallery-1 img {width: 16.4vw;height: 14vw;object-fit: cover;border: none !important;}

.gallery {display: flex;width:83vw;/*width: 84.1%;*/position: relative;flex-wrap: wrap;justify-content: flex-start;}
#gallery-1 .gallery-item {margin: 0 !important;margin-top: 0.3vw !important;width: 20% !important;}
.active-cat{background: #bd0d22 !important;}
.mecanic-category{font-size: 0.9vw; display: flex; align-items: center; justify-content: center; margin-left: 0.4vw; margin-top:3vw;}
.mecanic-category > a{width: 10.4vw; display: flex; height: 3vw; padding: 0.6vw; text-align: center; background: #141f2e; align-items: center; justify-content: center; color: #fff; margin-right: 0.4vw; margin-left: 0.35vw; clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0 100%, 0 0);}




.referanslar-title{background: url(/wp-content/uploads/2023/02/referanslar-arka.jpg);width: 100%;height: 15.7vw;background-repeat: no-repeat;background-size: cover;background-position: center;color: #fff;display: flex;font-size: 2vw;flex-direction: column;justify-content: center;font-weight: 600;box-shadow: rgb(0 0 0 / 37%) 0px 10px 25px 0px}
.referans-kapsar{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-left: -1.5vw; margin-top: 5vw;}
.referanslarimiz {display: flex;justify-content: center;padding-top: 1vw;padding-bottom: 7vw;}
.referans-ic {display: flex; width: 85vw; font-size: 1.1vw; flex-wrap: wrap; margin-top: 3.3vw;}
.referans-ic a {width: 19vw; display: flex; margin: 1vw;box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px; transition: 0.2s; align-items: center; justify-content: center; flex-direction: column;}
.referans-ic a:hover{transform:scale(1.08);transition:0.2s;}
.referans-ic img {width: 17vw;height: 13vw;margin-top: 2vw;margin-bottom: 2vw;object-fit: contain;}
.referans-ic a>div{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.referans-ic p {text-align: center;color: #131d2b;font-size: 1.3vw;font-weight: 600;line-height: 1.2vw;width: 17vw;}
.referans-ic h5 {padding-top: 1.9vw; color: #fff; font-size: 0.8vw; background: red; background: linear-gradient(164deg, rgba(22,34,50,1) 0%, rgb(189 13 34) 100%); clip-path: polygon(49% 50%, 54% 34%, 100% 34%, 100% 100%, 0 100%, 0 34%, 45% 35%); width: 100%; display: flex; justify-content: center; height: 3.6vw; align-items: center;}





.contact-title{background: url(/wp-content/uploads/2023/02/iletisim-arka.jpg);width: 100%;height: 15.7vw;background-repeat: no-repeat;background-size: cover;background-position: center;color: #fff;display: flex;font-size: 2vw;flex-direction: column;justify-content: center;font-weight: 600;box-shadow: rgb(0 0 0 / 37%) 0px 10px 25px 0px}
.iletisim {display: flex;flex-direction: column;width: 100%;}
.iletisim-ust{width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 5vw;margin-bottom: 2vw;}
.iletisim-bilgileri {width: 26vw;display: flex;background: url(/wp-content/uploads/2023/01/sekil.png);background-size: 38vw;background-repeat: no-repeat;height: 8.3vw;background-position-y: -13.2vw;box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;align-items: center;margin-left: 1.5vw;margin-right: 1.5vw;position: relative;z-index: 10;background-position-x: -6.4vw;}
.iletisim-bilgileri i {font-size: 2vw;color: #fff;background-color: #152130;padding: 1vw;clip-path: polygon(48% 0%, 89.8% 55.3%, 55.8% 100%, 0 100%, 0 0);width: 5.8vw;height: 6.3vw;position: relative;z-index: 10;text-align: center;display: flex;padding-left: 2.1vw;justify-content: flex-start;align-items: center;margin-right: 2.2vw;}

.bilgiler h5 {font-size: 1.2vw;color: #333;font-weight: 700;}
.bilgiler p {color: #333;font-weight: 300;font-size: 0.9vw;}

.left{width: 19.1vw;float: left;margin-right: 3.1vw;}
.right{width:19.1vw;float:left;}
.iletisim-2-kolon:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;margin-bottom:10px;}
.iletisim-2-kolon{display:block;margin-top: 0.5vw;}

.iletisim-alt {background: #fff; display: flex; justify-content: center; align-items: flex-start; margin-bottom: 6vw; margin-top: 1.6vw;align-items: center;}
.iletisim-alt > li {float:left;}
.iletisim h1 {color: #fff;font-size: 1.1vw;background-color: #bd0d22;width: 100%;top: 0;height: 4.8vw;padding-bottom: 1vw;display: flex;justify-content: center;align-items: center;clip-path: polygon(0 0, 100% 0, 100% 36%, 50% 87%, 0 39%);}
.iletisim h1 i{margin-right:10px;margin-left:15px;font-size:1em;}
.iletisim-formu form {display: flex;flex-direction: column;align-items: center;height: 33.7vw;}





/*contact form css*/
.wpcf7 input[type=submit] {-webkit-border-radius: 0 !important;-webkit-appearance: none !important;}
::placeholder{font-size:1vw !important;margin:0 !important;padding:0 !important;padding-left:1vw !important;}

.wpcf7 label {display: block;font-size: 1vw !important;margin-top: -0.5vw;}
.wpcf7 label input {height: 3.1vw; background-color: #f6f6f63b; color: #000; border: 0.1vw solid #bd0d2230; line-height: 1.4vw; width: 21.5vw; margin-top: 0.1vw; border-radius: 0vw;}
.phone input{background:#f6f6f6 !important;}
.wpcf7-textarea {margin-bottom: 1vw; width: 21.6vw!important; height: 6vw !important; background: none; color: #000; border:0.1vw solid #bd0d2230; margin-top: 0.2vw; border-radius: 0vw;}
/*span.wpcf7-form-control-wrap.your-message { position: absolute;}*/
.wpcf7-submit {width: 22vw !important; height: 2.5vw !important; background-color: #bd0d22 !important; padding: 0 !important; border: 0 !important; color: #fff; border-bottom-right-radius: 1vw; border-bottom-left-radius: 1vw; transition: 0.3s; font-size: 1.1vw !important;}
.wpcf7-submit:hover{background-color: #152130 !important; color: #fff; transition: 0.3s;}
.wpcf7-response-output {color: #152131; font-size: 0.9vw; width: 17.1vw;border-color:rgba(0,0,0,0) !important;padding:0 !important;margin:0 !important;}
.wpcf7-form input:focus, .wpcf7-form textarea:focus, .wpcf7-form select:focus {border:0 !important;background:#f6f6f6;}
input.wpcf7-form-control.wpcf7-captchar {margin-bottom: 1vw;}
img.wpcf7-form-control.wpcf7-captchac.wpcf7-captcha-captcha-170 {margin-bottom: 0.3vw;width: 5vw;height: 1.5vw;}
/*contact form css*/
.iletisim form p {display: flex;justify-content: center;}
.iletisim-formu {display: flex; flex-direction: column; background: #f2f2f4; width: 30.3vw; padding-bottom:3vw; align-items: center; justify-content: flex-start;}
.wpcf7-not-valid-tip{font-size:0.8vw !important;}
span.wpcf7-spinner {position: absolute;margin-top: 3vw;}


.footer{width: 100%; display: flex; flex-direction: row; height: 22.7vw; background: rgb(22,34,50); background: linear-gradient(-90deg, rgba(22,34,50,1) 0%, rgba(9,14,20,1) 100%); align-items: flex-start; justify-content: space-evenly; padding-top: 3.6vw;}
.footer a{color: #b8b8b8; font-size: 0.95vw; line-height: 1.8vw;}
.footer-2 a:hover, .footer-3 a:hover, .footer-4 a:hover{color:#e40c16d9;transition:all linear 0.2s;}
.footer-adres{display: flex; flex-direction: column; font-size: 0.8vw; color: #b8b8b8; align-items: flex-start;}
.lokasyon{display: flex; justify-content: center; align-items: center;}
.lokasyon i{color: #e30c16; font-size: 1.4vw; margin-right: 0.6vw;}
.footer-1 {}
.footer-1 img {height:10.7vw;}
.footer-2 {display: flex; flex-direction: column; font-size: 1.1vw; font-weight: 500; line-height: 2vw; margin-right: -4vw;}
.footer-3 {display: flex; flex-direction: column; font-size: 1.1vw; font-weight: 500; line-height: 2vw; margin-left: -4vw; margin-right: -4vw;}
.footer-4 {display: flex; flex-direction: column; font-size: 1vw; font-weight: 500; line-height: 2vw; margin-left: -4vw;}
.footer-5 {display: flex; flex-direction: column; align-items: center;}
.footer-6 {position: absolute; margin-top: 20vw; display: flex; align-items: center; flex-direction: column;}

.footer-6 img:hover{transform: scale(1.4);transition: 0.2s;}
.footer-sosyal{display: flex; justify-content: space-around; width: 14vw; margin-bottom: 2vw;}
.footer-sosyal a{padding: 0.6vw; width: 1.4vw; background-color: #bd0d22; font-size: 1vw; font-weight: 800; height: 1vw; display: flex; border-radius: 0.6vw; align-items: center; justify-content: center;transition: all linear 0.3s;}
.footer-sosyal a:hover{transform: scale(1.1);transition: all linear 0.2s;}
.footer-contact{padding: 1vw;padding-left: 2vw;padding-right: 2vw;background-color: #16c4d4;font-size: 1vw;font-weight: 800;margin-bottom:2vw;transition: 0.2s;}
.f-mail{display: flex;justify-content: space-evenly; align-items: center; margin-top: 1vw;}
.f-mail i{color: #e30c16; font-size: 1.4vw; margin-right: 0.6vw}
.footer-contact:hover{transform: scale(1.08);transition: 0.2s;}
copyright {color:#b8b8b8;font-size: 0.7vw;font-weight: 100;margin-top: 0.8vw;display: inline;visibility: visible;font-family: Verdana, Arial, sans-serif;}
.yatay-cizgi{height: 0.04vw; background: #b8b8b8; width: 18vw;}
.dikey-cizgi{height: 8vw;background: #4f4f4f;width: 0.02vh;margin-left: 1vw;margin-right: 1vw;margin-top: 0;}

#duyurupopup {z-index: 999; position: fixed; margin: 0 auto;transform: translate(0%, 0%); width: 100%; height: 100%; background-color: #00000085; padding-left: 32vw; padding-top: 6.5vw;display:none;}
.vpop{width:57vw;cursor: pointer;}
.popBtn{width: 35vw; display: flex; justify-content: flex-start; align-items: center; position: relative; flex-direction: column;}
.popBtn a {font-size: 1.5vw;color: #fff;font-weight: 700;background: #bd0d22;width: 3vw;display: flex;height: 3vw;font-family: arial;cursor: pointer;border-radius: 100%;z-index: 99;margin-top: -1.4vw;position: absolute;justify-content: center;align-items: center;float: right;right: -13.7vw;}


/*  MEKANİK TESİSAT */

#rl-gallery-container-1 .rl-basicgrid-gallery {padding: -2px;}

@media all and (min-width: 61.8vw) {#rl-gallery-container-1 .rl-basicgrid-gallery .rl-gallery-item {width: 13.45vw !important;
    margin: 0.5vw !important;}}
@media all and (min-width: 51.1vw) and (max-width: 61.8vw) {#rl-gallery-container-1 .rl-basicgrid-gallery .rl-gallery-item {width: calc(30.833333% - 2px) !important;}}
@media all and (min-width: 39.5vw) and (max-width: 51.1vw) {#rl-gallery-container-1 .rl-basicgrid-gallery .rl-gallery-item {width: calc(50% - 2px);}}
@media all and (max-width: 39.5vw) {#rl-gallery-container-1 .rl-basicgrid-gallery .rl-gallery-item {width: calc(100% - 2px);}}#rl-gallery-container-1 .rl-basicgrid-gallery .rl-gallery-item img {height: 13vw !important;object-fit: cover !important;max-width: 100% !important;min-width: 100% !important;}
.rl-basicgrid-gallery .rl-gallery-item img {max-width: 100%;display: inline-block;}
.rl-gallery .rl-gallery-link img {z-index: 0;height: 300px;width: 300px;}
@media (max-height: 240px)
._530- {background-image: url(/rsrc.php/v3/y7/r/JTBDi1wRZ-i.png);background-repeat: no-repeat;background-size: 82px 412px;background-position: 0 -268px;height: 40px;margin: -20px 0 0 -20px;width: 40px;position: absolute !important;margin-top: -60px !important;
}
	.rl-basicgrid-gallery{display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; margin-left: 6.2vw; margin-right: 5vw;}



.tasarim-sayfa-baslik{display: flex; justify-content: center; font-size: 2.7vw; align-items: center; margin-bottom: 2vw;margin-top:-2vw;}