/*
Yazan : Burak Malgaz
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins: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');

html,body {width:100%;height: 100%;}
body{
	font-family: "Poppins", sans-serif;
	font-size:16px;
}
@media only screen and (max-width:767px){
	body{
		font-size:13px;
	}
}
@media only screen and (min-width:992px) and (max-width:1199px){
	body{
		font-size:14px;
	}
}
@media only screen and (min-width:1200px) and (max-width:1400px){
	body{
		font-size:14px;
	}
}
a {
	color: #222;
	text-decoration: none;
}
a:hover,
a:focus {
	text-shadow: none;
	text-decoration: none;
}
a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
img {vertical-align:middle;}
h1,h2,h3,h4,h5,h6{}
@media only screen and (min-width:1400px){
	.container{max-width:1320px;}
}
/*header*/
header{border-bottom:2px solid #8DEAB4;padding:30px 0 0 0;}
header .logo{margin-bottom:30px;}
header .logo img{max-width:100%;height:auto;}
header .contact{display:flex;flex-direction:row;margin-bottom:20px;justify-content:flex-end;}
header .contact>a{display:block;width:fit-content;border:2px solid #8DEAB4;line-height:55px;padding:0 30px;border-radius:30px;color:#8DEAB4;}
header .contact>a>i{font-size:1.3em;}
header .menu{position:relative;}
header .menu .sw-menuTab{display:none;}
header .menu>ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;justify-content:flex-end;}
header .menu>ul>li>a{display:block;width:fit-content;color:#6A708D;font-size:1.12em;position:relative;padding:10px 35px;}
header .menu>ul>li>a:before{content:'';width:100%;height:0;background:#8DEAB4;position:absolute;bottom:0;left:0;z-index:8;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;}
header .menu>ul>li>a:hover:before{height:100%;}
header .menu>ul>li>a>span{position:relative;z-index:9;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;}
header .menu>ul>li>a:hover>span{color:#fff;}
@media only screen and (max-width:991px){
	header{padding:10px 0 0 0;}
	header .logo img{margin:0 auto;display:block;}
	header .contact{justify-content:center;}
	header .menu{margin-bottom:20px;}
	header .menu .sw-menuTab{display:block;background:#5F75E2;color:#fff;padding:10px;}
	header .menu>ul{display:none;flex-direction:unset;justify-content:unset;background:rgba(0,0,0,.9);position:absolute;left:0;width:100%;z-index:9;}
	header .menu>ul>li>a{width:100%;padding:10px 15px;border-bottom:1px dashed #aaa;}
	header .menu>ul>li:last-child>a{border:0;}
}
@media only screen and (min-width:992px) and (max-width:1199px){
	header .logo{height:100%;display:flex;align-items:center;}
}
/*slayt*/
.slide{padding-top:100px;position:relative;background:url('../images/slide-bg.jpg') no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
.slide .top-icon{position:absolute;top:0;right:5%;}
.slide .bottom-icon{position:absolute;bottom:0;left:10%;}
.slide .swiper-slide{padding:100px 0;position:relative;}
.slide .swiper-slide .text{display:flex;flex-direction:column;height:100%;justify-content:center;gap:30px;}
.slide .swiper-slide .text>*{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.slide .swiper-slide .text h2{font-size:2.7em;color:#3E3E3E;transform:translate(0,40px);opacity:0;visibility:hidden;}
.slide .swiper-slide-active .text h2{opacity:1;visibility:visible;transform:translate(0,0);transition-delay:.3s;}
.slide .swiper-slide .text h2>span{display:block;font-weight:700;}
.slide .swiper-slide .text p{font-size:1.2em;opacity:0;visibility:hidden;transform:translate(0,40px);}
.slide .swiper-slide-active .text p{opacity:1;visibility:visible;transform:translate(0,0);transition-delay:.6s;}
.slide .swiper-slide .text .more{display:block;width:fit-content;background:#5F75E2;border-radius:30px;line-height:55px;color:#8DEAB4;padding:0 30px;opacity:0;visibility:hidden;transform:translate(0,40px);}
.slide .swiper-slide-active .text .more{opacity:1;visibility:visible;transform:translate(0,0);transition-delay:.9s;}
.slide .swiper-slide .img{position:relative;}
.slide .swiper-slide .img .img1{width:100%;height:auto;position:absolute;top:0;left:0;z-index:7;transform:translate(0,-15%) scale(0);transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;}
.slide .swiper-slide-active .img .img1{transform:translate(0,-15%) scale(1);transition-delay:.3s;}
.slide .swiper-slide .img .img2{width:100%;height:auto;position:relative;z-index:8;transform:translate(0,20px);transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;}
.slide .swiper-slide-active .img .img2{transform:translate(0,0);transition-delay:.6s;}
@media only screen and (max-width:991px){
	.slide{padding-top:50px;}
	.slide .swiper-slide .text{padding-bottom:50px;position:relative;z-index:9;}
	.slide .swiper-slide .text h2{font-size:2em;}
}
@media only screen and (min-width:992px) and (max-width:1199px){
	.slide{padding-top:50px;}
	.slide .swiper-slide .text h2{font-size:2em;}
}
@media only screen and (min-width:1200px) and (max-width:1400px){
	.slide{padding-top:50px;}
	.slide .swiper-slide .text h2{font-size:2em;}
}
/*m2*/
.m2{padding: 100px 0 50px 0;}
.m2 .sw-text{margin-bottom:50px;position:relative;z-index:99;}
.m2 .sw-text h2{font-size:26px;margin-bottom: 40px;}
.m2 .sw-text h2 a{color:#5F75E2;}
.m2 .sw-text .content{font-size:20px;line-height:40px;margin-bottom:30px;}
.m2 .sw-text .more{display:block;font-size:15px;color:#5F75E2;line-height: 32px;}
.m2 .sw-text-2{position:relative;text-align:center;margin-bottom:50px;padding:10px 10px 10px 80px;z-index:99;}
.m2 .sw-text-2:before{content:'';width:150%;height:100%;top:0;right:0;background:#8DEAB4;z-index:1;box-shadow:9px 11px 17px #00000017;transform:skewX(-25deg);position:absolute;}
.m2 .sw-text-2 img{position: absolute;left:0;top:15px;z-index: 9;}
.m2 .sw-text-2 span{display: block;font-size:35px;font-weight:900;font-style:italic;color:#ffffff;z-index: 9;position: relative;}
.m2 .sw-img{height:100%;display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;margin-bottom:30px;}
.m2 .sw-img img{display:block;max-width:100%;height:auto;}
@media only screen and (max-width:767px){
	.m2 .sw-text-2 span{font-size:20px;}
	.m2 .sw-text-2:before{right:15px;}
}
/*m3*/
.m3{padding:100px 0 50px 0;}
.m3 .t{margin-bottom:100px;}
.m3 .t h2{line-height:1;font-size:60px;font-weight:700;position: relative;width:100%;text-align: center;}
.m3 .t h2 span:nth-child(1){font-size:120px;font-weight:900;color:#5F75E2;opacity:.25;position:absolute;left:0;right:0;bottom:0;}
.m3 .box{margin-bottom:50px;}
.m3 .box img{display:block;margin:0 auto 30px auto;max-width:100%;height:auto;}
.m3 .box h3{font-size:20px;font-weight:700;margin-bottom:30px;text-align:center;}
.m3 .box p{color:#000;font-size:17px;line-height:20px;text-align:center;}
@media only screen and (max-width:767px){
	.m3 .t h2 span:nth-child(1){font-size:75px;bottom:-30px;}
}
/*m4*/
.m4{position:relative;padding:50px 0;}
.m4:before{content: '';width: 50%;left:0;top:0;position: absolute;height: 100%;background:url('../images/main-5-bg.jpg') no-repeat center center;background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-moz-background-size:cover;}
.m4 .sw-list{margin:50px 0;position:sticky;top:10px;bottom:10px;}
.m4 .sw-list h2{font-size:36px;font-weight:900;margin-bottom:75px;}
.m4 .sw-list h2 a{color:#5F75E2;}
.m4 .sw-list ul{list-style:none;margin:0;padding:0;}
.m4 .sw-list ul>li{position: relative;padding-left:30px;margin-bottom:20px;}
.m4 .sw-list ul>li>.num{font-size:15px;color:#5F75E2;position: absolute;top:0;left:0;text-decoration:none;}
.m4 .sw-list ul>li>span{font-size:22px;line-height:25px;text-decoration:underline;color:#000;font-weight:700;text-transform:uppercase;cursor: pointer;transition: all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;}
.m4 .sw-list ul>li>span:hover{color:#5F75E2;}
.m4 .sw-box{position:relative;}
.m4 .sw-box img{width:100%;height:auto;}
.m4 .sw-box .t{position:absolute;bottom:30px;right:30px;background:rgba(255,255,255,.5);padding:20px;width:300px;max-width: 90%;}
.m4 .sw-box .t h3{font-size:30px;font-weight:700;text-align:center;}
.m4 .sw-box .t span{display:block;font-size:16px;font-weight:700;text-align:center;}
@media only screen and (min-width:992px) and (max-width:1440px){
	.m4 .sw-list{margin:0;}
	.m4 .sw-list h2{font-size:30px;}
	.m4 .sw-list ul>li>span{font-size:18px;}
}
/*m5*/
.m5{padding:50px 0;}
.m5 .sw-box-1{margin-bottom:50px;padding:50px 20px 75px 20px;position:sticky;top:10px;bottom:10px;background:url('../images/m5-box-bg.jpg') no-repeat center center;background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-moz-background-size:cover;}
.m5 .sw-box-1 h2{font-size:30px;font-weight:900;font-style:italic;line-height:40px;color:#000;}
.m5 .sw-box-1 h2 strong{color:#5F75E2;}
.m5 .sw-img{}
.m5 .sw-img img{width:100%;height:auto;}
.m5 .sw-box-2{height:100%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;background:#f7f6f6;padding:40px 0;min-height:275px;}
.m5 .sw-box-2 img{display:block;margin:0 auto;max-width:100%;height:auto;}
.m5 .sw-box-2 span{display:block;font-size:30px;line-height:40px;text-align:center;font-style:italic;}
.m5 .sw-box-2 span strong{color:#008B4A;}
/*-------------------------------------------------------------------------------------------------------------------------------------------
FOOTER.php
-------------------------------------------------------------------------------------------------------------------------------------------*/
footer{padding: 100px 0 50px 0;background-color: #000;background:url('../images/footer-bg.jpg') no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
footer .f-logo{margin-bottom:50px;}
footer .f-logo img{max-width:100%;height:auto;}
footer .list{margin-bottom: 50px;}
footer .list h3{font-size:23px;color:#fff;}
footer .list>ul{list-style:none;margin:0;padding:0;margin-bottom:10px;}
footer .list>ul>li{}
footer .list>ul>li>a{display:block;line-height:30px;position:relative;font-size:14px;color:#fff;}
footer .list>ul>li>a:hover{color:#5F75E2}
footer .list>ul>li>a>i{width:20px;height:20px;font-size:14px;color:#fff;border:1px solid #fff;border-radius:50%;line-height:20px;text-align:center;}
footer .service-list>ul>li>a{text-transform:uppercase;}
footer .address{margin-bottom: 50px;}
footer .address h3{font-size:23px;color:#fff;margin-bottom:10px;}
footer .address>ul{list-style: none;margin: 0;padding: 0;}
footer .address>ul>li{margin-bottom: 10px;}
footer .address>ul>li>a{display: block;line-height: 1.3;padding: 0 0 0 40px;position: relative;font-size: 14px;color:#fff;}
footer .address>ul>li>a:hover{color:#5F75E2;}
footer .address>ul>li>a>i{position: absolute;left: 0;line-height: 25px;text-align: center;width: 25px;height: 25px;border-radius:50%;}
footer .social-media{}
footer .social-media h3{font-size:23px;color:#fff;margin-bottom:10px;}
footer .social-media>ul{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;}
footer .social-media>ul>li{}
footer .social-media>ul>li>a{display: block;width: 40px;height: 40px;font-size:30px;color:#fff;border-radius: 50%;margin: 0 auto;line-height: 40px;text-align: center;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;}
footer .social-media>ul>li>a:hover{color:#5F75E2;}
footer .social-media>ul>li>a:hover{background: #ddd;}
footer .copyright{margin-top:100px;font-size: 12px;text-align: center;color:#fff;line-height: 1.1}
/*footer-link*/
.sw-footer-link-box{margin-bottom: 20px;}
.sw-footer-link-box a{display: block;padding:5px 0;text-align: center;}
/*-------------------------------------------------------------------------------------------------------------------------------------------
Saruhan Web Logo
-------------------------------------------------------------------------------------------------------------------------------------------*/
#saruhanweb a{display: block;}
.tooltip-inner {width: 130px;font-size:12px;}
@media only screen and (max-width:991px) {
#saruhanweb {text-align:center;background:#111;position:fixed;bottom:50px;right:-30px;transform:rotate(270deg);border-radius:5px 5px 0 0;z-index:999;}
}
@media only screen and (min-width:992px){
#saruhanweb {position:fixed;right:0;bottom:5px;padding-right:10px;background:rgba(0,0,0,0.8);border-radius:5px 0 0 5px;z-index:9999;width:80px;}
#saruhanweb img{width:100%;height:auto;}
}
/*-------------------------------------------------------------------------------------------------------------------
GENEL
--------------------------------------------------------------------------------------------------------------------*/
.sw-page-header{padding:80px 0 30px 0;background-color: #eee;overflow: hidden;background-image:url('../images/footer-bg.jpg');background-repeat: no-repeat;background-position: center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}
.sw-page-header .sw-title{font-size: 40px;font-weight: bold;text-align: center;color:#fff;}
.sw-page-body{padding-top:30px;}
.sw-page-body .sw-sub-title{border-bottom:2px solid #ddd;font-size:20px;padding: 10px 0;font-weight: bold;margin-bottom: 30px;}
.sw-page-footer{padding:30px 0 0 0;background: #f9f9f9;margin-bottom: 30px;}
.sw-cursor{cursor: pointer;}
.sw-uyari-box{border:2px dashed #ddd;margin-bottom:30px;padding:50px 25px;text-align: center;}
/*cookieNotice*/
.cookieNotice{position: fixed;bottom: 3px;width:400px;margin: 0 auto;left: 0;right: 0;background: #444;padding:20px 10px 10px 10px;z-index: 9999;border-radius: 5px;max-width: 99%;}
.cookieNotice .close{position: absolute;top: 0;right: 0;width: 30px;height: 30px;line-height: 20px;text-align: center;font-size: 16px;color: #ddd;z-index: 99999;}
.cookieNotice p{font-size: 12px;line-height: 1.2;color: #eee;text-align: center;margin-bottom: 5px;}
.cookieNotice .btn-group{width: 100%;height: auto;overflow: hidden;text-align: center;display: block;}
.cookieNotice .btn-group a{display: inline-block;line-height: 25px;border-radius: 5px;padding: 0 20px;margin: 0 2px;font-size: 13px;}
.cookieNotice .btn-group a:hover,.cookieNotice .btn-group a:active{opacity: .7;}
.cookieNotice .btn-group .accept{background: green;color: #fff;}
.cookieNotice .btn-group .info{background: #aaa;color: #000;}
/*line-clamp*/
.sw-line-clamp-1{display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow: hidden;}
.sw-line-clamp-2{display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow: hidden;}
.sw-line-clamp-3{display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow: hidden;}
.sw-line-clamp-4{display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow: hidden;}
.sw-line-clamp-5{display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow: hidden;}
/*-------------------------------------------------------------------------------------------------------------------------------------------
Güvenlik Kodu
-------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-guvenlik{background: #fff;position: relative;border:1px solid #ccc;text-align: center;padding: 2px 60px 2px 5px;height: 45px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.sw-guvenlik .yenile{position: absolute;padding:7px 0;top:0;right:0;width: 40px;text-align: center;}
.gkodu::-webkit-input-placeholder {/* Edge */font-size:12px;}
.gkodu:-ms-input-placeholder {/* Internet Explorer 10-11 */font-size:12px;}
.gkodu::placeholder {font-size:12px;}
/*-----------------------------------------------------------------------------------------------------------------------------------------
urun-rating
-----------------------------------------------------------------------------------------------------------------------------------------*/
.sw-urun-rating{overflow: hidden;}
.sw-urun-rating .sw-rating-show>ul{list-style: none;margin:0;padding:0;width: 120px;float: right;text-align: center;}
.sw-urun-rating .sw-rating-show>ul>li{display: inline-block;color:#ddd;}
.sw-urun-rating .sw-rating-show>ul>li .active{color:#ffa300;}
/*-------------------------------------------------------------------------------------------------------------------------------------------
Breadcrumb
-------------------------------------------------------------------------------------------------------------------------------------------*/
.breadcrumb {display:block;padding: 8px 15px;margin-top:15px;border-radius: 0;margin-bottom: 20px;list-style: none;background-color: unset;font-size:12px;text-align: center;}
.breadcrumb > li {display: inline-block;}
.breadcrumb > li + li:before {padding: 0 5px;color: #ccc;content: "/\00a0";}
.breadcrumb > .active {color: #777;}
/*-------------------------------------------------------------------------------------------------------------------------------------------
Alert
-------------------------------------------------------------------------------------------------------------------------------------------*/
.alert {border-radius: 0;padding:15px 15px 15px 45px;}
/*.alert-info{background-color:#2d9bd2;border:1px solid #247ca8;color:#fff;padding:15px 15px 15px 45px;position: relative;border-radius: 0;}*/
.alert-info:before{content: '\f05a';font-family: 'Font Awesome 5 Free';font-weight: 900;font-size:22px;position: absolute;top:15px;left:15px;}
/*.alert-danger{background-color:#b64949;border:1px solid #923a3a;color:#fff;padding:15px 15px 15px 45px;position: relative;border-radius: 0;}*/
.alert-danger:before{content: '\f071';font-family: 'Font Awesome 5 Free';font-weight: 900;font-size:22px;position: absolute;top:15px;left:15px;}
/*.alert-warning{background-color:#e7c418;border:1px solid #b99d13;color:#fff;padding:15px 15px 15px 45px;position: relative;border-radius: 0;}*/
.alert-warning:before{content: '\f06a';font-family: 'Font Awesome 5 Free';font-weight: 900;font-size:22px;position: absolute;top:15px;left:15px;}
/*.alert-success{background-color:#67b847;border:1px solid #539339;color:#fff;padding:15px 15px 15px 45px;position: relative;border-radius: 0;}*/
.alert-success:before{content: '\f058';font-family: 'Font Awesome 5 Free';font-weight: 900;font-size:22px;position: absolute;top:15px;left:15px;}
/*pagination*/
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination > li {display: inline;}
.pagination > li > a,.pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pagination > li:first-child > a,.pagination > li:first-child > span {margin-left: 0;/*border-top-left-radius: 4px;*//*border-bottom-left-radius: 4px;*/}
.pagination > li:last-child > a,.pagination > li:last-child > span {/*border-top-right-radius: 4px;*//*border-bottom-right-radius: 4px;*/}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {z-index: 2;color: #23527c;background-color: #eee;border-color: #ddd;}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {z-index: 3;color: #fff;cursor: default;background-color: #ddd;border-color: #aaa;}
.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}
.pagination-lg > li > a,.pagination-lg > li > span {padding: 10px 16px;font-size: 18px;line-height: 1.3333333;}
.pagination-lg > li:first-child > a,.pagination-lg > li:first-child > span {border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.pagination-lg > li:last-child > a,.pagination-lg > li:last-child > span {border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.pagination-sm > li > a,.pagination-sm > li > span {padding: 5px 10px;font-size: 12px;line-height: 1.5;}
.pagination-sm > li:first-child > a,.pagination-sm > li:first-child > span {border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.pagination-sm > li:last-child > a,.pagination-sm > li:last-child > span {border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
/*-------------------------------------------------------------------------------------------------------------------------------------------
Sosyal Medya Renkleri
-------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-facebook-bg{background: #3b5998;border: 1px solid #3b5998;color:#fff;}
.sw-instagram-bg{background: linear-gradient(to right,#002aff,#772abd,#ee2a7b,#f48c56,#f9ed32);border: 1px solid #fff;color:#fff;}
.sw-twitter-bg{background: #00aced;border: 1px solid #00aced;color:#fff;}
.sw-youtube-bg{background: #bb0000;border: 1px solid #bb0000;color:#fff;}
.sw-google-bg{background: #dd4b39;border: 1px solid #dd4b39;color:#fff;}
.sw-telegram-bg{background: #0088cc;border: 1px solid #0088cc;color:#fff;}
.sw-linkedin-bg{background: #007bb5;border: 1px solid #007bb5;color:#fff;}
.sw-whatsapp-bg{background: linear-gradient(to bottom,#4aaa4e,#2f6a31);border: 1px solid #2f6a31;color:#fff;}
.sw-map-bg{background: #00bf8f;border: 1px solid #00bf8f;color:#fff;}
/*-------------------------------------------------------------------------------------------------------------------------------------------
onceki-sonraki butonlari
-------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-onceki-btn{margin-bottom:30px;position: relative;border:1px solid #ddd;padding:20px 10px 20px 55px;background: #fff;}
.sw-onceki-btn i{position: absolute;width:40px;height: 100%;font-size:30px;background: #eee;color:#aaa;left:0;top:0;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;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-onceki-btn h2{font-size:18px;margin:0;margin-bottom:10px;font-weight: bold;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.sw-onceki-btn h4{font-size:16px;margin:0;margin-bottom:10px;font-weight: bold;}
.sw-onceki-btn p{margin-bottom: 10px;}
.sw-onceki-btn:hover i{padding-right:15px;}
.sw-sonraki-btn{width: 100%;height: auto;margin-bottom:30px;position: relative;border:1px solid #ddd;padding:20px 55px 20px 10px;text-align: right;background: #fff;}
.sw-sonraki-btn i{position: absolute;width:40px;height: 100%;font-size:30px;background: #eee;color:#aaa;right:0;top:0;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;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-sonraki-btn h2{font-size:18px;margin:0;margin-bottom:10px;font-weight: bold;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.sw-sonraki-btn h4{font-size:16px;margin:0;margin-bottom:10px;font-weight: bold;}
.sw-sonraki-btn p{margin-bottom:10px;}
.sw-sonraki-btn:hover i{padding-left:15px;}
/*-------------------------------------------------------------------------------------------------------------------------------------------
urunler.php urun-box
-------------------------------------------------------------------------------------------------------------------------------------------*/
/*kategori*/
.sw-urun-kategori-box{background: #fff;padding: 10px 10px 10px 130px;border:1px solid #ddd;margin-bottom: 30px;position: relative;min-height: 125px;}
.sw-urun-kategori-box img{position: absolute;top:10px;left: 10px;border:1px solid #eee;}
.sw-urun-kategori-box h3{font-size:16px;font-weight: bold;color:#666;padding: 10px 0 0 0;margin:0 0 10px 0;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow: hidden;}
.sw-urun-kategori-box p{font-size:14px;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow: hidden;line-height: 25px;}
/*urun*/
.sw-urun-box{border:1px solid #ddd;padding: 10px;margin-bottom: 10px;background: #fff;}
.sw-urun-box-header{}
.sw-urun-box-header img{width: 100%;height: auto;}
.sw-urun-box-body{}
.sw-urun-box-body h2{font-size:16px;font-weight: bold;height:55px;line-height: 20px;;padding: 15px 0 0 0;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow: hidden;}
.sw-urun-box-footer{}
.sw-urun-box-footer .sw-fiyat{min-height: 75px;}
.sw-urun-box-footer .sw-fiyat label{margin:0;padding: 0;font-size:13px;font-weight: bold;color: #444;}
.sw-urun-box-footer .sw-fiyat ul{list-style: none;margin:0;padding: 0;overflow: hidden;}
.sw-urun-box-footer .sw-fiyat ul>li{float: left;margin-right: 15px;}
.sw-urun-box-footer .sw-fiyat ul>.sw-eski-fiyat{font-size:14px;}
.sw-urun-box-footer .sw-fiyat ul>.sw-yeni-fiyat{font-size:20px;font-weight: bold;}
/*-------------------------------------------------------------------------------------------------------------------------------------------
urun.php
-------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-urun-header{background: #fff;padding:15px;position: relative;margin-bottom: 30px;box-shadow: 0 0 3px 0 #bababa;}
/*urun resim slayt bolumu*/
.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: 450px;}.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;}
/*title*/
.sw-urun-title{border-bottom:1px solid #ddd;font-size:25px;font-weight: bold;padding:20px 0;margin-bottom: 20px;}
/*ust-rating*/
.sw-urun-header-rating{margin-bottom: 20px;overflow: hidden;}
.sw-urun-header-rating>ul{list-style: none;margin:0;padding:0;float: right;margin-left:-2px;margin-right: -2px;}
.sw-urun-header-rating>ul>li{float: left;margin-bottom: 5px;padding: 0 2px;}
@media (max-width: 767px) {.sw-urun-header-rating>ul>li{width: 100%;}}
@media (min-width: 768px) and (max-width: 991px) {.sw-urun-header-rating>ul>li{width: 100%;}}
@media (min-width: 992px) and (max-width: 1199px) {.sw-urun-header-rating>ul>li{width: 50%;}}
.sw-urun-header-rating>ul>li>span{display:block;font-size:12px;border:1px solid #ddd;border-radius: 5px;padding:1px 5px;line-height: 28px;background: #eee;font-weight: bold;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;}
/*fiyat*/
.sw-urun-fiyat{border:1px solid #ddd;margin-bottom: 20px;background: #f9f9f9;overflow: hidden;padding: 10px;}
.sw-urun-fiyat>label{display: block;font-weight: bold;}
.sw-urun-fiyat>ul{list-style: none;margin:0;padding:0;overflow: hidden;}
.sw-urun-fiyat>ul>li{}
.sw-urun-fiyat>ul>li>.eski-fiyat{text-decoration: line-through;color:#aaa;}
.sw-urun-fiyat>ul>li>.yeni-fiyat{font-size:25px;color:#000;font-weight: bold;}
/*hemen-ulasin*/
.sw-urun-hemen-ulas{margin-bottom:20px;}
.sw-urun-hemen-ulas>label{display: block;font-weight: bold;}
.sw-urun-hemen-ulas>ul{list-style: none;margin:0;padding:0;overflow: hidden;margin-left:-4px;margin-right: -4px;}
.sw-urun-hemen-ulas>ul>li{float:left;width: 33.33%;padding:0 2px;}
.sw-urun-hemen-ulas>ul>li>a{border-radius: 5px;display: block;text-align: center;padding:10px 0;color:#fff;border:2px solid #ddd;}
.sw-urun-hemen-ulas>ul>li>a>i{display: block;font-size:25px;margin-bottom: 10px;padding: 5px 0;}
.sw-urun-hemen-ulas>ul>li>a>span{display: block;font-size:13px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;line-height: 20px;}
@media (max-width: 767px) {.sw-urun-hemen-ulas>ul>li>a>span{min-height: 40px;padding:0 5px;}}
@media (min-width: 768px) and (max-width: 991px) {.sw-urun-hemen-ulas>ul>li>a>span{padding:0 13px;}}
@media (min-width: 992px) and (max-width: 1199px) {.sw-urun-hemen-ulas>ul>li>a>span{min-height: 40px;padding:0 13px;}}
@media (min-width: 1200px) {.sw-urun-hemen-ulas>ul>li>a>span{padding:0 13px;}}
.sw-urun-whatsapp-btn{background: #2f6a31;background: linear-gradient(to bottom,#4aaa4e,#2f6a31);border: 2px solid #2f6a31;transition: all 500ms ease-in-out;-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;}
.sw-urun-whatsapp-btn:hover{background: #2f6a31;background: linear-gradient(to bottom,#2f6a31,#4aaa4e);border: 2px solid #2f6a31;}
.sw-urun-hemen-ara-btn{background: #5b049f;background: linear-gradient(to bottom,#7006c3,#5b049f);border: 2px solid #5b049f;transition: all 500ms ease-in-out;-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;}
.sw-urun-hemen-ara-btn:hover{background: #5b049f;background: linear-gradient(to bottom,#5b049f,#7006c3);border: 2px solid #5b049f;}
/*urun nav tab menu*/
.sw-urun-tab-nav .tab-content .tab-pane{padding-top:15px;}
.sw-urun-tab-nav .nav-tabs .nav-item.show .nav-link,.sw-urun-tab-nav  .nav-tabs .nav-link.active{color: #000;background-color: #aaa;border-color: #aaa;font-size:18px;font-weight: bold;}
.sw-urun-tab-nav .nav-tabs{border-bottom: 1px solid #aaa;}
.sw-urun-tab-nav .nav-tabs .nav-link{border-radius: 0;background: #efefef;font-size:18px;font-weight: bold;}
.sw-urun-tab-nav .nav-tabs .nav-link:hover{background: #ddd;}
@media (max-width: 767px) {.sw-urun-tab-nav .nav-tabs{display: block;}}
@media (min-width: 768px) and (max-width: 991px) {.sw-urun-tab-nav .nav-tabs{display: block;}}
/*urun degelendirme ve yorumlar bolumu*/
.sw-urun-yorum{}
/*urun degelendirme - 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;}
.sw-urun-rating-table>ul>li{font-size:13px;line-height: 22px;padding: 1px;overflow: hidden;}
.sw-urun-rating-table>ul>li>span{display: block;float: left;width: 80px;background: #ddd;margin:0;padding: 1px 5px;font-weight: bold;}
.sw-urun-rating-table>ul>li>p{float: left;width: calc(100% - 140px);background: #fff;position: relative;min-height: 24px;margin:0;background: #f9f9f9;border-bottom:1px solid #eee;border-top:1px solid #eee;}
.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{display:block;float: left;width: 60px;background: #eee;margin:0;padding: 1px 5px;text-align: center;}
/*urun degerlendirme - rating*/
.sw-urun-body-rating{border:2px solid #ddd;width: 100%;height: auto;margin-bottom: 30px;padding:15px;}
.sw-urun-body-rating>label{display: block;font-size:18px;font-weight: bold;color:#000;margin:0 0 25px 0;}
.sw-urun-body-rating .stars {width: auto;display: inline-block;}
.sw-urun-body-rating input.star {display: none;}
.sw-urun-body-rating label.star {margin:0;float: right;padding: 0 5px;font-size: 30px;color: #ddd;transition: all .2s;}
.sw-urun-body-rating input.star:checked ~ label.star:before {content: '\f005';color: #FD4;transition: all .25s;font-weight: 900;}
.sw-urun-body-rating input.star-5:checked ~ label.star:before {color: #FE7;}
.sw-urun-body-rating input.star-1:checked ~ label.star:before {color: #F62;}
.sw-urun-body-rating input.star-2:hover ~ label.star-1 {color: #F62;}
.sw-urun-body-rating input.star-3:hover ~ label.star-1,.sw-urun-body-rating input.star-3:hover ~ label.star-2 { color: #F62; }
.sw-urun-body-rating input.star-4:hover ~ label.star-1,.sw-urun-body-rating input.star-4:hover ~ label.star-2,.sw-urun-body-rating input.star-4:hover ~ label.star-3 { color: #F62; }
.sw-urun-body-rating input.star-5:hover ~ label.star-1,.sw-urun-body-rating input.star-5:hover ~ label.star-2,.sw-urun-body-rating input.star-5:hover ~ label.star-3,.sw-urun-body-rating input.star-5:hover ~ label.star-4 {color: #F62;}
.sw-urun-body-rating label.star:hover {color: #ffa300;}
.sw-urun-body-rating label.star:before {content: '\f005';font-family: 'Font Awesome 5 Free';font-weight: 400;}
/*urun-notu*/
.sw-u-yorum-btn-group{margin-bottom: 20px;}
.sw-u-yorum-btn-group>ul{list-style: none;margin:0;padding: 0;overflow: hidden;}
.sw-u-yorum-btn-group>ul>.sw-urun-notu{}
.sw-u-yorum-btn-group>ul>.sw-urun-notu span{display: block;margin:0;padding: 15px 0;float: left;margin-right: 15px;}
.sw-u-yorum-btn-group>ul>.sw-urun-notu span .sw-urun-rating{float: left;}
.sw-u-yorum-btn-group>ul>li>.sw-btn{cursor: pointer;font-weight: bold;padding: 15px 0;display: block;float: right;font-size:14px;padding: 3px 10px;background: #ddd;border-radius: 3px;transition: all 250ms ease-in-out;-webkit-transition: all 250ms ease-in-out;-o-transition: all 250ms ease-in-out;-moz-transition: all 250ms ease-in-out;}
.sw-u-yorum-btn-group>ul>li>.sw-btn:hover{background: #aaa;}/*renk*/
@media (min-width: 320px) {.sw-u-yorum-btn-group>ul>li{width: 100%;}}
@media (min-width: 768px) {.sw-u-yorum-btn-group>ul>li{float: left;width: 50%;}}
@media (min-width: 992px) {.sw-u-yorum-btn-group>ul>li{float: left;width: 50%;}}
@media (min-width: 1200px) {.sw-u-yorum-btn-group>ul>li{float: left;width: 50%;}}
/*urun yorumları kullanıcı blokları*/
.sw-u-yorum-blok{border:1px solid #ddd;margin-bottom: 20px;padding: 10px 10px 0 60px;position: relative;}
.sw-u-yorum-blok .user{background: #f9f9f9;border-radius: 10px;padding: 10px;margin-bottom: 10px;}
.sw-u-yorum-blok .user .user-icon{position: absolute;top:15px;left:10px;opacity: 0.5;max-width: 40px;height: auto;}
.sw-u-yorum-blok .user .user-body h4{font-size:16px;font-weight: bold;margin:0;padding: 5px 0;}
.sw-u-yorum-blok .user .user-body h4>span{float: left;width: 70px;margin-right: 10px;padding-top: 3px;}
.sw-u-yorum-blok .user .user-body h5{font-size:15px;font-weight:bold;padding:10px 0;margin:0;color:#333;}
.sw-u-yorum-blok .user .user-body p{font-size:14px;margin:0;padding:0;line-height: 25px;word-wrap:break-word;}
.sw-u-yorum-blok .sw-tarih{text-align: right;display: block;margin:0;}
.sw-u-yorum-blok .user .sw-urun-rating{width: 94px;font-size:10px;}
.user-cevap{margin-bottom: 10px;padding: 0 50px 0 0;position: relative;}
.user-cevap .user-cevap-body{background: #eee;border-radius: 10px;padding: 10px;}
.user-cevap .user-cevap-body p{font-size:14px;margin:0;padding:0;line-height: 25px;word-wrap:break-word;}
.user-cevap .admin-icon{position: absolute;right: 0;top:0;width: 40px;height: auto;opacity: 0.2;}
/*form*/
.sw-urun-yorum input{height: 45px;}
.sw-urun-yorum .form-group label{font-weight: bold;}
.sw-urun-yorum .form-group .form-control{border-radius: 0;border:2px solid #ddd;}
.sw-urun-yorum .form-group .btn{height: 45px;border-radius: 0;background: #ddd;font-size:18px;font-weight: bold;}
.sw-urun-yorum .sw-guvenlik{border:2px solid #ddd;}
/*-------------------------------------------------------------------------------------------------------------------------------------------
iletisim.php
-------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-iletisim-bilgi{margin-bottom: 15px;overflow: hidden;}
.sw-iletisim-bilgi>ul{margin:0;padding: 0;list-style: none;overflow: hidden;}
.sw-iletisim-bilgi>ul>li{padding:9px 0 9px 55px;overflow: hidden;position: relative;margin-bottom: 5px;font-size:16px;border-bottom:1px solid #ddd;}
.sw-iletisim-bilgi>ul>li>i{width: 40px;height: 40px;position: absolute;left:0;top:0;border-radius: 5px;font-size:16px;background: #ddd;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;}
/*whatsapp-paylas*/
.sw-iletisim-paylas{margin-bottom: 15px;}
.sw-iletisim-paylas>a{display: block;border-radius:5px;padding: 10px;color:#fff;}
.sw-iletisim-paylas>a>i{font-size:30px;width: 40px;text-align: center;color:#eee;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-iletisim-paylas>a:hover>i{transform: scale(1.2);}
/*sosyalmedya*/
.sw-iletisim-sosyalmedya{overflow: hidden;margin-bottom: 30px;}
.sw-iletisim-sosyalmedya>ul{overflow: hidden;list-style: none;margin:0;padding:0;}
.sw-iletisim-sosyalmedya>ul>li{float:left;width: 12.50%;padding:0 1px;}
.sw-iletisim-sosyalmedya>ul>li>a{display: block;padding: 11px 0;text-align: center;font-size:20px;transition: 500ms;border-radius: 5px;color:#fff;}
.sw-iletisim-sosyalmedya>ul>li>a>i{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-iletisim-sosyalmedya>ul>li>a:hover i{transform: scale(1.2);}
/*harita*/
.sw-iletisim-harita{margin-bottom: 30px;border:1px solid #ddd;padding: 5px;}
.sw-iletisim-harita iframe{width: 100%;height: 450px;vertical-align: middle;}
/*form*/
.sw-iletisim-form{margin-bottom: 30px;}
.sw-iletisim-form label{display: block;padding: 5px 0;margin:0;font-size:14px;font-weight: bold;}
.sw-iletisim-form .form-control{border-radius: 0;}
.sw-iletisim-form input[type="text"]{height: 45px;}
.sw-iletisim-form .form-group .btn{border-radius:0;height: 45px;background: #aaa;}
/*-------------------------------------------------------------------------------------------------------------------------------------------
galeri.php
-------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-galeri-box{width:100%;height:auto;border:1px solid #fff;position: relative;margin-bottom: 10px}
.sw-galeri-box img{width: 100%;height: auto;}
.sw-galeri-box h2{opacity: 0;visibility: hidden;transform: scale(0);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;position: absolute;background: rgb(0,0,0,0.5);position: absolute;top:0;left:0;width: 100%;height: 100%;font-size:16px;color:#fff;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-galeri-box .sw-icon{font-size:30px;color: #ddd;width: 40px;text-align: center;left: 0;right: 0;position: absolute;margin:0 auto;top:15%;}
.sw-galeri-box:hover h2{opacity: 1;visibility: visible;transform: scale(1) rotate(360deg);}
.galeri-nav{margin-bottom: 20px}
.galeri-nav .active{background-color: #dd0000!important;color: #fff!important}
/*-------------------------------------------------------------------------------------------------------------------------------------------
video-galeri.php
-------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-video-kutu{width: 100%;height: auto;border:1px solid #ddd;margin-bottom: 30px;}
.sw-video-kutu-header{width: 100%;height: auto;min-height: 160px;}
.sw-video-kutu-body{width: 100%;height: auto;position: relative;padding:0 0 0 50px;background: #eee}
.sw-video-kutu-body img{position: absolute;left:10px;top:8px;filter: grayscale(100%);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-video-kutu:hover img{filter: grayscale(0);}
.sw-video-kutu-body h2{font-size:14px;font-weight: bold;padding:10px 10px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;}
.sw-video-kutu-footer{width: 100%;height: auto;text-align: right;font-size:12px;color:#999;padding:0 10px;}
/*-------------------------------------------------------------------------------------------------------------------------------------------
video-galeri-kategori.php
-------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-video-cat-box{border:1px solid #ddd;margin-bottom:30px;}
.sw-video-cat-box .img{}
.sw-video-cat-box .img img{max-width: 100%;height: 200px;object-fit: cover;}
.sw-video-cat-box .content{}
.sw-video-cat-box .content h2{font-size:16px;font-weight: 700;padding:5px;text-align: center;}
/*-------------------------------------------------------------------------------------------------------------------------------------------
sayfa.php - sidebar-sayfa.php
-------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-sayfa-kapak-bir{margin-bottom: 15px;}
.sw-sayfa-kapak-bir img{width: 100%;height: auto;}
.sw-sayfa-kapak-iki{float: left;margin:0 15px 15px 0;}
.sw-sayfa-kapak-iki img{display: block;max-width: 100%;}
@media only screen and (max-width: 767px){
.sw-sayfa-kapak-iki{float: unset;margin:0;}
.sw-sayfa-kapak-iki img{width: 100%;height: auto;}
}
.sw-sidebar-list{margin-bottom: 30px;}
/*icerik*/
.sw-sayfa-icerik{margin-bottom: 30px;overflow: hidden;}
/*ek-resim*/
.sw-sayfa-ek-resim-blok{margin-bottom: 30px;}
.sw-sayfa-ek-resim{width: 100%;height: auto;border:1px solid #fff;position: relative;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-sayfa-ek-resim img{width: 100%;height: auto;}
.sw-sayfa-ek-resim:hover{transform: scale(1.1);z-index: 99;}
/*etiket*/
.sw-sayfa-etiket{overflow: hidden;margin-bottom: 30px;}
.sw-sayfa-etiket a{display: block;float:left;padding:1px 15px 1px 25px;margin-bottom: 7px;position: relative;margin-right: 7px;font-size:14px;border-radius: 5px;transition: all 150ms ease-in-out;}
.sw-sayfa-etiket a:hover{background: #eee;}
.sw-sayfa-etiket a i{color:#ccc;position: absolute;left: 5px;top:5px;font-size:15px;}
/*-------------------------------------------------------------------------------------------------------------------------------------------
etiket.php
-------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-etiket-kutu{width: 100%;height: auto;border:1px solid #eee;padding: 15px 15px 15px 50px;margin-bottom: 30px;position: relative;}
.sw-etiket-kutu-icon{position: absolute;left:15px;top:15px;font-size:23px;color: #bbb;}
.sw-etiket-kutu h2{font-size:16px;margin-bottom: 15px;}
.sw-etiket-kutu p{margin-bottom: 15px;}
.sw-etiket-kutu-devam{display: block;width: 150px;border:1px solid #ddd;text-align: center;}
/*-------------------------------------------------------------------------------------------------------------------
yorumlar.php
--------------------------------------------------------------------------------------------------------------------*/
.sw-yorumlar-box{width: 100%;height: auto;border:1px solid #eee;margin-bottom: 30px;padding:15px 15px 15px 80px;overflow: hidden;border-radius: 10px;background: #f9f9f9;position: relative;}
.sw-yorumlar-box .user-icon{position: absolute;top:15px;left:15px;font-size:50px;}
.sw-yorumlar-box h2{font-size:18px;padding:5px 0;margin:0;}
.sw-yorumlar-box .tarih{position: absolute;top:24px;right: 15px;font-size:12px;color:#666;}
.sw-yorumlar-box .konu{display: block;font-size:14px;padding: 5px 0;color:#666;font-weight: bold;}
.sw-yorumlar-cevap{width: 100%;height: auto;border:1px solid #ccc;padding: 15px 80px 15px 15px;margin-top:15px;background: #ddd;border-radius: 10px;position: relative;}
.sw-yorumlar-cevap .admin-icon{position: absolute;top:15px;right: 15px;font-size:50px;}
/*yorum-form*/
.sw-yorumlar-form{width: 100%;height: auto;background: #f9f9f9;padding: 15px;margin-bottom: 30px;border:1px solid #eee;}
.sw-yorumlar-form h2{margin:0;font-size:20px;margin-bottom: 15px;border-bottom:2px solid #eee;padding:10px 0;}
.sw-yorumlar-form .form-group{}
.sw-yorumlar-form .form-group>label{display: block;padding: 5px 0;}
.sw-yorumlar-form .form-group>.form-control{border-radius: 0;}
.sw-yorumlar-form .form-group>input{height: 45px;}
.sw-yorumlar-form .form-group>.btn{background: #333;color:#fff;border-radius: 0;height: 45px;}
.sw-yorumlar-icons{width: 100%;height: auto;text-align: center;}
.sw-yorumlar-icons input[type="radio"]{display: none;}
.sw-yorumlar-icons input[type="radio"]+label span{display: inline-block;font-size:30px;border:2px solid transparent;padding: 5px 15px;border-radius: 3px;}
.sw-yorumlar-icons input[type="radio"]:checked + label span{border:2px solid #4CAF50;padding: 5px 15px;}
/*İkon Renkleri*/
.sw-bay{color:#42c0fb;}
.sw-bayan{color:#f168aa;}
.sw-tanimsiz{color:#666;}
/*-------------------------------------------------------------------------------------------------------------------
iller.php
--------------------------------------------------------------------------------------------------------------------*/
.sw-il-list{margin-bottom:30px;font-size:15px;}
.sw-il-list .sw-il-btn{border:1px solid red;margin-bottom: 5px;padding: 10px 40px 10px 10px;background: #bc103c;color:#fff;position: relative;margin-top:10px;}
.sw-il-list .sw-il-btn i{position: absolute;top:-10px;right: 10px;font-size:25px;color:#bc103c;width: 35px;height: 35px;border-radius: 50%;background: #fff;text-align: center;padding-top: 5px;box-shadow: 0 0 5px 0 #444;}
.sw-il-list ul{list-style: none;margin:0;padding:0;}
.sw-il-list .sw-il-group ul{}
.sw-il-list .sw-il-group>ul>li{}
.sw-il-list .sw-il-group>ul>li>a{display: block;border:1px solid #ddd;padding: 10px;margin-bottom: 5px;font-weight: 500;background: #eee;}
.sw-il-list .sw-il-group>ul>li .active{background: #bc103c;color:#fff;}
.sw-il-list .sw-il-group>ul>li>a>i{margin-right: 5px;}
.sw-il-list .sw-il-group>ul>li>a:hover{background: #666;color:#eee;}
.sw-il-list .sw-il-group>ul>li>ul{}
.sw-il-list .sw-il-group>ul>li>ul>li{}
.sw-il-list .sw-il-group>ul>li>ul>li>a{display: block;padding: 10px 10px 10px 20px;border:1px solid #ddd;margin-bottom: 5px;background: #f9f9f9;}
.sw-il-list .sw-il-group>ul>li>ul>li>a:hover{background: #666;color:#eee;}
.sw-il-list .sw-il-group>ul>li>ul>li>a>i{font-size:10px;color:#ddd;margin-right: 5px;}
@media only screen and (max-width: 991px){
.sw-il-list .sw-il-group{display: none;}
}
@media only screen and (min-width: 992px){
.sw-il-list .sw-il-btn{display: none;}
}
/*-------------------------------------------------------------------------------------------------------------------------------------------
fiyat-hesaplama.php
-------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-fiyat-sonuc{width: 100%;height: auto;margin-bottom: 30px;}
.sw-fiyat-sonuc p{padding: 15px 0;font-size:16px;border:1px dashed green;text-align: center;background: green;color:#ccc;}
.sw-fiyat-sonuc p b{color:#fff;font-size:22px;}
.sw-fiyat-tablo{width:100%;height: auto;}
.sw-fiyat-tablo{width: 100%;height: auto;margin-bottom:30px;}
.sw-fiyat-tablo table tr th{padding: 15px;}
.sw-fiyat-tablo table tr td{padding: 5px;}
.sw-fiyat-tablo .form-control{border-radius: 0;}
.sw-fiyat-tablo .btn{border-radius: 0;height: 50px;}
/*-------------------------------------------------------------------------------------------------------------------------------------------
fiyatlar.php
-------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-fiyatlar-hesap-box{width: 100%;height: auto;margin-bottom: 20px;text-align: center;padding: 10px;background: #666;}
.sw-fiyatlar-hesap-box i{display: block;padding: 20px 0;color:#ddd;}
.sw-fiyatlar-hesap-box p{color:#eee;}
.sw-fiyatlar-box{width: 100%;height: auto;margin-bottom: 20px;}
.sw-fiyatlar-box>ul{list-style: none;margin:0;padding: 0;}
.sw-fiyatlar-box>ul>li{display: block;border:1px solid #ddd;padding: 10px 94px 10px 45px;margin-bottom: 5px;border-left:3px solid #ddd;position: relative;}
.sw-fiyatlar-box>ul>li .icon{font-size:25px;position: absolute;left: 10px;top: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-fiyatlar-box>ul>li .fiyat{font-size:16px;position: absolute;right: 10px;top:7px;padding: 2px 15px;border-radius: 50px;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;}
/*-------------------------------------------------------------------------------------------------------------------------------------------
duyuru.php
-------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-duyuru-icerik{width: 100%;height: auto;margin-bottom: 30px;}
.sw-duyuru-resim{margin-bottom: 10px;}
.sw-duyuru-resim img{width: 100%;height: auto;}
.sw-duyuru-ekresim{list-style: none;margin:0;padding:0;margin-left:-1px;margin-right:-1px;margin-bottom: 20px;overflow: hidden;}
.sw-duyuru-ekresim>li{float:left;width: 25%;padding: 1px;}
.sw-duyuru-ekresim>li 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-duyuru-ekresim>li:hover img{width: 100%;height: auto;opacity: 0.5;}
/*-------------------------------------------------------------------------------------------------------------------------------------------
duyurular.php
-------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-duyurular-takvim{padding: 15px;background: #eee;overflow: hidden;margin-bottom: 30px;}
.sw-duyurular-takvim i{display: block;margin-bottom: 15px;font-size:30px;color:#bbb;}
.sw-dtakvim-gun{font-size:40px;font-weight: bold;margin-bottom: 25px;}
.sw-dtakvim-ay{font-size:30px;margin-bottom: 15px;}
.sw-dtakvim-yil{font-size:20px;margin-bottom: 15px;}
@media only screen and (max-width: 991px){
.sw-duyurular-takvim i{float: left;margin:0;margin-right: 15px;}
.sw-dtakvim-gun,.sw-dtakvim-ay,.sw-dtakvim-yil{float: left;padding-right: 5px;padding-left:5px;padding-top:8px;font-size:22px;text-align: center;margin-bottom: 0;}
}
.sw-duyurular-body{margin-bottom: 30px;}
.sw-duyurular-body h2{font-size:20px;margin-bottom: 15px;font-weight: bold;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.sw-dlar-content{margin-bottom: 15px;}
.sw-duyurular-body-devam{display: block;text-align: right;padding:5px 15px;float: right;width: 40%;font-weight: bold;}
.sw-dlar-button{overflow: hidden;margin-bottom: 15px;}
.sw-dlar-bilgi{overflow: hidden;margin-bottom:12px;font-size:12px;text-align: right;color:#aaa;}
.sw-dlar-gorsel{text-align: center;padding: 5px;position: relative;margin-bottom: 30px;background: #f9f9f9;}
.sw-dlar-gorsel img{display: block;margin:0 auto;max-width: 100%;}
/*-------------------------------------------------------------------------------------------------------------------------------------------
referanslar.php
-------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-referanslar{border:1px solid #eee;margin-bottom: 30px;overflow: hidden;}
.sw-referanslar-resim{width: 100%;height: auto;}
.sw-referanslar-resim img{width: 100%;height: auto;}
.sw-referanslar-baslik{padding:10px 15px;font-size:16px;font-weight: bold;}
.sw-referanslar-aciklama{padding:0 15px 15px 15px;font-size:14px;}
/*-------------------------------------------------------------------------------------------------------------------------------------------
rewferans.php
-------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-referans-icerik{margin-bottom: 30px;}
.sw-referans-resim{margin-bottom: 15px;border:1px solid #eee;}
.sw-referans-resim img{width: 100%;height: auto;}
.sw-referans-ekresimler{margin-bottom: 30px;}
.sw-referans-ekresim{width:100%;height:auto;border:1px solid #eee;padding: 2px;}
.sw-referans-ekresim img{width: 100%;height: auto;}
/*-------------------------------------------------------------------------------------------------------------------------------------------
sss.php
-------------------------------------------------------------------------------------------------------------------------------------------*/
.sw-sss-page-body .sw-icon{margin-bottom: 30px;}
.sw-sss-page-body .sw-icon img{display: block;margin:0 auto;max-width: 100%;height: auto;}
.sw-sss-page-body .sw-sss-box .card {margin-bottom:5px;}
.sw-sss-page-body .card-header{padding:10px 10px 10px 40px;position: relative;}
.sw-sss-page-body .card-header:hover{background: #aaa;}
.sw-sss-page-body .card-header h5{font-size:16px;font-weight: bold;margin:0;}
.sw-sss-page-body .card-header h5 i{font-size:22px;position: absolute;left:10px;top:10px;}
.sw-sss-page-body .card-header h5 button{color:#000;padding: 0;margin:0;display: block;width: 100%;text-align: left;}
.sw-sss-page-body .card-header h5 button:active,.sw-sss-page-body .card-header h5 button:focus,.sw-sss-page-body .card-header h5 button:hover{text-decoration: none;}
/*-------------------------------------------------------------------------------------------------------------------
personeller.php
--------------------------------------------------------------------------------------------------------------------*/
.sw-personel-box{border:1px solid #ddd;padding: 10px;margin-bottom: 30px;position: relative;background: #f9f9f9;}
.sw-personel-box img{width: 100%;height: auto;margin-bottom: 15px;}
.sw-personel-box h3{font-size:16px;font-weight: bold;margin:0;padding:15px 0;text-align: center;;}
.sw-personel-box .unvan{display: block;font-size:14px;margin:0;margin-bottom:5px;text-align: center;color:#999;font-style: italic;}
.sw-personel-box .telefon{text-align: center;font-size:14px;margin:0;}
.sw-personel-box .telefon i{display: block;color:#aaa;}
.sw-personel-box .email{text-align: center;font-size:14px;margin:0;}
.sw-personel-box .email i{display: block;color:#aaa;}
.sw-personel-box .sosyalmedya{width: 100%;height: auto;}
.sw-personel-box .sosyalmedya>ul{list-style: none;margin:0;padding: 0;overflow: hidden;}
.sw-personel-box .sosyalmedya>ul>li{float: left;width: 20%;padding: 0 1px;margin:0;}
.sw-personel-box .sosyalmedya>ul>li>a{display: block;padding: 10px 1px;text-align: center;font-size:18px;}
.sw-personel-box .sosyalmedya>ul>li>span{display: block;padding: 10px 1px;text-align: center;font-size:18px;background: #eee;color:#aaa;}
/*-------------------------------------------------------------------------------------------------------------------
personel.php
--------------------------------------------------------------------------------------------------------------------*/
.sw-personel-page-img{width: 100%;height: auto;border:1px solid #ddd;padding: 5px;margin-bottom: 30px;}
.sw-personel-page-img img{width: 100%;height: auto;}
.sw-personel-page-box{width: 100%;height: auto;border:1px solid #ddd;padding: 15px 15px 15px 15px;margin-bottom: 30px;position: relative;background: #f9f9f9;min-height: 210px;}
.sw-personel-page-box h3{font-size:16px;font-weight: bold;margin:10px 0;}
.sw-personel-page-box .aciklama{font-size:12px;}
.sw-personel-page-box .unvan{font-weight: bold;}
.sw-personel-page-box .telefon i{width: 50px;border:1px solid #ddd;padding: 10px 0;text-align: center;background: #eee;color:#666;font-size:18px;}
.sw-personel-page-box .email i{width: 50px;border:1px solid #ddd;padding: 10px 0;text-align: center;background: #eee;color:#666;font-size:18px;}
.sw-personel-page-box .sosyalmedya{width: 100%;height: auto;}
.sw-personel-page-box .sosyalmedya>ul{list-style: none;margin:0;padding: 0;overflow: hidden;}
.sw-personel-page-box .sosyalmedya>ul>li{float: left;width: 20%;padding: 0 1px;margin:0;}
.sw-personel-page-box .sosyalmedya>ul>li>a{display: block;border:1px solid #ddd;padding: 10px 1px;text-align: center;font-size:18px;}
.sw-personel-page-box .sosyalmedya>ul>li>span{display: block;padding: 10px 1px;text-align: center;font-size:18px;background: #eee;color:#aaa;}
/*-------------------------------------------------------------------------------------------------------------------
e-katalog.php
--------------------------------------------------------------------------------------------------------------------*/
.sw-e-kat-box{margin-bottom: 30px;border:1px solid #ddd;padding:15px;transition: all 350ms ease-in-out;-webkit-transition: all 350ms ease-in-out;-moz-transition: all 350ms ease-in-out;-o-transition: all 350ms ease-in-out;}
.sw-e-kat-box:hover{background: #f9f9f9;border:1px solid #aaa;}
.sw-e-kat-box:hover .incele{background: #aaa;color:#fff;}
.sw-e-kat-box .sw-icon{display: block;font-size:40px;text-align: center;padding:15px 0;}
.sw-e-kat-box h3{margin:0;padding:15px 0;font-size:15px;text-align: center;min-height:90px;font-weight: 600;}
.sw-e-kat-box .incele{display: block;position:relative;margin:0;padding:5px;text-align: center;font-size:14px;background: #eee;transition: all 350ms ease-in-out;-webkit-transition: all 350ms ease-in-out;-moz-transition: all 350ms ease-in-out;-o-transition: all 350ms ease-in-out;}
.sw-e-kat-box .incele i{position: absolute;right: 0;top:0;padding:13px 15px 0 15px;font-size:14px;background: #999;color:#fff;height: 100%;}
.sw-e-kat-box .fa-file-pdf{color:#dd0012;}
.sw-e-kat-box .fa-file-word{color:#00a3ff;}
.sw-e-kat-box .fa-file-excel{color:green;}
.sw-e-kat-box .fa-file{color:#aaa;}
/*-------------------------------------------------------------------------------------------------------------------
blog.php
--------------------------------------------------------------------------------------------------------------------*/
.sw-yazi-box{margin-bottom: 30px;background: #f9f9f9;padding:15px;}
.sw-yazi-box .sw-yazi-box-header{border:1px solid #ddd;margin-bottom: 15px;}
.sw-yazi-box .sw-yazi-box-header img{width: 100%;height: auto;}
.sw-yazi-box .sw-yazi-box-body{overflow: hidden;}
.sw-yazi-box .sw-yazi-box-body>a>h3{margin:0;padding:15px 0;font-size:18px;font-weight: bold;}
.sw-yazi-box .sw-yazi-box-body>p{font-size:14px;line-height: 25px;margin:0;margin-bottom:15px;}
.sw-yazi-box .sw-yazi-box-body>.sw-devam{display: block;width: 200px;padding: 5px;text-align: center;float: right;}
/*-------------------------------------------------------------------------------------------------------------------
galeriler.php
--------------------------------------------------------------------------------------------------------------------*/
.sw-page-galeri-body .show_more{display: block;text-align: center;width: 200px;color: #fff;background-color: #dd0000;margin: 30px auto;border-radius: 5px;cursor: pointer;}
.sw-page-galeri-body .loading-galeri{width: 5%;margin: 0 auto;}
/*-------------------------------------------------------------------------------------------------------------------
RENK DUZENİ
--------------------------------------------------------------------------------------------------------------------*/
/*acik 5F75E2*/
/*koyu 243ec2*/
.sw-page-body .sw-sub-title{border-bottom:2px solid #5F75E2;}
a:hover,a:active,a:focus{color:#5F75E2;}
/*breadcrumb*/
/*.breadcrumb {background-color: #5F75E2;}*/
.breadcrumb a{color: #aaa;}
.breadcrumb > li + li:before {color: #aaa;}
.breadcrumb > .active {color: #999;}
/*pagination*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
  background-color: #5F75E2;border-color: #5F75E2;
}
/*iletisim*/
.sw-iletisim-paylas .iletisim-wapp{border:1px solid #5F75E2;color: #5F75E2}
.sw-iletisim-paylas .iletisim-wapp i{color: #5F75E2}
/*sidebar*/
.sw-sidebar-list .list-group-item{background: #5F75E2;color:#fff;border-color:#243ec2;}
.sw-sidebar-list .list-group-item:hover{background: #243ec2;}
/*iller*/
.sw-il-list .sw-il-group>ul>li .active{background: #5F75E2;color:#fff;}
/*iletisim*/
.sw-iletisim-bilgi>ul>li>i{background: #5F75E2;color:#fff;}
.sw-iletisim-form .form-control{border:1px solid #5F75E2;}
.sw-iletisim-form .sw-guvenlik{border:1px solid #5F75E2;}
.sw-iletisim-form .form-group .btn{background: #5F75E2;color:#fff;}
/*urun*/
.sw-urun-img .swiper-button-next:active,.sw-urun-img .swiper-button-prev:active{background: #5F75E2;color:#fff;}
.sw-urun-header-rating>ul>li>span:hover{background: #5F75E2;color:#fff;}
.sw-urun-tab-nav .nav-tabs .nav-item.show .nav-link,.sw-urun-tab-nav  .nav-tabs .nav-link.active{background-color: #5F75E2;border-color: #00a3ff;color:#fff;}
.sw-urun-tab-nav .nav-tabs{border-bottom: 1px solid #5F75E2;}
.sw-u-yorum-btn-group>ul>li>.sw-btn:hover{background: #5F75E2;color:#fff;}
.sw-urun-yorum .form-group .btn{background: #5F75E2;color:#fff;}
/*duyurular*/
.sw-duyurular-body-devam{background: #5F75E2;color:#fff;}
.sw-duyurular-body-devam:hover{color:#ccc;}
.sw-duyurular-takvim{background: #5F75E2;color:#fff;}
/*onceski-sonraki*/
.sw-onceki-btn i,.sw-sonraki-btn i{background: #5F75E2;color:#fff;}
/*blog*/
.sw-yazi-box .sw-yazi-box-body>.sw-devam{background:#5F75E2;color:#fff;}