/*
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; background:#fff;font-family: 'Roboto', sans-serif;}

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: 100%;color: #fff;display: flex;flex-direction: column;}
.header-ust {height: 3vw;display: flex;align-items: center;justify-content: center;margin-top: 1vw;}
.header-ust img {width: 28vw;height: auto;margin-left: 12vw;margin-right: 12vw;}
.header-catalog {color: #000;font-size: 1vw;background: #fff;width: 10vw;height: 2vw;font-weight: 500;display: flex;align-items: center;justify-content: center;border-radius: 0.5vw;transition: all linear 0.2s;}
.header-catalog:hover{transition: all linear 0.2s; background: #ef4242; color: #fff;}    
.header-catalog i {font-size: 1.2vw;margin-right:0.4vw}
.header-alt {height: 4vw;display: flex;align-items: center;}

.diller {float: right;margin-top: 1vw;margin-right: 2vw;display: flex;justify-content: flex-end;}
.diller img{width: 1.8vw;height: auto;margin-right: 1vw;}

.sosyal {display: flex;flex-direction: row;padding-top: 0.1vw;align-items: center;justify-content: center;}
.sosyal a{display: flex;width: 2.1vw;height: 2vw;font-size: 1.1vw;margin-right: 1vw;float: left;color: #000;border-radius: 0.5vw;align-items: center;justify-content: center;background: #fff;}
.sosyal a:last-child{margin-right:0;}
.sosyal a:hover {color: #ffffff;background: #ef4242;}

.header-2{display: flex; align-items: center; justify-content: space-between; width: 100%;background: url(/wp-content/uploads/2022/05/renkli-arkaplan.jpg);height: 5.6vw;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;}
.header-2 .menu-item{height: 5.5vw;}
.header-2 .menu-item a {display: block;color: #fff;transition: 0.2s;height: 100%;display: flex;align-items: center;justify-content: center;}
.header-2 .dropdown {background-color: #6a2e2e;margin-top:0;}
.header-2 .dropdown>.menu-item:hover>a{color: #cdcdcd !important;}

.arrow {text-align: center;}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
#menu-2{width: 100%; cursor: pointer;display: flex; justify-content: flex-end;padding-right: 2vw;}
#menu  {width: 100%;cursor: pointer;position: absolute;display: flex;justify-content: center;align-items: center;margin-top: 5vw;}
.navbar {padding-bottom: 0.3vw;border-bottom: 0.1vw solid #6d6d6d;}
.menu-item{float: left;position: relative;font-size: 1vw;font-weight: 700;transition: 0.6s all;width: 10vw;text-align: center;}
.menu-item a{display:block;color:#fff;transition:0.2s;}
.menu-item a:hover{color:#ef4242;transition:0.2s;}
.menu-item a > img {width: 8vw;}
.dropdown {display: block;width: 13vw;position: absolute;background-color: #1f4240a3;opacity: 0;visibility: hidden;transition-delay: 0.2s;padding-top: 0.8vw;z-index: 15;padding-bottom: 0.3vw;border-bottom-right-radius: 0.6vw;border-bottom-left-radius: 0.6vw;margin-top: 0.3vw;margin-left: 1.3vw;transition: all .3s linear;box-shadow: rgb(50 50 93 / 25%) 0 0.3vw 0.5vw -0.7vw, rgb(0 0 0 / 30%) 0 0.3vw 0.7vw -0.3vw !important;}
.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;width:15vw;}
.dropdown>.menu-item:hover>a{color:#ef4242 !important;}
.menu-item:hover>.dropdown{opacity:1;visibility:visible;}
.dropdown-3{margin-left:14.1vw;margin-top: -1.86vw;}
.dropdown-4{margin-left: 14.2vw; margin-top: -2.59vw !important;}
.anasayfa-alanlar {background: url(/wp-content/themes/anasayfa-arka.jpg);width: 100%;height: 214.4vw;background-size: cover;background-repeat: no-repeat;background-position: center;}
.anasayfa-alan-1 {height:36vw;text-align: center;}
.mouse-effect{margin-top: 33.1vw; font-size: 2vw; text-align: center;color: #fff;}
.flexslider{position:absolute !important;margin-left:-12vw !important;}
.flexslider,.slides,.slides li {width:100%;}
.slides li{image-rendering: -webkit-optimize-contrast;background-size: cover;background-position: 50% 100%;}
.text-area{position: relative;display: flex;flex-direction: column;}

.text-area-ust {float: right;width: 100%;display: flex;flex-direction: column;align-items: flex-start;align-content: center;margin: 0;position: relative;right: -62.4vw;top: 24vw;transform: rotate(11deg);}
.product-category {font-size: 5vw; color: #ffffff; font-weight: 600;opacity: 0.2;margin-bottom:-1vw;}
.product-title {font-size: 2.3vw; color: #fff; font-weight: 200;text-align: left; border-radius: 1vw; font-family: 'Audiowide';}

.slider-button{font-size: 1.5vw; width: 14.2vw; height: 2.2vw; display: flex; align-items: center; justify-content: center; background: none; color: #ef4242; margin-top: 1vw; font-weight: 700; margin-left: -4.7vw; transition: all 0.2s linear;}
.slider-button:before{content: ""; position: absolute; width: 6vw; height: 0.15vw; background-color: #ef4242; margin-top: 2.3vw; margin-left: 1vw; transform: rotate(3deg);}
.slider-button:hover{transition: all 0.2s linear;transform: scale(1.05);}

.rl-gallery-item { width: 16.4vw !important;}
#rl-gallery-container-1 .rl-basicgrid-gallery .rl-gallery-item img,#rl-gallery-container-2 .rl-basicgrid-gallery .rl-gallery-item img, #rl-gallery-container-3 .rl-basicgrid-gallery .rl-gallery-item img, #rl-gallery-container-4 .rl-basicgrid-gallery .rl-gallery-item img, #rl-gallery-container-5 .rl-basicgrid-gallery .rl-gallery-item img, #rl-gallery-container-6 .rl-basicgrid-gallery .rl-gallery-item img, #rl-gallery-container-7 .rl-basicgrid-gallery .rl-gallery-item img,#rl-gallery-container-8 .rl-basicgrid-gallery .rl-gallery-item img,#rl-gallery-container-9 .rl-basicgrid-gallery .rl-gallery-item img,#rl-gallery-container-10 .rl-basicgrid-gallery .rl-gallery-item img{height: 8vw !important;object-fit: contain !important; max-width: 100%; min-width: 100%;}
#rl-gallery-container-1 .rl-basicgrid-gallery .rl-gallery-item,#rl-gallery-container-2 .rl-basicgrid-gallery .rl-gallery-item, #rl-gallery-container-3 .rl-basicgrid-gallery .rl-gallery-item, #rl-gallery-container-4 .rl-basicgrid-gallery .rl-gallery-item, #rl-gallery-container-5 .rl-basicgrid-gallery .rl-gallery-item, #rl-gallery-container-6 .rl-basicgrid-gallery .rl-gallery-item, #rl-gallery-container-7 .rl-basicgrid-gallery .rl-gallery-item, #rl-gallery-container-8 .rl-basicgrid-gallery .rl-gallery-item, #rl-gallery-container-9 .rl-basicgrid-gallery .rl-gallery-item
, #rl-gallery-container-10 .rl-basicgrid-gallery .rl-gallery-item{height: 8vw !important;width: 13vw !important;display: flex;flex-direction: column;background: #fff;box-shadow: rgb(50 50 93 / 25%) 0 0.3vw 0.5vw -0.7vw, rgb(0 0 0 / 30%) 0 0.3vw 0.7vw -0.3vw !important;}
.rl-basicgrid-gallery{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;height: auto;width: 77vw;}
#gallery-1 .gallery-item,#gallery-2 .gallery-item,#gallery-3 .gallery-item,#gallery-4 .gallery-item,#gallery-5 .gallery-item,#gallery-6 .gallery-item,#gallery-7 .gallery-item,#gallery-8 .gallery-item,#gallery-9 .gallery-item,#gallery-10 .gallery-item{float: left; margin-top: 10px; text-align: center; width: 33.3%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.rl-basicgrid-gallery:after{display:none}
.rl-gallery .rl-gallery-link .rl-gallery-caption {padding:0 !important;text-align:center !important;background-color: #e1e1e19e !important;}
.rl-gallery .rl-gallery-item-title, .rl-gallery .rl-gallery-item-caption{position: relative;font-size: 0.9vw !important;line-height: 1.3 !important;height: auto;display: flex !important;padding-top: 0.6vw;padding-bottom: 0.6vw;align-items: center;justify-content: center;}
span.rl-gallery-item-title {color: #000 !important;}
.nivo-lightbox-image {display: flex;align-items: center;justify-content: center;}



.anasayfa-alan-2 {display:flex;height: 39.6vw;}
.alan-2-sol{width: 39.8%;margin-left: 8.9vw;}
.alan-2-sol h2{color: #ef4242;font-size: 3vw;margin-top: 4vw;margin-bottom: 4.1vw;font-weight: 400;font-family: 'Audiowide';}
.alan-2-sol h2:before{content: "";position: absolute;width: 15.7vw;height: 0.2vw;background-color: #fff;margin-top: 4.4vw;transform: rotate(3deg);}
.alan-2-sol p{color: #d2d2d2; font-size: 1.3vw; margin-top: 1.1vw;}
.alan-2-sol p:nth-child(3){color: #d2d2d2;font-size: 1.3vw;margin-top: 1.3vw;margin-bottom:4vw;}
.read{font-size: 1.8vw; color: #ef4242;}
.recommended{color: #2b6864; font-size: 2.2vw; font-weight: 400; font-family: 'Audiowide'; float: right; right:4vw; margin-top: 3.6vw; position: absolute;z-index: 3;}
.recommended:before{content: ""; position: absolute; width: 12vw; transform: rotate(2.9deg); margin-top: 2.8vw; right: 7.9vw; height: 0.3vw; background-color: #a14545;}
.read:before{content: "";position: absolute;width: 9.7vw;height: 0.2vw;background-color: #ef4242;margin-top: 2.3vw;transform: rotate(3deg);}
.anasayfa-alan-3{height: 39vw;}
.anasayfa-alan-3>.flickity-prev-next-button .arrow{fill:#a24747 !important;}
.alan3-menu{display: flex; justify-content: space-around;top: -5vw;position: relative;}
.alan3-menu:before{content: ""; position: absolute; width: 100vw; height: 0.1vw; margin-top: -2.2vw; background-color: #dddddd;}
.alan3-menu li a,.alan3-menu li {font-size: 1.3vw;color: #b6b4b4;}
.alan3-menu li a:hover{color:#a24747 !important}
.alan3-yanresim{height: 48.7vw;position: relative;left: 77VW;top: -5vw;margin-right: -16vw;opacity: 0.2;z-index: 1;transform: rotate(352deg);}
.tufek-model{color: #0d3734;font-size: 2.4vw;position: relative;font-weight: 600;}
.go-on{color: #ef4242; font-size: 1.5vw;margin-top:0.6vw;}
.go-on:before{content: ""; position: absolute; width: 6.9vw; height: 0.2vw; transform: rotate(2deg); margin-top: 2.1vw; background-color: #ef4242;}
.anasayfa-alan-4{background-position: center;display: flex;justify-content: space-evenly;background-image: url(/wp-content/uploads/2022/05/kutu-cizgileri.png);background-size: contain;background-repeat: no-repeat;height: 30vw;align-items: center;}

.kutu-3, .kutu-2,.kutu-1{width: 24.9vw; height: 18vw; background-color: #dddddd; padding: 2vw; display: flex; flex-direction: column;background-image: url(/wp-content/uploads/2022/05/kutu-3.png); background-size: 16.3vw; background-repeat: no-repeat; background-position: center;justify-content: space-around;transition: all linear 0.3s;}
.kutu-1{background-image: url(/wp-content/uploads/2022/05/kutu-1.png); } 
.kutu-2{background-image: url(/wp-content/uploads/2022/05/kutu-2.png);background-size: 12.1vw;}
.anasayfa-alan-5{height:30vw;}
.kutu-3 h2,.kutu-1 h2, .kutu-2 h2{font-size: 1.3vw; text-align: center; font-family: 'Audiowide';color:#000;}
.kutu-3 p,.kutu-2 p,.kutu-1 p{font-size: 1.15vw;padding-left: 2vw; padding-right: 2vw;cursor: pointer;color:#000;}
.kutu-3 span,.kutu-2 span,.kutu-1 span{font-size: 1.2vw; color: #a14545; text-align: center;font-family: 'Audiowide';}
.kutu-3 span:before,.kutu-2 span:before,.kutu-1 span:before{content: ""; position: absolute; width: 4.6vw; height: 0.05vw;margin-left: 1vw; background-color: #a14545; margin-top: 1.4vw;}
.kutu-3:hover a,.kutu-2:hover a,.kutu-1:hover a {transform: scale(1.1);cursor: pointer;transition: all linear 0.3s;}
.kutu-3:hover,.kutu-2:hover ,.kutu-1:hover  {transition: all linear 0.2s;margin-top:-1.8vw;}
.kutu-2 h2,.kutu-2 span,.kutu-2 p{color:#fff;}
.kutu-2{background-color:#a14545;transition: all linear 0.2s;}
.kutu-2 span:before{background-color:#fff;}

.alan5-baslik{color: #2b6864; font-size: 2.2vw; font-weight: 400; font-family: 'Audiowide'; float: left; left: 4vw; margin-top: 3.3vw; position: absolute; }
.alan5-baslik:before{content: ""; position: absolute; width: 12vw; transform: rotate(2.9deg); margin-top: 2.8vw; left: 0.1vw; height: 0.3vw; background-color: #a14545;}
.anasayfa-alan-6 h2{font-size: 2vw; text-align: center; font-weight: 400; color: #fff; margin-top: 11.1vw; font-family: 'Audiowide';}
.anasayfa-alan-6 h2:before{content: ""; position: absolute; background-color: #fff; width: 12vw; height: 0.2vw; margin-top: 3vw; transform: rotate(5deg);}
.alan6-kapsar{display: flex; justify-content: space-around; align-items: center; margin-top: 4.8vw;}
.alan6-kapsar>a:hover{transform: scale(1.1);transition: all linear 0.3s;}
.alan6-kapsar>a{transition: all linear 0.3s;}
.alan6-kapsar img{width: 8vw;}
.flickity-viewport {height: 40.1vw !important;}
.gallery-cell { width: 42.25vw; height: 14.97vw; margin-right: 1.62vw; counter-increment: gallery-cell;}
.anasayfa-tufek-kutu {width: 40vw; height: 16vw; display: block; float: left; text-align: center; margin-bottom: 3vw; margin-right: 2.73vw; transition: all .2s linear; margin-top: -0.4vw;z-index: 3;position: relative;}
.gallery{width: 100% !important;}
.anasayfa-tufek-kutu img {width: 82.2vw; filter: brightness(1); object-fit: contain; margin: -2.88vw 0.62vw 0 -5.38vw; float: left; height: 35.11vw; transform: scaleX(-1);position: relative;}
.anasayfa-kapsar-slider{position: absolute; z-index: -1; width: 83vw; display: flex;flex-direction: column; align-items: flex-start;}
.category{font-size: 7vw;font-family: 'Audiowide';letter-spacing: 0.2vw;color: #7c918f;margin-top: 14.2vw;text-transform: uppercase;opacity: 0.2;text-shadow: 0.4vw 0.2vw 0.2vw #4f4f4f;}

.slider-buttn{width: 4.7vw; background-color: #000000b3; height: 2vw; text-align: center; line-height: 2.1vw; position: absolute; right: 0; margin-top: 9.6vw; margin-right: 5vw; padding: 0.1vw; color: #fff; font-size: 1vw; transition: 0.2s;}


.sayfa-baslik{height: 3.8vw;    text-transform: uppercase; display: flex; align-items: center; justify-content: center; background: linear-gradient(90deg, rgb(97 36 36) 0%, rgb(54 60 60) 43%, rgb(5 73 68) 100%); border-top: 0.1vw solid #4a4747;}
.sayfa-baslik h1 {color: #fff; font-size: 1.3vw; font-weight: 400; height: 4vw; display: flex; font-family: 'Audiowide'; justify-content: center; align-items: center;}

/*Ürünler Sayfası*/
.product-1,.product-2,.product-3,.product-4{display:flex;transition:0.2s;}

