/* Yazan : Burak Malgaz */ /* font-family: 'Montserrat', sans-serif; font-family: 'Poppins', sans-serif; */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&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; } 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{} header{padding:10px 0 0 0;} header .container{max-width:92%;} header .sw-logo{margin-bottom: 10px;} header .sw-logo img{display: block;max-width: 100%;height: auto;} header .h-right{display: flex;flex-wrap: wrap;justify-content: right;margin-bottom:30px;margin-top:30px;} header .sw-menu{} header .sw-menu .sw-menuTab{display: none;} header .sw-menu>ul{list-style: none;margin:0;padding:0;display: flex;flex-wrap: wrap;justify-content: right;} header .sw-menu>ul>li{} header .sw-menu>ul>li>a{display: block;font-size:18px;line-height: 34px;color:#828383;line-height: 60px;padding: 0 40px;} header .sw-menu>ul>li>a:hover{color:#FE8125;} header .sw-menu>ul>li>.sw-submenuTab{display: none;} header .sw-menu>ul>li>ul{position: absolute;list-style: none;margin:0;padding:0;border-radius: 5px;opacity: 0;visibility: hidden;z-index:99;box-shadow: 0 0 5px #bababa;background: #fff;padding:10px;margin-top:10px;transition: all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;} header .sw-menu>ul>li:hover>ul{opacity: 1;visibility: visible;margin-top:0;} header .sw-menu>ul>li>ul>li{} header .sw-menu>ul>li>ul>li>a{display: block;padding:10px;border-bottom:1px solid #ddd;} header .sw-menu>ul>li>ul>li:last-child>a{border:0;} header .h-right .h-buttons a{display: inline-block;width:70px;height: 60px;border:1px solid #FE8125;text-align: center;line-height: 60px;border-radius: 5px;} header .h-right .h-buttons a>span{display: none;} @media only screen and (max-width : 320px) { header .container{max-width: 100%;} header .sw-logo img{display: block;margin:0 auto;} header .h-right{display: block;flex-wrap: unset;justify-content: unset;padding-top:60px;position: relative;} header .sw-menu{position: relative;margin-bottom: 20px;} header .sw-menu .sw-menuTab{display: block;padding:10px 15px;color:#fff;font-size:22px;font-weight: 700;background:#FE8125;border-radius: 5px;} header .sw-menu>ul{display: none;position: absolute;left: 0;border-radius:5px 5px 0 0;justify-content: unset;flex-wrap: unset;z-index: 99;background: rgba(0, 0, 0, .9);width: 100%;z-index: 99;padding:5px;} header .sw-menu>ul>li{position: relative;} header .sw-menu>ul>li>a{line-height: 30px;padding:10px;color:#fff;border-bottom:1px dotted #FE8125;} header .sw-menu>ul>li:last-child>a{border:0;} header .sw-menu>ul>li>.sw-submenuTab{position: absolute;width: 100%;height: 51px;right:0;top:0;color:#fff;font-size:24px;z-index: 9;display: block;line-height: 51px;text-align: right;padding:0 10px;} header .sw-menu>ul>li>ul{position: relative;display:none;background: unset;box-shadow: unset;opacity:1;visibility: visible;padding:0;margin-top:0;transition: unset;-webkit-transition:unset;-moz-transition:unset;-o-transition:unset;} header .sw-menu>ul>li>ul>li{} header .sw-menu>ul>li>ul>li>a{display: block;color:#fff;padding-left: 20px;border-bottom: 1px dotted #ddd;} header .sw-menu>ul>li>ul>li:last-child>a{border-bottom:1px dotted #FE8125;} header .h-right .h-buttons{position: absolute;left:0;top:0px;z-index: 99;width: 100%;} header .h-right .h-buttons a{line-height: 50px;height: 50px;width: 100%;background: #ad0012;} header .h-right .h-buttons a>img{} header .h-right .h-buttons a>span{display: inline-block;font-weight: 700;color:#fff;padding:0 15px;} } @media only screen and (min-width : 321px) and (max-width : 767px) { header .container{max-width: 100%;} header .sw-logo img{display: block;margin:0 auto;} header .h-right{display: block;flex-wrap: unset;justify-content: unset;padding-top:60px;position: relative;} header .sw-menu{position: relative;margin-bottom: 20px;} header .sw-menu .sw-menuTab{display: block;padding:10px 15px;color:#fff;font-size:22px;font-weight: 700;background:#FE8125;border-radius: 5px;} header .sw-menu>ul{display: none;position: absolute;left: 0;border-radius:5px 5px 0 0;justify-content: unset;flex-wrap: unset;z-index: 99;background: rgba(0, 0, 0, .9);width: 100%;z-index: 99;padding:5px;} header .sw-menu>ul>li{position: relative;} header .sw-menu>ul>li>a{line-height: 30px;padding:10px;color:#fff;border-bottom:1px dotted #FE8125;} header .sw-menu>ul>li:last-child>a{border:0;} header .sw-menu>ul>li>.sw-submenuTab{position: absolute;width: 100%;height: 51px;right:0;top:0;color:#fff;font-size:24px;z-index: 9;display: block;line-height: 51px;text-align: right;padding:0 10px;} header .sw-menu>ul>li>ul{position: relative;display:none;background: unset;box-shadow: unset;opacity:1;visibility: visible;padding:0;margin-top:0;transition: unset;-webkit-transition:unset;-moz-transition:unset;-o-transition:unset;} header .sw-menu>ul>li>ul>li{} header .sw-menu>ul>li>ul>li>a{display: block;color:#fff;padding-left: 20px;border-bottom: 1px dotted #ddd;} header .sw-menu>ul>li>ul>li:last-child>a{border-bottom:1px dotted #FE8125;} header .h-right .h-buttons{position: absolute;left:0;top:0px;z-index: 99;width: 100%;} header .h-right .h-buttons a{line-height: 50px;height: 50px;width: 100%;background: #ad0012;} header .h-right .h-buttons a>img{} header .h-right .h-buttons a>span{display: inline-block;font-weight: 700;color:#fff;padding:0 15px;} } @media only screen and (min-width : 768px) and (max-width : 991px) { header .container{max-width: 100%;} header .sw-logo img{display: block;margin:0 auto;} header .h-right{display: block;flex-wrap: unset;justify-content: unset;padding-top:60px;position: relative;} header .sw-menu{position: relative;margin-bottom: 20px;} header .sw-menu .sw-menuTab{display: block;padding:10px 15px;color:#fff;font-size:22px;font-weight: 700;background:#FE8125;border-radius: 5px;} header .sw-menu>ul{display: none;position: absolute;left: 0;border-radius:5px 5px 0 0;justify-content: unset;flex-wrap: unset;z-index: 99;background: rgba(0, 0, 0, .9);width: 100%;z-index: 99;padding:5px;} header .sw-menu>ul>li{position: relative;} header .sw-menu>ul>li>a{line-height: 30px;padding:10px;color:#fff;border-bottom:1px dotted #FE8125;} header .sw-menu>ul>li:last-child>a{border:0;} header .sw-menu>ul>li>.sw-submenuTab{position: absolute;width: 100%;height: 51px;right:0;top:0;color:#fff;font-size:24px;z-index: 9;display: block;line-height: 51px;text-align: right;padding:0 10px;} header .sw-menu>ul>li>ul{position: relative;display:none;background: unset;box-shadow: unset;opacity:1;visibility: visible;padding:0;margin-top:0;transition: unset;-webkit-transition:unset;-moz-transition:unset;-o-transition:unset;} header .sw-menu>ul>li>ul>li{} header .sw-menu>ul>li>ul>li>a{display: block;color:#fff;padding-left: 20px;border-bottom: 1px dotted #ddd;} header .sw-menu>ul>li>ul>li:last-child>a{border-bottom:1px dotted #FE8125;} header .h-right .h-buttons{position: absolute;left:0;top:0px;z-index: 99;width: 100%;} header .h-right .h-buttons a{line-height: 50px;height: 50px;width: 100%;background: #ad0012;} header .h-right .h-buttons a>img{} header .h-right .h-buttons a>span{display: inline-block;font-weight: 700;color:#fff;padding:0 15px;} } @media only screen and (min-width:992px) and (max-width:1199px) { header .sw-menu>ul>li>a{padding:0 15px;font-size:15px;} } @media only screen and (min-width:1200px) and (max-width:1440px) { header .sw-menu>ul>li>a{padding:0 20px;font-size:16px;} } @media only screen and (min-width:1440px){ .container{max-width: 1350px;} } /*responsive son*/ .sw-slide{} .sw-slide .owl-slide{width: 92%;margin:0 auto;} .sw-slide .owl-slide .item{position: relative;border-radius: 40px;overflow: hidden;} .sw-slide .owl-slide .item:before{content:'';width: 100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(to left,#FA9816,#3E0F13,#3E0F13,#030303);opacity: .7;z-index: 2;} .sw-slide .owl-slide .item video{width: 100%;height:850px;object-fit: cover;vertical-align: middle;position: relative;z-index: 1;} .sw-slide .owl-slide .item img{width: 100%;height:850px;object-fit: cover;vertical-align: middle;} .sw-slide .owl-slide .item .text{position: absolute;top:0;left:10%;z-index: 3;width: 33%;height:100%;display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;} .sw-slide .owl-slide .item .text .t{font-size:47px;line-height: 60px;color:#fff;margin-bottom: 30px;opacity:.2;transform: translate3d(50px, 0px, 0px);transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;} .sw-slide .owl-slide .active .text .t{transform: translate3d(0px, 0px, 0px);opacity: 1;} .sw-slide .owl-slide .item .text .t b{display: block;} .sw-slide .owl-slide .item .text .a{display: inline-block;border:1px solid #fff;border-radius: 50px;opacity:0;line-height: 55px;width: 215px;text-align: center;transform: translate3d(50px, 0px, 0px);transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;} .sw-slide .owl-slide .item .text .a a{color:#fff;} .sw-slide .owl-slide .item .play-btn{position: absolute;width: 180px;height:180px;border:3px solid #FFFFFF;border-radius:50%;top:calc(50% - 90px);right:10%;z-index: 99;text-align: center;line-height: 180px;} .sw-slide .owl-slide .item .play-btn a{display:inline-block;background: rgba(255,255,255,.5);color:#fff;line-height: 120px;height:120px;text-align: center;font-size:30px;width:120px;border-radius: 50%;} .sw-slide .owl-slide .active .text .a{transform: translate3d(0px, 0px, 0px);opacity: 1;transition-delay: .5s;} .sw-slide .owl-slide .owl-nav{position: absolute;bottom:100px;left:18%;display: flex;flex-wrap: wrap;z-index: 4;} .sw-slide .owl-slide .owl-nav .owl-prev{width: 50px;height:50px;border:2px solid #828383;border-radius: 50%;color:#fff;font-size:22px;line-height: 50px;text-align: center;margin:0 5px;} .sw-slide .owl-slide .owl-nav .owl-prev:active{border-color:#FFA846;} .sw-slide .owl-slide .owl-nav .owl-next{width: 50px;height:50px;border:2px solid #828383;border-radius: 50%;color:#fff;font-size:22px;line-height: 50px;text-align: center;margin:0 5px;} .sw-slide .owl-slide .owl-nav .owl-next:active{border-color:#FFA846;} .sw-slide .owl-slide .owl-nav .owl-dot-count{position: absolute;left:-90px;color:#828383;line-height: 50px;} .sw-slide .owl-slide .owl-dots{position: absolute;bottom:100px;left:10%;z-index: 4;width: 100px;height: 50px;} .sw-slide .owl-slide .owl-dots .owl-dot{width: 50px;height:50px;font-size:30px;color:#fff;opacity: 0;position: absolute;left:0;top:0;line-height: 50px;text-align: center;} .sw-slide .owl-slide .owl-dots .active{color:#fff;opacity: 1;font-weight: 700;} @media only screen and (max-width:767px){ .sw-slide .owl-slide .item video{height:400px;} .sw-slide .owl-slide .item img{height:400px;} .sw-slide .owl-slide .item .text{width: 80%;} .sw-slide .owl-slide .item .text .t{font-size:25px;line-height: 35px;} .sw-slide .owl-slide .item .text .a{line-height: 40px;max-width: 100%;} .sw-slide .owl-slide .item .play-btn{width:80px;height:80px;right:10px;top:10px;line-height:80px;} .sw-slide .owl-slide .item .play-btn a{width:40px;height:40px;line-height:40px;font-size:20px;} .sw-slide .owl-slide .owl-nav{bottom:10px;left:140px;} .sw-slide .owl-slide .owl-nav .owl-dot-count{left:-50px;} .sw-slide .owl-slide .owl-dots{bottom:10px;} } @media only screen and (min-width:768px) and (max-width:991px){ .sw-slide .owl-slide{width: 96%;} .sw-slide .owl-slide .item video{height:550px;} .sw-slide .owl-slide .item img{height:550px;} .sw-slide .owl-slide .item .text{width: 80%;} .sw-slide .owl-slide .item .play-btn{width:80px;height:80px;right:10px;top:10px;line-height:80px;} .sw-slide .owl-slide .item .play-btn a{width:40px;height:40px;line-height:40px;font-size:20px;} .sw-slide .owl-slide .owl-nav{left:220px;bottom:30px;} .sw-slide .owl-slide .owl-dots{bottom:30px;} } @media only screen and (min-width : 992px) and (max-width : 1199px) { .sw-slide .owl-slide .item video{height:550px;} .sw-slide .owl-slide .item img{height:550px;} .sw-slide .owl-slide .item .text{width: 80%;} .sw-slide .owl-slide .item .text .t{font-size:32px;line-height: 40px;} .sw-slide .owl-slide .owl-nav{left:235px;bottom:30px;} .sw-slide .owl-slide .owl-dots{bottom:30px;} } @media only screen and (min-width:1200px) and (max-width:1440px) { .sw-slide .owl-slide .item video{height:650px;} .sw-slide .owl-slide .item img{height:650px;} .sw-slide .owl-slide .item .text{width: 40%;} .sw-slide .owl-slide .item .text .t{font-size:40px;line-height: 55px;} .sw-slide .owl-slide .owl-nav{left:270px;bottom:30px;} .sw-slide .owl-slide .owl-dots{bottom:30px;} } @media only screen and (min-width:1441px) and (max-width:1700px){ .sw-slide .owl-slide .owl-nav .owl-dot-count{left:-65px;} } /*m1*/ .m1{padding:50px 0 0 0;} .m1 .m-img-list{} .m1 .m-img-list img{margin-bottom: 30px;width: 100%;height: auto;} .m1 .m-box{position: relative;padding-top:50px;} .m1 .m-box:before{content: '';width: 85%;height: 100%;position:absolute;top:0;right:0;background:#FFF4E6;} .m1 .m-box .img{border:10px solid #fff;margin-top:50px;} .m1 .m-box .img img{width: 100%;height: auto;} .m1 .m-box .text{margin-bottom: 50px;} .m1 .m-box .text h2{font-size:40px;margin-bottom: 50px;font-weight: 700;} .m1 .m-box .text h2>a{color:#FE8125;} .m1 .m-box .text p{font-size:19px;line-height: 35px;padding-right: 20%;margin-bottom:10px;} .m1 .m-box .text .more{display: inline-block;width: 200px;border-radius: 50px;line-height: 55px;border:2px solid #FE8125;color:#FE8125;font-size:14px;text-align: center;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;} .m1 .m-box .text .more:hover{background: #FE8125;color:#fff;} @media only screen and (max-width:767px){ .m1 .m-img-list{display:flex;flex-wrap: wrap;} .m1 .m-img-list img{max-width: 50%;flex: 0 0 50%;border:5px solid #fff;margin-bottom: 10px;} .m1 .m-box{margin-bottom: 50px;padding:10px;} .m1 .m-box:before{width: 100%;} .m1 .m-box .img{margin-left: 0;margin-top:0;margin-bottom:20px;} .m1 .m-box .text{padding:10px;} .m1 .m-box .text h2{font-size:30px;line-height: 40px;margin-bottom: 20px;} .m1 .m-box .text p{font-size:15px;line-height:20px;margin-bottom: 20px;padding-right: 0;} } @media only screen and (min-width:768px) and (max-width:991px){ .m1 .m-box .img{margin-left: 10px;} .m1 .m-box .text{margin-bottom:30px;} .m1 .m-box .text h2{font-size:30px;line-height: 40px;margin-bottom:20px;} .m1 .m-box .text p{padding-right: 15px;font-size:15px;line-height: 20px;} } @media only screen and (min-width : 992px) and (max-width : 1199px) { .m1 .m-box .text p{font-size:16px;line-height: 25px;} } @media only screen and (min-width:1200px) and (max-width:1440px){ .m1{padding:50px 0 40px 0;} .m1 .m-img-list img{margin-bottom: 10px;} .m1 .m-box .text p{font-size:16px;line-height: 30px;} } /*m2*/ .m2{padding:125px 0 75px 0;background:url('../images/m2-bg.jpg') no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;} .m2 .m-title{margin-bottom:50px;} .m2 .m-title h2{font-size:50px;font-weight: 700;} .m2 .m-title h2>a{color:#FE8125;} .m2 .m-box{margin-bottom: 50px;position: relative;overflow: hidden;} .m2 .m-box .img{position: relative;} .m2 .m-box .img>img{width: 100%;height: auto;} .m2 .m-box .img .mask{position: absolute;left:0;top:-100%;width: 100%;height:100%;background: rgba(0, 0, 0, .9);padding:30px;justify-content: center;display: flex;flex-wrap: wrap;flex-direction: column;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ase-in-out;-o-transition: all .3s ease-in-out;} .m2 .m-box:hover .img .mask{top:0;} .m2 .m-box .img .mask h2{font-size:22px;line-height: 30px;font-weight: 700;margin-bottom: 30px;min-height: 60px;} .m2 .m-box .img .mask h2>a{color:#FE8125;} .m2 .m-box .img .mask p{color:#fff;font-size:16px;line-height: 30px;} .m2 .m-box .img .mask .more{display: block;color:#FE8125;font-size:18px;} .m2 .m-box .img .mask .more>img{display: inline-block;max-width: 70px;height:auto;} .m2 .m-box .content{padding:35px 0 0 0;} .m2 .m-box .content h2{font-size:22px;padding:0 15px;line-height: 30px;text-align: center;font-weight: 700;min-height: 60px;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ase-in-out;-o-transition: all .3s ease-in-out;} .m2 .m-box:hover .content h2{opacity: 0;} .m2 .m-box .content h2>a{color:#fff;} .m2 .owl-services .owl-nav{position: absolute;top:-90px;right:0;display: flex;flex-wrap: wrap;justify-content: center;} .m2 .owl-services .owl-nav .owl-prev{margin:0 5px;} .m2 .owl-services .owl-nav .owl-prev:active{opacity:.5} .m2 .owl-services .owl-nav .owl-next{margin:0 5px;} .m2 .owl-services .owl-nav .owl-next:active{opacity:.5;} @media only screen and (max-width:767px){ .m2{padding:50px 0;} .m2 .m-title h2{font-size:40px;text-align: center;} .m2 .m-box{margin-bottom:30px;} .m2 .owl-services .owl-nav{position: relative;top:0;} } /*m3*/ .m3{position: relative;padding:90px 0 0 0;} .m3:before{content:'';position: absolute;left: 0;top:0;width: 100%;height: 33.33%;z-index: -1;background: #F0F4F7;} .m3 .m-button{width: 100%;height: auto;background: #FE8125;color:#fff;writing-mode: vertical-lr;font-size:30px;font-weight: 700;text-align: center;padding:30px 0 117px 0;display: flex;align-items: center;} .m3 .m-button span{display: block;padding:30px 0;} .m3 .m-box{margin-bottom: 90px;padding:0 1px;} .m3 .m-box .img{} .m3 .m-box .img img{width: 100%;height: auto;} .m3 .m-box .content{} .m3 .m-box .content h2{color:#828383;display: flex;justify-content: center;padding:15px 0;} .m3 .m-box .content h2>img{margin-right:15px;} .m3 .m-box .content h2>span{display: block;line-height: 57px;font-size:22px;font-weight: 700;} .m3 .m-box .content .more{display:block;border:1px solid #1FC229;color:#5DBF46;position: relative;line-height: 70px;padding-left: 70px;background: linear-gradient(#fff,#fff);transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ase-in-out;-o-transition: all .3s ease-in-out;} .m3 .m-box .content .more img{position: absolute;left: 10px;top:10px;} .m3 .m-box .content .more span{font-size:20px;display: block;font-weight: 700;text-align: center;} .m3 .m-box:hover .content .more{background: linear-gradient(#5DBF46,#2F6023);color:#fff;} .m3 .owl-menu .owl-nav{position: absolute;left:-137px;bottom:100px;display: flex;flex-wrap: wrap;} .m3 .owl-menu .owl-nav .owl-prev{width: 40px;height:40px;text-align: center;line-height: 40px;font-size:30px;color:#fff;} .m3 .owl-menu .owl-nav .owl-prev:active{padding-right:5px;} .m3 .owl-menu .owl-nav .owl-next{width: 40px;height:40px;text-align: center;line-height: 40px;font-size:30px;color:#fff;} .m3 .owl-menu .owl-nav .owl-next:active{padding-left:5px;} @media only screen and (max-width:767px){ .m3{paddinf:50px 0 0 0;} .m3 .m-button{writing-mode: unset;padding:15px 0;display: block;align-items: unset;margin-bottom:20px;font-size:22px;} .m3 .m-button span{padding:0;} .m3 .m-box{margin-bottom: 30px;} .m3 .owl-menu .owl-nav{position: relative;left: 0;bottom:0;margin-bottom:50px;justify-content: center;} .m3 .owl-menu .owl-nav .owl-prev,.m3 .owl-menu .owl-nav .owl-next{color:#FE8125;} } @media only screen and (min-width:768px) and (max-width:991px){ .m3 .m-button span{padding:10px 0;font-size:24px;} .m3 .m-box .content .more span{font-size:15px;} .m3 .owl-menu .owl-nav{left:-120px;} } @media only screen and (min-width:991px) and (max-width:1199px){ .m3 .m-button span{padding:40px 0;font-size:24px;} .m3 .m-box .content .more span{font-size:20px;} } @media only screen and (min-width:1200px) and (max-width:1440px){ .m3 .m-button span{padding:20px 0;font-size:24px;} .m3 .m-box .content .more span{font-size:20px;} .m3 .owl-menu .owl-nav{left:-115px;} } /*m4*/ .m4{padding:300px 0;position:relative;overflow: hidden;} .m4 .video-bg{position: absolute;top:0;left:0;width: 100%;height:100%;z-index: -5;} .m4 .video-bg:before{content:'';position: absolute;top:0;left:0;width: 100%;height:100%;z-index: -1;background: #000;opacity: .7;} .m4 .video-bg video{position: relative;z-index: -4;object-fit: cover;position: absolute;width: 100%;height: 100%;} .m4:before{content:'';width:100%;height:200px;position: absolute;left:0;top:0;background:url('../images/m4-bottom-bg.svg') no-repeat center center;background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-moz-background-size:cover;} .m4:after{content:'';width:100%;height:200px;position: absolute;left:0;bottom:0;background:url('../images/m4-top-bg.svg') no-repeat center center;background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-moz-background-size:cover;} .m4 .m-box{text-align: center;margin:0;} .m4 .m-box h2{font-size:44px;line-height: 80px;font-weight: 700;} .m4 .m-box h2>a{color:#FFA846;} .m4 .m-box p{font-size:20px;color:#fff;text-align: center;line-height: 35px;padding:0 10%;} .m4 .m-box .more{display: inline-block;width:250px;border-radius: 31px;background: #FFA846;color:#fff;text-align: center;line-height: 55px;} @media only screen and (max-width:767px){ .m4{padding:150px 0;} .m4:before,.m4:after{height: 100px;} .m4 .m-box h2{font-size:30px;line-height: 40px;margin-bottom:20px;} .m4 .m-box p{margin-bottom:20px;} } @media only screen and (min-width:991px) and (max-width:1199px){ .m4:before,.m4:after{height: 100px;} } @media only screen and (min-width:1200px) and (max-width:1440px){ .m4:before,.m4:after{height: 150px;} } /*m5*/ .m5{} .m5 .m-title{margin-bottom: 50px;} .m5 .m-title h2{font-size:40px;line-height: 65px;font-weight: 700;text-align: center;position: relative;} .m5 .m-title h2:before{content: '';width: 244px;border-bottom:2px solid #FE8125;position:absolute;left:0;right:0;margin:0 auto;bottom:-10px;} .m5 .m-title h2>a{color:#FE8125;} .m5 .m-box{margin-bottom: 50px;} .m5 .m-box img{width: 100%;height: 355px;object-fit: cover;} .m5 .owl-gallery .owl-nav{display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 50px;} .m5 .owl-gallery .owl-nav .owl-prev{margin:0 5px;} .m5 .owl-gallery .owl-nav .owl-prev:active{opacity:.5;} .m5 .owl-gallery .owl-nav .owl-next{margin:0 5px;} .m5 .owl-gallery .owl-nav .owl-next:active{opacity:.5;} @media only screen and (max-width:767px){ .m5 .m-title h2{font-size:30px;} .m5 .m-title h2:before{width: 140px;} } /*buttons*/ .hemenAraBg {background-color: #00a3ff !important;background-image: linear-gradient(90deg, #00a3ff, #006199);} .whatsAppBg {background-color: #068404 !important;background-image: linear-gradient(90deg, #068404, #0ba909);} .intro-banner-vdo-play-btn {height: 60px;width: 60px;bottom:150px;left:50px;text-align: center;border-radius: 100px;z-index: 999;position: fixed;color: white;} .intro-banner-vdo-play-btn i {line-height: 59px;font-size: 33px;} .intro-banner-vdo-play-btn .ripple {position: absolute;width: 160px;height: 160px;z-index: -1;left: 50%;top: 50%;opacity: 0;margin: -80px 0 0 -80px;border-radius: 100px;-webkit-animation: ripple 1.8s infinite;animation: ripple 1.8s infinite;} @-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);}} .intro-banner-vdo-play-btn .ripple:nth-child(2) {animation-delay: .3s;-webkit-animation-delay: .3s;} .intro-banner-vdo-play-btn .ripple:nth-child(3) {animation-delay: .6s;-webkit-animation-delay: .6s;} .intro-banner-vdo-play-btn1 {height: 60px;width: 60px;bottom:50px;left:50px;text-align: center;border-radius: 100px;z-index: 999;position: fixed;color: white;} .intro-banner-vdo-play-btn1 i {line-height: 59px;font-size: 33px;} .intro-banner-vdo-play-btn1 .ripple {position: absolute;width: 160px;height: 160px;z-index: -1;left: 50%;top: 50%;opacity: 0;margin: -80px 0 0 -80px;border-radius: 100px;-webkit-animation: ripple 1.8s infinite;animation: ripple 1.8s infinite;} @-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);}} .intro-banner-vdo-play-btn1 .ripple:nth-child(2) {animation-delay: .3s;-webkit-animation-delay: .3s;} .intro-banner-vdo-play-btn1 .ripple:nth-child(3) {animation-delay: .6s;-webkit-animation-delay: .6s;} /*------------------------------------------------------------------------------------------------------------------------------------------- FOOTER.php -------------------------------------------------------------------------------------------------------------------------------------------*/ footer{padding: 100px 0 20px 0;color:#fff;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 a{color:#eee;} footer .list{margin-bottom: 50px;} footer .list h3{margin-bottom: 30px;font-size: 20px;font-weight: 700;} footer .list>ul{list-style: none;margin: 0;padding: 0;} footer .list>ul>li{} footer .list>ul>li>a{display: block;line-height: 25px;padding: 0 0 0 20px;position: relative;font-size: 14px;} footer .list>ul>li>a>i{position: absolute;left: 0;line-height: 25px;text-align: center;} footer .address{margin-bottom: 50px;} footer .address h3{margin-bottom: 30px;font-size: 20px;font-weight: 700;} 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: 25px;padding: 0 0 0 40px;position: relative;font-size: 14px;} footer .address>ul>li>a>i{position: absolute;left: 0;line-height: 25px;text-align: center;width: 25px;height: 25px;border-radius: 50%;border: 1px solid #aaa;} footer .social-media{} footer .social-media h3{margin-bottom: 30px;font-size: 20px;font-weight: 700;text-align: center;} footer .social-media>ul{list-style: none;margin: 0;padding: 0;text-align: center;width: 100%;} footer .social-media>ul>li{display: inline-block;} footer .social-media>ul>li>a{display: block;width: 40px;height: 40px;border: 1px solid #444;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{background: #ddd;} footer .copyright{margin-top:100px;font-size: 12px;text-align: center;} /*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;} /*------------------------------------------------------------------------------------------------------------------------------------------- sidebar.php -------------------------------------------------------------------------------------------------------------------------------------------*/ .sw-sidebar-list-blok{margin-bottom: 30px;} @media (min-width: 992px) { .sw-sidebar-list-btn{display: none;} } @media (max-width: 992px) { .sw-sidebar-list{display: none;} } .sw-sidebar-list-btn{border:1px solid #ddd;padding: 15px 5px 15px 15px;font-size:16px;font-weight: bold;margin-bottom: 5px;position: relative;margin-top:10px;background: #eee;} .sw-sidebar-list-btn>i{position: absolute;font-size:25px;top:-10px;right: 10px;width: 35px;height: 35px;border-radius: 50%;background: #fff;box-shadow: 0 0 5px 0 #444;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-sidebar-list {} .sw-sidebar-list .list-group-item{background: #eee;} .list-group-item+.list-group-item.active{background: rgba(0, 0, 0, .9);} /*------------------------------------------------------------------------------------------------------------------------------------------- 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;} } /*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 d60000*/ /*koyu 990000*/ .sw-page-body .sw-sub-title{border-bottom:2px solid #d60000;} a:hover,a:active,a:focus{color:#d60000;} /*breadcrumb*/ /*.breadcrumb {background-color: #d60000;}*/ .breadcrumb a{color: #aaa;} .breadcrumb > li + li:before {color: #aaa;} .breadcrumb > .active {color: #ccc;} /*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: #d60000;border-color: #d60000; } /*iletisim*/ .sw-iletisim-paylas .iletisim-wapp{border:1px solid #d60000;color: #d60000} .sw-iletisim-paylas .iletisim-wapp i{color: #d60000} /*sidebar*/ .sw-sidebar-list-btn{background: #d60000;color:#fff;border:1px solid #990000;} .sw-sidebar-list-btn>i{color:#d60000} .sw-sidebar-list .list-group-item{background: #d60000;color:#fff;border-color:#990000;} .sw-sidebar-list .list-group-item:hover{background: #990000;} /*iller*/ .sw-il-list .sw-il-group>ul>li .active{background: #d60000;color:#fff;} /*iletisim*/ .sw-iletisim-bilgi>ul>li>i{background: #d60000;color:#fff;} .sw-iletisim-form .form-control{border:1px solid #d60000;} .sw-iletisim-form .sw-guvenlik{border:1px solid #d60000;} .sw-iletisim-form .form-group .btn{background: #d60000;color:#fff;} /*urun*/ .sw-urun-img .swiper-button-next:active,.sw-urun-img .swiper-button-prev:active{background: #d60000;color:#fff;} .sw-urun-header-rating>ul>li>span:hover{background: #d60000;color:#fff;} .sw-urun-tab-nav .nav-tabs .nav-item.show .nav-link,.sw-urun-tab-nav .nav-tabs .nav-link.active{background-color: #d60000;border-color: #00a3ff;color:#fff;} .sw-urun-tab-nav .nav-tabs{border-bottom: 1px solid #d60000;} .sw-u-yorum-btn-group>ul>li>.sw-btn:hover{background: #d60000;color:#fff;} .sw-urun-yorum .form-group .btn{background: #d60000;color:#fff;} /*duyurular*/ .sw-duyurular-body-devam{background: #d60000;color:#fff;} .sw-duyurular-body-devam:hover{color:#ccc;} .sw-duyurular-takvim{background: #d60000;color:#fff;} /*onceski-sonraki*/ .sw-onceki-btn i,.sw-sonraki-btn i{background: #d60000;color:#fff;} /*blog*/ .sw-yazi-box .sw-yazi-box-body>.sw-devam{background: #d60000;color:#fff;}