/*font-family: 'Raleway', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
body{
/*background: #e0ebeb;*/
/*font-family: 'Raleway', sans-serif;*/
	font-family: 'Nunito', sans-serif;
scroll-behavior: smooth;
}
a{
color:#222;
}
a:hover,a:focus,a:active{
text-decoration: none;
}

/*siparis-duzenle*/
.sw-siparis-takip-form{background: #fff;padding: 15px 0;}
.sw-siparis-takip-form .form-group label{display: block;}

.sw-siparis-takip-body{background: #fff;border:1px solid #ddd;padding: 15px;}
.sw-siparis-takip-body>h3{margin:0;padding: 15px 0;font-size:18px;}
.sw-siparis-uye-box{margin-bottom: 20px;}
.sw-siparis-uye-box table{width: 100%;height: auto;}
.sw-siparis-uye-box table tr > td:nth-child(1){width: 200px}
.sw-siparis-uye-box table tr > td{padding: 10px;border:1px solid #ddd;}

.sw-siparis-table{margin-bottom: 20px;}
.sw-siparis-table table{width: 100%;height: auto;}
.sw-siparis-table table>thead>tr{background: #eee;}
.sw-siparis-table table>tbody>tr{border:1px solid blue;}
.sw-siparis-table table>thead>tr>th,.sw-siparis-table table>tbody>tr>td,.sw-siparis-table table>tfoot>tr>td{border:1px solid #ddd;padding: 10px;}
.sw-siparis-table table>tbody>tr>td:nth-child(1){width: 80px;padding: 0;}
.sw-siparis-table table>tbody>tr>td img{width: 80px;height: 80px;}

.sw-siparis-adres-box{border:1px solid #ddd;padding:15px;min-height: 300px;margin-bottom: 20px;}
.sw-siparis-adres-box>h6{margin:0;margin-bottom: 10px;padding-bottom:10px;font-weight: bold;border-bottom:1px solid #ddd;}
.sw-siparis-adres-box>p{margin:0;margin-bottom: 3px;}



/*sayfa*/
/*.sw-sayfa-icerik{min-height: 450px;}*/

.sw-urun-search-body{padding-left:10px;padding-right: -10px;}

/*main -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-main{}
.sw-main .sw-title{}
.sw-main .sw-title>h1{margin:0;padding:20px 0;margin-bottom:20px;font-size:26px;font-weight: 700;border-bottom:5px solid #fff;}
.sw-main .sw-main-body{padding:0 10px;}

.sw-main-iki{padding:30px 0 ;background: #fff;box-shadow: 0 0 5px 0 #aaa;margin-bottom: 30px;}
.sw-main-iki .sw-main-bilgi-list{overflow: hidden;}
.sw-main-iki .sw-main-bilgi-list>ul{list-style: none;margin:0;padding:0;}
.sw-main-iki .sw-main-bilgi-list>ul>li{float: left;width: 16.66%;position: relative;padding:15px;border-right: 2px solid #4c4c4c;}
@media only screen and (max-width: 767px){
	.sw-main-iki .sw-main-bilgi-list>ul>li{float: left;width: 50%;border-bottom: 2px solid #4c4c4c;border-right:unset;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.sw-main-iki .sw-main-bilgi-list>ul>li{float: left;width: 33.33%;border-bottom: 2px solid #4c4c4c;border-right:unset;}
}
.sw-main-iki .sw-main-bilgi-list>ul>li i{display: block;font-size:45px;text-align: center;margin-bottom: 15px;}
.sw-main-iki .sw-main-bilgi-list>ul>li span{display: block;padding:0;font-size:13px;font-weight: bold;text-align: center;margin-bottom:15px;line-height: 20px;height: 40px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.sw-main-iki .sw-main-bilgi-list>ul>li:nth-child(1){color:#2a7b9b;}
.sw-main-iki .sw-main-bilgi-list>ul>li:nth-child(2) a{color:#00baad;}
.sw-main-iki .sw-main-bilgi-list>ul>li:nth-child(3){color:#add45c;}
.sw-main-iki .sw-main-bilgi-list>ul>li:nth-child(4){color:#ffc300;}
.sw-main-iki .sw-main-bilgi-list>ul>li:nth-child(5){color:#ff5733;}
.sw-main-iki .sw-main-bilgi-list>ul>li:nth-child(6){color:#900c3f;}

/*main-uc*/
.sw-main-uc{}
.sw-main-uc .sw-box{margin-bottom: 30px;position: relative;overflow: hidden;border:1px solid #ddd;}
.sw-main-uc .sw-box img{width: 100%;height: auto;transition: all 250ms ease-in-out;-webkit-transition: all 250ms ease-in-out;-moz-transition: all 250ms ease-in-out;-o-transition: all 250ms ease-in-out;}
.sw-main-uc .sw-box:hover img{transform: scale(1.1);}

/*main-dort*/
.sw-main-dort{margin-top: 50px}
.sw-main-dort .sw-title{margin-bottom: 30px;height: calc(100% - 20px);display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.sw-main-dort .sw-title h2{margin:0;line-height: 60px;font-size:36px;font-weight: bold;border-bottom:4px solid #4db8ff!important;color: #4db8ff}
@media only screen and (max-width: 991px){
	.sw-main-dort{margin-bottom: 100px}
	.sw-main-dort .sw-title h2{padding: 30px 0;line-height: 40px;font-size:30px;}
	.sw-main-dort .owl-urun .left-ok{right: 60px;left: unset;bottom:-25px;top: unset!important;border-radius: unset;color: #707070;border-color: #707070!important;}
	.sw-main-dort .owl-urun .right-ok{right: 10px;left: unset;bottom:-25px;top: unset!important;border-radius: unset;color: #707070;border-color: #707070!important;}

}
.sw-main-dort .owl-urun .owl-stage-outer{}
.sw-main-dort .owl-urun .sw-box{padding:0 10px;margin-bottom: 30px;}
.sw-main-dort .owl-urun .left-ok{right: 60px;left: unset;top:-65px;border-radius: unset;color: #707070;border-color: #707070!important;}
.sw-main-dort .owl-urun .right-ok{right: 10px;left: unset;top:-65px;border-radius: unset;color: #707070;border-color: #707070!important;}

.sw-main-kategoriler .main-kategoriler{border: 1px solid #eee;text-align: center;font-weight: bold;margin-bottom: 20px;transition: all .3s ease-in-out}
.sw-main-kategoriler .main-kategoriler a{height: 100%;display: block;overflow: hidden;color: #707070;transition: all .3s ease-in-out;padding: 20px}
.sw-main-kategoriler .main-kategoriler:hover{background: #4db8ff;}
.sw-main-kategoriler .main-kategoriler:hover a{color: #fff}
.sw-main-kategoriler .main-kategoriler:hover img{filter: invert(100%)}
.sw-main-kategoriler h2{margin: 20px 0;line-height: 60px;font-size: 36px;font-weight: bold;border-bottom: 4px solid #4db8ff!important;color: #4db8ff;width: max-content;}
/*fbox*/
.footer-ust{padding: 50px 0;}
.footer-ust .fbox{padding: 50px;box-shadow: 0 0 30px rgb(0 0 0 / 6%);min-height: 200px;border-radius: 10px;}
.footer-ust .fbox span{font-weight: bold;display: block;text-align: center;}
.footer-ust .fbox  i{display: block;text-align: center;font-size: 40px;margin-bottom: 15px;color: #4db8ff;}
/*777777777777777777777777777777*/
/*sepetim ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.sw-sepet{padding:15px 0 0 0;min-height: 100vh;}
.sw-sepet .sw-hide{display: none !important;}
.sw-sepet .sw-show{display: block !important;}
.sw-sepet-uyari{margin-bottom:15px;font-size:25px;text-align: center;color:#ff0000;font-weight: bold;padding: 10px;border:1px solid #ff0000;background: #fff;}

.sw-sepet-sol{background: #fff;padding: 15px;border:1px solid #ddd;margin-bottom: 15px;}
.sw-sepet-sol h2{margin:0;padding:15px 0;margin-bottom:15px;font-size:20px;font-weight: bold;border-bottom:1px solid #ddd;}

.sw-sepetiBosaltBtn{background: #bababa;color:#fff;padding: 10px;font-size:14px;}
.sw-sepetiBosaltBtn:hover{color:#000;}

.sw-sepet-sag{background: #fff;padding: 15px;border:1px solid #ddd;margin-bottom: 15px;}
.sw-sepet-sag h2{margin:0;padding:15px 0;margin-bottom:15px;font-size:20px;font-weight: bold;border-bottom:1px solid #ddd;}
.sw-sepet-sag ul{list-style: none;margin:0;padding:0;margin-bottom: 30px;}
.sw-sepet-sag ul li{padding:15px 0;border-bottom:1px dotted #aaa;}
.sw-sepet-sag ul li span{float: right;}
.sw-sepet-sag ul .sw-toplam{font-weight: bold;font-size:18px;}
.sw-sepet-sag .sw-satin-al{display: block;padding: 10px;text-align: center;font-size:18px;font-weight: bold;border-radius: 5px;transition: all 250ms ease-in-out;-webkit-transition: all 250ms ease-in-out;-moz-transition: all 250ms ease-in-out;-o-transition: all 250ms ease-in-out;}
.sw-sepet-sag .sw-satin-al:hover{opacity: 0.7;}
.sw-sepet-sag .sw-odeme-yap{display: block;padding: 10px;text-align: center;font-size:18px;font-weight: bold;border-radius: 5px;transition: all 250ms ease-in-out;-webkit-transition: all 250ms ease-in-out;-moz-transition: all 250ms ease-in-out;-o-transition: all 250ms ease-in-out;border:0;}
.sw-sepet-sag .sw-odeme-yap:hover{opacity: 0.7;}
.sw-sepet-sag .sw-devam{display: block;padding: 10px;text-align: center;}

.bos-sepet{border:1px dashed #aaa;background: #fff;padding:30px 1px;text-align: center;margin-top:15px;}

/*tablo*/
.sw-sepet-table{margin-bottom: 30px;}
.sw-sepet-table .sw-sepet-blok{border-bottom:1px solid #ddd;overflow: hidden;position: relative;padding:0 0 10px 80px;min-height: 80px;margin-bottom: 10px;}
.sw-sepet-table .sw-img{width: 70px;position: absolute;left: 0;top:0;}
.sw-sepet-table .sw-img img{border:1px solid #eee;padding: 1px;}
.sw-sepet-table .sw-title{width: 40%;float: left;font-weight: 600;font-size:15px;padding-right:15px;}
.sw-sepet-table .sw-ufiyat{width: 50%;float: left;overflow: hidden;}
.sw-sepet-table .sw-ufiyat .sw-bfiyat{width: 30%;float: left;padding:0 5px;}
.sw-sepet-table .sw-ufiyat .sw-action{width: 40%;float: left;overflow: hidden;}
.sw-sepet-table .sw-ufiyat .sw-action>button{width: calc(33.33% - 2px);float: left;border:1px solid #ddd;color:#000;background: #fff;height: 40px;/*border-radius: 5px;*/}
.sw-sepet-table .sw-ufiyat .sw-action>button:hover,.sw-sepet-table .sw-ufiyat .sw-action>button:focus,.sw-sepet-table .sw-ufiyat .sw-action>button:active{outline: 0;}
.sw-sepet-table .sw-ufiyat .sw-action>input{width: calc(33.33% - 2px);float: left;margin:0 1px;border:0;background: #eee;height: 40px;/*border-radius: 5px;*/text-align: center;font-size:14px;}
.sw-sepet-table .sw-ufiyat .sw-action>input:hover,.sw-sepet-table .sw-ufiyat .sw-action>input:focus,.sw-sepet-table .sw-ufiyat .sw-action>input:active{outline: 0;}
.sw-sepet-table .sw-ufiyat .sw-tfiyat{width: 30%;float: left;padding:0 5px;text-align: right;}
.sw-sepet-table .sw-trash{width: 10%;float: left;}
.sw-sepet-table .sw-trash a{color:#000;text-align: center;width: 100%;display: block;}
@media only screen and (max-width: 991px) {
.sw-sepet-table .sw-title{width: 100%;float: unset;margin-bottom: 10px;min-height: 80px;}
.sw-sepet-table .sw-ufiyat{width: calc(100% + 80px);float: unset;font-size:14px;margin-left: -80px;margin-bottom: 10px;text-align: center;}
.sw-sepet-table .sw-trash{width: calc(100% + 80px);float: unset;margin-left:-80px;}
.sw-sepet-table .sw-trash a{text-align: left;}
}
.sw-sepet-table .sw-sepet-blok .sw-uyari{position: absolute;bottom:-15px;left: 0;width: 100%;height:auto;font-size:13px;}
.sw-sepet-table .sw-sepet-blok .sw-uyari .sw-eklendi{background: green;text-align: center;color:#fff;padding: 5px;text-align: center;display: none;width: 100%;}
.sw-sepet-table .sw-sepet-blok .sw-uyari .sw-adet-guncelleme{background: orange;text-align: center;color:#fff;padding: 5px;text-align: center;display: none;width: 100%;}
.sw-sepet-table .sw-sepet-blok .sw-uyari .sw-cikti{background: red;text-align: center;color:#fff;padding: 5px;text-align: center;width: 100%;display: none;}
/*hediye-ceki*/
.sw-sepet-hediye-ceki{background: #fff;padding: 15px;margin-bottom: 15px;position: relative;border:1px solid #ddd;}
.sw-sepet-hediye-ceki h4{margin:0;padding:15px 0;color:#000;font-size:20px;font-weight: bold;}
.sw-sepet-hediye-ceki p{margin: 0;padding:0;}
.sw-sepet-hediye-ceki a{display: block;width: 200px;position: absolute;bottom:15px;right:15px;background: #ed0012;color:#fff;padding: 10px;text-align: center;}
@media only screen and (max-width: 767px){
.sw-sepet-hediye-ceki a{position: relative;width: 100%;bottom:unset;right: unset;margin-top:15px;}
}
/*odeme-yontemi*/
.sw-sepet-odeme-yontemi{background: #fff;padding: 15px;border:1px solid #ddd;margin-bottom: 15px;}
.sw-sepet-odeme-yontemi h4{margin:0;padding:15px 0;color:#000;font-size:20px;font-weight: bold;}
.sw-sepet-odeme-yontemi>ul{list-style: none;margin:0;padding:0;overflow: hidden;margin-left:-5px;margin-right: -5px;}
.sw-sepet-odeme-yontemi>ul>li{float: left;width: 33.33%;padding:0 5px;}
@media only screen and (max-width: 767px){
.sw-sepet-odeme-yontemi>ul>li{float: unset;width: 100%;margin-bottom: 15px;}
}
.sw-sepet-odeme-yontemi>ul>li>input[type="radio"]{display: none;}
.sw-sepet-odeme-yontemi>ul>li>input[type="radio"] + label{position: relative;display: block;border:1px solid #ddd;margin:0;text-align: center;padding:15px 0;cursor: pointer;}
.sw-sepet-odeme-yontemi>ul>li>input[type="radio"] + label i{display: block;margin-bottom: 10px;font-size:20px;}
.sw-sepet-odeme-yontemi>ul>li>input[type="radio"]:checked + label{border:1px solid #4db8ff;background: #4db8ff;color:#fff;}

/*adres-secimi*/
.sw-sepet-adres-secimi{background: #fff;padding: 15px;margin-bottom: 15px;border:1px solid #ddd;}
.sw-sepet-adres-secimi h4{margin:0;padding:15px 0;color:#000;font-size:20px;font-weight: bold;}
.sw-sepet-adres-secimi h5{margin:0;padding:10px 0;color:#000;font-size:16px;}

.sw-sepet-adres-secimi>ul{list-style: none;margin:0;padding:0;margin-left:-5px;margin-right: -5px;overflow: hidden;}
.sw-sepet-adres-secimi>ul>li{float: left;padding: 0 5px;width: 33.33%;}
@media only screen and (max-width: 767px){
.sw-sepet-adres-secimi>ul>li{float: unset;padding: 0 5px;width: 100%;}
}
/*adres*/
.sw-sepet-adres-secimi .sw-sepet-adres-box{margin-bottom: 15px;}
.sw-sepet-adres-secimi .sw-sepet-adres-box input[type="radio"]{display: none;}
.sw-sepet-adres-secimi .sw-sepet-adres-box input[type="radio"]+label{position: relative;border:1px solid #ddd;padding:15px 15px 15px 40px;cursor: pointer;overflow: hidden;margin:0;width: 100%;}
.sw-sepet-adres-secimi .sw-sepet-adres-box input[type="radio"]+label .sw-adres{min-height: 60px;line-height: 20px;}
.sw-sepet-adres-secimi .sw-sepet-adres-box input[type="radio"]+label>span{display: inline-block;border:1px solid #ddd;width: 30px;line-height: 30px;height: 30px;position: absolute;left:5px;top:5px;}
.sw-sepet-adres-secimi .sw-sepet-adres-box input[type="radio"]:checked + label{border:1px solid #4db8ff;}
.sw-sepet-adres-secimi .sw-sepet-adres-box input[type="radio"]:checked + label:before{content: '\f00c';position: absolute;bottom:0;right:0;width: 30px;height: 30px;color:#fff;background: #4db8ff;font-family: "Font Awesome 5 Free";font-weight: 900;line-height: 30px;text-align: center;z-index: 2;}
.sw-sepet-adres-secimi .sw-sepet-adres-box input[type="radio"]:checked + label:after{content:'';width: 90px;height: 90px;background: #4db8ff;position: absolute;bottom:-45px;right:-45px;transform: rotate(45deg);z-index: 1;}
.sw-sepet-adres-secimi .sw-sepet-adres-box input[type="radio"]:checked + label>span{border:1px solid #4db8ff;}
.sw-sepet-adres-secimi .sw-sepet-adres-box input[type="radio"]:checked + label>span:before{content: '\f00c';position: absolute;top:0;left: 0;font-family: "Font Awesome 5 Free";font-weight: 900;line-height: 30px;width: 30px;text-align: center;font-size:14px;color:#4db8ff;}

.sw-sepet-adres-secimi .sw-sepet-adres-box input[type="radio"]+label>p{margin:0;font-size:14px;padding: 3px 0;}
.sw-sepet-adres-secimi .sw-sepet-adres-box input[type="radio"]+label>ul{list-style: none;margin:0;padding:0;overflow: hidden;margin-left:-3px;margin-right: -3px;margin-top:15px;}
.sw-sepet-adres-secimi .sw-sepet-adres-box input[type="radio"]+label>ul>li{float: left;width: 30%;padding:0 3px;}
.sw-sepet-adres-secimi .sw-sepet-adres-box input[type="radio"]+label>ul>li>a{display: block;padding: 5px 0;text-align: center;background: #ddd;font-size:13px;font-weight: 600;}

/*yeni-adres-ekle*/
.sw-sepet-adres-secimi .sw-sepet-adres-box-yeni{border:1px solid #ddd;padding:15px;text-align: center;margin-bottom: 15px;height: calc(100% - 20px);display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.sw-sepet-adres-secimi .sw-sepet-adres-box-yeni i{display: block;margin-bottom: 15px;}
.sw-sepet-adres-secimi .sw-sepet-adres-box-yeni span{display: block;}

#sw-yeni-adres{position: fixed;top:5%;right:0;left:0;width: 50%;margin:0 auto;border:1px solid #ddd;display: block;height: 90vh;z-index: 99999;background: #fff;overflow: auto;}
@media only screen and (max-width: 992px){
#sw-yeni-adres{width: 100%;}
}
#sw-yeni-adres .sw-overlay{content: '';position: fixed;z-index: -1;background: #000;opacity: 0.5;width: 100%;height: 100%;top:0;left:0;}
#sw-yeni-adres .sw-close{position: absolute;top:10px;right:10px;z-index: 999;}
#sw-yeni-adres .sw-close>img{width: 30px;height: auto;cursor: pointer}
#sw-yeni-adres .sw-user-page-header{background: #ffff;padding-left: 15px;}
#sw-yeni-adres .sw-user-page-body{margin-bottom: 0;min-height: 100%;}
#sw-adres-duzenle{position: fixed;top:5%;right:0;left:0;width: 50%;margin:0 auto;border:1px solid #ddd;display: block;height: 90vh;z-index: 9999;background: #fff;overflow: auto;}
@media only screen and (max-width: 992px){
#sw-yeni-adres{width: 100%;}
}
#sw-adres-duzenle .sw-overlay{content: '';position: fixed;z-index: -1;background: #000;opacity: 0.5;width: 100%;height: 100%;top:0;left:0;}
#sw-adres-duzenle .sw-close{position: absolute;top:10px;right:10px;z-index: 999;}
#sw-adres-duzenle .sw-close>img{width: 30px;height: auto;}
#sw-adres-duzenle .sw-user-page-header{background: #ffff;padding-left: 15px;}
#sw-adres-duzenle .sw-user-page-body{margin-bottom: 0;}
/* width */
#sw-yeni-adres::-webkit-scrollbar {width: 5px;}
/* Track */
#sw-yeni-adres::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;}
/* Handle */
#sw-yeni-adres::-webkit-scrollbar-thumb {background: #000; border-radius: 10px;}
/* Handle on hover */
#sw-yeni-adres::-webkit-scrollbar-thumb:hover {}
/*sepet-box*/
.sw-bos-sepet{margin: 20px 0;background: #fff;border:2px solid #ddd;padding: 50px 15px;text-align: center;}
.sw-bos-sepet img{display: block;max-width: 100%;height: auto;margin:0 auto;filter: grayscale(100%);transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.sw-bos-sepet:hover img{filter: grayscale(0%);}
.sw-bos-sepet h4{margin:0;padding: 25px 0;font-size:18px;font-weight: bold;}
.sw-bos-sepet p{font-size:16px;}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*sabit-sepet*/
.sw-absolute-sepet{position: fixed;bottom:30px;right: 15px;padding:30px 10px 10px;background: #007bff;z-index: 9999;min-width: 120px;box-shadow: 0 0 2px 0 #666;border-radius: 10px;cursor: pointer}
.sw-absolute-sepet>i{width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius: 50%;border:2px solid #007bff;position: absolute;left:0;right:0;top:-20px;background: #fff;margin:0 auto;color:#007bff;}
.sw-absolute-sepet>label{display: block;margin:0;font-weight: bold;font-size:14px;line-height: 20px;text-align: center;color:#fff;}
.sw-absolute-sepet>label>span{font-size:18px;}
.sw-absolute-sepet>span{display: block;text-align: center;color:#eee;}
.rippleBg {background-color: #00a3ff !important;background-image: linear-gradient(90deg, #00ff00, #00b300);}
.sw-absolute-sepet-uyari .ripple {position: absolute;width: 100%;height: 100%;z-index: -1;top:0;left:0;opacity: 0;-webkit-animation: ripple 1.3s;animation: ripple 1.3s;border-radius: 10px;}
@-webkit-keyframes ripple {0% {opacity: 1;-webkit-transform: scale(0);transform: scale(0);}100% {opacity: 0;-webkit-transform: scale(1);transform: scale(1);}}
@keyframes ripple {0% {opacity: 1;-webkit-transform: scale(0);transform: scale(0);}100% {opacity: 0;-webkit-transform: scale(1);transform: scale(1);}}
.sw-absolute-sepet-uyari .ripple:nth-child(2) {animation-delay: .3s;-webkit-animation-delay: .3s;}
.sw-absolute-sepet-uyari .ripple:nth-child(3) {animation-delay: .6s;-webkit-animation-delay: .6s;}
/*#######################################################################################################################################################
################################################################ YUKARISI TOPARLANACAK ################################################################
#######################################################################################################################################################*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
header.php
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-h-fixed{top:0;left: 0;width: 100%;position: fixed;z-index: 999;background: #fff;}
.sw-header{background: #fff;box-shadow: 0 0 4px 0 #bababa;}
.sw-header .sw-h-top .sw-h-user{padding-top: 10px;text-align: right;border-left: 1px solid #eee;height: 100%}
.sw-header .sw-h-top .sw-h-user span{font-size:14px;text-align: center}
.sw-header .sw-h-top .sw-h-user a{;font-weight: 600;font-size:0.8vw;text-align: center;color: #707070}
/*.sw-header .sw-h-top{padding:20px 0 0 0;}*/
.sw-header .sw-h-top .sw-logo{margin-bottom: 20px;position: relative}
.sw-header .sw-h-top .sw-logo img{display: block;max-width: 75%;height: auto;margin:0 auto;position: absolute;left: 40px;top: 40px;z-index: 99999;background: #fff;padding: 10px;border-radius: 10px}
.sw-header .sw-h-top .sw-h-search {overflow: hidden;position: fixed;width: 100%;height: 100%;z-index: 999999999;background: rgba(0,0,0,0.7);z-index: 9999;left: 0;top: -100%;display: flex;align-items: center;justify-content: center;transition: all .5s ease-in-out}
.sw-header .sw-h-top .sw-h-search form{display: flex;align-items: center;justify-content: center;}
.sw-header .sw-h-top .sw-h-search span{color: #fff;font-size: 26px;cursor:pointer;position: absolute;top: 30px;border-radius: 50%;border: 2px solid #eee;padding: 10px;height: 50px;width: 50px;display: flex;align-items: center;justify-content: center;transition: all .3s ease-in-out}
.sw-header .sw-h-top .sw-h-search span:hover{background: #fff;color: #707070}
.sw-header .sw-h-top .sw-h-search input{width:500px;float: left;height: 50px;padding-left:15px;outline: 0;border:2px solid #ddd!important;background: transparent;color: #fff;font-size: 20px}
.sw-header .sw-h-top .sw-h-search input::placeholder{font-size:13px;color:#fff;}
.sw-header .sw-h-top .sw-h-search button{float: left;height: 50px;width: 15%;font-size:24px;border:none;outline: 0;background: transparent;color: #d1d1d1;}
.sw-header .sw-h-top .sw-h-sepet{padding:0 0;margin-top:20px;position: relative;}
.sw-header .sw-h-top .sw-h-sepet .sw-sepetBtn{padding:0 0;text-align: center;line-height: 46px;margin-bottom:20px;padding: 3px 0 0 0;position: relative;border:1px solid #ddd;}
.sw-header .sw-h-top .sw-h-sepet .sw-sepetBtn a{display: block;}
.sw-header .sw-h-top .sw-h-sepet .sw-sepetBtn label{margin:0;position: relative;margin-right: 25px;display: inline-block;cursor: pointer;color: #4db8ff}
.sw-header .sw-h-top .sw-h-sepet .sw-sepetBtn span{margin:0;padding: 0;font-size:1vw;font-weight: bold;display: inline-block;cursor: pointer;color: #4db8ff}
.sw-header .sw-h-top .sw-h-sepet .sw-sepetBtn .sepet_urun_cesidi{position: absolute;top:0;right:-25px;background: #4db8ff;line-height: 25px;text-align: center;border-radius: 50%;width: 25px;color:#fff;z-index: 1;font-size:16px;}
.sw-header .sw-h-top .sw-h-sepet .sw-sepet-uyari{position: absolute;bottom:-90px;right: 0;z-index: 99;border:2px solid #ddd;border-radius: 10px;padding: 20px;background: #fff;text-align: center;font-size:16px;opacity: 0;visibility: hidden;}
.sw-header .sw-h-top .sw-h-sepet .sw-sepet-uyari .uyari-success{color:green;display: none;}
.sw-header .sw-h-top .sw-h-sepet .sw-sepet-uyari .uyari-danger{color:red;display: none;}
.sw-header .sw-h-top .sw-h-sepet .sw-sepet-uyari .uyari-warning{color:orange;display: none;}
.sw-header .sw-h-top .sw-h-sepet .sw-sepet-uyari .uyari-info{color:blue;display: none;}
/*menu*/
.sw-header .sw-h-footer{}
.sw-header .sw-h-footer .sw-menu{min-height: 40px;position: relative;z-index: 9;padding: 20px 0}
.sw-header .sw-h-footer .sw-menu .sw-menuTab{padding: 10px 15px;background: #4db8ff;color:#fff;display: none;}
.sw-header .sw-h-footer .sw-menu>ul{list-style: none;margin:0;padding:0;display: flex;align-items: center;justify-content: center;margin-top: 5px}
.sw-header .sw-h-footer .sw-menu>ul>li{float: left;position: relative;}
.sw-header .sw-h-footer .sw-menu>ul>li>a{display: block;padding:0 0.9vw;line-height: 40px;font-weight: 600;font-size:16px;position: relative;overflow: hidden;color: #707070;transition: all .3s ease-in-out}
.sw-header .sw-h-footer .sw-menu>ul>li>a>i{line-height: 40px;}
.sw-header .sw-h-footer .sw-menu>ul>li>a:hover{background: #4db8ff;color: #fff}
.sw-header .sw-h-footer .sw-menu>ul>li>.sw-submenuTab{position: absolute;top:0;right: 0;line-height: 40px;padding:0 5px;font-size:10px;display: inherit;}
.sw-header .sw-h-footer .sw-menu>ul>li>ul{position: absolute;background: #fff;list-style: none;margin:0;padding:0;min-width: 500%;margin-top:5vh;opacity: 0;visibility: hidden;border-radius: 10px}
.sw-header .sw-h-footer .sw-menu>ul>li:hover>ul{opacity: 1;visibility: visible;margin-top:0;}
.sw-header .sw-h-footer .sw-menu>ul>li>ul>li{float: left;width: 50%}
.sw-header .sw-h-footer .sw-menu>ul>li>ul>li>a{display: block;padding: 20px;font-size:14px;color: #4db8ff;transition: all .3s ease-in-out;font-weight: bold}
.sw-header .sw-h-footer .sw-menu>ul>li>ul>li>a:hover{background: #4db8ff;color: #fff}
@media only screen and (max-width: 991px){
.sw-header .sw-h-footer {position: relative;}
.sw-header .sw-h-footer .sw-menu{min-height: unset;}
.sw-header .sw-h-footer .sw-menu .sw-menuTab{display: block;}
.sw-header .sw-h-footer .sw-menu>ul{position: absolute;left: 0;width: 100%;background: rgb(0 67 189 / 90%);display: none;overflow: hidden;z-index: 9999999;margin-top: 0}
.sw-header .sw-h-footer .sw-menu>ul>li{float: unset;}
.sw-header .sw-h-footer .sw-menu>ul>li>a{padding: 15px;color:#fff;line-height: 1;border-bottom:1px dashed #444;position: relative;}
.sw-header .sw-h-footer .sw-menu>ul>li>a>i{display: none;}
.sw-header .sw-h-footer .sw-menu>ul>li>.sw-submenuTab{color:#fff;top:0;right: 0;width: 80px;height: 100%;text-align: right;padding-right: 15px;z-index: 99;}
.sw-header .sw-h-footer .sw-menu>ul>li:hover>ul{}
.sw-header .sw-h-footer .sw-menu>ul>li>ul{position: relative;background: none;border:none;margin-top:0;display: none;opacity: 1;visibility: visible;}
.sw-header .sw-h-footer .sw-menu>ul>li>ul>li>a{padding: 15px 15px 15px 30px;color:#eee;position: relative;background: rgba(255,255,255,0.3);}
	.sw-header .sw-h-footer .sw-menu>ul>li>ul>li{float: unset;width: unset}
	.sw-header .sw-h-top .sw-h-search{margin-top: 0}
	.sw-header .sw-h-top .sw-h-search button{right: 0}
	.sw-header .sw-h-top .sw-h-search input{width: 100%}
	.sw-header .sw-h-top .sw-h-user{display: none}
	.sw-header .sw-h-top .sw-h-user-mob{display: block!important;border-bottom: 1px solid #eee;border-top: 1px solid #eee;padding: 10px;text-align: end}
	.sw-header .sw-h-top .sw-h-user-mob a{color: #707070;font-weight: bold;}
	.sw-header .sw-h-footer{padding: 0 15px}
	.sw-header .sw-h-footer .sw-arama-i{display: none}
	.sw-header .sw-h-footer .sw-arama-i-mob{display: block!important;margin-top: 5px;float: right;font-size: 20px;margin-right: 5px}
	.sw-header .sw-h-top .sw-h-search span{top: 200px}
	.sw-header .sw-h-top .sw-logo img{position: relative;left: unset;top: unset}
	.sw-header .sw-h-top .sw-h-sepet .sw-sepetBtn span{font-size: 4vw}
}
@media only screen and (min-width: 992px){
.sw-header .sw-h-footer .sw-menu>ul>li>a>span{display: none;}
}
@media only screen and (max-width: 767px){
.sw-h-fixed .sw-h-body {padding: 0;background: #000;}
.sw-h-fixed .sw-h-body .sw-logo{transform: scale(0);transition: all 0.5s ease-in-out;visibility: visible;margin:0;padding: 0;height: 0;}
.sw-h-fixed .sw-h-body .sw-logo img{transform: scale(0);transition: all 0.5s ease-in-out;visibility: visible;height: 0;}
.sw-h-fixed .sw-h-body .sw-h-search{display: none;visibility: hidden;opacity: 0;width:calc(100% - 60px);float: right;}
.sw-h-fixed .sw-h-footer{margin:0;padding: 0;}
.sw-h-fixed .sw-h-footer .sw-menu .sw-menuTab{width: 50px;position: absolute;top:-70px;left:3px;line-height: 28px;display: block;}
.sw-h-fixed .sw-h-footer .sw-menu .sw-menuTab span{display: none;}
.sw-h-fixed .sw-sepet-uyari{width: 100%;}
}
@media only screen and (min-width: 991px){
.sw-h-fixed .sw-h-footer{display: none;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.sw-header .sw-h-footer .sw-menu>ul>li>a{font-size: 12px}
	#first-slide{margin-top: 350px}
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
slayt
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-slide .owl-slide img{width: 100%;height: auto;}
.owl-urun .owl-nav{display: block!important;}

.sw-slide .dil{position: absolute;right: 0;top: 0;z-index: 999;background: #fff;width: 7.5vw;border-left: 1px solid #eee;border-radius: 0 0 0 10px;overflow: hidden}
.sw-slide .dil ul{list-style: none;padding: 0;margin: 0;display: flex;align-items: center;justify-content: center}
.sw-slide .dil ul li img{width: 1.5vw;height: 1.5vw;margin: 8px;border-radius: 50%}

@media only screen and (max-width: 768px) {
	#png1{max-width: 20%;z-index: 1!important;}
	#png2{max-width: 20%;z-index: 1!important;}
	.sw-slide .dil{width: 15vw}
	.sw-slide .dil ul li img{width: 3vw;height: 3vw;margin: 5px;}
	.sw-slide .owl-slide .item{overflow: hidden;position: relative;}
	.sw-slide .owl-slide img{width: 100%;height: 30vh;object-fit: cover;object-position: 86% 100%;}
}

/*gunun-firsetlari*/
.sw-gunun-firsatlari{background: rgba(255,255,255,1);padding:10px;position: relative;}
.sw-gunun-firsatlari .sw-title{margin:0;margin-bottom:10px;font-size:18px;text-align: center;font-weight: bold;}
.sw-gunun-firsatlari .sw-gunun-firsatlari-body{background: rgba(255,255,255,0.9);width: 100%;bottom:30px;padding: 10px;text-align: center;position: absolute;left:0;}
.sw-gunun-firsatlari .sw-gunun-firsatlari-body>h3{margin:0;margin-bottom: 10px;font-size:16px;font-weight: bold;}
.sw-gunun-firsatlari .sw-gunun-firsatlari-body .sw-kampanya{position: absolute;top:10px;left: 0;color:#fff;background: #ed0012;font-size:22px;padding: 5px 5px;font-weight: bold;}
.sw-gunun-firsatlari .sw-gunun-firsatlari-body .sw-kampanya label{position: relative;z-index: 9;margin:0;}
.sw-gunun-firsatlari .sw-gunun-firsatlari-body .sw-kampanya:before{content: '';width: 30%;height: 100%;background:#ed0012 ;position: absolute;top:0;right: -10%;transform: skewX(-15deg);}
.sw-gunun-firsatlari .sw-gunun-firsatlari-body .sw-kampanya:after{content: '';width: 30%;height: 100%;background:#ed0012 ;position: absolute;top:0;right: -10%;transform: skewX(15deg);}
.sw-gunun-firsatlari .sw-gunun-firsatlari-body ul{list-style: none;margin:0;padding:0;overflow: hidden;text-align: center;}
.sw-gunun-firsatlari .sw-gunun-firsatlari-body ul>li{display: inline-block;}
.sw-gunun-firsatlari .sw-gunun-firsatlari-body ul>li>span{display: block;line-height: 1;font-size:20px;}
.sw-gunun-firsatlari .sw-gunun-firsatlari-body ul>li>.sw-eski-fiyat{text-decoration: line-through;color:#666;margin-right: 15px;}
.sw-gunun-firsatlari .sw-gunun-firsatlari-body ul>li>.sw-yeni-fiyat{color:#000;font-weight: 700;font-size:24px;}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
footer.php
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-footer{background: #222222;padding:50px 0 20px 0;}
.sw-footer .sw-box{margin-bottom: 30px;}
.sw-footer .sw-box>h3{margin:0;padding:10px 0;margin-bottom: 10px;font-size:14px;font-weight: bold;color:#fff;}
.sw-footer .sw-box>ul{list-style: none;margin:0;padding:0;}
.sw-footer .sw-box>ul>li{}
.sw-footer .sw-box>ul>li>a{display: block;color:#ddd;padding:0 0 0 20px;position:relative;font-size:13px;transition: all 250ms ease-in-out;-webkit-transition: all 250ms ease-in-out;-moz-transition: all 250ms ease-in-out;-o-transition: all 250ms ease-in-out;line-height: 30px;}
.sw-footer .sw-box>ul>li>a>i{width: 20px;color:#444;position: absolute;left: 0;top:0;line-height: 30px;padding-left:5px;}
.sw-footer .sw-box>ul>li>a:hover{background: #fff;padding-left:25px;color:#000;}
/*logolar*/
.sw-footer .sw-footer-logo{overflow: hidden;margin-bottom: 30px;margin-top:20px;}
.sw-footer .sw-footer-logo>ul{text-align: center;list-style: none;margin:0;padding:0;}
.sw-footer .sw-footer-logo>ul>li{display: inline-block;line-height: 50px;border:1px solid transparent;border:1px solid #ddd;margin:3px 0;padding:3px;background: #fff;}
.sw-footer .sw-footer-logo>ul>li>img{width: 90px;height: auto;}
/*sosyalmedya*/
.sw-footer .sw-footer-sosyalmedya{margin-bottom: 30px;}
.sw-footer .sw-footer-sosyalmedya>h3{margin:0;padding:10px 0;margin-bottom:10px;font-size:14px;font-weight: bold;color:#fff;}
.sw-footer .sw-footer-sosyalmedya>ul{list-style: none;margin:0;padding:0;}
.sw-footer .sw-footer-sosyalmedya>ul>li{}
.sw-footer .sw-footer-sosyalmedya>ul>li>a{display: block;color:#fff;line-height:30px;padding:0 0 0 30px;font-size:13px;transition: all 250ms ease-in-out;-webkit-transition: all 250ms ease-in-out;-moz-transition: all 250ms ease-in-out;-o-transition: all 250ms ease-in-out;position: relative;}
.sw-footer .sw-footer-sosyalmedya>ul>li>a>i{width: 30px;text-align: left;text-align: center;position: absolute;left: 0;top:0;line-height: 30px;}
.sw-footer .sw-footer-sosyalmedya>ul>li>a:hover{background: #fff;color:#000;padding-left:35px;}
/*copyright*/
.sw-footer-copyright{border-top:1px solid #444;border-bottom:1px solid #444;margin-bottom: 30px;font-size:13px;text-align: center;color:#888;padding:30px 0;}
.sw-saruhanweb{padding: 15px 0;}
.sw-saruhanweb img{display: block;margin:0 auto;}
/*whatsapp*/
.sw-footer-whatsapp{margin-bottom: 30px;}
.sw-footer-whatsapp a{display: block;border:2px solid #fff;padding: 0 0 0 30px;color:#fff;font-size:14px;text-align: center;position: relative;line-height: 50px;}
.sw-footer-whatsapp a:hover{background: #fff;}
.sw-footer-whatsapp a>i{font-size:25px;left:15px;top:0;position: absolute;line-height:50px;text-align: center;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
giris-yap.php
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-giris-body{background:#fff;border:1px solid #ddd;margin-bottom: 20px;padding:15px;}
.sw-giris-yap-form{background:#fff;position: relative;padding:50px;}
.sw-giris-yap-form:before{content:'';height: 100%;position: absolute;right: -15px;top:0;border-right: 2px solid #ddd;}
@media only screen and (max-width: 767px){
.sw-giris-yap-form{padding: 0;}
.sw-giris-yap-form:before{content:'';border-right:unset;border-bottom: 2px solid #ddd;width: 100%;bottom:-30px;left: 0;top:unset;height: 2px;}
}
.sw-giris-yap-form h3{margin:0;padding:15px 0;margin-bottom:15px;font-size:24px;font-weight: 600;}
.sw-giris-yap-bilgi{padding:50px;}
.sw-giris-yap-bilgi h5{margin:0;padding:15px 0;text-align: center;font-size: 24px;color:#000;font-weight: 600;}
.sw-giris-yap-bilgi p{text-align: center;}
.sw-giris-yap-bilgi a{display: block;width: 150px;margin:0 auto;line-height: 45px;text-align: center;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
uye-ol.php
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-uye-ol-body{background: #fff;border:1px solid #ddd;margin-bottom:20px;padding:15px;}
.sw-uye-ol-form{position: relative;padding: 50px;}
@media only screen and (max-width: 767px){
.sw-uye-ol-form{padding: 0;}
}
.sw-uye-ol-form h3{margin:0;padding:15px 0;margin-bottom:15px;font-size:24px;font-weight: 600;}
.sw-uye-ol-form:before{content:'';height: 100%;position: absolute;right: -15px;top:0;border-right: 2px solid #ddd;}
.sw-uye-ol-bilgi{padding:50px;}
.sw-uye-ol-bilgi h5{margin:0;padding:15px 0;text-align: center;font-size: 24px;color:#000;font-weight: 600;}
.sw-uye-ol-bilgi p{text-align: center;}
.sw-uye-ol-bilgi a{display: block;width: 150px;margin:0 auto;line-height: 45px;text-align: center;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
urunler.php
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-kategori-list{border:1px solid #ddd;background: #fff;margin-bottom: 20px;}
.sw-kategori-list>ul{list-style: none;margin:0;padding:0;}
.sw-kategori-list>ul>li{}
.sw-kategori-list>ul>li>a{display: block;padding: 10px;font-size:14px;font-weight:bold;line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 250ms ease-in-out;-webkit-transition: all 250ms ease-in-out;-moz-transition: all 250ms ease-in-out;-o-transition: all 250ms ease-in-out;border-bottom:1px solid #ddd;}
.sw-kategori-list>ul>li>a:hover{background: #ddd;color:#000;}

.sw-kategori-list>ul>ul{margin:0;list-style: none;padding:0;}
.sw-kategori-list>ul>ul>li>a{display:block;padding: 10px;font-size:13px;border-bottom:1px solid #ddd;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sw-kategori-list>ul>ul>li>a:hover{background: #ddd;color:#000;}

.sw-kategori-urun-body{padding:0 10px;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
urun.php
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-urun-body{background: #fff;border:1px solid #ddd;margin-bottom: 20px;padding:15px;border-radius: 10px}
/*urun-resim*/
.sw-urun-img .swiper-container {width: 100%;height: auto;margin-left: auto;margin-right: auto;}
.sw-urun-img .swiper-slide {background-size: cover;background-position: center;position: relative;}
@media (max-width: 767px) {.sw-urun-img .gallery-top .swiper-slide {height: 300px;}.sw-urun-img .gallery-thumbs .swiper-slide {min-height: 70px;}}
@media (min-width: 768px) and (max-width: 991px) {.sw-urun-img .gallery-top .swiper-slide {height: 300px;}.sw-urun-img .gallery-thumbs .swiper-slide {min-height: 70px;}}
@media (min-width: 992px) and (max-width: 1199px) {.sw-urun-img .gallery-top .swiper-slide {height: 435px;}.sw-urun-img .gallery-thumbs .swiper-slide {min-height: 100px;}}
@media (min-width: 1200px) {.sw-urun-img .gallery-top .swiper-slide {height: 600px;}.sw-urun-img .gallery-thumbs .swiper-slide {min-height: 120px;}}
.sw-urun-img .gallery-top {height: 80%;width: 100%;}
.sw-urun-img .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.sw-urun-img .gallery-thumbs .swiper-slide {width: 25%;height: 100%;opacity: 0.4;}
.sw-urun-img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.sw-urun-img .swiper-button-next,.sw-urun-img .swiper-button-prev{z-index: 999;border:1px solid #fff;padding:20px;background:#fff;border-radius: 3px;}
.sw-urun-img .swiper-button-next:active{padding-right:15px;}
.sw-urun-img .swiper-button-prev:active{padding-left:15px;}
.sw-urun-img .swiper-button-prev.swiper-button-white,.sw-urun-img .swiper-button-next.swiper-button-white{color:#222;}
.sw-urun-img .swiper-button-prev:after,.sw-urun-img .swiper-button-next:after{font-size:16px;font-weight: bold;}
.sw-urun-body .sw-box{}
.sw-urun-body .sw-box .sw-title{margin:0;padding:15px 0;font-size:26px;font-weight: 600;text-align: center}
.sw-urun-body .sw-box .sw-bilgi{overflow: hidden;margin-bottom: 30px;padding:5px 0;}
.sw-urun-body .sw-box .sw-bilgi>ul{list-style: none;margin:0;padding:0;float: right;}
.sw-urun-body .sw-box .sw-bilgi>ul>li{float: left;margin-left: 5px;}
.sw-urun-body .sw-box .sw-bilgi>ul>li>span{background: #f9f9f9;border:1px solid #ddd;padding: 5px 7px;font-size:14px;}
@media only screen and (max-width: 767px){
.sw-urun-body .sw-box .sw-bilgi>ul{margin-left:-5px;margin-right: -5px;}
.sw-urun-body .sw-box .sw-bilgi>ul>li{float: left;width: 50%;margin-left:0;padding:0 5px;margin-bottom: 5px;}
.sw-urun-body .sw-box .sw-bilgi>ul>li>span{display: block;}
#upng1{display: none}
#upng2{display: none}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
	#upng1{display: none}
	#upng2{display: none}
}
.sw-urun-body .sw-box .urun-kodu{font-size:14px;display: block;margin-bottom: 5px;text-align: end}
.sw-urun-body .sw-box .sw-urun-sepet{margin-bottom: 20px;background: #51c6d991;border:1px solid #ddd;padding:10px;position: relative;border-radius: 10px;box-shadow: 2px 2px 10px #eee}
.sw-urun-body .sw-box .sw-urun-sepet .fiyat{overflow: hidden;margin-bottom: 20px;}
.sw-urun-body .sw-box .sw-urun-sepet .fiyat b{display: block;font-weight: 600;color:#000;text-decoration: underline}
.sw-urun-body .sw-box .sw-urun-sepet .eski-fiyat{font-size:22px;text-decoration: line-through;color:#aaa;float: left;line-height: 50px;margin-right:15px;}
.sw-urun-body .sw-box .sw-urun-sepet .yeni-fiyat{font-size:35px;float: left;line-height: 50px;font-weight: bold;color: #fff;text-shadow: 1px 1px 1px #707070}
.sw-urun-body .sw-box .sw-urun-sepet .kampanya{position: absolute;top:5px;right:0;background: red;color:#fff;padding:0 10px;font-size:20px;line-height: 35px;font-weight: 600;}
.sw-urun-body .sw-box .sw-urun-sepet .kampanya label{position: relative;z-index: 99;margin:0;padding: 0;}
.sw-urun-body .sw-box .sw-urun-sepet .kampanya:before{content: '';width: 35px;height: 35px;transform: skewX(45deg);left:0;background: red;position: absolute;}
.sw-urun-body .sw-box .sw-urun-sepet .kampanya:after{content: '';width: 35px;height: 35px;transform: skewX(-45deg);left:0;background: red;position: absolute;}

.sw-urun-body .sw-box .sw-urun-sepet .kredi-karti-taksit{margin-bottom: 20px;background: #fff;border:1px solid #aaa;padding:10px;line-height: 1.5;font-size:13px;}
.sw-urun-body .sw-box .sw-urun-sepet .kredi-karti-taksit label{display: block;padding:0;font-weight: bold;font-size:18px;margin:0;}
.sw-urun-body .sw-box .sw-urun-sepet .kredi-karti-taksit span{display: block;padding:0;font-weight: bold;}

.sw-urun-body .degerlendir{margin: 30px 0;display: flex;align-items: center;justify-content: flex-end}
.sw-urun-body .degerlendir span{padding: 10px;background: #4db8ff;color: #fff;margin: 0 5px;border-radius: 5px;cursor: pointer}

@media only screen and (min-width: 992px){
.sw-urun-body .sw-box .sw-urun-sepet .kredi-karti-taksit{position: absolute;top:10px;right: 10px;width: 50%;}
}

.sw-urun-body .sw-box .sw-urun-sepet .urun-adet{margin-bottom: 15px;}
.sw-urun-body .sw-box .sw-urun-sepet .urun-adet label{display: block;font-weight: 600;text-decoration: underline}
.sw-urun-body .sw-box .sw-urun-sepet .urun-adet .urun-adet-action{overflow: hidden;}
.sw-urun-body .sw-box .sw-urun-sepet .urun-adet .urun-adet-action span{display: block;width: 33.33%;float: left;text-align: center;line-height: 46px;border:1px solid #ddd;transition: all 150ms ease-in-out;-webkit-transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;}
.sw-urun-body .sw-box .sw-urun-sepet .urun-adet .urun-adet-action span>i{line-height: 45px;}
.sw-urun-body .sw-box .sw-urun-sepet .urun-adet .urun-adet-action .sw-azalt{background: #fff;cursor: pointer}
.sw-urun-body .sw-box .sw-urun-sepet .urun-adet .urun-adet-action .sw-adet{background: #fff;font-size:20px;font-weight: 900}
.sw-urun-body .sw-box .sw-urun-sepet .urun-adet .urun-adet-action .sw-arttir{background: #fff;cursor: pointer}
.sw-urun-body .sw-box .sw-urun-sepet .urun-adet .urun-adet-action .sw-azalt:active, .sw-urun-body .sw-box .sw-urun-sepet .urun-adet .urun-adet-action .sw-arttir:active{background: #aaa;}


/*.sw-urun-body .sw-box .sw-urun-sepet .urun-adet .urun-adet-action input{width: 33.33%;margin:0;line-height: 40px;border:1px solid transparent;float: left;font-size:25px;text-align: center;outline: 0;border:1px solid #ddd;}
.sw-urun-body .sw-box .sw-urun-sepet .urun-adet .urun-adet-action input[type="button"]{background: #ddd;}
.sw-urun-body .sw-box .sw-urun-sepet .urun-adet .urun-adet-action input[type="button"]:active{background: #000;}*/
.sw-urun-body .sw-box .sw-urun-sepet .form-group{margin-bottom: 10px;}
.sw-urun-body .sw-box .sw-urun-sepet .form-group label{margin-bottom: 5px;}
.sw-urun-body .sw-box .sw-urun-sepet button{width: 100%;border:0;box-shadow: none;outline: 0;height: 50px;}
.sw-urun-body .sw-box .sw-hemen-ulas{}
.sw-urun-body .sw-box .sw-hemen-ulas>b{display: block;font-size:14px;margin-bottom: 5px;}
.sw-urun-body .sw-box .sw-hemen-ulas>ul{list-style: none;margin:0;padding:0;margin-left:-2px;margin-right: -2px;overflow: hidden;}
.sw-urun-body .sw-box .sw-hemen-ulas>ul>li{float: left;width: 33.33%;padding:0 2px;}
.sw-urun-body .sw-box .sw-hemen-ulas>ul>li>a{display: block;padding: 5px;text-align: center;font-size:14px;color:#fff;}
@media only screen and (max-width: 676px){
.sw-urun-body .sw-box .sw-hemen-ulas>ul>li>a{min-height: 90px;font-size:16px;}
}

.sw-urun-body .sw-box .sw-hemen-ulas>ul>li>a>i{display: block;padding: 5px 0;font-size:22px;}
.sw-urun-body .sw-box .sw-hemen-ulas>ul>li>.sw-whatsapp-bilgi{background: #128C7E;}
.sw-urun-body .sw-box .sw-hemen-ulas>ul>li>.sw-hemen-ara{background: #34B7F1;}
.sw-urun-body .sw-box .sw-hemen-ulas>ul>li>.sw-whatsapp-paylas{background: #25D366;}

.sw-urun-footer{background: #fff;border:1px solid #ddd;margin-bottom: 20px;padding:15px 15px 0 15px;}
.sw-urun-footer .nav{margin-bottom: 15px;}
.sw-urun-footer .nav-justified .nav-item{background: #eee;}
.sw-urun-footer .nav-tabs .nav-link{border-radius: 0;}
.sw-urun-footer .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background: #fff;}
@media only screen and (max-width: 767px){
.sw-urun-footer .nav-justified .nav-item{flex-basis: unset;width: 100%;}
}
.sw-urun-footer .sw-urun-icerik{margin-bottom: 20px;}
.sw-u-yorumlar{border:1px solid #ddd;margin-bottom: 15px;padding:15px;}
.sw-u-yorumlar-bilgi{}
.sw-u-yorumlar-bilgi .sw-left{margin-bottom: 20px;}
.sw-u-yorumlar-bilgi .sw-left b{float: left;padding-right: 15px}
.sw-u-yorumlar-bilgi .sw-left .sw-rating-show{float: left;padding-right:15px;}
.sw-u-yorumlar-bilgi .sw-right{margin-bottom: 20px;overflow: hidden;}
.sw-u-yorumlar-bilgi .sw-right span{display: block;width: 120px;padding: 5px;text-align: center;float: right;}
.sw-u-yorumlar .sw-u-yorum{background: #eee;width: calc(100% - 65px);margin-left: 65px;position: relative;padding:15px;border-radius: 10px;}
.sw-u-yorumlar .sw-u-yorum:before{content: '';width: 20px;height: 20px;background: #eee;left:-10px;top:25px;position: absolute;transform: rotate(45deg);}
.sw-u-yorumlar .sw-u-yorum .sw-icon{font-size:50px;position: absolute;left: -65px;top:5px;color:#ddd;}
@media only screen and (max-width:767px){
.sw-u-yorumlar .sw-u-yorum{margin-left:0;width: 100%;}
.sw-u-yorumlar .sw-u-yorum:before{display: none;opacity: 0;visibility: hidden;}
.sw-u-yorumlar .sw-u-yorum .sw-icon{display: none;opacity: 0;visibility: hidden;}
}
.sw-u-yorumlar .sw-u-yorum h4{margin:0;padding:0;font-size:18px;font-weight: bold;overflow: hidden;margin-bottom: 10px;}
.sw-u-yorumlar .sw-u-yorum h4>span{float:left;display: block;line-height: 30px;margin-right: 15px;}
.sw-u-yorumlar .sw-u-yorum h4>.sw-u-rating-show{float: left;line-height: 30px;}
.sw-u-yorumlar .sw-u-yorum h4>.sw-u-rating-show>ul{list-style: none;margin:0;padding:0;overflow: hidden;}
.sw-u-yorumlar .sw-u-yorum h4>.sw-u-rating-show>ul>li{float: left;font-size:12px;color:#b1cdcd;}
.sw-u-yorumlar .sw-u-yorum h4>.sw-u-rating-show>ul>li>.active{color:#ffa300;}
.sw-u-yorumlar .sw-u-yorum p{font-size:14px;line-height: 25px;margin:0;}
.sw-u-yorumlar .sw-u-cevap{width: calc(100% - 130px);margin-left:65px;background: #ddd;position:relative;padding: 15px;margin-top:15px;border-radius: 10px;}
.sw-u-yorumlar .sw-u-cevap:before{content: '';width: 20px;height: 20px;background: #ddd;right:-10px;top:25px;position: absolute;transform: rotate(45deg);}
.sw-u-yorumlar .sw-u-cevap p{font-size:14px;line-height: 25px;margin:0;}
.sw-u-yorumlar .sw-u-cevap .sw-icon{font-size:50px;position: absolute;right: -65px;top:5px;color:#ddd;}
/*rating-tablo*/
.sw-urun-rating-table{border:2px solid #ddd;margin-bottom: 30px;}
.sw-urun-rating-table>ul{list-style: none;margin:0;padding:0;overflow: hidden;padding:0 3px;}
.sw-urun-rating-table>ul>li{padding:0 60px 0 80px;position: relative;margin:3px 0;}
.sw-urun-rating-table>ul>li>span{background: #51c6d991;margin:0;font-weight: bold;line-height: 25px;position: absolute;left: 0;top:0;width: 80px;font-size:13px;padding-left:5px;color: #fff;text-shadow: 1px 1px 1px #707070}
.sw-urun-rating-table>ul>li>p{border:1px solid #ddd;position: relative;min-height: 24px;margin:0;}
.sw-urun-rating-table>ul>li>p>.bar{position: absolute;left:5px;top:5px;height:calc(100% - 10px);width: calc(100% - 10px);margin:0;background: #F62;}
.sw-urun-rating-table>ul>li>label{background: #51c6d991;margin:0;text-align: center;line-height: 25px;position: absolute;top:0;right: 0;width: 60px;font-size:14px;color: #fff}
/*form-rating*/
.sw-u-form-rating{border:2px solid #ddd;padding:15px;margin-bottom: 20px;}
.sw-u-form-rating>label{display: block;font-size:18px;font-weight: bold;color:#000;margin:0 0 25px 0;}
.sw-u-form-rating .stars {width: auto;display: inline-block;border:2px solid transparent;}
.sw-u-form-rating input.star {display: none;}
.sw-u-form-rating label.star {margin:0;float: right;padding: 0 5px;font-size: 30px;color: #ddd;transition: all .2s;}
.sw-u-form-rating input.star:checked ~ label.star:before {content: '\f005';color: #FD4;transition: all .25s;font-weight: 900;}
.sw-u-form-rating input.star-5:checked ~ label.star:before {color: #FE7;}
.sw-u-form-rating input.star-1:checked ~ label.star:before {color: #F62;}
.sw-u-form-rating input.star-2:hover ~ label.star-1 {color: #F62;}
.sw-u-form-rating input.star-3:hover ~ label.star-1,.sw-u-form-rating input.star-3:hover ~ label.star-2 { color: #F62; }
.sw-u-form-rating input.star-4:hover ~ label.star-1,.sw-u-form-rating input.star-4:hover ~ label.star-2,.sw-u-form-rating input.star-4:hover ~ label.star-3 { color: #F62; }
.sw-u-form-rating input.star-5:hover ~ label.star-1,.sw-u-form-rating input.star-5:hover ~ label.star-2,.sw-u-form-rating input.star-5:hover ~ label.star-3,.sw-u-form-rating input.star-5:hover ~ label.star-4 {color: #F62;}
.sw-u-form-rating label.star:hover {color: #ffa300;}
.sw-u-form-rating label.star:before {content: '\f005';font-family: 'Font Awesome 5 Free';font-weight: 400;}
/*secenekler*/
.secenek_deger option>span{color:red;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
iletisim.php
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-iletisim-body{background: #fff;padding: 30px;border:1px solid #ddd;margin-bottom: 20px;}
.sw-iletisim-body .sw-iletisim-bilgi {margin-bottom: 20px;}
.sw-iletisim-body .sw-iletisim-bilgi h3{margin:0;padding:15px 0;font-size: 18px;font-weight: 700;}
.sw-iletisim-body .sw-iletisim-bilgi>ul{list-style: none;margin:0;padding:0;}
.sw-iletisim-body .sw-iletisim-bilgi>ul>li{position: relative;margin-bottom: 10px;padding:0 0 0 110px;}
.sw-iletisim-body .sw-iletisim-bilgi>ul>li i{width: 40px;height: 100%;background: #eee;line-height: 35px;text-align: center;position: absolute;left: 0;}
.sw-iletisim-body .sw-iletisim-bilgi>ul>li b{font-size:13px;width: 60px;position: absolute;left: 40px;line-height: 35px;padding-left: 5px;background: #f9f9f9;height: 100%;}
.sw-iletisim-body .sw-iletisim-bilgi>ul>li>a{display: block;line-height: 35px;}
.sw-iletisim-body .sw-iletisim-bilgi>ul>li>span{display: block;line-height: 35px;}
.sw-iletisim-body .sw-iletisim-bilgi>ul>li>.adres{display: block;line-height: 1.2;font-size:14px;}
/*whatsapp*/
.sw-iletisim-whatsapp{margin-bottom: 10px;}
.sw-iletisim-whatsapp a{display: block;border:2px solid #000;text-align: center;line-height: 50px;font-weight: bold;transition: all 250ms ease-in-out;-webkit-transition: all 250ms ease-in-out;-moz-transition: all 250ms ease-in-out;-o-transition: all 250ms ease-in-out;}
.sw-iletisim-whatsapp a:hover{background: #4db8ff;color:#fff;}
/*sosyalmedya*/
.sw-iletisim-sosyalmedya{margin-bottom: 20px;}
.sw-iletisim-sosyalmedya>ul{list-style: none;margin:0;padding:0;margin-left:-3px;margin-right: -3px;}
.sw-iletisim-sosyalmedya>ul>li{float: left;width: 16.66%;padding:0 3px;}
.sw-iletisim-sosyalmedya>ul>li>a{display: block;border:2px solid #000;text-align: center;line-height: 50px;font-size:25px;transition: all 250ms ease-in-out;-webkit-transition: all 250ms ease-in-out;-moz-transition: all 250ms ease-in-out;-o-transition: all 250ms ease-in-out;}
.sw-iletisim-sosyalmedya>ul>li>a:hover{background: #4db8ff;color:#fff;}
/*harita*/
.sw-iletisim-body .sw-harita{margin-bottom:20px;}
.sw-iletisim-body .sw-harita h3{margin:0;padding:15px 0;font-size: 18px;font-weight: 700;}
.sw-iletisim-body .sw-harita iframe{vertical-align: middle;width: 100%;height: 500px;}
/*form*/
.sw-iletisim-body .sw-form{margin-bottom: 20px;}
.sw-iletisim-body .sw-form h3{margin:0;padding:15px 0;font-size: 18px;font-weight: 700;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
HESABIM
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*genel*/
.sw-user-page-header{}
.sw-user-page-header h2{margin: 0;
padding: 15px 0;
font-size: 20px;
font-weight: 700;}
.sw-user-page-body{background: #fff;padding: 15px;margin-bottom: 20px;border:1px solid #ddd;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
hesabim.php
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-hesabim-bilgi{border:1px solid #ddd;padding: 15px 15px 15px 60px;background: #fff;position: relative;margin-bottom: 10px;}
.sw-hesabim-bilgi>span{display: block;font-size:13px;margin:0;}
.sw-hesabim-bilgi>i{position: absolute;top:20px;left:15px;font-size:30px;}
.sw-hesabim-bilgi>ul{position: absolute;right: 0;top:0;list-style: none;margin:0;padding: 0;}
.sw-hesabim-bilgi>ul>li{float: left;padding: 12px;font-weight: 700;text-align: center;min-width: 130px;border-left:1px solid #ddd;}
.sw-hesabim-bilgi>ul>li span{display: block;margin:0;padding:0;}
.sw-hesabim-bilgi>ul>li label{display: block;margin:0;padding: 0;line-height: 1;font-size:13px;}
.sw-hesabim-list{border:1px solid #ddd;background: #fff;padding: 10px;margin-bottom: 20px;}
.sw-hesabim-list>ul{list-style: none;margin:0;padding:0;margin-bottom: 20px;}
.sw-hesabim-list>ul>li{}
.sw-hesabim-list>ul>li>a{display: block;padding: 15px 15px 15px 40px;border-bottom:1px solid #ddd;font-weight: 700;font-size:14px;line-height: 30px;position: relative;}
.sw-hesabim-list>ul>li>a:hover{background: #eee;}
.sw-hesabim-list>ul>li>a>i{width: 30px;text-align: center;border-right:1px solid #ddd;margin-right:10px;line-height: 30px;position: absolute;left: 0;top:15px;}
.sw-hesabim-list>.cikis{display: block;padding: 15px;}
.sw-hesabim-list .sw-hesapTab{display: none;}
@media only screen and (max-width: 991px){
.sw-hesabim-list .sw-hesapTab{display: block;border-bottom:1px solid #ddd;padding:5px 0;}
.sw-hesabim-list .sw-hesapTab i{width: 30px;text-align: center;border-right:1px solid #ddd;margin-right:10px;line-height: 30px;}
.sw-hesabim-list ul{display: none;}
.sw-hesabim-bilgi>ul{position: relative;overflow: hidden;margin-top:15px;}
.sw-hesabim-bilgi>ul>li{float: left;width: 50%;}
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
siparislerim
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-siparis-box{background: #fff;border:1px solid #ddd;margin-bottom: 20px;min-height: 180px;}
.sw-siparis-box .sw-siparis-box-header{background: #eee;padding: 15px;}
.sw-siparis-box .sw-siparis-box-header>ul{list-style: none;margin:0;padding:0;overflow: hidden;}
.sw-siparis-box .sw-siparis-box-header>ul>li{float: left;width: 25%;}
.sw-siparis-box .sw-siparis-box-header>ul>li>.sw-bilgi{border-right:1px solid #ddd;padding-right:10px;}
.sw-siparis-box .sw-siparis-box-header>ul>li>.sw-bilgi p{margin:0;padding: 0;}
.sw-siparis-box .sw-siparis-box-header>ul>li>.sw-bilgi p b{display: block;}
.sw-siparis .sw-siparis-box .sw-siparis-box-header>ul>li>.sw-bilgi p{margin:0;padding:0;line-height: 20px;font-size:13px;}
.sw-siparis-box .sw-siparis-box-header>ul>li>.sw-tutar{border-right:1px solid #ddd;text-align: center;line-height: 20px;padding:0 10px;}
.sw-siparis-box .sw-siparis-box-header>ul>li>.sw-tutar span{display: block;}
.sw-siparis-box .sw-siparis-box-header>ul>li>.sw-adres{border-right:1px solid #ddd;padding:0 10px;line-height: 20px;}
.sw-siparis-box .sw-siparis-box-header>ul>li>.sw-adres b{display: block;}
.sw-siparis-box .sw-siparis-box-header>ul>li>.sw-adres label{display: block;margin:0;}
.sw-siparis-box .sw-siparis-box-header>ul>li>.sw-detay{text-align: right;}
.sw-siparis-box .sw-siparis-box-body{position: relative;padding: 15px;overflow: hidden;}
.sw-siparis-box .sw-siparis-box-body .sw-urun {width: 60%;float: left;}
.sw-siparis-box .sw-siparis-box-body .sw-urun table{font-size:13px;line-height: 1;}
.sw-siparis-box .sw-siparis-box-body .sw-urun table img{width: 70px;height: 70px;}
.sw-siparis-box .sw-siparis-box-body .sw-urun table thead tr th{border:1px solid #ddd;font-size:12px;padding: 5px;}
.sw-siparis-box .sw-siparis-box-body .sw-urun table tbody tr td{border:1px solid #ddd;padding: 5px;}
.sw-siparis-box .sw-siparis-box-body .sw-urun table tbody tr td:nth-child(2){width: 130px;}
.sw-siparis-box .sw-siparis-box-body .sw-urun table tfoot tr td{padding: 5px;}
.sw-siparis-box .sw-siparis-box-body .sw-durum {width: 15%;height:150px;float: left;font-weight: bold;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.sw-siparis-box .sw-siparis-box-body .sw-islem {width: 25%;float: left;border-left:1px solid #ddd;padding-left:10px;min-height: 150px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.sw-siparis-box .sw-siparis-box-body .sw-islem span{display: block;width: 100%;}
.sw-siparis-box .sw-siparis-box-body .sw-islem a{display: block;border:1px solid #ddd;margin-bottom: 10px;padding: 10px;text-align: center;font-size:13px;font-weight: 700;background: #eee;width: 100%;}
.sw-siparis-box .sw-siparis-box-footer{}

@media only screen and (max-width: 991px){
	.sw-siparis-box .sw-siparis-box-header>ul>li{width: 100%;padding:5px 0;font-size:12px;}
	.sw-siparis-box .sw-siparis-box-header>ul>li>.sw-bilgi{padding:0;border:none;}
	.sw-siparis-box .sw-siparis-box-header>ul>li>.sw-tutar{text-align: left;padding:0;border:none;}
	.sw-siparis-box .sw-siparis-box-header>ul>li>.sw-adres{padding:0;border:none;}

	.sw-siparis-box .sw-siparis-box-body .sw-urun{float: unset;width: 100%;overflow: auto;margin-bottom: 20px;}
	.sw-siparis-box .sw-siparis-box-body .sw-urun table{min-width: 400px;}
	.sw-siparis-box .sw-siparis-box-body .sw-durum{width: 100%;float: unset;border:1px solid #ddd;}
	.sw-siparis-box .sw-siparis-box-body .sw-islem{width: 100%;float: left;border:none;padding: 10px 0;height:auto;min-height: unset;}
}

/*no-siparis*/
.sw-no-siparis{border:1px solid #ddd;padding:50px 15px;background: #fff;}
.sw-no-siparis img{display: block;margin:0 auto;max-width: 100%;height: auto;filter: grayscale(100%);transition: all 250ms ease-in-out;}
.sw-no-siparis:hover img{filter: grayscale(0);}
.sw-no-siparis h5{margin:0;padding:25px 0;font-size:20px;text-align: center;font-weight: 700;}
.sw-no-siparis a{display: block;margin:0 auto;width: 150px;padding: 10px 5px;text-align: center;color:#fff;background: #4db8ff;}
.sw-no-siparis a:hover{background: #007bff;color: #fff}
/*no-iade*/
.sw-no-iade{border:1px solid #ddd;padding:50px 15px;background: #fff;}
.sw-no-iade img{display: block;margin:0 auto;max-width: 100%;height: auto;filter: grayscale(100%);transition: all 250ms ease-in-out;}
.sw-no-iade:hover img{filter: grayscale(0);}
.sw-no-iade h5{margin:0;padding:25px 0;font-size:20px;text-align: center;font-weight: 700;}
.sw-no-iade a{display: block;margin:0 auto;width: 150px;padding: 10px 5px;text-align: center;color:#fff;background: #4db8ff;}
.sw-no-iade a:hover{background: #007bff;color: #fff}
/*hediye-ceki*/
.sw-no-hediye-ceki{padding: 50px 15px;}
.sw-no-hediye-ceki img{display: block;margin:0 auto;max-width: 100%;height: auto;filter: grayscale(100%);transition: all 250ms ease-in-out;}
.sw-no-hediye-ceki:hover img{filter: grayscale(0);}
.sw-no-hediye-ceki h5{margin:0;padding:25px 0;font-size:20px;text-align: center;font-weight: 700;}
/*para-iadesi*/
.sw-no-para-iadesi{padding: 50px 15px;}
.sw-no-para-iadesi img{display: block;margin:0 auto;max-width: 100%;height: auto;filter: grayscale(100%);transition: all 250ms ease-in-out;}
.sw-no-para-iadesi:hover img{filter: grayscale(0);}
.sw-no-para-iadesi h5{margin:0;padding:25px 0;font-size:20px;text-align: center;font-weight: 700;}
/*yorum-detay*/
.sw-yorum-detay-box p{margin:0;padding: 5px 0;font-size:14px;}
.sw-yorum-detay-box img{border:1px solid #ddd;}
.sw-yorum-detay-box .sw-yorum-detay-urun{position: relative;padding: 5px 5px 5px 115px;overflow: hidden;min-height: 110px;border:1px solid #ddd;}
.sw-yorum-detay-box .sw-yorum-detay-urun img{position: absolute;top:5px;left:5px;}
.sw-yorum-detay-box .sw-yorum-detay-urun b{display: block;padding: 5px 0;}
.sw-yorum-table a{font-size:14px;}
/*yorum-yok*/
.sw-no-yorum{padding: 50px 15px;}
.sw-no-yorum img{display: block;margin:0 auto;max-width: 100%;height: auto;filter: grayscale(100%);transition: all 250ms ease-in-out;}
.sw-no-yorum:hover img{filter: grayscale(0);}
.sw-no-yorum h5{margin:0;padding:25px 0;font-size:20px;text-align: center;font-weight: 700;}
/*adreslerim*/
.sw-adres-box{border:1px solid #ddd;padding:15px 15px 60px 15px;height: calc(100% - 20px);overflow: hidden;position: relative;margin-bottom:20px;}
.sw-adres-box h4{margin:0;font-size:16px;font-weight: bold;margin-bottom: 20px;}
.sw-adres-box p{margin:0;font-size:14px;}
.sw-adres-box>ul{list-style: none;margin:0;padding:0;position: absolute;bottom:10px;right: 10px;}
.sw-adres-box>ul>li{float:left;margin-left: 5px;}
.sw-adres-box>ul>li>a{display: block;padding: 2px 10px;font-size:13px;border:1px solid #ddd;background: #eee;}
/*adres-yok*/
.sw-no-adres{padding: 50px 15px;}
.sw-no-adres img{display: block;margin:0 auto;max-width: 100%;height: auto;filter: grayscale(100%);transition: all 250ms ease-in-out;}
.sw-no-adres:hover img{filter: grayscale(0);}
.sw-no-adres h5{margin:0;padding:25px 0;font-size:20px;text-align: center;font-weight: 700;}
/*uyelik-iptali*/
.sw-uyelik-iptali{text-align: center;padding:50px 0;}
/*iade*/
.sw-iade-box{}
.sw-iade-box h2{margin:0;padding:15px 0;font-size:22px;text-align: center;font-weight: 600;}
.sw-iade-box p{text-align: center;}
.sw-iade-box .sw-iade-table{background: #f9f9f9;}
.sw-iade-box .sw-iade-table>table{width: 100%;height: auto;}
.sw-iade-box .sw-iade-table>table>thead>tr>th,.sw-iade-box .sw-iade-table>table>tfoot>tr>td{font-size:13px;padding: 5px;}
.sw-iade-box .sw-iade-table>table>thead>tr>th,.sw-iade-box .sw-iade-table>table>tbody>tr>td,.sw-iade-box .sw-iade-table>table>tfoot>tr>td{border:1px solid #ddd;}
.sw-iade-box .sw-iade-table>table>tbody>tr>td{padding: 5px;}
.sw-iade-box .sw-iade-table>table>tbody>tr>td>img{width: 80px;height:80px;}
.sw-iade-box .sw-iade-table>table>thead>tr>th:nth-child(1){width: 90px;}
.sw-iade-box h4{margin:0;padding:15px 0;font-size:18px;text-align: center;font-weight: 600;}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
urun-include.php
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-urun-box{border:1px solid #ddd;margin-bottom: 20px;margin-left:-10px;margin-right: -10px;position:relative;border-radius: 10px}
.sw-urun-box:before{content: '';width: 100%;height: 100%;border:4px solid transparent;position: absolute;top:0;left: 0;z-index: -1;border-radius: 10px;transition: all 250ms ease-in-out;-webkit-transition: all 250ms ease-in-out;-moz-transition: all 250ms ease-in-out;-o-transition: all 250ms ease-in-out;}
.sw-urun-box .sw-urun-box-header{position: relative;overflow: hidden;}
.sw-urun-box .sw-urun-box-header img{width: 100%;height: 300px;border-radius: 10px 10px 0 0;object-fit: cover}
.sw-urun-box .sw-urun-box-header .sw-kampanya{position: absolute;top:25px;right: 0;color:#fff;background: #ed0012;font-size:22px;padding: 5px 5px;font-weight: bold;}
.sw-urun-box .sw-urun-box-header .sw-kampanya label{position: relative;z-index: 9;margin:0;}
.sw-urun-box .sw-urun-box-header .sw-kampanya:before{content: '';width: 30%;height: 100%;background:#ed0012 ;position: absolute;top:0;left: -10%;transform: skewX(15deg);}
.sw-urun-box .sw-urun-box-header .sw-kampanya:after{content: '';width: 30%;height: 100%;background:#ed0012 ;position: absolute;top:0;left: -10%;transform: skewX(-15deg);}
.sw-urun-box .sw-urun-box-body{padding:10px;}
.sw-urun-box .sw-urun-box-body>a>h3{margin:0;padding:0;line-height: 20px;height: 80px;font-size:17px;font-weight: bold;display: flex;align-items: center;justify-content: center}
.sw-urun-box .sw-urun-box-body .sw-urun-rating{border-top:1px solid #ddd;padding:5px 0;}
.sw-rating-show{overflow: hidden;}
.sw-rating-show>ul{list-style: none;margin:0;padding:0;display: flex;align-items: center;justify-content: center}
.sw-rating-show>ul>li{float: left;color:#b1cdcd;}
.sw-rating-show>ul>li>.active{color:#ffa300;}
.sw-urun-box .sw-urun-box-body .sw-urun-fiyat{border-top:1px solid #ddd;padding:15px 0;font-size:22px;display: flex;align-items: center;justify-content: center}
.sw-urun-box .sw-urun-box-body .sw-urun-fiyat .sw-eski-fiyat{text-decoration: line-through;color:#666;margin-right: 15px;}
.sw-urun-box .sw-urun-box-body .sw-urun-fiyat .sw-yeni-fiyat{color:#000;font-weight: 700;font-size:24px;}
.sw-urun-box .sw-urun-box-footer{padding: 5px;}
.sw-urun-box .sw-urun-box-footer .sw-urun-sepet{}
.sw-urun-box .sw-urun-box-footer .sw-urun-sepet button{background: #000;color:#fff;line-height: 40px;text-align: center;font-size:14px;width: 100%;border:0;box-shadow: none;outline: 0;border-radius: 0;}
.sw-urun-box .sw-urun-box-footer .sw-urun-sepet .sw-sepete-ekle{background: #000;color:#fff;display:block;line-height: 52px;text-align: center;border-radius: 10px;font-size:18px;font-weight: 600;width: 100%;border:0;box-shadow: none;outline: 0;}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
GENEL
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*btn*/
.sw-btn{padding: 10px 20px;display: inline-block;margin-bottom: 20px;font-size:14px;}

/*guvenlik-kodu*/
.sw-guvenlik-kodu{border:2px solid #ddd;position: relative;line-height: 41px;padding:0 50px 0 0;text-align: center;}
.sw-guvenlik-kodu .yenile{position: absolute;top:0;right:0;line-height: 41px;width: 50px;font-size:18px;background: #51c6d991;text-align: center;}
/*alert*/
.alert-success{position: relative;border-left:5px solid #009900;background: #b3ffb3;padding:15px 15px 15px 40px;border-radius: 0;}
.alert-success:before{content: '\f058';position: absolute;top:5px;left:5px;font-size:25px;font-family: 'Font Awesome 5 Free';font-weight: 900;}
.alert-info{position: relative;border-left:5px solid #007399;background: #b3ecff;padding:13px 13px 13px 40px;border-radius: 0;}
.alert-info:before{content: '\f05a';position: absolute;top:5px;left:5px;font-size:25px;font-family: 'Font Awesome 5 Free';font-weight: 900;}
.alert-warning{position: relative;border-left:5px solid #ff9900;background: #ffd699;padding:13px 13px 13px 40px;border-radius: 0;}
.alert-warning:before{content: '\f06a';position: absolute;top:5px;left:5px;font-size:25px;font-family: 'Font Awesome 5 Free';font-weight: 900;}
.alert-danger{position: relative;border-left:5px solid #ff3300;background: #ffad99;padding:13px 13px 13px 40px;border-radius: 0;}
.alert-danger:before{content: '\f071';position: absolute;top:5px;left:5px;font-size:25px;font-family: 'Font Awesome 5 Free';font-weight: 900;}
/*form-group*/
.form-group{}
.form-group label{font-weight: 600;display: block;margin-bottom: 15px;}
.form-group label b{color:#4db8ff;}
.form-group .form-control{border-radius: 0;border:2px solid #ddd;outline: 0;box-shadow: none;}
.form-group input{height:45px;}
.form-group select{height:45px;}
.form-group .form-control:focus,.sw-giris-box .form-group .form-control:active{outline: 0;box-shadow: none;}
.form-group .form-control::placeholder{font-size:14px;}
.form-group .btn{width: 100%;height: 45px;border-radius: 0;}
.form-group .btn:active,.form-group .btn:focus,.form-group .btn:hover,.sw-giris-box .form-group .btn:focus{outline: 0;box-shadow: none;}
.form-group p{margin: 0;}
.form-group input[type="checkbox"]{display: none;}
.form-group input[type="checkbox"]+label {position: relative;padding:0 0 0 40px;line-height: 30px;}
.form-group input[type="checkbox"]+label span{display: inline-block;position: absolute;height: 30px;width: 30px;border:2px solid #ddd;left: 0;top:0;cursor: pointer;}
.form-group input[type="checkbox"]:checked + label span{border:2px solid #4db8ff;padding: 0 0;}
.form-group input[type="checkbox"]:checked + label span:before{content: '\f00c';position: absolute;top:0;left: 0;font-family: "Font Awesome 5 Free";font-weight: 900;line-height: 30px;width: 30px;text-align: center;font-size:14px;color:#4db8ff;}
.form-group input[type="radio"]{display: none;}
.form-group input[type="radio"]+label {position: relative;padding:0 0 0 40px;line-height: 30px;margin:0;font-weight: 400;}
.form-group input[type="radio"]+label span{display: inline-block;position: absolute;height: 30px;width: 30px;border:2px solid #ddd;left: 0;top:0;cursor: pointer;}
.form-group input[type="radio"]:checked + label span{border:2px solid #4db8ff;padding: 0 0;}
.form-group input[type="radio"]:checked + label span:before{content: '\f00c';position: absolute;top:0;left: 0;font-family: "Font Awesome 5 Free";font-weight: 900;line-height: 30px;width: 30px;text-align: center;font-size:14px;color:#4db8ff;}

/*border*/
.sw-border-green{border:2px solid green;}

.uyari-basarili{color:green;border:1px solid green;border-radius: 10px;padding:10px 5px;margin:20px 0;}
#swSonuc img{width: 30px;height: auto;margin-bottom: 20px;display: block;margin:0 auto;}

/*page*/
.sw-page-header{}
.sw-page-header h1{margin:0;margin-bottom:15px;padding:15px 0;font-size:26px;font-weight: bold;border-bottom:1px solid #fff;}
.sw-page-body{min-height: 450px;}
.sw-title-iki{margin:0;padding:20px;border-left:2px solid #ddd;font-size:20px;font-weight: bold;margin-bottom: 20px;}
/*bootstrap */
@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
	    max-width: 1188px;
		/*max-width: 65%;*/
	}
	#main-cont{max-width: 65%}
	#main-cont2{max-width: 65%}
	#main-cont3{max-width: 65%}
	#main-cont4{max-width: 65%}
	#urun-cont{max-width: 65%}
}
.breadcrumb{padding: 5px;font-size:12px;float: right;background: none;margin:10px 0;}
/*border*/
#sw-border-red{border:2px solid red;}
#sw-border-red:focus,#sw-border-red:active{border:2px solid red;}
/*text-color*/
.sw-text-red{color:red;}
.sw-uyari-box{border:1px solid #ddd;background: #fff;padding: 50px 15px;text-align: center;margin:20px 0;}
.sw-uyari-box i{display: block;font-size:30px;margin-bottom: 10px;}
/*help*/
.sw-help-block{margin:0;padding:5px 0;}



/*uyarı-box*/
#sw-bilgi-overlay {position:fixed;height:100%;width:100%;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,0.8);display: none;z-index: 99;}
#sw-bilgi-box {max-width: 400px;width: 90%;padding: 20px;position: relative;background: #fff;border:1px solid #aaa;box-shadow: 0 0 5px 0 #bababa;border-radius: 15px;text-align: center;margin:0 auto;top:30%;}
#sw-bilgi-box #sw-bilgi-close {position: absolute;top: -15px;right: -15px;cursor: pointer;color: #000;border:1px solid red;padding:7px 10px;background: #ed0012;color:#fff;border-radius: 10px;box-shadow: 0 0 5px #bababa;}
#sw-bilgi-box .sw-bilgi-title{margin:0;}
#sw-bilgi-box .sw-bilgi-uyari{margin:0;padding:5px 0;}
#sw-bilgi-box .sw-bilgi-buton{list-style: none;margin:0;padding:0;margin:30px 0;text-align: center;display: none;}
#sw-bilgi-box .sw-bilgi-buton>li{display: inline-block;}
#sw-bilgi-box .sw-bilgi-buton>li>a{display: block;padding: 10px 15px;}
#sw-bilgi-box .sw-bilgi-buton>li:nth-child(1)>a{background: #000;color:#fff;}
#sw-bilgi-box .sw-bilgi-buton>li:nth-child(2)>a{background: green;color:#fff;}




/*kredi-karti-odeme*/
.sw-kredi-karti-form{border:1px solid #ddd;padding: 15px;margin-bottom: 30px;}
.sw-kredi-karti-form .sw-guvenli{display: block;text-align: right;font-weight: bold;font-size:13px;color:#444;margin-bottom: 15px;}

.sw-kredi-karti-form .sw-form-box{overflow: hidden;margin-bottom: 30px;}
.sw-kredi-karti-form .sw-form-box .sw-form-box-left{width: 30%;float: left;padding-right: 15px;}
.sw-kredi-karti-form .sw-form-box .sw-form-box-left label{display: block;font-weight: bold;text-align: right;margin:0;color:#444;line-height: 45px;}
.sw-kredi-karti-form .sw-form-box .sw-form-box-right{width: 70%;float: left;}
.sw-kredi-karti-form .sw-form-box .sw-form-box-right .form-control{border-radius: 0;border:1px solid #aaa;height: 45px;}
.sw-kredi-karti-form .sw-form-box .sw-form-box-right .form-control:focus,.sw-kredi-karti-form .sw-form-box .sw-form-box-right .form-control:hover,.sw-kredi-karti-form .sw-form-box .sw-form-box-right .form-control:active{outline: none;box-shadow: none;}

.sw-kredi-karti-form .sw-cvc-uyari{display: block;line-height: 45px;cursor: pointer;}

.sw-kredi-karti-form .sw-kk{overflow: hidden;}
.sw-kredi-karti-form .sw-kk img{display: block;height: auto;width: 200px;max-width: 100%;}
.sw-kredi-karti-form .sw-gecerli-kart{margin:15px 0;overflow: hidden;height: 100%;position: relative;}
.sw-kredi-karti-form .sw-gecerli-kart img{display: block;height: auto;width: 200px;max-width: 100%;float: right;position: absolute;bottom:20px;right: 0;}

@media only screen and (max-width: 767px){
.sw-kredi-karti-form .sw-form-box{margin-bottom: 15px;}
.sw-kredi-karti-form .sw-form-box .sw-form-box-left,.sw-kredi-karti-form .sw-form-box .sw-form-box-right{width: 100%;height: auto;}
.sw-kredi-karti-form .sw-form-box .sw-form-box-left label{text-align: left;}
.sw-kredi-karti-form .sw-kk{display: none;}
.sw-kredi-karti-form .sw-gecerli-kart img{position: relative;bottom:0;}

.sw-kk-number {padding:0 10px;}
.sw-kk-number .col-3 {padding:0 5px;}
}



/*kredi-karti-basarili*/
.sw-kredi-karti-basarili{border:2px dashed #4CAF50;background: #f9f9f9;padding: 30px 15px;margin:30px 0;}
.sw-kredi-karti-basarili i{display: block;font-size:50px;text-align: center;color:#4CAF50;}
.sw-kredi-karti-basarili h3{margin:0;padding:20px 0;text-align: center;color:#4CAF50;font-weight: bold;}
.sw-kredi-karti-basarili p{text-align: center;font-size:18px;}

/*kredi-karti-basarisiz*/
.sw-kredi-karti-red{border:2px dashed #ed0012;background: #f9f9f9;padding: 30px 15px;margin:30px 0;}
.sw-kredi-karti-red i{display: block;font-size:50px;text-align: center;color:#ed0012;}
.sw-kredi-karti-red h3{margin:0;padding:20px 0;text-align: center;color:#ed0012;font-weight: bold;}
.sw-kredi-karti-red p{text-align: center;font-size:18px;}


.sw-siparis-basarili{text-align: center;padding:50px 0;border:5px solid green;background: #fff;margin:20px 0;}
.sw-siparis-basarili i{display: block;font-size:40px;color:green;}
.sw-siparis-basarili h1{font-size:25px;font-weight: bold;color:green;}
.sw-siparis-basarili p{font-size:18px;}
.sw-banka-bilgileri{background: #fff;border:1px solid #ddd;padding: 15px;margin-bottom: 20px;}
.sw-banka-bilgileri table{line-height: 20px;margin-bottom: 20px;}

/*Blog*/
.blog-box{padding: 20px;border: 1px solid #eee;min-height: 450px;margin-bottom: 30px;position: relative;box-shadow: 1px 8px 16px #eee;transition: all .3s ease-in-out}
.blog-box:hover{border-color: #707070}
.blog-box img{display: block;margin: 0 auto}
.blog-box h3{margin: 20px 0;text-align: center;font-size: 22px}
.blog-box p{text-align: center;font-size: 16px}
.blog-box span{position: absolute;bottom: 20px;right: 20px;border: 2px solid #707070;padding: 10px;transition: all .3s ease-in-out}
.blog-box span:hover{background: #707070;color: #fff}