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


html { overflow-x:hidden; scroll-behavior: smooth; }
body { margin:0; padding:0;font-family: 'Poppins', sans-serif;background-image:url(/wp-content/uploads/2022/06/arkaplan.jpg);background-attachment: fixed;background-size: cover;}

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;}

/*scrool button*/
#myBtn {display: block;position: fixed;bottom: 1vw;right: 1.6vw;z-index: 100;font-size: 1.6vw;outline: none;background-color: #be2e2e;color: white;cursor: pointer;border: none;border-radius: 5.7vw;width: 4vw;height: 4vw;padding: 0;transition: 0.2s;}
#myBtn:hover {background-color: #e20a17d6;transition:0.2s;}
/* scrool buttton biter*/


.header {z-index: 5;position: absolute;width: 100%;color: #000;display: flex;justify-content: space-between;flex-direction: row;list-style: none;}
.header-ic {display: flex;width: 50vw;flex-direction: column;align-items: flex-end;padding-right: 3vw;}
.menu-ust {margin-top: 3vw;margin-bottom:1.7vw;}
.menu-ust a {font-size: 1vw;color: #000;font-weight: 400;}

.menu-ust ul{display: flex;align-items: center;align-content: center;justify-content: center;}
.menu-ust ul li{transform: translateX(100rem); animation: slideIn .5s forwards;}
.menu-ust ul li:nth-child(1){ animation-delay: 0s; }
.menu-ust ul li:nth-child(2){ animation-delay: 0.1s; } 
.menu-ust ul li:nth-child(3){ animation-delay: 0.2s; }
.menu-ust ul li:nth-child(4){ animation-delay: 0.3s; }
@keyframes slideIn { from{ } to{ transform: translateX(0); }}
.fixed-menu .header{display:none !important}
.fixed-menu .header2{display:flex !important}
.menu-ust li a::before{content: ""; width: 100%; height: 0.2vw; position: absolute; left: 0; bottom: 0; background: #fff; transition: 0.5s transform ease; transform: scale3d(0,1,1); transform-origin: 0 50%;}
.menu-ust li a:hover::before{ transform: scale3d(1,1,1); } 
.menu-ust li a::before{ background: #cc2827;width: 100%;height: 0.2vw;transform-origin: 100% 50%;top: 1.4vw;}
.menu-ust li a:hover::before{ transform-origin: 0 50%; }

.menu-alt a {font-size: 1vw;color: #000;font-weight: 600;}
.header img {width: auto;height: 4vw;padding-left: 3vw;margin-top:3vw;}
.destek {width: 3.6vw;display: flex;align-items: center;width: 11vw;background: #278ccc;height: 3vw;border-radius: 0.6vw;justify-content: center;color:#fff !important;margin-right: 0 !important;}
.destek:hover{background:#4267b2;transition:0.2s;}
.destek span {width: 3.6vw;text-align: left;margin-left: 0.9vw;font-size: 0.8vw;}
.destek i {font-size: 1.5vw;}

.header-sosyal {display: flex;flex-direction: row;margin-top: 1.2vw;align-items: center;justify-content: center;}
.header-sosyal a{width: 4vw;height: 2vw;font-size: 1vw;border-radius: 0.7vw;margin: 0vw 0.5vw;float: left;color: #000;background: #4267B2;display: flex;align-items: center;justify-content: center;}
.header-sosyal a:last-child{margin-right:0;transition: 0.2s;}
.header-sosyal a:hover{background:#278ccc;transition: 0.2s;}

.menu-item {float: left;font-size: 1vw;font-weight: 700;transition: 0.6s all;margin-left: 1vw;margin-right: 1vw;text-align: center;}
.menu-item a{display:block;transition:0.2s;}
.menu-item a:hover{color:#6f0a0a;transition:0.2s;}
.menu-item a > img {width: 8vw;}
.dropdown {display: flex;width: 19.7vw;height: 10.3vw;position: absolute;background-color: #992322;opacity: 0;visibility: hidden;transition-delay: 0.2s;z-index: 10;border-bottom-right-radius: 0.6vw;border-bottom-left-radius: 0.6vw;margin-top: 0.4vw;margin-left: -1.9vw;transition: all .3s linear;flex-direction: column;padding: 0.7vw 0vw;}
.dropdown>.menu-item {height: 1.8vw;text-align: left;font-size: 0.9vw;padding-left: 1vw;}
.dropdown>.menu-item a{display:inline-block;color: #fff !important;letter-spacing: 0;font-size: 0.8vw;}
.dropdown>.menu-item:hover>a{color:#c7c7c7 !important}
.menu-item:hover>.dropdown{opacity:1;visibility:visible;}

.header2 {z-index: 99;width: 100%;color: #000;display: flex;flex-direction: column;list-style: none;align-items: center;justify-content: space-evenly;background: url(/wp-content/uploads/2022/06/arkaplan.jpg);background-attachment: fixed;background-size: cover;box-shadow: rgb(0 0 0 / 35%) 0px 0.1vw 1.1vw;background-size: cover;}
.header2-ic{width: 100%;height: 8vw;}
.header2-ust {display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;background: url(/wp-content/uploads/2022/06/footer-arkaplan.jpg);box-shadow: rgb(0 0 0 / 82%) 0px 0.2vw 1.8vw;background-size: cover;position: fixed;z-index:100;}
.header2 .menu-alt {width: 100%;height: 5vw;display: flex;align-items: center;justify-content: center;}
.header2 img {width: 22vw;height: 4vw;padding: 2vw;padding-left: 0;margin-right: 12vw;object-fit: contain;}
.header2 .menu-ust {margin-top: 1.5vw;margin-bottom: 1vw;display: flex;align-items: center;}
.header2-sosyal {display: flex;flex-direction: row;padding-top: 0.1vw;align-items: center;justify-content: center;margin-left: 1.4vw;}
.header2-sosyal a{width: 4vw;height: 2vw;font-size: 1vw;border-radius: 0.7vw;margin: 0vw 0.5vw;float: left;color: #000;background: #4267B2;display: flex;align-items: center;justify-content: center;}
.header2-sosyal a:last-child{margin-right:0;}
.header2-sosyal a:hover{color:#f19a3f}
.header2 .menu-ust a{color: #fff;position:relative;transition: 0.2s;}
.header2-sosyal a:hover{background:#278ccc;transition: 0.2s;}
.header2 .dropdown {display: flex;width: 19.7vw;height: 10.3vw;position: absolute;background-color: #992322;opacity: 0;visibility: hidden;transition-delay: 0.2s;z-index: 100;border-bottom-right-radius: 0.6vw;border-bottom-left-radius: 0.6vw;margin-top: 0vw;margin-left: -0.7vw;transition: all .3s linear;flex-direction: column;padding: 0.7vw 0vw;}
.header2 .menu-alt a {height: 5vw;display: flex;align-items: center;}
.header2 .dropdown a {font-size: 0.8vw;margin-bottom:0.5vw;display: block;}

.anasayfa-alan-1 {position: relative;z-index:3;filter: drop-shadow(3px 7px 12.9px rgba(0, 0, 0, 0.4));overflow: hidden;}
.alan1-kapak {background-image: url(/wp-content/uploads/2022/07/alan1-arkaplan.png);background-size: contain;width: 100%;height: 52.5vw;background-repeat: no-repeat;z-index: 4;position: relative;}
.anasayfa-alan-1 video {z-index: 1;width: 100%;height: 45.4vw;clip-path: polygon(100% 0, 92% 100%, 62.3% 90%, 0 97.8%, 0 0);float: right;right: -8.7vw;top: 6.6vw;position: relative;}
.slider-link{display: flex; flex-direction: column; width: 47.7vw; height: 26vw; top: 2vw; position: relative; left: 1.4vw !important;}
.alan1-icerik{color: #fff; font-size: 3vw; margin-top: 5vw; display: flex; width: 43vw; flex-direction: column;}
.alan1-icerik h2{font-size: 2.6vw; margin-bottom: 1.5vw; color: #fff; text-align: right; right: 0; width: 38.9vw; float: right; position: relative;}
.alan1-icerik p{color: #fff; font-size: 1.3vw; margin-bottom: 2.2vw;text-align: right;width: 34vw;}
.slider-button {color: #fff;background: #cc2827;padding: 0.5vw;padding-right: 2vw;padding-left: 2vw;font-size: 1vw;font-weight: 600;margin-top: 3.6vw;margin-left: 3vw;box-shadow: rgb(38 57 77) 0px 19px 31px -9px;transition: 0.2s all linear;}
.slider-button:hover{transition: 0.2s all linear; transform: scale(1.1);}
.slider{display: flex; flex-direction: column; width: 36vw; position: relative;align-items: flex-start;}
.anasayfa-slider{color: #000000;font-weight: 600;font-size: 2.4vw;margin-bottom: 2vw;}
.anasayfa-paragraf{color: #000;width: 35vw;font-size: 1.2vw;margin-bottom: 2vw;margin-top: 2vw;}




.anasayfa-alan-2 {height:49.1vw;background: url(/wp-content/uploads/2022/07/alan2-arkaplan.png);margin-top: -5.5vw;background-size: cover;background-repeat: no-repeat;image-rendering: -webkit-optimize-contrast !important;position: relative;z-index:1;filter: drop-shadow(3px 7px 12.9px rgba(0, 0, 0, 0.4));}
.anasayfa-alan-2 h2 {top: 10vw;left: 12.7vw;position: relative;font-size: 3.2vw;font-weight: 300;text-align: center;width: 20vw;}
.anasayfa-alan-2 .flexslider {margin: 0;padding: 0;z-index: 11;margin-top: -2vw;}
.anasayfa-alan-2 .flexslider{position:absolute !important;}
.anasayfa-alan-2 .flexslider,.slides,.slides li {width:100%;}
.anasayfa-alan-2 .slides li{image-rendering: -webkit-optimize-contrast;background-size: cover;background-position: 50% 100%;}
.anasayfa-alan-2 .text-area {position: relative;display: flex;margin-top: 13vw;width: 32vw;margin-left: 3vw;margin-right: 6vw;flex-direction: column;align-items: center;}
.anasayfa-alan-2 .text-area-ust {display: flex;flex-direction: column;align-items: center;}
.anasayfa-alan-2 .text-area-ust a:first-child {font-size: 1.7vw;font-weight: 600;color:#000;width:22vw;}
.anasayfa-alan-2 .product-title,.product-category {font-size: 2vw;color: #575757;font-weight: 400;text-align: center;border-radius: 1vw;padding: 0vw;}
.product-category>a{font-weight: 500 !important; font-size: 1vw !important; color: #000;}
.anasayfa-alan-2 .product-category{font-size: 1vw !important;font-weight: 500!important;width: 22vw;}
.anasayfa-alan-2 .slider-button {font-size: 0.9vw;width: 7.6vw;height: 1.9vw;display: flex;align-items: center;justify-content: center;background: #cc2827;color: #fff;margin-top: 4vw;font-weight: 500;margin-left: 0;padding: 0;transition: 0.2s;}
.anasayfa-alan-2 .slider-button:hover{transition: 0.2s all linear; transform: scale(1.2);}
.anasayfa-alan-2 .tittle{width: 100%; display: flex; position: relative; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column;}
.anasayfa-alan-2 .productBtn{background-color: #efab0c; width: 9.5vw; height: 2.6vw; text-align: center; line-height: 2.6vw;}
.anasayfa-alan-2 .flex-direction-nav .flex-next {right: 39vw;margin-top: 8vw;}
.anasayfa-alan-2 .flex-direction-nav .flex-prev {margin-top: 8vw;left: 6.1vw;}
.alan2-foto {max-width: 50vw !important;height: 29vw !important;width: auto !important;object-fit: cover;}
.alan2-ic {display: flex;flex-direction: row;justify-content: center;align-items: center;}



.anasayfa-alan-3{height: 43vw;background: url(/wp-content/uploads/2022/06/alan3-arkaplan.jpg);margin-top: -5.6vw;background-size: cover;background-repeat: no-repeat;image-rendering: -webkit-optimize-contrast !important;position: relative;z-index: 0;display: flex;flex-direction: row;align-items: center;}
.alan3-foto1 {height: 26vw;position: relative;z-index: 2;margin-left: 5vw;margin-right: -8vw;}
.alan3-foto2 {height: 20vw;position: relative;z-index: 3;margin-left: 0vw;margin-top: 14vw;margin-right: -7vw;}
.alan3-yazi {display: flex;justify-content: center;align-items: center;margin-top: -5vw;width: 38vw;margin-left: 5vw;flex-direction: column;}
.alan3-yazi h2 {font-size: 2vw;font-weight: 300;margin-bottom: 0.5vw;}
.alan3-yazi h3 {font-size: 1vw;font-weight: 700;margin-bottom: 1vw;}
.alan3-yazi p {font-size: 0.8vw;text-align: center;color: #000;margin-top: 1vw;}
.alan3-yazi a {font-size: 0.8vw;text-align: center;color: #fff;margin-top: 2vw;background: #cc2827;width: 7vw;height: 1.7vw;display: flex;align-items: center;justify-content: center;box-shadow: rgb(38 57 77) 0px 19px 31px -9px;transition:all linear 0.2s;}
.alan3-yazi a:hover{transition: 0.3s all linear; transform: scale(1.2);}

.anasayfa-alan-4{height: 50vw;background: url(/wp-content/uploads/2022/07/alan4-arkaplan.png);margin-top: -6.9vw;background-size: cover;background-repeat: no-repeat;position: relative;z-index: 2;display: flex;flex-direction: column;align-items: center;justify-content: center;filter: drop-shadow(3px 7px 12.9px rgba(0, 0, 0, 0.4));}
.alan4-tel {margin-top: -53vw;z-index: 5;margin-left: 80vw;width: 9vw;position: absolute;}
.anasayfa-alan-4 h2 {font-size: 2.5vw;font-weight: 300;margin-bottom: 1vw;}
.alan4-kutular {display: flex;flex-direction: row;align-items: center;justify-content: center;}
.alan4-kutu {display: flex;flex-direction: column;align-items: center;justify-content: center;color: #000;}
.alan4-kutu img {width: 20vw;margin-left: 1.7vw;}
.alan4-kutu h5 {font-size: 1vw;width: 16vw;text-align: center;font-weight:700;}
.alan4-kutu p {font-size: 0.8vw;width: 17vw;text-align: center;font-weight: 400;margin-top: 1vw;margin-bottom: 1vw;}
.alan4-kutu span {font-size: 0.8vw;font-weight: 500;color: #2eb2be;border: 0.2vw solid #2eb2be;width: 5vw;height: 1.4vw;display: flex;align-items: center;border-radius: 1vw;justify-content: center;transition: 0.2s;}
.alan4-kutu:hover {transition: 0.2s all linear; transform: scale(1.1);}



.anasayfa-alan-5{height: 44.3vw;background: url(/wp-content/uploads/2022/06/alan5-arkaplan.jpg);margin-top: -6.3vw;background-size: cover;background-repeat: no-repeat;image-rendering: -webkit-optimize-contrast !important;position: relative;z-index: 0;display: flex;justify-content: flex-end;align-content: center;align-items: center;}
.alan5-yazi {display: flex;flex-direction: column;align-items: flex-start;justify-content: center;margin-right: 7vw;}
.anasayfa-alan-5 h2 {font-size: 3.5vw;font-weight: 300;margin-bottom: 1vw;line-height: 3.9vw;width: 30vw;}
.alan5-yazi li {width: 30vw;font-size: 1vw;margin-top: 1vw;font-weight: 300;list-style-type: disclosure-closed;}
.alan5-yazi a {margin-top: 0.5vw;font-size: 1vw;color: #2eb2be;font-weight: 500;}
.alan5-yazi a:hover{color: #cc2827;}
.alan5-ucgenler {display: flex;flex-direction: row;margin-left: -1.4vw;}
.alan5-ucgen-ic {display: flex;flex-direction: column;align-items: center;align-content: center;justify-content: center;margin-top: 1vw;}
.alan5-ucgen-ic p {text-align: center;width: 6vw;font-size: 1.1vw;font-weight: 700;}
.alan5-ucgenler img {width: 9.4vw;margin-left: 1.4vw;}




.anasayfa-alan-6{height: 55.1vw;background: url(/wp-content/uploads/2022/07/alan6-arkaplan.png);margin-top: -7.3vw;background-size: contain;background-repeat: no-repeat;position: relative;z-index: 2;display: flex;flex-direction: column;align-items: center;justify-content: center;filter: drop-shadow(3px 7px 12.9px rgba(0, 0, 0, 0.4));}
.alan6-pc {margin-top: -78vw;z-index: 5;margin-left: -32vw;width: 48vw;position: absolute;}
.anasayfa-alan-6 h2 {font-size: 2.5vw;font-weight: 300;margin-bottom: 1vw;margin-top: -3vw;}
.anasayfa-alan-6 h4 {width: 67vw;margin-top: 0.5vw;margin-bottom: 4vw;font-size: 0.9vw;font-weight: 300;text-align: center;}
.alan6-surecler {display: flex;flex-direction: row;align-items: center;justify-content: center;}
.alan6-surec {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.alan6-surec img {height: 5vw;margin-bottom: 1vw;}
.alan6-surec h5 {font-size: 1vw;width: 16vw;text-align: center;font-weight:700;}
.alan6-surec p {font-size: 0.7vw;width: 18vw;text-align: center;font-weight: 400;margin-top: 1vw;margin-bottom: 1vw;}
.alan6-cubuk {margin-bottom: 6vw;margin-left: -2.5vw;width: 10vw;margin-right: -2.5vw;}
.alan6-button {font-size: 1vw;width: 13vw;height: 3vw;background: #009de6;color: #fff;display: flex;align-items: center;border-radius: 2vw;margin-top: 2.5vw;justify-content: center;transition: 0.2s;}
.alan6-button:hover{background: #007bb5;transition: 0.2s;}


.anasayfa-alan-7{height: 36.3vw;background: url(/wp-content/uploads/2022/06/alan7-arkaplan.jpg);margin-top: -11.6vw;background-size: cover;background-repeat: no-repeat;image-rendering: -webkit-optimize-contrast !important;position: relative;z-index: 0;display: flex;flex-direction: column;align-content: center;align-items: center;justify-content: center;}
.anasayfa-alan-7 h2 {font-size: 2.5vw;font-weight: 300;margin-bottom: 1vw;margin-top: 3vw;color: #ffffff;}
.anasayfa-alan-7 h4 {width: 67vw;margin-top: 0.5vw;margin-bottom: 1vw;font-size: 0.9vw;font-weight: 300;text-align: center;color:#fff}
.alan7-contact{display: flex;flex-direction: row;justify-content: space-evenly;margin-top:1vw;justify-content: center;}
.alan7-contact-ic {width: 55vw;}



.anasayfa-alan-8{height: 12vw;background-image: url(/wp-content/uploads/2022/06/arkaplan.jpg);background-attachment: fixed;background-size: cover;box-shadow: rgb(0 0 0 / 12%) 0px 0vw 0.4vw;}
.alan8-referanslar>img{width: 46.5vw;filter: brightness(1);object-fit: contain;margin-left: 7vw;margin-right: 7vw;float: left;height: 12vw;}
.anasayfa-alan-8 .flickity-viewport {height:9.4vw !important}
.anasayfa-alan-8 .gallery-cell { width: 14vw;height: 20vw;margin-right: 2vw;counter-increment: gallery-cell;}
.anasayfa-alan-8 .gallery-cell img:nth-child(1){width:12.6vw ;opacity:0.2;}
.anasayfa-alan-8 .gallery-cell img:nth-child(1):hover{opacity:1;}





.hakkimizda{margin-top: 1vw;display: flex;flex-wrap: wrap;justify-content: space-around;}
.yazi-alani-1-yazilar span{border-bottom: 0.2vw solid #fff;margin-bottom: 2vw;color: #69007a;padding-bottom: 2vw;font-weight: 400;border-bottom-right-radius: 15vw;display: flex;justify-content: space-between;}
.hakkimizda h1{font-size: 3vw;font-weight: 400;}
.hakkimizda h2 {margin-right: 4vw;color: #6a1b78;font-size: 1.6vw;}
.hakkimizda-kutu.wow.pulse>div:nth-child(3):hover>i{opacity: 0.5; transition: all linear 0.3s;}
.yazi-alani-2:nth-child(2)>.hakkimizda-kutu.wow.pulse>div:nth-child(3):hover>i.fas.fa-dna{transform: rotate(180deg);}
.yazi-alani-2:first-child>.hakkimizda-kutu.wow.pulse>div:nth-child(3):hover>i.fas.fa-atom{transform: rotate(245deg);}
.yazi-alani-1{display: flex;width: 100%;justify-content: space-evenly;align-items: center;}
.yazi-alani-1 p:last-child{margin-top: 0.4vw;}
.yazi-alani-1-yazilar{margin-top: 2vw;width: 85vw;font-size: 1vw;line-height: 2vw;font-weight: 500;position: relative;z-index: 10;}
.yazi-alani-1-yazilar p {margin-bottom: 2vw;background: #ffffffeb;padding: 4vw;padding-top: 2vw;padding-bottom: 3vw;box-shadow: rgb(0 0 0 / 12%) 0px 0vw 0.4vw;border-radius: 8vw;border-top-left-radius: 0;border-bottom-right-radius: 0;}
.yazi1-foto1{width: 88vw;margin-left: -32vw;z-index: -1;margin-top: 9vw;position: absolute;}
.yazi1-foto2{width: 50vw;margin-left: 28vw;z-index: 0;position: absolute;top: 17vw;opacity: 0.2;}
.hakkimizda-foto {background: url(/wp-content/uploads/2022/07/hakkimizda-foto.jpg);width: 100%;height: 28vw;background-size: cover;box-shadow: rgb(0 0 0 / 12%) 0px 0vw 0.4vw;margin-bottom: 2vw;border-radius: 8vw;border-top-right-radius: 0;border-bottom-left-radius: 0;}
.yazi-alani-2 {display: flex;width: 100%;justify-content: space-evenly;margin-bottom: 4vw;padding-top: 3vw;align-items: center;}
.hakkimizda-kutu{display: flex;align-items: center;justify-content: center;align-content: center;}
.hakkimizda-kutu i {font-size: 4vw;margin-bottom: 1vw;transition:all linear 0.3s;}
.hakkimizda-kutu div {height: 20vw;width: 20vw;margin: 1vw;padding: 2vw;background: #caaaff;display: flex;align-items: center;justify-content: center;flex-direction: column;box-shadow: rgb(0 0 0 / 27%) 0px 0.1vw 0.5vw;}
.yazi-alani-2 h4 {font-size: 1.3vw;font-weight: 600;}
.yazi-alani-2 p {font-size: 1vw;text-align: center;font-weight: 400;margin-top: 1vw;}
.kutu-arka1 {width: 7vw;height: 7vw;margin-top: -18.8vw;margin-left: -19vw;background: #6c2f76;position: absolute;z-index: -1;}
.kutu-arka2 {width: 7vw;height: 7vw;margin-top: 18.8vw;margin-left: 19vw;background: #6c2f76;position: absolute;z-index: -1;}








.hizmetler{min-height: 50vw;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;padding-top: 2vw;}
.hizmet-ic {display: flex;align-items: center;    display: flex;
    align-items: center; margin: 3vw;}
.hizmet-ic div {width: 12vw;height: 15vw;padding: 2vw 3vw;padding-right: 13vw;border: 0.3vw solid #5a181a;display: flex;flex-direction: column;justify-content: center;background: #ffffff85;}
.hizmet-ic img {width: 20vw;margin-left: -10vw;box-shadow: rgb(0 0 0 / 35%) 0px 0.1vw 1.1vw;}
.hizmet-ic h2 {color: #ffffff;font-size: 1vw;position: absolute;width: 10.3vw;padding: 0.5vw 1vw;margin-top: -19vw;text-align: center;background: #5a181a;}
.hizmet-ic p {font-size: 0.8vw;font-weight: 400;text-align: center;}
.hizmet-ic a {width: 12.3vw;height: 2vw;font-size: 1vw;color: #fff;background: #5a181a;display: flex;align-items: center;justify-content: center;margin-top: 19vw;position: absolute;}

.hizmet-ic2 {display: flex;align-items: center;margin: 3vw;}
.hizmet-ic2 div {width: 12vw;height: 15vw;padding: 2vw 3vw;padding-left: 13vw;border: 0.3vw solid #7a2424;display: flex;flex-direction: column;justify-content: center;z-index:1;position:relative;background: #ffffff85;}
.hizmet-ic2 img {width: 20vw;margin-right: -10vw;box-shadow: rgb(0 0 0 / 35%) 0px 0.1vw 1.1vw;z-index:4;position:relative;}
.hizmet-ic2 h2 {color: #ffffff;font-size: 1vw;position: absolute;width: 10.3vw;padding: 0.5vw 1vw;margin-top: -19vw;text-align: center;background: #273146;}
.hizmet-ic2 p {font-size: 0.8vw;font-weight: 400;text-align: center;}
.hizmet-ic2 a {width: 12.3vw;height: 2vw;font-size: 1vw;color: #fff;background: #273146;display: flex;align-items: center;justify-content: center;margin-top: 1vw;background:#273146;margin-top: 19vw;position: absolute;}



.web-hizmetler{min-height:50vw;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.web-hizmet-ic {display: flex;align-items: center;margin-top: 4vw;margin-bottom: 4vw;}
.web-hizmet-ic div {width: 24vw;height: 15vw;padding: 4vw 4vw;padding-right: 14vw;border: 0.3vw solid #7a2424;display: flex;flex-direction: column;justify-content: center;}
.web-hizmet-ic img {width: 40vw;margin-left: -10vw;box-shadow: rgb(0 0 0 / 35%) 0px 0.1vw 1.1vw;}
.web-hizmet-ic h2 {position: absolute;padding:1vw 2vw ;margin-top: -23.3vw;background: #7a2424;color: #fff;margin-left: 2vw;font-size: 1.2vw;}
.web-hizmet-ic li {font-size: 1.2vw;}
.web-hizmet-ic a {position: absolute;width: 10vw;height: 2vw;font-size: 1vw;color: #fff;background: #7a2424;display: flex;align-items: center;justify-content: center;margin-top: 23vw;margin-left: 7vw;}

.web-hizmet-ic2 {display: flex;align-items: center;margin-top: 4vw;margin-bottom: 4vw;}
.web-hizmet-ic2 div {width: 24vw;height: 15vw;padding: 4vw 4vw;padding-left: 14vw;border: 0.3vw solid #7a2424;display: flex;flex-direction: column;justify-content: center;z-index: 1;position: relative;}
.web-hizmet-ic2 img {width: 40vw;margin-right: -10vw;z-index: 5;position: relative;box-shadow: rgb(0 0 0 / 35%) 0px 0.1vw 1.1vw;}
.web-hizmet-ic2 h2 {position: absolute;padding: 1vw 2vw;margin-top: -23.3vw;background: #7a2424;color: #fff;margin-right: 2vw;font-size: 1.2vw;}
.web-hizmet-ic2 li {font-size: 1.2vw;}
.web-hizmet-ic2 a {position: absolute;width: 10vw;height: 2vw;font-size: 1vw;color: #fff;background: #7a2424;display: flex;align-items: center;justify-content: center;margin-top: 23vw;margin-left: 7vw;}



.uzaktan-destek{padding-top: 2vw;display: flex;align-items: center;align-content: center;flex-direction: column;}
.uzaktan-destek p {font-size: 1vw;margin-bottom: 1vw;color: #545454;}
.uzaktan-destek h2 {font-size: 1.3vw;margin-bottom: 3vw;}
.uzak-programlar {display: flex;flex-direction: row;align-items: center;justify-content: center;margin-bottom: 3vw;}
.uzak-programlar div {display: flex;flex-direction: column;align-content: center;align-items: center;justify-content: center;margin-left: 2vw;margin-right: 2vw;}
.uzak-programlar a {height: 3vw;width: 21vw;color: #fff;border-radius: 1vw;display: flex;align-items: center;justify-content: center;margin-bottom: 1vw;font-size: 1.1vw;font-weight: 500;}
.alpemix a{background:#00c0f3;}
.anydesk a{background:#f20006;}
.teamviewer a{background:#0666c3;}
.uzak-programlar img {height: 15vw;}
.uzak-programlar i {margin-right: 1vw;font-size: 1.4vw;}



.t-yazilimlar{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;margin-top: 2vw;margin-bottom: 2vw;}
.t-yazilimlar-ic {width: 85vw;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;flex-direction: column;}
.t-yazilim-ust {display: flex;margin-bottom: 2vw;margin-top: 2vw;height: 31vw;}
.t-yazilim-ust img {width: 54vw;object-fit: cover;margin-right: 6vw;height: auto;}
.t-yazilim-ust div img {width: 23vw;object-fit: contain;margin: 0;}
.t-yazilim-ust span {margin-top: 1vw;margin-left: 1vw;}
.t-yazilim-ust h5 {font-size: 1vw;}
.t-yazilim-ust li {font-size: 0.9vw;margin-top: 0.5vw;margin-bottom: 0.5vw;}
.t-yazilimlar-ic h4 {font-size:1.3vw;font-weight:600}
.t-yazilimlar-ic p {margin-top: 1vw;width: 85vw;font-size: 0.9vw;display: flex;flex-direction: column;}
.t-yazilim-ust div{display: flex;flex-wrap: wrap;}
.t-yazilim-buton {width: 85vw;display: flex;margin-top: 1vw;height: 4vw;background: #00a6df;margin-bottom: 1vw;color: #fff;font-size: 1vw;font-weight: 600;align-items: center;justify-content: center;}
.t-yazilim-buton i {font-size: 1.7vw;margin-right: 1vw;}



.projeler {min-height: 50vw;}
.projeler-menu {width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 2vw;flex-wrap: wrap;}
.projeler-menu a {font-size: 0.9vw;width: 16vw;color: #000;display: flex;margin: 1vw;margin-left: 1vw;margin-right: 1vw;height: 3vw;border: 0.2vw solid #651319;align-items: center;justify-content: center;}
.projeler-menu a:hover {background: #651319;color: #fff;transition: 0.2s;}
.projeler-ic {display: flex;flex-wrap: wrap;justify-content: center;}
.proje-kutu {width: 43vw;height: 16vw;display: flex;margin: 2vw 2vw;justify-content: space-between;box-shadow: rgb(0 0 0 / 35%) 0px 0.1vw 1.1vw;}
.proje-kutu-sol {display: flex;flex-direction: column;justify-content: center;align-items: center;color: #000;width: 15vw;padding: 1vw 2vw;}
.proje-kutu-sol h2 {color: #000;font-size: 1.3vw;font-weight: 600;text-align: center;}
.proje-kutu-sol p,.proje-kutu-sol p>a {color: #000;font-size: 0.9vw;font-weight: 400;text-align: center; padding-top: 1vw; padding-bottom: 1vw;text-transform: uppercase;}
.proje-kutu img {width: 24vw;box-shadow: rgb(0 0 0 / 35%) -1vw 0px 2.1vw -0.6vw;object-fit: cover;}
.proje-kutu-sol span {width: 7.8vw;height: 1.8vw;font-size: 0.7vw;display: flex;align-items: center;justify-content: center;background: #651319;color: #fff;margin-top: 1vw;}
.proje-button {width: 9vw;height: 1.7vw;margin-top: 1vw;font-size: 0.7vw;background: #651319;color: #fff;display: flex;align-items: center;justify-content: center;}

.projeler-ticari {width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 10vw;font-size: 2vw;}

.egitim-video{min-height: 36vw;display: flex;align-items: center;justify-content: center;}



.referans {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: 1vw;}
.referans-baslik {width: 100%;text-align: center;padding-top: 2vw;font-size: 1.7vw;font-weight: 600;color: #525252;padding-bottom: 2.2vw;border-bottom: 0.1vw solid #d3d3d3;font-family: 'Roboto', sans-serif;position: relative;z-index: 99;}
.referans-baslik span {color: #898989;font-size: 1vw;}
.referans-ic a {width: 19vw;display: flex;margin: 1vw;box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;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 a:hover p{color:#595959;transition:0.2s;}
.referans-ic img {width: 15vw;}
.referans-ic p {text-align: center;color: #767676;font-size: 0.9vw;font-weight: 600;margin-bottom: 1vw;line-height: 1.2vw;width: 17vw;}
.referans-ic h5 {margin-bottom: -1.5vw;margin-top: 1.4vw;color: #b1aeae;font-size: 0.7vw;}
.referans-ic h5 i {color: #c3666d;margin-right: 0.4vw;}

.pdks{display: flex; flex-direction: column; align-items: flex-start; padding-left: 6.3vw; font-size: 1.2vw; text-align: justify; margin-bottom: 4vw; width: 85vw;margin-top:4vw;}
.pdks-baslik{border-bottom: 0.2vw solid #fff; margin-bottom: 2.6vw; color: #991a19; padding-bottom: 2vw; font-weight: 500; border-bottom-right-radius: 15vw; width: 85vw; font-size: 1.7vw;}
.pdks-res{background-image: url(/wp-content/uploads/2022/07/pdks-guvenlik-hizmetimiz.jpg);  z-index: 99; background-repeat: no-repeat;background-size: cover;width: 100%;height: 29vw;background-position: 0vw -13vw;margin-top: 2vw;margin-bottom: 2vw;}
.muhasebe-yazilimlari{display: flex; flex-direction: column; align-items: flex-start; padding-left: 6.3vw;font-size: 1.2vw; text-align: justify; margin-bottom: 4vw; width: 85vw; margin-top: 4vw;}
.muhasebe-baslik{border-bottom: 0.2vw solid #fff; margin-bottom: 2.6vw; color: #991a19; padding-bottom: 2vw; font-weight: 500; border-bottom-right-radius: 15vw; width: 85vw;font-size:1.7vw;}
.muhasebe-res{background-image: url(/wp-content/uploads/2022/07/muhasebe-hizmetimiz.jpg); background-repeat: no-repeat;background-size: cover;width: 100%;height: 29vw;background-position: center;margin-top: 2vw;margin-bottom: 2vw;}
.madde{background: #991a19bf; color: #fff; font-size: 1vw; border-radius: 100%; padding: 0.2vw; width: 1.2vw; height: 1.2vw; display: flex !important; align-items: center; justify-content: center; margin-right: 2vw; position: absolute;}
.madde:hover{transition:all linear 0.3s;transform:rotate(360deg);}
.madde-paragraf span{margin-left: 3vw;}
.madde-paragraf{display: flex; margin-bottom: 1.2vw; align-items: center;}
.muhasebe-ust{width: 40vw; z-index: -1; opacity: 0.2;position:absolute}
.muhasebe-alt{width: 40vw; z-index: -1; opacity: 0.2; position: absolute; bottom: -56vw; float: right; right: 0;}
.muhasebe-yazilimlari h4{color:#991a19;}
.adisyon{display: flex; flex-direction: column; align-items: flex-start; padding-left: 6.3vw; font-size: 1.2vw; text-align: justify; margin-bottom: 4vw; width: 85vw; margin-top: 4vw;}
.adisyon-baslik{border-bottom: 0.2vw solid #fff; margin-bottom: 2.6vw; color: #991a19; padding-bottom: 2vw; font-weight: 500; border-bottom-right-radius: 15vw; width: 85vw; font-size: 1.7vw;}
.adisyon-baslik2{margin-top: 2vw; margin-bottom: 2vw;color: #991a19;}
.adisyon-res{background-image: url(/wp-content/uploads/2022/07/restaurant-adisyon-hizmetimiz.jpg);background-repeat: no-repeat;background-size: cover;width: 100%;height: 29vw;background-position: 0vw -17vw;margin-top: 2vw;margin-bottom: 2vw;}
.barkodlu-satis{display: flex; flex-direction: column; align-items: flex-start; padding-left: 6.3vw; font-size: 1.2vw; text-align: justify; margin-bottom: 4vw; width: 85vw; margin-top: 4vw;}
.barkod-avantaj{color: #991a19; margin-top: 2vw; font-size: 1.3vw; margin-bottom: 2vw;}
.barkod-baslik{border-bottom: 0.2vw solid #fff; margin-bottom: 2.6vw; color: #991a19; padding-bottom: 2vw; font-weight: 500; border-bottom-right-radius: 15vw; width: 85vw; font-size: 1.7vw;}
.barkodlu{background-image: url(/wp-content/uploads/2022/07/barkodlu-pos-hizmetimiz.jpg); background-repeat: no-repeat; background-size: cover; width: 100%; height: 26vw;margin-top: 2vw;z-index:9; background-position: center;}
.barkodlu-res{background-image: url(/wp-content/uploads/2022/07/barkodlu-pos-vector.jpg.png); background-size: contain; width: 100%; height: 34vw; background-repeat: no-repeat; position: absolute; opacity: 0.2; background-position: center; right: 0vw; top: 23.5vw;}
/*image-zoom*/
.image-container {vertical-align: top;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;width: 43vw;margin:0 auto;}
.image-container:hover {background-color: rgba(0,0,0,0);}
.image {cursor: crosshair;display: block;height: 6vw !important;}
/*image-zoom*/




.iletisim {display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center; margin-top: 2vw;}
.iletisim h1 {color: #fff;font-size: 1.1vw;background-color: #464646;border-top-left-radius: 1vw;border-top-right-radius: 1vw;margin-bottom: 0.3vw;width: 45.2vw !important;height: 3vw;display: flex;justify-content: center;align-items: center;margin-left: 0.4vw;}
.iletisim h1 i{margin-right:10px;margin-left:15px;font-size:1em;}
.iletisim-ust{margin-top:4vw;margin-bottom: 4vw;display: flex;justify-content: space-around;align-items: center;margin-left: 4vw;}
.iletisim-ust-bilgiler>i{color:}
.iletisim-alt{display: flex;justify-content: space-evenly;align-items: center;padding-top: 4vw;padding-bottom: 4vw;}
.iletisim-alt > li {float:left;}
.iletisim-bilgileri {width: 100%;display: flex;align-items: center;justify-content: center;}
.iletisim-bilgileri i {border-radius: 0.5vw;;font-size: 2vw;color: #fff;background-color: #1e7881;padding: 1vw;width: 2vw;text-align: center;}
.bilgiler {padding-left: 1vw;}
.bilgiler h5 {font-size: 1.2vw;color: #333;font-weight: 700;}
.bilgiler p {color: #333;font-weight: 300;font-size: 0.9vw;}
.iletisim form.wpcf7-form.init{width: 41.2vw;float: left;}
.iletisim .wpcf7{width:  41.2vw;float: left;}
.iletisim form.wpcf7-form.invalid{width: 46vw;;float:left}
.iletisim .wpcf7 label input {background: #01020470;height: 2.9vw;width: 20vw;}
.iletisim .wpcf7-textarea {background: #01020470;height: 9vw !important;width: 41.2vw!important;}
.iletisim .wpcf7-form-control.wpcf7-captchar {background: #01020470;}
.iletisim .wpcf7-submit{background:#5a75fb !important}


.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;}


.kutu-1{width: 37.8vw; height: 31.1vw; display: flex; padding-left: 5.6vw; padding-right: 5.6vw; z-index: 99; /* clip-path: polygon(0 0, 100% 0, 91% 100%, 3% 100%); */ position: relative; align-items: center; background: url(/wp-content/uploads/2022/06/arkaplan.jpg); background-attachment: fixed; background-size: cover; flex-direction: column; align-content: center; justify-content: center; }
.kutu-1 h4 {background: #0029ffa1;width: 41.6vw;color: #fff;font-size: 0.9vw;margin-bottom: 0.6vw;height: 3.3vw;display: flex;align-items: center;justify-content: center;align-content: center;}
.iletisim-foto {width: 87vw;height: 13vw;background: url(/wp-content/uploads/2022/07/iletisim-foto.jpg);background-size: 103vw;background-position: center;box-shadow: rgb(0 0 0 / 35%) 0px 0.1vw 1.1vw;z-index: 10;position: relative;}
.map{display: flex;width: 87vw; box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;position: relative;z-index: 5;margin-bottom: 5vw;}
.iletisim-baslik{margin-bottom: 1.3vw; font-size: 1.7vw;}
.contact-aciklama{font-size: 1.2vw;margin-top:1vw}
.contact-icon{display: flex; width:87vw; background: #e9e9e952;padding-top: 3vw;padding-bottom: 3vw; justify-content: space-around; margin-top: 4vw; box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;}
.adres, .mail, .tel{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.contact-icon i{margin-bottom: 1.2vw; background: #361598; width: 4vw; color: #f3f0f0; border-radius: 100%;height: 4vw; font-size: 1.5vw; display: flex; justify-content: center; align-items: center;}
.contact-icon p{font-size: 1vw;}

.adres>i{animation: mover 1s infinite  alternate; }
@keyframes mover {0% { transform: translateY(0); }100% { transform: translateY(-10px); }}
.mail>i{animation: move 0.9s infinite  alternate;transition:0.3s;}
@keyframes move {0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1);  }}


/* İletisim Form*/
input,textarea{width: 25vw;border: none;background: none;height: 2.2vw;margin-bottom: 0.1vw;}
textarea{height:5vw}
.wpcf7-submit{width: 25.2vw;margin-top: 0.5vw;background-color: #e12733;color: #fff;font-size: 1vw;}
.your-name>input{margin-top: -0.4vw;}

.wpcf7-captcha-captcha-170{margin-top: -0.5vw;margin-bottom: 0.5vw;}
.wpcf7 form.invalid .wpcf7-response-output{border: none;float: left; left: 14.7vw; position: absolute;}
.footer{width:100%;display:flex;flex-direction:column;z-index: 3;position: relative;}
form.wpcf7-form.init {display: flex;flex-wrap: wrap;width: 55vw;align-items: center;justify-content: center;float: right;}
form.wpcf7-form.invalid {display: flex;flex-wrap: wrap;width: 55vw;align-items: center;justify-content: center;float: right;}
.wpcf7 label input {height: 2.2vw;background:#ffffff4d;color: #fff;border: none !important;line-height: 1.4vw;width: 18vw;margin: 0.4vw;}
input.wpcf7-form-control.wpcf7-captchar {width: 8vw;border: none !important;margin: 0;margin-left: 1vw;margin-right: 0.9vw;background: #ffffff4d;height: 2.2vw;border-radius: 4vw;}
input::placeholder{font-size:0.8vw !important;margin:0 !important;padding:0 !important;padding-left:1vw !important;color:#fff;font-weight:400;}
textarea::placeholder{font-size:0.8vw !important;margin:0 !important;padding:0 !important;padding-left:1vw !important;padding-top:0.5vw !important;color:#fff;font-family:'Roboto';font-weight:400;}
.wpcf7-textarea {width: 37vw!important; height: 5vw !important; background: #ffffff4d; color: #fff; border: none !important; line-height: 1.4vw; margin: 0.4vw; margin-bottom: 1.5vw;}
.wpcf7-submit {width: 13vw !important;height: 2.3vw !important;background-color: #464646!important;padding: 0 !important;border: 0 !important;color: #fff;transition: 0.3s;font-size: 1vw !important;margin: 0;border-radius: 3vw;cursor: pointer;}
.wpcf7 label {display: block;font-size: 1vw !important;margin-top: 0vw;display: flex;flex-direction: row;align-items: center;justify-content: center;}
img.wpcf7-form-control.wpcf7-captchac.wpcf7-captcha-captcha-170 {width: 8vw;height: 2.2vw;margin:0;border-radius: 3vw;}
.wpcf7-spinner{position: absolute;display:none !important}
.wpcf7-response-output{color: #e22e39 !important;font-size: 1.1vw !important;position: relative !important;margin: 0 !important;margin-top: 2vw !important;padding: 0 !important;left: 0 !important;border: none !important;}
.wpcf7-not-valid-tip{margin-left: 1vw;font-size:1vw !important}
.wpcf7{width: 50vw; float: right;position: relative;}
form.wpcf7-form.init div p {display: flex;align-items: center;}
/* İletisim Form Bitiş*/


.footer{width: 100%;}
.footer-ust{display: flex;flex-direction: row;height: 26vw;background: url(/wp-content/uploads/2022/06/footer-arkaplan.jpg);align-items: center;justify-content: space-evenly;background-size: cover;background-repeat: no-repeat;}
.footer h4 {color: #fff;font-size: 1.3vw;font-weight: 600;width: 9vw;}
.footer a{color:#e1e1e1;font-size: 0.8vw;}
.footer-1 {display: flex;flex-direction: column;align-items: center;justify-content: center;align-content: center;}
.footer-1 img {height:11vw;margin-top: 1.7vw;}
.footer-sosyal {display: flex;flex-direction: row;align-items: center;justify-content: center;}
.footer-sosyal a {background: #cc2827;width: 3vw;height: 2vw;font-size: 1vw;border-radius: 0.8vw;display: flex;align-items: center;margin: 2vw 0.5vw;justify-content: center;}
.footer-2 {display: flex;flex-direction: column;font-size: 1.1vw;font-weight: 500;line-height: 2vw;}
.footer-3 {display: flex;flex-direction: column;font-size: 1.1vw;font-weight: 500;line-height: 2vw;margin-bottom: 5.6vw;}
.footer-4 {display: flex;flex-direction: column;font-size: 1.1vw;font-weight: 500;line-height: 2vw;font-size: 0.8vw;margin-bottom: 3.4vw;}
.footer-iletisim {color: #fff;display: flex;flex-direction: column;}
.footer-iletisim-ic {display: flex;flex-direction: row;align-items: center;margin-bottom: 1vw;}
.footer-iletisim i {font-size: 1.1vw;margin-right: 1vw;color: #cc2827;}
.footer-iletisim p {line-height: 1.3vw;}
.footer-ebulten h5{color: #fff;font-size: 1vw;font-weight: 500;}
.footer-ebulten a{padding: 0.5vw 1.7vw;padding-right: 5vw;top: 0.6vw;position: relative;height: 17vw;border-radius: 0.4vw;font-size: 0.6vw;background: #2f3133;}
.footer-alt {width: 100%;height: 2vw;background: #000;color: #d8d8d8;display: flex;align-items: center;justify-content: center;}

copyright {font-size: 0.5vw;font-weight: 300;display: inline;visibility: visible;font-family: Verdana, Arial, sans-serif;}




.search-wrapper {transform: translate(-50%, -50%); margin-top: 3.6vw; margin-right: -1.2vw;}
.search-wrapper.active {}
.search-wrapper .input-holder { height: 3vw; width:3.5vw; overflow: hidden; background: rgba(255,255,255,0); border-radius:0.6vw; position: relative; transition: all 0.3s ease-in-out;   }
.search-wrapper.active .input-holder {width:22vw; border-radius: 1vw; background: rgba(0,0,0,0.5); transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);}
.search-wrapper .input-holder .search-input {width:100%; height: 2.5vw; padding:0px 3.5vw 0.35vw 1vw; opacity: 0; position: absolute; top:0px; left:0px; background: transparent; box-sizing: border-box; border:none; outline:none; font-family:"Open Sans", Arial, Verdana; font-size: 1vw; font-weight: 400; line-height: 1vw; color:#FFF; transform: translate(0, 3vw); transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition-delay: 0.3s;}
.search-wrapper.active .input-holder .search-input {opacity: 1;transform: translate(0, 0.5vw);}
.search-wrapper .input-holder .search-icon {width: 4vw; height: 2vw; font-size: 1vw; border-radius: 0.7vw; margin-top: 0.7vw; float: left; color: #fff; background: #cc2827; display: flex; align-items: center; justify-content: center; outline: none; position: relative; z-index: 2; float: right; cursor: pointer; transition: all 0.3s ease-in-out; border: none;}
.search-wrapper.active .input-holder .search-icon {width: 3.8vw; height: 2.2vw;margin: 0.5vw; border-radius: 1vw; float: right; right: 0; padding-left: 0.3vw; position: absolute;}
.search-wrapper .input-holder .search-icon span {width: 0.4vw; height: 0.4vw; display: inline-block; vertical-align: middle; position: relative; transform: rotate(45deg); transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);}
.search-wrapper.active { margin-left: 9vw;margin-right: -7vw;}	
.search-wrapper.active .input-holder .search-icon span {transform: rotate(-45deg);}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {position: absolute; content:'';}
.search-wrapper .input-holder .search-icon span::before {width: 0.3vw; height: 0.7vw; left: 0.3vw; top: 0.7vw; border-radius: 2px; background: #333;}
.search-wrapper .input-holder .search-icon span::after {width: 0.8vw; height: 0.8vw; left: -0.3vw; top: -0.5vw; border-radius: 0.9vw; border: 0.2vw solid #333;}
.search-wrapper .close {position: absolute; z-index: 1; top:1.2vw; right:1.2vw; width:1.2vw; height:1.2vw; cursor: pointer; transform: rotate(-180deg); transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110); transition-delay: 0.2s;}
.search-wrapper.active .close {right:-2.5vw; transform: rotate(45deg); transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition-delay: 0.5s;}
.search-wrapper .close::before, .search-wrapper .close::after {position:absolute; content:''; background:#cc2827; border-radius: 2px;}
.search-wrapper .close::before {width: 0.3vw; height: 1.1vw; left: 0.5vw; top: 0px;}
.search-wrapper .close::after {width: 1.1vw; height: 0.2vw; left: 0px; top: 0.5vw;}
input::placeHolder{color:#fff;}
.results{width: 22vw; border-radius: 0.6vw; height:8.2vw; overflow-y: scroll; flex-direction: column; background-color:#10010180; padding: 0vw; position: absolute; top: 3.2vw; border: 0.1vw solid #e1e1e1; align-items: flex-start; display: flex; justify-content: flex-start; display: none;}
.results li a{border-bottom: 0.1vw solid #e1e1e1; width: 23.1vw; margin-top: 0.8vw; padding-bottom: 0.5vw; padding-left: 1vw;}
.name{font-size: 1vw;color:#b5b5b5;font-weight: 600;padding-bottom: 0.2vw;}
.profile:hover h3{color:#cc2827;transition:all linear 0.3s;margin-left:2vw;}
.profile h3{transition:all linear 0.3s;    margin-left: 1.3vw;}








/*



.searchwrapper{transform: translate(-50%, -50%); margin-top: 1.8vw; margin-left: 1.3vw; margin-right: 2vw;}
.search-wrapper{transform: translate(-50%, -50%); margin-top: 3.6vw; margin-right: 2vw;}
.search-wrapper.active,.searchwrapper.active {}
.search-wrapper .input-holder,.searchwrapper .inputholder { height: 2.5vw; width:3.5vw; overflow: hidden; background: rgba(255,255,255,0); border-radius:0.6vw; position: relative; transition: all 0.3s ease-in-out;   }
.search-wrapper.active .input-holder, .searchwrapper.active .inputholder {width:26vw; border-radius: 1vw; background: rgba(0,0,0,0.5); transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);}
.search-wrapper .input-holder .search-input, .searchwrapper .inputholder .searchinput {width:100%; height: 1.4vw; padding:0px 3.5vw 0 1vw; opacity: 0; position: absolute; top:0px; left:0px; background: transparent; box-sizing: border-box; border:none; outline:none; font-family:"Open Sans", Arial, Verdana; font-size: 1vw; font-weight: 400; line-height: 1vw; color:#FFF; transform: translate(0, 3vw); transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition-delay: 0.3s;}
.search-wrapper.active .input-holder .search-input, .searchwrapper.active .inputholder .searchinput {opacity: 1;transform: translate(0, 0.5vw);}
.search-wrapper .input-holder .search-icon, .searchwrapper .inputholder .searchicon2 {width:3.5vw; height:3.5vw; border:none; border-radius:0.5vw; background:none; padding:0px; outline:none; position: relative; z-index: 2; float:right; cursor: pointer; transition: all 0.3s ease-in-out;}
.search-wrapper.active .input-holder .search-icon, .searchwrapper.active .inputholder .searchicon2 {width: 3.8vw; height: 2.2vw;margin: 0.5vw; border-radius: 1vw; float: right; right: 0; padding-left: 0.3vw; position: absolute;}
.search-wrapper .input-holder .search-icon span, .searchwrapper .inputholder .searchicon2 span  {width:1.1vw; height:1.1vw; display: inline-block; vertical-align: middle; position:relative; transform: rotate(45deg); transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);}
.search-wrapper.active, .searchwrapper.active  { margin-left: 9vw;margin-right: -9.6vw;}	
.search-wrapper.active .input-holder .search-icon span, .searchwrapper.active .inputholder .searchicon2 span  {transform: rotate(-45deg);}
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after, .searchwrapper .inputholder .searchicon2 span::before, .searchwrapper .inputholder .searchicon2 span::after  {position: absolute; content:'';}
.search-wrapper .input-holder .search-icon span::before, .searchwrapper .inputholder .searchicon2 span::before {width: 0.3vw; height: 0.9vw; left: 0.6vw; top: 0.5vw; border-radius: 2px; background: #333;}
.search-wrapper .input-holder .search-icon span::after, .searchwrapper .inputholder .searchicon2 span::after {width: 1vw; height: 0.9vw; left: 0vw; top: -0.7vw; border-radius: 0.9vw; border: 0.2vw solid #333;}
.search-wrapper .close, .searchwrapper .close {position: absolute; z-index: 1; top:1.2vw; right:1.2vw; width:1.2vw; height:1.2vw; cursor: pointer; transform: rotate(-180deg); transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110); transition-delay: 0.2s;}
.search-wrapper.active .close, .searchwrapper.active .close {right:-2.5vw; transform: rotate(45deg); transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition-delay: 0.5s;}

.search-wrapper .close::before, .searchwrapper .close::before {width: 0.3vw; height: 1.1vw; left: 0.5vw; top: 0px;}
.search-wrapper .close::after, .searchwrapper .close::after {width: 1.1vw; height: 0.2vw; left: 0px; top: 0.5vw;}

.results{width: 25.9vw; border-radius: 0.6vw; height:8.2vw; overflow-y: scroll; flex-direction: column; background-color:#10010180; padding: 0vw; position: absolute; top: 3.2vw; border: 0.1vw solid #e1e1e1; align-items: flex-start; display: flex; justify-content: flex-start; display: none;}
.results li a{border-bottom: 0.1vw solid #e1e1e1; width: 23.1vw; margin-top: 0.8vw; padding-bottom: 0.5vw; padding-left: 1vw;}
.name,.name2{font-size: 1vw;color:#e6dcdc;font-weight: 600;padding-bottom: 0.2vw;} */