html,body {width:100%;height: 100%;} body{ font-family: 'Open Sans', sans-serif; zoom:.9; } 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{} /*background-color: rgba(0, 0, 0, 0.7); */ header{display: flex;flex-direction:row;justify-content:space-between;top:0;left:0;width:100%;height:auto;z-index:99;position: relative;} .h-absolute{position: absolute; !important;flex-direction:row;justify-content:space-between;top:0;left:0;width:100%;height:auto;z-index:99;} header .sw-logo{position:relative;z-index:99;} header .sw-logo img{display:block;max-width:100%;height:auto;} header .sw-h-right{display:flex;justify-content:right;padding-top:25px;} header .sw-h-right .sw-menu .sw-menuTab { display: none; } header .sw-h-right .sw-menu > ul { display: flex; list-style: none; justify-content: right; margin: 0; padding: 0; flex-direction: row; margin-right:10%; } header .sw-h-right .sw-menu > ul > li {} header .sw-h-right .sw-menu > ul > li > a { display: block; font-size: 16px; padding: 0 7px; font-weight: 500; color: #ffffff; line-height: 39px; text-transform: capitalize; margin-left: 30px; margin-right: 30px; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.7), 1px -1px 0 rgba(0, 0, 0, 0.7), -1px 1px 0 rgba(0, 0, 0, 0.7), 1px 1px 0 rgba(0, 0, 0, 0.7); } header .sw-h-right .sw-menu > ul > li > .sw-submenuTab { display: none; visibility: hidden; } header .sw-h-right .sw-menu > ul > .sw-corporate-menu-btn:hover ul { opacity: 1; visibility: visible; margin-top: 10px; z-index: 99; } header .sw-h-right .sw-menu > ul > li > ul { opacity: 0; visibility: hidden; position: fixed; z-index: -99; transform: translate3d(-100px, 0px, 0px); background: #fff; list-style: none; padding-left: 0; min-width: 350px; padding: 20px 30px; border-radius: 10%; margin-top: 30px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; box-shadow: 0 0 5px #bababa; } header .sw-h-right .sw-menu > ul > li > ul > li { border-bottom: 1px solid #DEDEDE; } header .sw-h-right .sw-menu > ul > li > ul > li:last-child { border: 0; } header .sw-h-right .sw-menu > ul > li > ul > li > a { display: block; line-height: 40px; font-weight: 500; 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 .sw-h-right .sw-menu > ul > li > ul > li > a:hover { padding-left: 10px; } header .sw-menu > ul > li > a.active { font-weight: bold; border-bottom: 2px solid orange; } header .sw-h-right .sw-menu>ul>li:hover .sw-products-menu{opacity: 1;visibility: visible;pointer-events: all;margin-top:10px;z-index: 99;} header .sw-products-menu{visibility:hidden;opacity:0;position:fixed;left:0;right:0;z-index:-99;margin:30px auto 0 auto;background:#fff;border-radius:13px;padding:20px;display: flex;flex-wrap: wrap;flex-direction: row;max-width:1320px;width:100%;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;box-shadow: 0 0 5px #bababa;} header .sw-products-menu div{max-width:33.33%;flex:0 0 33.33%;} header .sw-menu .sw-menuTab{display: none;} header .sw-products-menu .sw-products-menu-list{background:#F7F7F7;border-radius:13px;padding:20px;} header .sw-products-menu .sw-products-menu-list>ul{list-style:none;margin:0;padding:0;} header .sw-products-menu .sw-products-menu-list>ul>li{} header .sw-products-menu .sw-products-menu-list>ul>li>a{display:block;font-size:15px;line-height:40px;position: relative;font-weight:500;} header .sw-products-menu .sw-products-menu-list>ul>li>a:before{content:'';width:55%;border-bottom:1px solid #DEDEDE;position: absolute;bottom:0;left:0;} header .sw-products-menu .sw-products-menu-body{padding:20px;} header .sw-products-menu .sw-products-menu-body>ul{list-style:none;margin:0;padding:0;} header .sw-products-menu .sw-products-menu-body>ul>li{} header .sw-products-menu .sw-products-menu-body>ul>li>a{display:block;font-size:15px;line-height:40px;position:relative;} header .sw-products-menu .sw-products-menu-body>ul>li>a:before{content:'';width:55%;border-bottom:1px solid #DEDEDE;position: absolute;bottom:0;left:0;} header .sw-products-menu .sw-products-menu-image{} header .sw-products-menu .sw-products-menu-image img{width:100%;height:300px;object-fit:contain;} header .sw-h-right .sw-h-button{padding-left:20px;position:relative;z-index: 99;} header .sw-h-right .sw-h-button a{display: block;background: #E66200;border-radius: 9px;color:#fff;font-size:14px;line-height:39px;padding:0 20px;} header .sw-h-right .sw-h-lang{margin-left:20px;position: relative;z-index: 99;} header .sw-h-right .sw-h-lang>ul{list-style:none;padding:0;position: relative;margin:0;} header .sw-h-right .sw-h-lang>ul>li>a{display:block;text-align:center;width:56px;line-height:39px;height:auto;border-radius:6px;box-shadow: 0 0 3px #ddd;padding:0} header .sw-h-right .sw-h-lang>ul>li>a>i{color:#fff;font-size:11px;margin-left: 5px;} header .sw-h-right .sw-h-lang>ul>li:first-child>a{background:#676767;} header .sw-h-right .sw-h-lang>ul>li:last-child{position: absolute;left:0;opacity: 0;visibility: hidden;margin-top:10px;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 .sw-h-right .sw-h-lang>ul:hover>li:last-child{margin-top:0;opacity: 1;visibility:visible;} header .sw-h-right .sw-h-lang>ul>li:last-child>a{background:#fff;} header .sw-h-right .sw-h-lang>ul>li:last-child>a>i{color:#E66200;} .text-section h1 { color: #FF6A00; margin-bottom: 0.5rem; border-bottom: 3px solid #FF6A00; } .text-section p { font-size: 1.2rem; } .text-section p strong { font-weight: bold; } .text-section a { display: inline-block; margin-top: 1rem; color: #FF6A00; text-decoration: none; } .text-section a:hover { text-decoration: underline; } .text-section { padding: 20px; background: white; } .image-wrapper { position: relative; width: 80%; /* Dış div genişliği */ max-width: 1200px; /* Maksimum genişlik */ } .image img { display: block; opacity: 0.9; } #image1 { z-index: 1; position: absolute; width: 346px; height: 204px; left:50%; margin-top:-20%; z-index:1; } #image2, #image3, #image4, #image5 { position: absolute; } #image2 { top: -25%; left: 15%; width: 370px; height: 185px; z-index:2; } #image3 { margin-top:-20px; left: 75%; width: 277px; height: 200px; z-index:4; } #image4 { margin-top:20%; left: 52%; width: 200px; height: 260px; z-index:3; } #image5 { left: 90%; z-index:5; margin-top:150px; } #Subtraction_2 { fill: rgba(255,167,71,1); } .Subtraction_2 { overflow: visible; position: absolute; width: 183.523px; height: 210.854px; left: 123.478px; margin-top:-150px; transform: matrix(1,0,0,1,0,0); } #Path_34302 { fill: rgba(255,167,71,1); } .Path_34302 { overflow: visible; position: absolute; width: 38.23px; height: 38.23px; left: 55px; margin-top:-150px; transform: matrix(1,0,0,1,0,0); } #Subtraction_5 { fill: rgba(255,167,71,1); } .Subtraction_5 { overflow: visible; position: absolute; width: 63.065px; height: 30.341px; left: 667px; top: 360px; transform: matrix(1,0,0,1,0,0); } .custom-card { border: 2px solid #000; border-radius: 20px; padding: 20px; display: flex; align-items: center; position: relative; background: #fff; transition: border-radius 0.2s ease, border-color 0.2s ease; margin-bottom: 20px; min-height:200px; } .custom-card:hover { border-radius: 0 120px; border-color: #F96; } .custom-card .background-block { background: #e0e0e040; /* Gri arka plan rengi */ width: 100%; /* Genişlik */ height: 100%; /* Yükseklik */ position: absolute; /* Mutlak pozisyon */ top: 5%; /* Üstten hizalama */ left: 5%; /* Soldan hizalama */ z-index: 0; /* İçerikten altta olacak */ border-radius: 0 120px; /* Kenarlık yarıçapı */ transition: background 0.2s ease; /* Renk geçişi */ opacity: 0; /* Başlangıçta görünmez */ } .custom-card:hover .background-block { opacity: 1; /* Hover'da görünür yap */ } .card-icon { width: 50px; height: 50px; margin-right: 20px; z-index: 1; /* Z-index ile ön plana çıkarma */ } .card-content { z-index: 1; /* İçerik z-index'i */ } .card-content h2 { margin: 0; font-size: 22px; color: #333; font-weight:bolder; } .card-content p { margin-top: 5px; font-size: 14px; color: #666; } .swiper-wrapper video { max-width: 100%; height: auto; } .video-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Video player */ #myVideo { width: 100%; } /* Play button */ .play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.5); /* Yarı şeffaf arka plan */ width: 60px; height: 60px; border-radius: 50%; border: none; cursor: pointer; z-index: 1; /* Diğer öğelerin üzerinde olacak şekilde z-index ayarı */ } /* Play icon (örneğin Font Awesome) */ .play-button:before { content: "\f04b"; /* Font Awesome'da play simgesi */ font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 30px; color: white; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .bg-overlay{width:100%;height:100%;background:#3A3836;opacity:1;visibility:hidden;position:fixed;left:0;top:0;z-index:1;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;} @media only screen and (max-width : 320px) { header{padding:30px 15px 0 15px;display: block;justify-content: unset;flex-direction: unset;} header:before{opacity: 1;visibility: visible;} header .sw-logo img{margin:0 auto;} header .sw-h-right{justify-content: space-between;} header .sw-h-right .sw-menu{width: 100%;background: #db7100;} header .sw-h-right .sw-menu .sw-menuTab{display: block;line-height: 40px;font-size:18px;padding:0 20px;} header .sw-h-right .sw-menu>ul{display: none;position: absolute;left:0;right:0;margin:10px auto 0 auto;width:calc(100% - 30px);background:rgba(58, 56, 54, .8);border-radius:10px;padding:10px;} header .sw-h-right .sw-menu>ul>li>a{color:#fff;line-height:40px;padding:5px 10px;font-size:18px;} header .sw-h-right .sw-h-lang{margin-left:0;padding-right:20px;} header .sw-h-right .sw-h-button{margin-left:0; display: none;} header .sw-h-right .sw-menu>ul>li{position: relative;} header .sw-h-right .sw-menu>ul>li>.sw-submenuTab1{display: block;visibility: visible;position: absolute;left:0;top:0;padding:0 20px;color:#fff;width:100%;text-align: right;} header .sw-h-right .sw-menu>ul>li>.sw-submenuTab{display: block;visibility: visible;position: absolute;right:0;top:0;padding:0 20px;color:#fff;} header .sw-h-right .sw-menu>ul>li>.sw-submenuTab i{line-height: 50px;} header .sw-h-right .sw-menu>ul>li>ul{display:none;position: relative;minw-width:unset;width: 100%;opacity: 1;visibility: visible;transform: unset;z-index: unset;margin-top:unset;border-radius:0;padding:10px;transition: unset;-webkit-transition:unset;-moz-transition:unset;-o-transition:unset;} header .sw-h-right .sw-menu>ul>li>ul>li{border-bottom:1px solid #DEDEDE;} header .sw-h-right .sw-menu>ul>li>ul>li:last-child{border:0;} header .sw-h-right .sw-menu>ul>li>ul>li>a{display: block;line-height:40px;font-weight:500;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 .sw-h-right .sw-menu>ul>li>ul>li>a:hover{padding-left:10px;} header .sw-products-menu{display:none;visibility: visible;opacity: 1;position: relative;width: 100%;margin-top:unset;z-index: unset;transition: unset;-webkit-transition:unset;-moz-transition:unset;-o-transition:unset;} header .sw-products-menu div{max-width: 100%;flex:0 0 100%;} header .sw-menu .sw-menuTab{display:block;padding:10px;color:#fff;font-weight:700;background:#db7100;} } @media only screen and (min-width : 321px) and (max-width : 767px) { .text-section h1 {font-size: 30px !important;} header{padding:30px 15px 0 15px;display: block;justify-content: unset;flex-direction: unset;} header:before{opacity: 1;visibility: visible;} header .sw-logo img{margin:0 auto;} header .sw-h-right{justify-content: space-between;} header .sw-h-right .sw-menu{width: 100%;background: #db7100;} header .sw-h-right .sw-menu .sw-menuTab{display: block;line-height: 40px;font-size:18px;padding:0 20px;} header .sw-h-right .sw-menu>ul{display: none;position: absolute;left:0;right:0;margin:10px auto 0 auto;width:calc(100% - 30px);background:rgba(58, 56, 54, .8);border-radius:10px;padding:10px;} header .sw-h-right .sw-menu>ul>li>a{color:#fff;line-height:40px;padding:5px 10px;font-size:18px;} header .sw-h-right .sw-h-lang{margin-left:0;padding-right:20px;} header .sw-h-right .sw-h-button{margin-left:0; display: none;} header .sw-h-right .sw-menu>ul>li{position: relative;} header .sw-h-right .sw-menu>ul>li>.sw-submenuTab1{display: block;visibility: visible;position: absolute;left:0;top:0;padding:0 20px;color:#fff;width:100%;text-align: right;} header .sw-h-right .sw-menu>ul>li>.sw-submenuTab{display: block;visibility: visible;position: absolute;right:0;top:0;padding:0 20px;color:#fff;} header .sw-h-right .sw-menu>ul>li>.sw-submenuTab i{line-height: 50px;} header .sw-h-right .sw-menu>ul>li>ul{display:none;position: relative;minw-width:unset;width: 100%;opacity: 1;visibility: visible;transform: unset;z-index: unset;margin-top:unset;border-radius:0;padding:10px;transition: unset;-webkit-transition:unset;-moz-transition:unset;-o-transition:unset;} header .sw-h-right .sw-menu>ul>li>ul>li{border-bottom:1px solid #DEDEDE;} header .sw-h-right .sw-menu>ul>li>ul>li:last-child{border:0;} header .sw-h-right .sw-menu>ul>li>ul>li>a{display: block;line-height:40px;font-weight:500;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 .sw-h-right .sw-menu>ul>li>ul>li>a:hover{padding-left:10px;} header .sw-products-menu{display:none;visibility: visible;opacity: 1;position: relative;width: 100%;margin-top:unset;z-index: unset;transition: unset;-webkit-transition:unset;-moz-transition:unset;-o-transition:unset;} header .sw-products-menu div{max-width: 100%;flex:0 0 100%;} header .sw-menu .sw-menuTab{display:block;padding:10px;color:#fff;font-weight:700;background:#db7100;} } @media only screen and (min-width : 768px) and (max-width : 991px) { header{padding:30px 15px 0 15px;display: block;justify-content: unset;flex-direction: unset;} header:before{opacity: 1;visibility: visible;} header .sw-logo img{margin:0 auto;} header .sw-h-right{justify-content: space-between;} header .sw-h-right .sw-menu{width: 100%;background: #db7100;} header .sw-h-right .sw-menu .sw-menuTab{display: block;line-height: 40px;font-size:18px;padding:0 20px;} header .sw-h-right .sw-menu>ul{display: none;position: absolute;left:0;right:0;margin:10px auto 0 auto;width:calc(100% - 30px);background:rgba(58, 56, 54, .8);border-radius:10px;padding:10px;} header .sw-h-right .sw-menu>ul>li>a{color:#fff;line-height:40px;padding:5px 10px;font-size:18px;} header .sw-h-right .sw-h-lang{margin-left:0;padding-right:20px;} header .sw-h-right .sw-h-button{margin-left:0; display: none;} header .sw-h-right .sw-menu>ul>li{position: relative;} header .sw-h-right .sw-menu>ul>li>.sw-submenuTab1{display: block;visibility: visible;position: absolute;left:0;top:0;padding:0 20px;color:#fff;width:100%;text-align: right;} header .sw-h-right .sw-menu>ul>li>.sw-submenuTab{display: block;visibility: visible;position: absolute;right:0;top:0;padding:0 20px;color:#fff;} header .sw-h-right .sw-menu>ul>li>.sw-submenuTab i{line-height: 50px;} header .sw-h-right .sw-menu>ul>li>ul{display:none;position: relative;minw-width:unset;width: 100%;opacity: 1;visibility: visible;transform: unset;z-index: unset;margin-top:unset;border-radius:0;padding:10px;transition: unset;-webkit-transition:unset;-moz-transition:unset;-o-transition:unset;} header .sw-h-right .sw-menu>ul>li>ul>li{border-bottom:1px solid #DEDEDE;} header .sw-h-right .sw-menu>ul>li>ul>li:last-child{border:0;} header .sw-h-right .sw-menu>ul>li>ul>li>a{display: block;line-height:40px;font-weight:500;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 .sw-h-right .sw-menu>ul>li>ul>li>a:hover{padding-left:10px;} header .sw-products-menu{display:none;visibility: visible;opacity: 1;position: relative;width: 100%;margin-top:unset;z-index: unset;transition: unset;-webkit-transition:unset;-moz-transition:unset;-o-transition:unset;} header .sw-products-menu div{max-width: 100%;flex:0 0 100%;} header .sw-menu .sw-menuTab{display:block;padding:10px;color:#fff;font-weight:700;background:#db7100;} } @media only screen and (min-width : 992px) and (max-width : 1199px) { header{padding:30px 30px 0 30px;} header .sw-h-left{max-width:160px;flex: 0 0 160px;padding-left: 10px;} header .sw-h-right{padding-top:5px;} header .sw-h-right .sw-menu>ul>li>a{padding:0 2px;font-size:11px;} header .sw-h-right .sw-h-lang{margin-left:5px;} header .sw-h-right .sw-h-button{margin-left:5px;} } @media only screen and (min-width:1200px) and (max-width:1440px){ header{padding:40px 30px 0 30px;} header .sw-h-left{max-width:180px;flex: 0 0 180px} header .sw-h-right{padding-top:5px;} header .sw-h-right .sw-menu>ul>li>a{padding:0 3px;font-size:12px;} header .sw-h-right .sw-h-lang{margin-left:5px;} header .sw-h-right .sw-h-button{margin-left:5px;} } @media only screen and (min-width : 1441px){ .container{max-width:1320px;} header .sw-h-right{margin-right: 150px;} header .sw-h-left{margin-left: 150px;} } .slide-description {bottom: 65px !important;} /* jardel*/ /*.sw-slide{padding:150px 10% 0 10%;margin-bottom:50px;} .sw-slide .bg{width:100%;z-index:-1;position:absolute;top:0;left:0;background:url('../images/slide-bg.jpg') no-repeat center center;background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-moz-background-size:cover;} .sw-slide .sw-slide-wrapper{} .sw-slide .sw-slide-wrapper .item{display: flex;} .sw-slide .sw-slide-wrapper .item .text{max-width:40%;flex:0 0 30%;padding-top:150px;padding-right: 30px;} .sw-slide .sw-slide-wrapper .item .text h2{font-size:35px;color:#fff;margin-bottom:15px;text-transform:uppercase; font-weight: bolder;} .sw-slide .sw-slide-wrapper .item .text h2 span{display:inline-block;color:#E66200;} .sw-slide .sw-slide-wrapper .item .text p{font-size:15px;font-weight:200;color:#fff;margin-bottom:30px;} .sw-slide .sw-slide-wrapper .item .text .more{display:inline-block;line-height:40px;border:1px solid #E66200;border-radius:20px;color:#E66200;width:110px;text-align: center;font-size:15px;font-weight:100;} .sw-slide .sw-slide-wrapper .item .img{background:url('../images/videoon.jpg') no-repeat center center; max-width:60%; height:100%; flex:0 0 70%;border-radius: 20px;border:10px solid #e66201; fill: rgba(219,113,0,1);} .sw-slide .sw-slide-wrapper .item .img img{background:url('../images/videoon.jpg') no-repeat center center; display: block;max-width: 100%;height:100%} @media only screen and (max-width:767px){ .sw-slide{padding:220px 15px 0 15px;} .sw-slide .bg{width: calc(100% - 10px);left:5px;top:5px;} .sw-slide .sw-slide-wrapper .item{flex-direction: column;} .sw-slide .sw-slide-wrapper .item .text{max-width: 100%;flex:0 0 100%;padding:0 15px;min-height: 40vh;} .sw-slide .sw-slide-wrapper .item .img{max-width: 100%;flex:0 0 100%;} } @media only screen and (min-width:768px) and (max-width:991px){ .sw-slide{padding:220px 15px 0 15px;} .sw-slide .bg{width: calc(100% - 10px);left:5px;top:5px;} .sw-slide .sw-slide-wrapper .item{flex-direction: column;} .sw-slide .sw-slide-wrapper .item .text{max-width: 100%;flex:0 0 100%;padding:50px 15px;} .sw-slide .sw-slide-wrapper .item .img{max-width: 100%;flex:0 0 100%;} } @media only screen and (min-width : 992px) and (max-width : 1199px) { .sw-slide{padding:100px 15px 0 15px;} .sw-slide .bg{width: calc(100% - 10px);left:5px;top:5px;height: 75%;} .sw-slide .sw-slide-wrapper .item .text{padding-top:50px;} } @media only screen and (min-width:1200px) and (max-width:1440px){ .sw-slide{padding:150px 45px 0 45px;} .sw-slide .bg{height:75%;} .sw-slide .sw-slide-wrapper .item .text{padding-right:30px;} }*/ .slide .swiper-slide{position:relative;} .slide .swiper-slide .slide-img{width:100%;height:1080px;object-fit: cover;} .slide .swiper-slide .container{position:absolute;height:60%;z-index:999;left:15%;margin:0 auto;display:flex;flex-direction: column;bottom: 20%;justify-content: space-evenly;max-width: 40%;} .slide .swiper-slide .container .title{color: white;font-size: 35px;} .slide .swiper-slide .container .content{color: white;font-size: 21px;} .slide .swiper-slide .container .text>p{color: white;font-size: 20px;} .slide .swiper-slide .container .button{display:inline-block;line-height:40px;border:2px solid #E66200;border-radius:20px;color:#E66200;width:110px;text-align: center;font-size:21px;font-weight:500;} .slide .swiper-slide .container .button>img{padding-left: 15px;} @keyframes leftToRight{ to{object-position: right;} from{object-position: left;} } @media only screen and (max-width:991px){ .slide .swiper-slide .container {height: 60%;left: 5%;bottom: 0%;max-width: 90%;} .slide .swiper-slide .container .title{font-size: 21px;margin-bottom: 2%;} .slide .swiper-slide .container .content {font-size: 16px;} .slide .swiper-slide .container .text>p{font-size: 14px;} .slide .swiper-slide .slide-img{height: 100vh;} } @media only screen and (max-width:767px){ .slide .swiper-slide-active .slide-img{animation:leftToRight 10s infinite linear;width:100%;object-fit: cover;} } @media only screen and (min-width:768px) and (max-width:991px){ .slide .swiper-slide-active .slide-img{animation:leftToRight 10s infinite linear;width:100%;object-fit: cover;} } @media only screen and (min-width:992px) and (max-width:1200px){ .slide .swiper-slide .container .title {font-size: 30px;} .slide .swiper-slide .container .content {font-size: 24px;} .slide .swiper-slide .slide-img{height: 80vh;} .slide .swiper-slide .container{height: 50%;left: 10%;bottom: 20%;} } @media only screen and (min-width:1201px) and (max-width:1440px){ .slide .swiper-slide .container .title {font-size: 32px;} .slide .swiper-slide .container .content {font-size: 24px;} .slide .swiper-slide .slide-img{height: 100vh;} .slide .swiper-slide .container{height: 50%;left: 10%;bottom: 20%;} } /*m1*/ .m1{padding:50px 0 0 0;margin-bottom:50px;text-align: center;} .m1 .right-side img{width: 100%;height: auto;object-fit: cover;overflow: hidden;} .m1 .sw-img{margin-bottom:15px;} .m1 .sw-img img{width:100%;height:auto;} .m1 .sw-img .kurumsal-title{max-width:90%;margin:0 auto;width:960px;height: auto;} .m1 .sw-text{height: 100%;position:relative;padding-bottom:100px;} .m1 .sw-text h2{font-size:60px;font-weight:900;letter-spacing:12px;line-height:85px;color:#3A3836;margin-bottom:30px;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #3A3836;text-transform:uppercase;} .m1 .sw-text .p1{color:#3A3836;font-weight:900;font-size:28px;line-height:40px;margin-bottom:20px;} .m1 .sw-text .p2{font-size:30px;font-weight:500;color:#E66200;padding-right:0%;} .m1 .sw-down{} .m1 span{color:#E66200;} @keyframes downToUp{ from{transform: translate3d(0px, -30px, 0px);} to{transform: translate3d(0px, 0, 0px);} } .m1 .sw-down img{animation:downToUp 2s infinite alternate;} .m1 .sw-down span{display:inline-block;width:85px;font-size:14px;color:#E66200;} @media only screen and (max-width:767px){ .m1 .sw-text h2{font-size:40px;line-height: 1.2;} .m1 .sw-text .p1{line-height:1.2;font-size: 12px;} .m1 .sw-text .p2{padding-right:0;line-height:1.2;} .m1 .sw-text{padding-bottom:10px;} } @media only screen and (min-width:992px) and (max-width:1440px){ .m1 .sw-text h2{line-height: 70px;margin-bottom:20px;} .m1 .sw-text .p1{line-height:30px;font-size: 16px;} .m1 .sw-text .p2{padding-right: 0;} .m1 .sw-text{} } /*m2*/ .m2{padding:50px 0 0 0;} .m2 .sw-title{margin-bottom:30px;} .m2 .productitle{color:#E66200;} .m2 .sw-title h2{text-align:center;font-size:60px;font-weight:900;letter-spacing:12px;line-height:85px;color:#3A3836;margin-bottom:30px;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #3A3836;text-transform:uppercase;} .m2 .item{padding-top:30px;} .m2 .sw-box{margin-bottom:30px;border:2px solid #3A3836;border-radius:7px;position: relative;padding:30px 10px 10px 10px;opacity: .5;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;} .m2 .sw-box:hover{opacity: 1;} .m2 .sw-box span{display:block;width: 50px;height:30px;text-align: center;line-height: 30px;position: absolute;top:-15px;left:0;right:0;margin:0 auto;} .m2 .sw-box span img{display: block;max-width: 100%;height: auto;margin:0 auto;} .m2 .sw-box h3{font-size:18px;text-align: center;line-height:20px;min-height:60px;display:flex;align-items:center;justify-content:center;} .m2 .owl-dots{display:flex;justify-content:center;margin-bottom:50px;} .m2 .owl-dots{display:flex;justify-content:center;margin-bottom:50px;} .m2 .owl-dots .owl-dot{width:11px;height:11px;border:1px solid #E66200;margin:0 3px;border-radius:50%;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;} .m2 .owl-dots .active{background:#E66200;} .m2 .m2-body{padding-bottom:1px;} .m2 .m2-body .owl-nav{display:flex;flex-wrap: wrap;justify-content: center;margin-bottom:20px;} .m2 .m2-body .owl-nav .owl-prev,.m2 .owl-nav .owl-next{width: 40px;height: 40px;line-height: 40px;text-align: center;} .m2 .m2-body .owl-nav .owl-prev:active,.m2 .owl-nav .owl-next:active{opacity: .5;} .sw-cat-box{margin-bottom:50px;padding:5px;border:1px solid transparent;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;} .sw-cat-box:hover{border:1px solid #E66200;} .sw-cat-box .sw-cat-box-head{padding:10px 10px 5px 10px;position:relative;background:#fff;clip-path:polygon(0 0,100% 0,100% 75%,0 100%);} .sw-cat-box .sw-cat-box-head img{clip-path:polygon(0 0,100% 0,100% 75%,0 100%);width:100%;height: 335px;object-fit: contain;} .sw-cat-box .sw-cat-box-head:before{content: '';width:calc(100% + 10px);height: 2px;background:#E66200;transform: rotate(-13deg);position:absolute;bottom:0;left:0;z-index: 9;transform-origin: left;} .sw-cat-box .sw-cat-box-body{padding:20px;position: relative;margin-top:-25px;} .sw-cat-box .sw-cat-box-body .content{padding:15px;display:flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column;position: relative;} .sw-cat-box .sw-cat-box-body .content:before{content: '';width:1px;height: 90%;bottom:0;background:#707070;position: absolute;left:0;} .sw-cat-box .sw-cat-box-body .content h3{font-size:23px;text-align: right;line-height: 25px;min-height: 75px;margin:0;color:#E66200;} .sw-cat-box .sw-cat-box-body .content h3 a{color:#E66200;} .sw-cat-box .sw-cat-box-body .content h3 strong{font-weight: 500;color:#E66200;} .sw-cat-box .sw-cat-box-body .content .p{font-size:15px;line-height:22px;margin-bottom:5px;min-height: 230px;} .sw-cat-box .sw-cat-box-body .content .more{display:inline-block;color:#E66200;font-weight: 100;margin-left: 70%} @media only screen and (min-width:768px) and (max-width:1440px){.sw-cat-box .sw-cat-box-body .content .more{margin-left: 60%;}} @media only screen and (max-width:767px){ .m2 .sw-title h2{font-size:40px;} .sw-cat-box .sw-cat-box-body .content .more{margin-left: 50%;} } /*m3*/ .m3{padding:50px 0;} .m3 .sw-title{margin-bottom:50px;} .m3 .sw-title h2{text-align:center;font-size:60px;font-weight:900;letter-spacing:12px;line-height:85px;color:#3A3836;margin-bottom:30px;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #3A3836;text-transform:uppercase;} .m3 .sw-title h3{font-size:32px;line-height:44px;color:#3A3836;} .m3 .sw-title h3 strong{display: block;font-weight:700;} .m3 .swiperNews1{height:calc(100% - 20px);} .m3 .sw-img{height:100%;} .m3 .sw-img img{width: 100%;height: 100%;object-fit: cover;} .m3 .sw-box{margin-bottom:30px;} .m3 .sw-box .date{display: block;font-size:19px;font-weight:200;color:#3A3836;margin-bottom:20px;} .m3 .sw-box h3{font-size:22px;line-height:30px;min-height:60px;margin-bottom:20px;} .m3 .sw-box h3 a{color:#3A3836;} .m3 .sw-box .more{display:inline-block;border:1px solid #E66200;padding:3px 35px 3px 3px;color:#E66200;text-transform: uppercase;position: relative;line-height: 36px;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;} .m3 .sw-box .more:hover{background:#E66200;color:#fff;} .m3 .sw-box .more span{display: inline-block;padding:0 20px;} .m3 .sw-box .more i{width:28px;text-align: center;height: calc(100% - 6px);top:3px;right:3px;position: absolute;background:#E66200;color:#fff;line-height:36px;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;} .m3 .sw-box .more:hover i{background:#fff;color:#E66200;} .m3 .sw-list{margin-bottom:10px;} .m3 .sw-list .list-item{} .m3 .sw-list .list-item .img{} .m3 .sw-list .list-item .img img{width:100%;height:140px;object-fit:cover;} .m3 .sw-list .list-item .content{padding:10px;} .m3 .sw-list .list-item .content span{display:block;font-size:12px;line-height:20px;font-weight:200;color:#3A3836;margin-bottom:10px;} .m3 .sw-list .list-item .content h4{font-size:13px;line-height:20px;min-height:60px;} .m3 .sw-list .list-item .content h4 a{color:#3A3836;} .m3 .sw-swiper-buttons{margin-bottom:20px;display:flex;flex-wrap:wrap;} .m3 .sw-swiper-buttons .sw-prev{margin-right:10px;} .m3 .sw-swiper-buttons .sw-next,.m3 .sw-swiper-buttons .sw-prev{width:20px;height:20px;line-height:20px;background:#E66200;color:#fff;text-align:center;} @media only screen and (max-width:767px){ .m3 .sw-list{display: none;margin:0;} .m3 .sw-title h2{font-size: 40px;} } .m4{padding:50px 0 0 0;} .m4 .sw-title{margin-bottom:50px;} .m4 .sw-title h2{font-size:36px;line-height:50px;color:#3A3836;} .m4 .sw-title p{font-size:16px;color:#3A3836;font-weight:100;} .m4 .sw-title .more{display:inline-block;color:#E66200;font-size:29px;font-weight:700;} .m4 .m4-body{position: relative;} .m4 .m4-body:before{content:'';width: 100%;height: 40px;z-index:999999;background:#fff;position: absolute;bottom:0;left:0;} .fix-whatsapp{position: fixed;bottom:40px;left:40px;width:50px;height:50px;border-radius: 50%;color:#fff;background: green;z-index: 99;font-size:30px;line-height:50px;text-align: center;} .fix-whatsapp:before{content:'';width: calc(100% + 10px);height: calc(100% + 10px);left:-5px;top:-5px;border-radius:50%;border:1px solid green;position:absolute;} /*------------------------------------------------------------------------------------------------------------------------------------------- FOOTER.php -------------------------------------------------------------------------------------------------------------------------------------------*/ footer .f-logo{margin-bottom:50px;} footer .f-logo p{color: #fff;} footer .f-logo img{display: block;max-width:100%;} footer .f-box{margin-bottom:50px;padding-right: 75px;} footer .f-box ul{list-style:none;padding-left:0;} footer .f-box ul>li{margin-bottom:20px;} footer .f-box ul>li>strong{display:block;font-size:21px;line-height:20px;} footer .f-box ul>li>a>{} footer .f-box .social-media{margin-bottom:50px;} footer .f-box .social-media ul{display:flex;flex-wrap:wrap;} footer .f-box .social-media ul>li{margin-right:20px;} footer .f-box .social-media ul>li>a{display:block;} footer .f-list{margin-bottom: 50px;padding-right: 75px;} footer .f-list {} footer .f-list>ul{list-style:none;padding-left:0;} footer .f-list>ul>li{} footer .f-list>ul>li>a{display:block;border-bottom:1px solid #9D9D9D;font-size:21px;color:#fff;font-weight:500;line-height:40px;} footer .f-list>ul>li:last-child>a{border:0;} footer .f-list-2{margin-bottom:50px;padding-right: 50px;} footer .f-list-2 h3{font-size:18px;font-weight:500;color:#fff;} footer .f-list-2 ul{list-style:none;padding-left:0;} footer .f-list-2 ul>li{} footer .f-list-2 ul>li>a{display:block;color:#fff;font-weight:200;line-height:40px;font-size:21px;} .f-references{padding-bottom:100px;} .f-references .sw-title{padding:30px 0;border-bottom:1px solid rgba(230, 98, 0, .1);margin-bottom: 50px;} .f-references .sw-title h2{font-size:32px;line-height:44px;font-weight: 200;text-align: center;} .f-references .sw-title h2 a{color:#fff;} .f-references .sw-body{padding:75px 0;} .f-references .sw-box{margin-bottom:30px;} .f-references .sw-box img{width:100%;height:auto;} .f-references .owl-dots{display:flex;flex-direction:row;flex-direction:row;justify-content:center;} .f-references .owl-dots .owl-dot{width:11px;height:11px;border:1px solid #E66200;border-radius:50%;margin:0 3px;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;} .f-references .owl-dots .active{background:#E66200;} @media only screen and (max-width:767px){ footer .container{max-width: 100%;} } @media only screen and (min-width : 992px) and (max-width : 1199px) { footer .container{max-width:100%;} footer .f-list-2{padding-right:0;} } @media only screen and (min-width:1200px) and (max-width:1440px){ footer .container{max-width:100%;} footer .f-list-2{padding-right:0;} } /*backtoTop*/ .backToTop{position: fixed;bottom:50px;right:15px;background:#E66200;width: 40px;height: 40px;box-shadow: 0 0 5px #676767;border-radius: 5px;text-align: center;line-height: 40px;padding:5px;z-index:999;} .backToTop:active{opacity:.7} .backToTop img{max-width: 100%;height: auto;display: block;filter: invert(100%);} /*page*/ .page{} .page .page-head{padding:100px 0 30px 0; margin-top: 0;} .page .page-head .page-title{} .page .page-head .page-title h1{font-size:16px;color:#3A3836;} .page .page-body{padding:40px 0 0 0;} .page .page-body .page-small-text{margin-bottom:30px;} .page .page-body .page-small-text h2{font-size:45px;line-height:65px;color:#E66200;font-weight:700;text-transform: uppercase;} .page .page-body .page-small-text p{font-size:23px;line-height:33px;font-weight:200;} @media only screen and (max-width:767px){ .page .page-head{padding:250px 0 30px 0;} } .about-page .page-content{margin-bottom:30px;} .about-page .page-cover{margin-bottom:30px;} .about-page .page-cover img{width: 100%;height:auto;} .about-page .about-other{position: relative;} .about-page .about-other:before{content:'';width:100%;height:calc(100% + 200px);z-index:-1;position: absolute;left:0;top:-200px;background:url('../images/page-bg.jpg') no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;} .about-page .a1{position:relative;} .about-page .a1 .page-text{padding:75px 0;color:#3A3836;font-weight: 500;} .about-page .a2{background:#E5E3E3;padding:50px 0;} .about-page .a2 .a2-title{margin-bottom:50px;} .about-page .a2 .a2-title h2{font-size:24px;color:#E66200;margin-bottom:30px;text-align:center;} .about-page .a2 .a2-title h2 strong{color:#3A3836;display:block;} .about-page .a2 .a2-title p{font-size:28px;line-height:40px;text-align:center;color:#3A3836;} .about-page .a3{padding:50px 0 0 0;} .about-page .a3 .a3-box{margin-bottom:50px;padding:20px;} .about-page .a3 .a3-box h2{font-size:24px;line-height:34px;font-weight:700;margin-bottom:30px;} .about-page .a3 .a3-box .p{font-weight: 500;line-height: 30px;} .about-page .a3 .a3-box-1{text-align: right;background:linear-gradient(to right,transparent,#E662003B);} .about-page .a3 .a3-box-2{background:linear-gradient(to left,transparent,#E662003B);} .about-page .a4{padding:50px 0 0 0;} .about-page .a4 .a4-title{margin-bottom:50px;} .about-page .a4 .a4-title h2{font-size:50px;line-height:70px;letter-spacing: 10.2px;font-weight:900;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #3A3836;text-transform:uppercase;} .about-page .a4 .a4-box{margin-bottom:30px;padding:20px 30px;opacity: .33;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;} .about-page .a4 .a4-box img{ width: 112%;height: 430px;object-fit: cover;position: relative;right: 12px;} .about-page .a4 .a4-box:hover{background:#fff;opacity: 1;border-radius:20px;box-shadow: 0 14px 23px #00000029;} .about-page .a4 .owl-nav{position: absolute;display: flex;background:#fff;border-radius:8px;top:-114px;right:0;} .about-page .a4 .owl-nav .owl-prev,.about-page .a4 .owl-nav .owl-next{width:50px;height:45px;line-height:45px;font-size:22px;color:#E66200;text-align:center;} .about-page .a4 .owl-nav .owl-prev:active,.about-page .a4 .owl-nav .owl-next:active{opacity:.5;} .about-page .a4 .owl-dots{display:flex;flex-direction: row;justify-content: center;margin-bottom:50px;} .about-page .a4 .owl-dots .owl-dot{width:11px;height:11px;border:1px solid #E66200;border-radius:50%;margin:0 3px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;} .about-page .a4 .owl-dots .active{background:#E66200;} @media only screen and (max-width:767px){ .about-page .a1 .page-text{padding:30px 0;} .about-page .a2 .a2-title p{font-size:20px;} .about-page .a3 .a3-box{} .about-page .a4 .owl-nav{position: relative;top:0;left:0;margin:0 auto 20px auto;width:100px;} .about-page .a4 .a4-title h2{font-size:26px;text-align: center;} } .product-page{background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;} .product-page .p-right{display:flex;flex-direction:column;justify-content:center;height:100%;margin-bottom:50px;} .product-page .p-left .swiper-button-next{ position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: black; } .product-page .p-left .swiper-button-prev{ position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: black; } .product-page .image{margin-bottom: 30px; border:1px solid #1f1f1f; background: white; box-shadow: 0px 3px 6px #00000029;} .product-page .image img{width: 100%;height: 600px;object-fit: contain;} .product-page .image-list{margin-bottom:50px;} .product-page .image-list .image-list-item{border:1p;box-shadow: 0px 3px 6px #00000029;} .product-page .image-list .image-list-item img{width: 100%;height:175px;object-fit:cover;border:1px solid #1f1f1f;} .product-page .image-list .image-list-item img:hover{transform: scale(1.5);} .product-page .title{margin-bottom:30px;} .product-page .title h1{font-size:30px;line-height:55px;color:#E66200;font-weight: bold} .product-page .content{font-size:22px;line-height:40px;color:#3A3836;margin-bottom:50px;} .product-page .content strong{text-transform: uppercase;} .product-page .p-logo-list{display:flex;flex-wrap:wrap;flex-direction:row;box-shadow:0px 3px 6px #00000029;border-radius:16px;overflow:hidden;margin-bottom:30px;} .product-page .p-logo-list .p-logo-list-item{position:relative;} .product-page .p-logo-list .p-logo-list-item:before{content:'';height:70%;top:15%;right:0;border-right:1px solid #9D9D9D;position:absolute;} .product-page .p-logo-list .p-logo-list-item:last-child::before{border:0;} .product-page .p-logo-list .p-logo-list-item img{width: 100%;height: auto;} .product-page .p-logo-list .p-logo-list-item:last-child{border:0;} .product-page .p-catalog-btn{background:#fff;box-shadow:0 3px 6px #00000029;border-radius:16px;} .product-page .p-catalog-btn .t{display:flex;justify-content: space-between;padding:20px;line-height:40px;} .product-page .p-catalog-btn .t span{display: inline-block;} .product-page .p-catalog-btn .t span:first-child{font-size:22px;color:#3A3836;} .product-page .p-catalog-btn .t span:last-child{padding:0 5%;text-transform:uppercase;color:#E66200;} .product-page .p-catalog-btn .p-catalog-list{padding:20px;} .product-page .p-catalog-btn .p-catalog-list ul{list-style:none;margin:0;padding:0;} .product-page .p-catalog-btn .p-catalog-list ul li{border-bottom:1px dotted #eee;margin-bottom:10px;} .product-page .p-catalog-btn .p-catalog-list ul li a{display: flex;justify-content: space-between;padding:0 20px;font-size:14px;line-height:40px;} .product-page .p-catalog-btn .p-catalog-list ul li a span{font-size:12px;border-radius:5px;border:1px solid #ad0012;color:#ad0012;padding:0 30px;} .product-page .page-foot{padding:75px 0;background:#E5E3E3;} .product-page .page-foot nav{margin-bottom:30px;border-bottom:1px solid #9D9D9D;} .product-page .page-foot nav .nav a{display: block;border-radius: 0;position: relative;} .product-page .page-foot nav .nav a:after{border-right:1px solid #9D9D9D;height:50%;top:25%;right:0;content:'';position:absolute;} .product-page .page-foot nav .nav a:last-child::after{border:0;} .product-page .page-foot .nav-pills .nav-link{line-height:50px;font-size:22px;position:relative;} .product-page .page-foot .nav-pills .nav-link.active, .nav-pills .show>.nav-link{background:unset;color:#E66200;font-weight:700;} .product-page .page-foot .nav-pills .nav-link.active:before{content: '';width:50%;height:3px;background:#E66200;position:absolute;left:0;bottom:-2px;right:0;margin:0 auto;} .product-page .page-foot .tab-content{background:#fff;padding:30px;color:#3A3836;line-height:40px;font-weight:200;} @media only screen and (max-width:767px){ .product-page .page-head{padding:170px 0 30px 0;} .product-page .page-body{padding:0;} .product-page .image{margin-bottom:20px;} .product-page .image img{height: 400px;} .product-page .image-list{margin-bottom:20px;} } .sw-form{margin-bottom:50px;} .sw-form .form-group{} .sw-form .form-group .form-control{min-height:45px;border:1px solid #ddd;} .sw-form .form-group .sw-guvenlik{border:1px solid #ddd;box-shadow: unset;border-radius: 5px;} .sw-form .form-group .btn{background:#E66200;color:#000;} .no-content{border:1px dotted #ddd;border-radius:10px;padding:40px 20px;margin-bottom:30px;text-align: center;font-size:22px;font-weight: 200;} .no-content i{display: block;} /*footer{padding: 70px 0 20px 0;background: #f9f9f9;} 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;} /*------------------------------------------------------------------------------------------------------------------------------------------- Teklif Al -------------------------------------------------------------------------------------------------------------------------------------------*/ .teklif-al a{display: none; color: white;} @media only screen and (max-width : 991px) { .teklif-al {display: block; text-align: center;background: #E66200;position: fixed;bottom: 420px;right: -40px;transform: rotate(270deg);border-radius: 5px 5px 0 0;z-index: 999; height: 35px; width: 100px;} .teklif-al a{display: block; color: white;} } /*------------------------------------------------------------------------------------------------------------------------------------------- Saruhan Web Logo -------------------------------------------------------------------------------------------------------------------------------------------*/ #saruhanweb a{display: block;} .tooltip-inner {width: 130px;font-size:12px;} #saruhanweb{background:#111;padding:10px 0;text-align: center;} /*------------------------------------------------------------------------------------------------------------------- GENEL --------------------------------------------------------------------------------------------------------------------*/ .sw-page-header .sw-title{font-size:30px;font-weight: bold;color: #E66200;} .sw-page-body{padding-top:30px;margin-bottom: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-body .thank-you{width: 100%; font-size: 105px; display: block;color: #E66200;font-weight: bold; -webkit-text-fill-color: transparent;-webkit-text-stroke: 1px;-webkit-text-stroke-color: #E66200;text-align: center;padding: 100px 0px 100px 0px;} .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;} @media only screen and (max-width:767px){ .sw-page-header{padding:250px 0 30px 0;} } @media only screen and (min-width:768px) and (max-width:991px){ .sw-page-header{padding:270px 0 30px 0;} } /*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: 10px 0;margin-top:15px;border-radius: 0;margin-bottom: 220px;list-style: none;background-color: unset;font-size:12px;} .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;} .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;} } /*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: 0px;-webkit-text-stroke: 1px #3b3b3b;} .sw-dtakvim-ay{font-size:23px;margin-bottom: 15px; padding: 20px 0px 20px 0px; } .sw-dtakvim-yil{font-size:23px;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;margin-bottom:10px;} .sw-dlar-button{overflow: hidden;margin-bottom: 15px;} .sw-dlar-bilgi{overflow: hidden;margin-bottom:12px;font-size:12px;text-align: right;color:#aaa;width: 100%;margin-top:10px;} .sw-dlar-gorsel{text-align: center;padding: 5px;position: relative;margin-bottom: 30px;} .sw-dlar-gorsel img{display: block;margin:0 auto;max-width: 100%;border: 3px solid #c4c4c4} /*------------------------------------------------------------------------------------------------------------------------------------------- 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: 165px;object-fit: contain;} .sw-referanslar-baslik{padding:10px 15px;font-size:16px;font-weight: bold;} .sw-referanslar-aciklama{padding:0 15px 15px 15px;font-size:14px;} /*------------------------------------------------------------------------------------------------------------------------------------------- belgeler.php -------------------------------------------------------------------------------------------------------------------------------------------*/ .sw-page-document-body{padding-top:30px;background:url('../images/page-bg.jpg') no-repeat center center;} .sw-page-document-body .sw-sub-title{border-bottom:2px solid #ddd;font-size:20px;padding: 10px 0;font-weight: bold;margin-bottom: 30px;} .sw-belgeler{margin-bottom: 30px;overflow: hidden;} .sw-belgeler h3{font-size: 16px;font-weight: bolder;} .sw-belgeler-resim{width: 100%;height: auto;} .sw-belgeler-resim img{width: 100%; height: 411px; overflow: hidden;object-fit: cover !important;} .sw-belgeler-baslik{padding:10px 15px;font-size:16px;font-weight: bold;} .sw-belgeler-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 E66200*/ /*koyu b34d00*/ .sw-page-body .sw-sub-title{border-bottom:2px solid #E66200;} a:hover,a:active,a:focus{color:#E66200;} /*breadcrumb*/ /*.breadcrumb {background-color: #E66200;}*/ .breadcrumb a{color: #aaa;} .breadcrumb > li + li:before {color: #aaa;} .breadcrumb > .active {color: #444;} /*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: #E66200;border-color: #E66200; } /*iletisim*/ .sw-iletisim-paylas .iletisim-wapp{border:1px solid #E66200;color: #E66200} .sw-iletisim-paylas .iletisim-wapp i{color: #E66200} /*sidebar*/ .sw-sidebar-list .list-group-item{background: #E66200;color:#fff;border-color:#b34d00;} .sw-sidebar-list .list-group-item:hover{background: #b34d00;} /*iller*/ .sw-il-list .sw-il-group>ul>li .active{background: #E66200;color:#fff;} /*iletisim*/ .sw-iletisim-bilgi>ul>li>i{background: #E66200;color:#fff;} .sw-iletisim-form .form-control{border:1px solid #E66200;} .sw-iletisim-form .sw-guvenlik{border:1px solid #E66200;} .sw-iletisim-form .form-group .btn{background: #E66200;color:#fff;} /*urun*/ .sw-urun-img .swiper-button-next:active,.sw-urun-img .swiper-button-prev:active{background: #E66200;color:#fff;} .sw-urun-header-rating>ul>li>span:hover{background: #E66200;color:#fff;} .sw-urun-tab-nav .nav-tabs .nav-item.show .nav-link,.sw-urun-tab-nav .nav-tabs .nav-link.active{background-color: #E66200;border-color: #00a3ff;color:#fff;} .sw-urun-tab-nav .nav-tabs{border-bottom: 1px solid #E66200;} .sw-u-yorum-btn-group>ul>li>.sw-btn:hover{background: #E66200;color:#fff;} .sw-urun-yorum .form-group .btn{background: #E66200;color:#fff;} /*duyurular*/ .sw-duyurular-body-devam{background: #E66200;color:#fff;} .sw-duyurular-body-devam:hover{color:#ccc;} .sw-duyurular-takvim{background: #E66200;color:#fff;} /*onceski-sonraki*/ .sw-onceki-btn i,.sw-sonraki-btn i{background: #E66200;color:#fff;} /*blog*/ .sw-yazi-box .sw-yazi-box-body>.sw-devam{background: #E66200;color:#fff;} @media only screen and (max-width: 767px) { .cookieNotice { display: none; } .mobilgizle { display: none; } } @media only screen and (max-width: 567px) { .mobilgizle { display: none; } .masaustuEksi150 { margin-top:-150px !important; } } @media only screen and (min-width: 567px) { .masaustu150 { margin-top:50px !important; } }