.product-page a {background: url(/wp-content/uploads/2022/05/renkli-arkaplan.jpg);background-size: cover;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;z-index: 4;}
.product-page a:img{z-index:4;position:relative}

.product-1 img,.product-2 img,.product-3 img,.product-4 img{width: 24.8vw;height: auto;top: 5.5vw;position: relative;transform: rotate(334deg);transition:0.2s;}
.description{width: 24.8vw;height: 17.6vw;right: 0vw; position: relative; background: url(/wp-content/uploads/2022/05/beyaz-arkaplan.jpg) !important;background-attachment: fixed !important;background-size: cover !important;display: flex;flex-direction: column;align-items: flex-start;align-content: center;justify-content: space-evenly;}
.description h2{font-size: 1.4vw; font-family: 'Audiowide';padding-left: 3vw; color: #0d4743;transition: all linear 0.2s}
.description p{font-size: 1.3vw; padding-left: 2.9vw; color:#000;}
.product-1 a:nth-child(2):before,.product-2>a:nth-child(2):before{content: "";z-index: 0;border-width: 8.7vw 4.7vw 8.7vw 0px;border-color: #63636300 #cecece transparent transparent;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;position: absolute;left: 19.2vw;margin-top: 0vw;-webkit-transform: translateX(17%);border-style: solid;z-index:1;}

.product-button{font-size: 1.2vw;color: #a14545;font-weight: 700;transition: all 0.2s linear;padding-left: 2.1vw;padding-bottom: 1vw;}
.product-button:before{content: "";position: absolute;width: 4vw;height: 0.15vw;background-color: #a14545;margin-top: 1.7vw;margin-left: 1vw;transform: rotate(3deg);}


.product-1:hover h2,.product-2:hover h2,.product-3:hover h2,.product-4:hover h2{transition: all 0.2s linear;font-size:1.7vw}
.product-1:hover .product-button,.product-2:hover .product-button,.product-3:hover .product-button,.product-4:hover .product-button{transition: all 0.2s linear;font-size:1.3vw}

.description h2:after{content: ""; display: block; height: 0.15vw; background: #772020; position: absolute; left: 3vw; width: 7vw; right: 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;}
.product-3>.description>h2:after,.product-4>.description>h2:after{left:7vw !important}
.product-1:hover .description h2:after,.product-2:hover .description h2:after,.product-3:hover .description h2:after,.product-4:hover .description h2:after{-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; }
.product-1:hover img, .product-2:hover img, .product-3:hover img, .product-4:hover img{transition:0.2s;transform: rotate(345deg);}


.product-3>a:nth-child(1):before,.product-4>a:nth-child(1):before{content: "";position: absolute;left: 0vw;margin-top: 0vw;-webkit-transform: translateX(17%);border-style: solid;border-width: 8.7vw 4.7vw 8.7vw 0px;transform: scaleX(-1);border-color: #63636300 #cecece transparent transparent;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.product-3>a>h2,.product-4>a>h2 {padding-left: 7vw;}
.product-3>a>p ,.product-4>a>p {padding-left: 7vw;}
.product-3>a>div ,.product-4>a>div {padding-left: 6.1vw;}

/*Ürünler Sayfası Bitiş*/

/* Kategori Üstü Sayfa*/

.products{ z-index: 0;position: relative;}
.products>.anasayfa-alan-3{height: 65vw;background-size: cover;}

.urunler{display:flex;justify-content: flex-start; flex-wrap: wrap; padding-left: 6vw; padding-right: 3vw; }

.urunsayfa-tufek-kutu {width: 25vw; text-align: center; padding-top: 2vw; margin-left: 1.5vw; box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px; background-color: #fff; margin-bottom: 3vw; margin-right: 3vw;  display: flex; flex-direction: column; justify-content: flex-start; align-items: center;overflow:hidden;}

.urunsayfa-tufek-kutu img {float: left; object-fit: contain; width: 87%; position: relative; z-index: 1; margin-bottom: 1vw;}
.urunsayfa-tufek-kutu h3 {font-size: 1.3vw;color: #000;font-weight: 500;position: relative;}

.urunsyf {width: 25vw;height: 15.6vw;text-align: center;margin-left: 1.5vw;box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;background-color: #ffffff7a;margin-bottom: 3vw;margin-right: 1.5vw;overflow: hidden;border-bottom: 0.3vw solid #ef4242;text-transform: uppercase;transition:all linear 0.2s;}
.urunsyf img{width:21.5vw;}
.urunsyf h3{font-size: 1vw; color: #000; font-weight: 700; position: relative; padding-bottom: 0.5vw; padding-top: 0.3vw;}
.catName{font-size: 1.8vw; font-family: 'Audiowide'; letter-spacing: 0.2vw; color: #7c918f; text-transform: uppercase; position: absolute;}
.pro-hoverName:before { position: absolute; content: ""; background: #ef4242; width: 6vw; height: 0.2vw; margin-top: 1.5vw; transform: rotate(3deg); }

.shotgunBaslik{font-family: 'Audiowide'; padding-top: 2vw; font-size: 2vw;color: #333; text-transform: uppercase;position: relative; width: 44vw; padding-bottom: 1vw; text-align: center; border-bottom: 0.2vw solid #8d8d8d33;}
.genelKapsam{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.shotguns1 {display: flex;flex-wrap: wrap;margin-top: 3vw;margin-bottom: 1vw;justify-content: center;/*min-height: 30vw;*/}
.shotgun-sayfa-baslik{ font-size: 2.3vw;margin-bottom: 5vw;display: flex;justify-content: center;align-items: center;font-weight: 700;color: #15435d;z-index: 3;position: relative;background: #ffffffa1;width: 100%;height: 6vw;}
.shotgun-baslik{text-align: center;margin-bottom: 1vw;background: #1a1b1f;}
.shotgun-baslik h1 {color: #fff;font-size: 2vw;font-weight: 700;}
.shotgun-tufek-kutu {width: 25vw; text-align: center; padding-top: 2vw; margin-left: 1.5vw; box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px; background-color: #fff; margin-bottom: 3vw; margin-right: 3vw; height: 19vw; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.shotgun-tufek-kutu img {float: left; object-fit: contain; width: 87%; position: relative; z-index: 1; margin-bottom: 1vw;}
.shotgun-tufek-kutu h3 {font-size: 1.3vw;color: #000;font-weight: 500;position: relative;}
.descrip ul>li{display: flex;border-top: 0.1vw solid #bdb5b5;color: #000;padding-left: 2.6vw !important;padding-right: 2.6vw !important;padding: 0.3vw;justify-content: space-between;font-size: 0.8vw;}
.descrip ul{ display: flex;flex-direction: column;width: 25vw;}

.shotguns{display: flex;flex-wrap: wrap;padding-left: 6vw;}	
.aciklama{width: 25vw; text-align: center;display: flex; flex-direction: column; justify-content: flex-start; align-items: center; overflow: hidden;}
.urunsyf:hover .tag{background-color:#da613d}
.shotgun-detail{color: #fff; background-color: #ef4242; padding: 0.3vw;margin-top: 0.3vw;}

.pro-img{width: 26vw !important; transform: rotate(336deg); position: relative; margin-top: 1.9vw;}
.pro-hoverName{float: right; right: -5vw; width: 10vw;position: relative;}
.product-hover{position: absolute;display: flex;flex-direction: column;align-items: center;justify-content: center;background-color: #eee;width: 25vw;z-index: 9;height: 15.6vw;visibility: hidden;}
.urunsyf:hover .product-hover{visibility: visible;transition: all linear 0.2s;overflow:hidden;}
/* Kategori Üstü Sayfa Bitiş*/



.kurumsal{padding: 3vw;background: url(/wp-content/uploads/2022/05/renkli-arkaplan.jpg);background-size: cover;background-attachment: fixed;background-repeat: no-repeat;display: flex;flex-direction: row;align-items: center;justify-content: center;}
.yazi-alani{margin-top: 3vw;display: flex;flex-wrap: wrap;justify-content: space-around;}
.about-yazi1{}
.about-foto img {width: 34vw;}
.about-yazi1 p {width: 26vw;font-size: 1.2vw;color: #e1e1e1;font-weight: 500;padding-right: 4vw;}
.about-yazi2 p {width: 26vw;font-size: 1.2vw;color: #e1e1e1;font-weight: 500;padding-left: 4vw;}




.products{display: flex;flex-direction: column;background: url(/wp-content/uploads/2022/05/beyaz-arkaplan.jpg);background-size: cover;background-attachment: fixed;background-repeat: no-repeat;}
.urunler{display: flex;justify-content: center;}

.urunsayfa-tufek-kutu {width: 20vw;text-align: center;padding-top: 2vw;margin-left: 1.5vw;box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;background-color: #fff;}
.urunsayfa-tufek-kutu:hover{-webkit-transform: scale(1.08);transform: scale(1.08);transition: 0.3s}
.urunsayfa-tufek-kutu img {float: left;object-fit: contain;width: 100%;position:relative;z-index:1;margin-bottom: 1vw;}
.urunsayfa-tufek-kutu h3 {font-size: 1.3vw;color: #000;font-weight: 500;position: relative;}
.urun-detay-sayfa{position: relative;z-index: 0;display: flex;flex-direction: column;align-items: center;background: url(/wp-content/uploads/2022/05/beyaz-arkaplan.jpg);background-size: cover;background-attachment: fixed;background-repeat: no-repeat;overflow: hidden;}
#my-back-button {height: 2vw;position: relative;border: none;display: block;border-radius: 0.2vw;font-size: 1vw;background: #e20a16;color: #fff;width: 6vw;z-index: 20;cursor: pointer;transition:0.3s}
#my-back-button:hover{background-color:#1a1b1f;transition:0.3s}
.urun-sayfa-baslik{font-size: 2vw;margin-top: 3vw;color: #333;text-transform: uppercase;margin-bottom: -1.4vw;position: relative;width: 44vw;padding-bottom: 1vw;text-align: center;border-bottom: 0.2vw solid #8d8d8d33;}
.tufek-foto{text-align: center;}
.tufek-foto .ortala {padding: 15px;z-index: 2;}
.tufek-foto:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity:0.8}
.urun-sayfa{padding: 2vw;width: 68vw;z-index: 4;position: relative;}


.ozellik-seffaf1 {position: absolute;width: 97vw;z-index: 1;opacity: 0.2;margin-left: -26vw;transform: rotate(352deg);}
.ozellik-seffaf2 {position: absolute;width: 137vw;z-index: 1;opacity: 0.1;margin-left: 20vw;margin-top: -20vw;transform: rotate(16deg);}

.cizgiler{display: flex; justify-content: center; left: 18vw; position: relative;}
.cizgi{height: 18vw; width: 0.3vw; background: #1e6b58;}
.cizgi2{background: #1e6b58; width: 18vw; height: 0.3vw; float: left;position: relative;}
.cizgilerr{position: relative; float: right; display: flex; align-items: flex-end; right: 18vw;}
.cizgii{width: 18vw; background: #1e6b58; height: 0.3vw;}
.cizgii2{height: 18vw; background: #1e6b58; width: 0.3vw;}
.geri{font-size: 1.6vw; background-color: #1E6B58; color: #fff; height: 3.4vw; display: flex; width: 100vw; align-items: center; justify-content: center; margin-top: 0.2vw;position: relative;z-index: 4;}

/*.ozellikler {background: #1a1b1f;} */
.ozellikler li {display: block;padding-top: 0.5vw;padding-bottom: 0.5vw;padding-left: 2vw;font-size: 1.3vw;color: #ffffff;}
/*.ozellikler li:hover{background-color:#69c2ca;color:#000;} */
.ozellikler li:nth-child(odd){ color: #1a1b1f; border-top: 0.1vw solid #c6c6c6;}
.ozellikler li:nth-child(even){color: #1a1b1f; border-top: 0.1vw solid #c6c6c6;}
/*.ozellikler li:nth-child(odd):hover{background-color:#69c2ca;color:#000;} */
.ozellikler li p {font-weight: 300; width: 39%; display: flex; margin-left: 37vw;font-size: 1vw; margin-top: -1.3vw; align-items: flex-end; justify-content: flex-start;}
.ozellikler li p span{display:inline-block;width:50%;font-weight:600;margin-left: 2vw;}

.parts-bolum{background-color:#ffffff70;margin-top: 2vw;padding: 4vw;padding-top: 3vw;box-shadow: rgb(50 50 93 / 25%) 0 0.3vw 0.5vw -0.7vw, rgb(0 0 0 / 30%) 0 0.3vw 0.7vw -0.3vw;}
.parts-baslik {font-size: 2vw;text-align: center;padding-bottom: 1.3vw;font-family: 'Audiowide';}

/* 3d slider */
.urunad{font-size: 2.5vw;position: absolute;margin-top: 10.9vw;color: #fff;text-shadow: -0.1vw 0.2vw #015753;}
.urunad-golge{width: 30vw;position: absolute;margin-top: 8.4vw;color: #2b6864;font-family: 'Audiowide';opacity: 0.4;font-size: 3.2vw;}
.banner { position: relative; height: 11.71vw; padding: 0.71vw 0 1.04vw; margin: 0 auto; text-align: center; } 
.dg-container { position: relative; width: 100%; height: 22.78vw;margin-top:9vw; }
.dg-wrapper {margin-left: 29.2vw !important;width: 66%;height: 26vw; margin: 0 auto; position: relative; transform-style: preserve-3d; perspective: 122vw;}
.dg-wrapper a {width:auto; position: absolute; top: 0;display: flex; align-items: center; flex-direction: column;}
.dg-wrapper a:first-child { z-index: 2; }
.dg-wrapper a img {display: block;border-radius: 4px;width: 38vw;height: auto;}
.dg-wrapper a.dg-transition { transition: all 0.5s ease-in-out;} 
.dg-wrapper a.dg-transition-fast { transition: all 0.2s ease-in-out; }
.dg-container nav{    margin-top: -13vw;}
.dg-container nav span:hover { opacity: 1; }
.dg-container nav span.dg-next { background-position: top right; margin-left: 0.65vw; }
.dg-container #lightButton2 { bottom: 1.3vw; }
.dg-container .button { position: relative; z-index: 5;display:none; }
.dg-container .button li { cursor: pointer; display: inline-block; width: 0.39vw; height: 0.39vw; border-radius: 50%; margin-right: 0.32vw; background: rgba(255, 255, 255, 0.30); border: 1px solid rgba(0, 0, 0, 0.20); }
.dg-container .button .light { background: #01BDFF; }
.dg-next i{left: -1.2vw;margin-top: -3vw;font-size: 3vw;color: #a14545;position: relative;float: right;}
.dg-prev i{right: -1.2vw; margin-top: -3vw; font-size: 3vw; color: #a14545; position: relative;float:left;}
/* */


/*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;}
.zoomLens:hover{background-color:#f2f2f2;}
/*image-zoom*/


.media{margin-left: 1vw; margin-right: 1vw;}
.media-icerik{display: flex; flex-wrap: wrap; padding-top: 1.8vw; padding-bottom: 0vw; align-items: center; justify-content: space-around;}
.spare-icerik{display: flex;justify-content: center;flex-direction: column;background: url(/wp-content/uploads/2022/05/beyaz-arkaplan.jpg);width: 100%;align-items: center;font-size: 3vw;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;padding-bottom: 5vw;}

.iletisim {display: flex;flex-direction: column;width: 100%;background: url(/wp-content/uploads/2022/05/beyaz-arkaplan.jpg);background-size: cover;background-attachment: fixed;background-repeat: no-repeat;}
.iletisim-ust{display: flex; justify-content: space-between; align-items: center;}
.iletisim-ust > li {float:left;}
.iletisim-page{display: flex; justify-content: flex-start; flex-direction: column; position: absolute; padding-left: 5vw;}
.iletisim h1 {color: #fff; font-size: 1.1vw; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; width: 46.3vw !important; height: 3vw; display: flex; margin-left: -2vw; margin-bottom: -0.7vw; top: -2vw; justify-content: center; align-items: center; position: relative;}
.iletisim h1 i{margin-right:10px;margin-left:15px;font-size:1em;}
.iletisim-alt{display: flex; align-items: center; width: 70vw; margin-top: 2vw; margin-bottom: 0.8vw;}
.iletisim-alt-bilgiler>i{color:}
.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: #672b2b;padding: 1vw;width: 2vw;height: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;}
.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;}
.gm-style div:nth-child(2){top:43px !important;left:209px !important;}

/*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}
.iletisim-formu{margin-top: 2vw; margin-bottom: 2vw; background: url(/wp-content/uploads/2022/05/renkli-arkaplan.jpg); background-repeat: no-repeat; background-size: cover; padding: 2vw; width: 42.3vw; position: relative; z-index: 5;}
.wpcf7 label {display: block;font-size: 1vw !important;margin-top: -0.5vw;}
.wpcf7 label input {height: 2.8vw; background-color: #fff; color: #000; border: 0.1vw #f2f2f2 solid !important; line-height: 1.4vw; width: 20.1vw; margin-top: 0.1vw; border-radius: 0.4vw; margin-right: 0.7vw;}
.phone input{background:#f6f6f6 !important;}
.wpcf7-textarea{margin-bottom: 1vw; width: 41.7vw!important; height: 8vw !important; background-color: #ffffff; color: #000; border: 0; margin-top: 0.2vw; border-radius: 0.4vw;}
/*span.wpcf7-form-control-wrap.your-message { position: absolute;}*/
.wpcf7-submit {width: 19.8vw !important; height: 2.7vw !important; background-color:#ef4242 !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:#1a1b1f !important;color: #e20a16;transition: 0.3s;} */
.wpcf7-response-output {color: #fff; border-color: rgba(0,0,0,0) !important; padding: 0 !important; margin: 0 !important; font-size: 1vw;}
.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: 8vw; height: 2.5vw;}
.wpcf7-captchar{width: 41.7vw !important;}
/*contact form css*/


.footer{width: 100%; display: flex; flex-direction: row; height: 22.9vw; background-color: #191919; align-items: flex-start; justify-content: space-evenly; padding-bottom: 3vw; padding-top: 2.9vw;    position: relative;
    z-index: 70;}
.footer a{color:#b8b8b8}
.footer-3 a, .footer-4 a{font-size: 0.9vw;margin-top: -0.3vw;}
.footer-sosyl a>i{transition: all linear 0.3s;}

.footer-1 {}
.footer-adres{display: flex; flex-direction: column; align-items: flex-start; margin-top: 1.8vw;}
.footer-adres>div{display: flex; justify-content: space-between; align-items: center;}
.footer-adres>div i{color: #ef4242; font-size: 1.5vw; margin-right: 1vw;}
.footer-adres>div p{color: #b8b8b8; font-size: 1vw;}
.footer-1 img {height:4vw;margin-top: 5.8vw;}
.footer-4>.baslik, .footer-3>.baslik{color: #b8b8b8; font-size: 1vw; font-weight: 400;}
.footer-2 {display: flex;flex-direction: column;font-size: 1.1vw;font-weight: 500;line-height: 2vw;margin-right:-2vw;}
.footer-3 {display: flex;flex-direction: column;font-size: 1.1vw;font-weight: 500;line-height: 2vw;margin-left:-2vw;margin-right:-2vw;}
.footer-4 {display: flex;flex-direction: column;font-size: 1.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: 21.3vw; display: flex; align-items: center; flex-direction: column;}

.footer-2 a:hover,.footer-3 a:hover,.footer-4 a:hover{color:#ef4242;transition:all linear 0.3s;}

.footer-6 img:hover{transform: scale(1.4);transition: 0.2s;}
.footer-sosyl{display: flex; justify-content: space-between; width: 12.8vw;}
.footer-sosyl a{padding: 0.4vw; width:2vw; display: flex; height: 1.8vw; background-color: #ef4242; font-size: 1.2vw; font-weight: 800; border-radius: 0.5vw; justify-content: center; align-items: center;transition: all linear 0.3s;}
.footer-sosyl a:hover i {color: #191919;transition: all linear 0.3s;}
.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;}
.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.1vw;background: #d9d9d9;width: 16vw;margin-bottom: 1vw;}
.dikey-cizgi{height: 10vw;background: #4f4f4f;width: 0.02vh;margin-left: 1vw;margin-right: 1vw;margin-top: 0;}