/* Yazan : Burak Malgaz */ /*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Caveat:wght@700&display=swap');*/ @import url('https://fonts.googleapis.com/css2?family=Palanquin:wght@100;200;300;400;500;600;700&display=swap'); html,body {width:100%;height: 100%;} body{ font-family: 'Palanquin', sans-serif; font-weight: 200; font-size:16px; /*background:url('../images/bg.jpg') no-repeat fixed center;*/ background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; } 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{font-weight: 600;} strong,b{} /*responsive son*/ header{position: absolute;left: 0;top:0;width: 100%;height: auto;z-index: 999;background:#fff;transition: all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;} .header-fixed{position: fixed;background:#fff;} .header-fixed .h-top{opacity: 0;display:none;visibility: hidden;transition: all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;} /*top*/ header h1{display: none;margin:0;padding:0;height:0;width:0;opacity: 0;visibility: hidden;} header .h-top{padding:10px 0;} header .h-top .container{display: flex;flex-wrap: wrap;justify-content: right;} header .h-top .h-social-media>ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap: wrap;} header .h-top .h-social-media>ul>li{} header .h-top .h-social-media>ul>li>a{display: block;margin:0 2px;} header .h-top .h-social-media>ul>li>a>i{display: block;border-radius: 3px;width: 25px;height:25px;line-height: 25px;text-align: center;color:#141414;} header .h-top .h-social-media>ul>li>a:hover .fa-facebook-f:hover{background: #3b5998;color:#fff;} header .h-top .h-social-media>ul>li>a:hover .fa-instagram:hover{background: linear-gradient(to right,#002aff,#772abd,#ee2a7b,#f48c56,#f9ed32);color:#fff;} header .h-top .h-social-media>ul>li>a:hover .fa-twitter:hover{background: #00aced;color:#fff;} header .h-top .h-social-media>ul>li>a:hover .fa-linkedin-in:hover{background: #007bb5;color:#fff;} header .h-top .h-social-media>ul>li>a:hover .fa-whatsapp:hover{background: linear-gradient(to bottom,#4aaa4e,#2f6a31);color:#fff;} header .h-top .h-contact{} header .h-top .h-contact>ul{list-style: none;margin:0;padding:0;display:flex;justify-content: right;} header .h-top .h-contact>ul>li{margin-left: 15px;} header .h-top .h-contact>ul>li>a{display: block;font-size:13px;line-height: 25px;} header .h-top .h-contact>ul>li>a>i{width: 25px;height:25px;line-height: 25px;text-align: center;color:#141414;} header .col-lg-8{position: unset;} /*body*/ header .h-body{padding:10px 0 0 0;} header .sw-logo{margin-bottom:10px;} header .sw-logo img{max-width: 100%;height: auto;} header .sw-menu{width: 100%;} header .sw-menu .sw-bars{display: none;} header .sw-menu>ul{list-style: none;margin:0;padding:0;display: flex;flex-wrap: wrap;} header .sw-menu>ul>li{} header .sw-menu>ul>li>a{display: block;padding:0 27px;color:#1a1a1a;line-height: 80px;font-weight: 500;} header .sw-menu>ul>li>a:hover{color:#aaa;} header .sw-menu>ul>li>a>i{width: 15px;height:15px;line-height: 15px;text-align: center;font-size:7px;border:1px solid #1A1A1A;border-radius: 50%;} header .sw-menu>ul>li>.sw-sub-bars{display: none;} header .sw-menu>ul>li>ul{list-style: none;margin:0;padding:0;backdrop-filter: blur(12px);background: rgba(255,255,255,.7);padding:20px;position: absolute;left:0;border-radius: 0 0 26px 26px;opacity: 0;visibility: hidden;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-menu>ul>li:hover>ul{opacity: 1;visibility: visible;} header .sw-menu>ul>li>ul>li{} header .sw-menu>ul>li>ul>li>a{color:#6F6F6F;font-size:14px;padding:7px 5px;display: block;text-transform:uppercase;display: flex;font-weight: 500;} header .sw-menu>ul>li>ul>li>a:hover{color:#aaa;} header .sw-menu>ul>li>ul>li>a>i{font-size:11px;} header .sw-menu>ul>li>ul>li>a>span{line-height: 1;display: inline-block;padding-left: 10px;} header .sw-menu>ul>.l1>ul>li>a>span{min-width:160px;} header .sw-menu>ul>.l1,header .sw-menu>ul>.l3{position: relative;} header .sw-menu>ul>.l2>ul{background: #DDDCDA;border-radius: 0 0 30px 30px;width: 100%;height: auto;display: flex;flex-wrap: wrap;justify-content: center;margin-top:0;} header .sw-menu>ul>.l2>ul>li{max-width: 20%;flex:0 0 20%;padding:0 10px;} header .sw-menu>ul>.l2>ul>li>a{display: block;background: #fff;box-shadow: 0 3px 12px #0000005A;border-radius: 15px;padding:15px;} header .sw-menu>ul>.l2>ul>li>a>.img{overflow: hidden;border-radius: 11px;margin-bottom:15px;} header .sw-menu>ul>.l2>ul>li>a>.img img{width: 100%;height: 130px;object-fit: cover;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-menu>ul>.l2>ul>li>a:hover>.img img{transform: scale(1.1);} header .sw-menu>ul>.l2>ul>li>a>h2{font-size:14px;text-transform: uppercasexs;} header .h-buttons{display: flex;justify-content: right;padding-top:30px;} header .h-buttons>.search-btn{width: 50px;height:auto;line-height: 1;text-align: center;margin-right: 20px;cursor: pointer;} header .h-buttons>.search-btn:active{opacity: .3;} header .h-buttons>.languages{position: relative;width: 53px;} header .h-buttons>.languages .lang-tab{} header .h-buttons>.languages .lang-tab>a{padding:5px;border-bottom:1px solid #707070;} header .h-buttons>.languages .lang-tab>a>span{font-weight: 600;font-size:13px;} header .h-buttons>.languages .lang-tab>a>img{width: 20px;height: auto;} header .h-buttons>.languages>ul{list-style: none;margin:0;padding:0;position: absolute;opacity: 0;visibility: hidden;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 .h-buttons>.languages>ul>li{background:#fff;} header .h-buttons>.languages>ul>li>a{padding: 5px;display: flex;flex-wrap: wrap;} header .h-buttons>.languages>ul>li:first-child>a{border-bottom:1px solid #707070;} header .h-buttons>.languages>ul>li>a>span{font-size:13px;font-weight: 600;display: inline-block;padding-right: 5px;} header .h-buttons>.languages>ul>li>a>img{width: 20px;height: auto;display: inline-block;} header .h-buttons>.languages .lang-tab:hover ~ ul{opacity: 1;visibility: visible;} header .h-buttons>.languages>ul:hover{opacity: 1;visibility: visible;} .search-form-body{position: fixed;width: 100%;height:100%;opacity:0;visibility: hidden;min-height: 100vh;background: rgba(0, 0, 0, .9);z-index: 9999;display: flex;flex-wrap: wrap;flex-direction: column;padding-top:15%;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;} .search-form-body-active{opacity: 1;visibility: visible;} .search-form-body .search-form{width: 1000px;max-width: 96%;margin:0 auto;} .search-form-body .search-form .s-close{display: block;font-size:30px;text-align: right;margin-bottom: 10px;} .search-form-body .search-form .s-close>button{border:0;background: unset;width: 40px;line-height: 40px;text-align: center;font-size:30px;color:#fff;} .search-form-body .search-form .s-close>button:active,.search-form-body .search-form .s-close>button:focus{outline: 0;} .search-form-body .search-form .s-close>button:active{opacity: .5;} .search-form-body .search-form form{display: flex;flex-wrap: wrap;flex-direction: row;} .search-form-body .search-form form>input{max-width: 85%;flex:0 0 85%;height:60px;text-indent:10px;border:0;} .search-form-body .search-form form>input:focus,.search-form-body .search-form form>input:active{outline: 0;} .search-form-body .search-form form>button{max-width: 15%;flex:0 0 15%;height: 60px;border:0;background: #fff;position: relative;} .search-form-body .search-form form>button:before{content:'';height:80%;top:10%;left:0;border-left:1px solid #000;position: absolute;} .search-form-body .search-form form>button:active,.search-form-body .search-form form>button:focus{outline: 0;} .search-form-body .search-form form>button:active{opacity: .1} @media only screen and (max-width : 320px) { header{position: relative;} header .h-top .h-contact>ul>li>a>span{display: none;} header .sw-logo{margin-bottom: 20px;} header .sw-logo img{display: block;margin:0 auto;} header .sw-menu{margin-top:0;margin-bottom: 10px;} header .sw-menu .sw-bars{display: block;background: #1a1a1a;color:#fff;padding:10px;} header .sw-menu{position: relative;} header .sw-menu>ul{display:none;position: absolute;width: 100%;background: rgba(0, 0, 0, .9);padding:10px;z-index: 9;justify-content: unset;flex-wrap: unset;} header .sw-menu>ul>li{position: relative;} header .sw-menu>ul>li>a{line-height: 40px;padding:0 10px;color:#fff;border-bottom:1px solid #aaa;} header .sw-menu>ul>li>a>i{display: none;} header .sw-menu>ul>li:last-child>a{border:0;} header .sw-menu>ul>li .sw-sub-bars{display: block;color:#fff;float: right;line-height: 40px;width: 40px;text-align: center;line-height:40px;position: absolute;top:0;right:0;} header .sw-menu>ul>li>ul{display: none;position:relative;padding:10px;backdrop-filter: unset;opacity: 1;visibility: visible;background:unset;transition: unset;-webkit-transition: unset;-moz-transition: unset;-o-transition: unset;} header .sw-menu>ul>li>ul>li{} header .sw-menu>ul>li>ul>li>a{color:#fff;line-height: 30px;} header .sw-menu>ul>.l2>ul{display: none;padding:0;background: unset;} header .sw-menu>ul>.l2>ul>li{max-width: 100%;flex:0 0 100%;padding:0;} header .sw-menu>ul>.l2>ul>li>a{background: unset;display: block;border-radius: 0;padding:10px 15px;} header .sw-menu>ul>.l2>ul>li>a>.img{display: none;} header .sw-menu>ul>.l2>ul>li>a>h2{color:#fff;margin:0;line-height: 1;} header .h-buttons{margin-bottom: 10px;padding-top:0;justify-content: space-between;flex-direction: row-reverse;} header .h-buttons>.search-btn{margin-right: 0;} } @media only screen and (min-width : 321px) and (max-width : 767px) { header{position: relative;} header .h-top .h-contact>ul>li>a>span{display: none;} header .sw-logo{margin-bottom: 20px;} header .sw-logo img{display: block;margin:0 auto;} header .sw-menu{margin-top:0;margin-bottom: 10px;} header .sw-menu .sw-bars{display: block;background: #1a1a1a;color:#fff;padding:10px;} header .sw-menu{position: relative;} header .sw-menu>ul{display:none;position: absolute;width: 100%;background: rgba(0, 0, 0, .9);padding:10px;z-index: 9;justify-content: unset;flex-wrap: unset;} header .sw-menu>ul>li{position: relative;} header .sw-menu>ul>li>a{line-height: 40px;padding:0 10px;color:#fff;border-bottom:1px solid #aaa;} header .sw-menu>ul>li>a>i{display: none;} header .sw-menu>ul>li:last-child>a{border:0;} header .sw-menu>ul>li .sw-sub-bars{display: block;color:#fff;float: right;line-height: 40px;width: 40px;text-align: center;line-height:40px;position: absolute;top:0;right:0;} header .sw-menu>ul>li>ul{display: none;position:relative;padding:10px;backdrop-filter: unset;opacity: 1;visibility: visible;background:unset;transition: unset;-webkit-transition: unset;-moz-transition: unset;-o-transition: unset;} header .sw-menu>ul>li>ul>li{} header .sw-menu>ul>li>ul>li>a{color:#fff;line-height: 30px;} header .sw-menu>ul>.l2>ul{display: none;padding:0;background: unset;} header .sw-menu>ul>.l2>ul>li{max-width: 100%;flex:0 0 100%;padding:0;} header .sw-menu>ul>.l2>ul>li>a{background: unset;display: block;border-radius: 0;padding:10px 15px;} header .sw-menu>ul>.l2>ul>li>a>.img{display: none;} header .sw-menu>ul>.l2>ul>li>a>h2{color:#fff;margin:0;line-height: 1;} header .h-buttons{margin-bottom: 10px;padding-top:0;justify-content: space-between;flex-direction: row-reverse;} header .h-buttons>.search-btn{margin-right: 0;} } @media only screen and (min-width : 768px) and (max-width : 991px) { header{position: relative;} header .h-top .h-contact>ul>li>a>span{display: none;} header .sw-logo{margin-bottom: 20px;} header .sw-logo img{display: block;margin:0 auto;} header .sw-menu{margin-top:0;margin-bottom: 10px;} header .sw-menu .sw-bars{display: block;background: #1a1a1a;color:#fff;padding:10px;} header .sw-menu{position: relative;} header .sw-menu>ul{display:none;position: absolute;width: 100%;background: rgba(0, 0, 0, .9);padding:10px;z-index: 9;justify-content: unset;flex-wrap: unset;} header .sw-menu>ul>li{position: relative;} header .sw-menu>ul>li>a{line-height: 40px;padding:0 10px;color:#fff;border-bottom:1px solid #aaa;} header .sw-menu>ul>li>a>i{display: none;} header .sw-menu>ul>li:last-child>a{border:0;} header .sw-menu>ul>li .sw-sub-bars{display: block;color:#fff;float: right;line-height: 40px;width: 40px;text-align: center;line-height:40px;position: absolute;top:0;right:0;} header .sw-menu>ul>li>ul{display: none;position:relative;padding:10px;backdrop-filter: unset;opacity: 1;visibility: visible;background:unset;transition: unset;-webkit-transition: unset;-moz-transition: unset;-o-transition: unset;} header .sw-menu>ul>li>ul>li{} header .sw-menu>ul>li>ul>li>a{color:#fff;line-height: 30px;} header .sw-menu>ul>.l2>ul{display: none;padding:0;background: unset;} header .sw-menu>ul>.l2>ul>li{max-width: 100%;flex:0 0 100%;padding:0;} header .sw-menu>ul>.l2>ul>li>a{background: unset;display: block;border-radius: 0;padding:10px 15px;} header .sw-menu>ul>.l2>ul>li>a>.img{display: none;} header .sw-menu>ul>.l2>ul>li>a>h2{color:#fff;margin:0;line-height: 1;} header .h-buttons{margin-bottom: 10px;padding-top:0;justify-content: space-between;flex-direction: row-reverse;} header .h-buttons>.search-btn{margin-right: 0;} } @media only screen and (min-width : 992px) and (max-width : 1199px) { header .h-buttons{margin-left: -40px;} header .h-buttons>.search-btn{margin-right: 0;} header .sw-menu>ul>li>a{padding:0 15px;font-size:14px;} } @media only screen and (min-width : 1200px) and (max-width:1440px) { header .h-buttons{margin-left: -40px;} header .h-buttons>.search-btn{margin-right: 0;} header .sw-menu>ul>li>a{padding:0 15px;font-size:14px;} } @media only screen and (min-width : 1440px){ .container{max-width: 1350px;} } /*slide*/ .sw-slide{position:relative;} .sw-slide .text{width: 100%;position: absolute;left:0;right:0;top:0;margin:0 auto;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content:center;padding-top:90px;z-index: 9;height:100%;color:#fff;} .sw-slide .text>h2{font-size:150px;color:transparent;line-height: 1;text-align: center;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:3px;-webkit-text-stroke-color:#fff;text-transform: uppercase;margin-bottom:30px;} .sw-slide .text>h3{font-size:100px;color:#fff;font-family: 'Caveat', cursive;line-height: 1;margin-top:-100px;} .sw-slide .text>p{font-size:20px;line-height: 1.2;} .sw-slide .text>.more{display: inline-block;background: #fff;width: 150px;line-height: 40px;text-align: center;font-size:13px;color:#1A1A1A;border-radius: 50px;} .sw-slide .owl-dots{position: absolute;right:30px;top:50%;} .sw-slide .owl-dots>.owl-dot{width: 12px;height:12px;border-radius: 50%;background:#fff;margin:10px 0;position: relative;display: block;} .sw-slide .owl-dots>.active:before{content:'';width: 18px;height:18px;border:1px solid #fff;border-radius: 50%;top:-3px;left:-3px;position: absolute;} @keyframes scrollDown{ from{transform: translate3d(0px, 0px, 0px);} to{transform: translate3d(0px, 20px, 0px);} } .sw-slide .scrollDown{position: absolute;left:0;right:0;margin:0 auto;bottom:15px;border:2px solid #fff;border-radius: 50px;height:60px;width:40px;z-index: 99;color:#fff;text-align: center;line-height: 40px;font-size:20px;cursor: pointer;} .sw-slide .scrollDown>i{animation: scrollDown 1.5s infinite alternate;} @keyframes leftToRight{ 0%{left:0;} 100%{left:-100%} } @media only screen and (max-width:991px){ .sw-slide .owl-slide .item{overflow: hidden;} .sw-slide .owl-slide .item img{animation: leftToRight 5s infinite alternate;position: relative;width:200%;height:450px;object-fit: cover;} .sw-slide .text{padding:0 10px;width: 90%;} .sw-slide .text>h2{font-size:75px;line-height: 1;margin-bottom: 0;} .sw-slide .text>h3{font-size:60px;margin-top:-20px;line-height: 1;margin-bottom: 30px;} .sw-slide .text>p{font-size:18px;text-align: center;} .sw-slide .owl-dots{right: 10px;} } @media only screen and (min-width:992px) and (max-width:1199px){ .sw-slide .text>h2{font-size:75px;line-height: 1;margin-bottom: 0;} .sw-slide .text>h3{font-size:60px;margin-top:-20px;line-height: 1;margin-bottom: 30px;} .sw-slide .text>p{font-size:18px;text-align: center;} .sw-slide .owl-slide .item img{width: 100%;height: 100vh;object-fit: cover;} } @media only screen and (min-width:1200px) and (max-width:1440px){ .sw-slide .text>h2{font-size:100px;line-height: 1;margin-bottom: 0;} .sw-slide .text>h3{font-size:75px;margin-top:-20px;line-height: 1;margin-bottom: 30px;} .sw-slide .text>p{font-size:22px;text-align: center;} .sw-slide .owl-slide .item img{width: 100%;height: 100vh;object-fit: cover;} } @media only screen and (min-width:1441px){ .sw-slide .owl-slide .item img{width: 100%;height: 100vh;object-fit: cover;} } /*m1*/ .m1{padding:100px 0 50px 0;} .m1 .img{margin-bottom: 50px;} .m1 .img img{display: block;margin:0 auto;max-width: 100%;height:auto;} .m1 .box{display: flex;flex-wrap: wrap;height: calc(100% - 50px);flex-direction: column;justify-content: center;} .m1 .box h2{font-size:30px;line-height: 30px;margin-bottom:30px;} .m1 .box .text{font-size:15px;line-height: 25px;margin-bottom: 30px;} .m1 .box .more{display: inline-block;border:1px solid #000;border-radius: 20px;padding:0 20px;line-height: 40px;font-size:13px;max-width: 150px;text-align: center;} @media only screen and (max-width:991px){ .m1 .box{display: block;flex-wrap: unset;flex-direction: unset;justify-content: unset;} } /*m2*/ .m2{padding:30px 0 0 0;} .m2 .title{margin-bottom: 50px;text-align: center;} .m2 .title h2{font-size:30px;line-height: 40px;} .m2 .title p{font-size:26px;line-height: 48px;} .m2 .box{margin-bottom: 100px;padding-left: 25%;position: relative;} .m2 .box .list{position: absolute;bottom:120px;left:0;width: 40%;box-shadow: 0 3px 6px #00000067;border-radius: 19px;padding:20px;background: #fff;z-index: 1;overflow: hidden;} .m2 .box .list .num{display: block;} .m2 .box .list h3{font-size:26px;margin-bottom: 10px;} .m2 .box .list h3 .num{display: block;} .m2 .box .list h3 a{display: block;} .m2 .box .list ul{list-style: none;margin:0;padding:0;opacity: 0;height:0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;} .m2 .box .list ul>li{} .m2 .box .list ul>li>a{display: block;line-height: 25px;height: 25px;} .m2 .box .list .more{display: block;font-size:14px;font-weight: 700;} .m2 .box:hover .list ul{height:100px;opacity: 1;} .m2 .box-margin{margin-top:100px;} .m2 .box .img{overflow: hidden;border-radius: 20px;overflow: hidden;} .m2 .box .img img{width: 100%;height: auto;transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;} @media only screen and (max-width:991px){ .m2 .title{margin-bottom:130px;} .m2 .title p{line-height: 30px;font-size:22px;padding:0 10%} .m2 .box-margin{margin-top:0px;} .m2 .box .list{width:50%;} .m2 .box .list h3{font-size:22px;} .m2 .box .list ul>li>a{font-size:14px;} } /*m3*/ .m3{} .m3 img{width: 100%;height: auto; max-height: 80vh;} /*m4*/ .m4{padding:50px 0 0 0;} .m4 .title{margin-bottom: 30px;} .m4 .title h2{font-size:35px;line-height: 40px;} .m4 .title p{font-size:20px;line-height: 30px;} .m4 .title h5{font-size: 40px;line-height: 50px;} .m4 .title h5>a{display: block;} .m4 .m4-body{position: relative;} .m4 .m4-body:before{content:'';width: 100%;height: 55px;background: #fff;position: absolute;z-index: 99999;bottom:0;left:0;} @media only screen and (max-width:767px){ .m4 .title h2{font-size:26px;line-height: 36px;} .m4 .title p{font-size:18px;line-height: 25px;} .m4 .title h5{font-size:30px;line-height: 35px;} } /*modules*/ .page{} .page .page-cover{width: 100%;height: 430px;} .page .page-body{margin-bottom: 100px;} .page .page-body .page-title{padding:30px 0 0 0;margin-bottom: 30px;} .page .page-body .page-title h1{font-size:30px;line-height: 35px;text-transform: uppercase;padding:15px 0;margin:0;text-align: center;} @media only screen and (max-width:991px){ .page .page-body .page-title h1{font-size:20px;line-height: 25px;margin-bottom:10px;padding:0;} .page .page-cover{height:200px;} } /*contact-page*/ .contact-page{} .contact-page .page-cover{background:url('../images/contact-page-cover.jpg') no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;} .contact-page .address-list{box-shadow: 0 0 5px #bababa;border-radius: 30px;padding:30px;height: calc(100% - 50px);margin-bottom:50px;} .contact-page .address-list>ul{list-style: none;margin:0;padding:0;} .contact-page .address-list>ul>li{margin-bottom:15px;} .contact-page .address-list>ul>li>strong{display: block;font-weight: 600;} .contact-page .map{margin-bottom: 50px;overflow: hidden;border-radius: 20px;} .contact-page .map iframe{width:100%;height:300px;} .form{margin-bottom: 30px;} .form .t{margin-bottom: 50px;} .form .t h2{font-size:25px;} .form .t p{line-height: 22px;} .form .form-group{} .form .form-group>label{display: block;} .form .form-group>.form-control{background:#F2F2F2;min-height:45px;border:0;border-radius: 5px;} .form .form-group>.form-control:focus,.contact-page .form .form-group>.form-control:active{outline: 0;box-shadow: unset;} .form .form-group>.sw-guvenlik{background: #fff;height:45px;border:1px solid #F2F2F2;box-shadow: unset;border-radius: 5px;} .form .form-group>.btn{background: #292A29;color:#fff;border-radius: 22px;min-height: 45px;} /*career*/ .history-page{} .history-page .page-cover{background:url('../images/history-page-cover.jpg') no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;} .history-page .page-content p{font-size:20px;} .history-page .page-gallery{margin:15px 0;width: 100%;height: auto;} .history-page .page-gallery .img{margin-bottom: 20px;border-radius: 22px;overflow: hidden;} .history-page .page-gallery .img img{width: 100%;height: auto;} /*mission-vision*/ .mision-vision-page{} .mision-vision-page .page-cover{background:url('../images/mission-vision-page-cover.jpg') no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;} .mision-vision-page .page-content{position: relative;z-index: 2;padding:0 30px;} .mision-vision-page .page-content div{background: linear-gradient(#FFFFFF,#F3F3F3);border-radius: 31px;padding:50px 10%;} .mision-vision-page .page-image{border-radius: 25px;overflow: hidden;position: relative;z-index: 1;margin-top:-75px;} .mision-vision-page .page-image img{width: 100%;height: auto;} /*our-values*/ .our-values-page{} .our-values-page .page-cover{background: url('../images/our-values-page-cover.jpg') no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;} .our-values-page .page-body .page-title h1{text-align: left;} .our-values-page .page-content{line-height: 38px;font-size:20px;} .our-values-page .page-img{padding:30px 0 0 0;margin-bottom: 30px;} .our-values-page .page-img img{width:100%;height: auto;} .our-values-page .page-content-2{margin-bottom: 30px;} .our-values-page .page-content-2 p{font-size:24px;line-height: 35px;} .our-values-page .page-list{margin-bottom: 30px;} .our-values-page .page-list>ul{list-style: none;margin:0;padding:0;} .our-values-page .page-list>ul>li{line-height: 55px;padding-left: 30px;position: relative;} .our-values-page .page-list>ul>li>i{position: absolute;left: 0;font-size:13px;top:20px;} .our-values-page .page-list>ul>li>span{display: inline-block;font-size:20px;} @media only screen and (max-width:991px){ .our-values-page .page-content{font-size:16px;line-height: 1.2;} .our-values-page .page-content-2 p{text-align: center;} .our-values-page .page-list>ul>li{line-height: 1.3;position: relative;margin-bottom:20px;} .our-values-page .page-list>ul>li>i{top:5px;} .our-values-page .page-list>ul>li>span{font-size:16px;} } /*production-plant*/ .production-plant-page{} .production-plant-page .page-body{} .production-plant-page .page-body .page-title{margin-bottom: 100px;} .production-plant-page .page-cover{background: url('../images/production-plant-page-cover.jpg') no-repeat center center;background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-moz-background-size:cover;} .production-plant-page .page-content{line-height: 2;position: relative;} .production-plant-page .page-content:before{content: '';position:absolute;width: 90%;left:10%;border:1px solid #C9C9C9;top:-75px;height:calc(100% + 150px);} .production-plant-page .page-text{padding:0 20px;} @media only screen and (max-width:991px){ .production-plant-page .page-text{font-size:16px;line-height: 1.2;} .production-plant-page .page-content:before{left:0;width: 100%;} } /*production-plant*/ .quarries-page{} .quarries-page .page-body{} .quarries-page .page-body .page-title{margin-bottom: 100px;} .quarries-page .page-cover{background: url('../images/quarries-page-cover.jpg') no-repeat center center;background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-moz-background-size:cover;} .quarries-page .page-content{line-height: 2;position: relative;} .quarries-page .page-content:before{content: '';position:absolute;width: 90%;left:10%;border:1px solid #C9C9C9;top:-75px;height:calc(100% + 150px);} .quarries-page .page-text{padding:0 20px;} @media only screen and (max-width:991px){ .quarries-page .page-text{font-size:16px;line-height: 1.2;} .quarries-page .page-content:before{left:0;width: 100%;} } /*fairs*/ .fairs-page{} .fairs-page .page-cover{background: url('../images/fairs-page-cover.jpg') no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;} .fairs-page .page-img{margin-bottom:50px;border-radius: 20px;overflow: hidden;} .fairs-page .page-img img{width: 100%;height: auto;} .fairs-page .page-text{padding:15% 0;} .owl-page-slide .item{border-radius: 20px;overflow: hidden;} .owl-page-slide .item img{width: 100%;height: auto;} .owl-page-slide .owl-dots{position: relative;display: flex;flex-wrap: wrap;justify-content: center;margin:30px 0;} .owl-page-slide .owl-dots .owl-dot{width:30px;height:15px;border:1px solid #000;border-radius: 50px;margin:0 2px;transition:all .3s ease-in-out;-moz-transition:alll .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;} .owl-page-slide .owl-dots .active{background: #000;width:50px;} /**/ .owl-page-slide .owl-nav{display: flex;justify-content: center;} .owl-page-slide .owl-nav .owl-prev{width: 40px;height: auto;line-height: 15px;color:#C9C9C9;font-size:30px;text-align: center;} .owl-page-slide .owl-nav .owl-prev:active{padding-right: 5px;} .owl-page-slide .owl-nav .owl-next{width: 40px;height: auto;line-height: 15px;color:#C9C9C9;font-size:30px;text-align: center;} .owl-page-slide .owl-nav .owl-next:active{padding-left: 5px;} @media only screen and (max-width:991px){ .fairs-page .page-img{margin-bottom: 30px;} .fairs-page .page-text{padding:0;margin-bottom:30px;} } /*product-category*/ .product-category-page{} .product-category-page .page-cover{background: url('../images/product-category-page-cover.jpg') no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;} .product-category-page .page-top-title{margin-bottom:30px;padding: 30px 0 0 0;} .product-category-page .page-top-title>ul{list-style: none;margin:0;padding:0;display: flex;flex-wrap: wrap;justify-content: center;} .product-category-page .page-top-title>ul>li{font-weight: 600;} .product-category-page .page-top-title>ul>li>a{display: block;font-size:30px;line-height: 35px;text-transform: uppercase;} .product-category-page .page-list{padding:20px;background: linear-gradient(to bottom,#fff,transparent);box-shadow: 0 -10px 12px #0000002F;border-radius: 15px;} .product-category-page .page-list h2{font-size:25px;position: relative;margin-bottom:30px;line-height: 35px;padding-bottom: 15px;} .product-category-page .page-list h2:before{content: '';width: 80%;border-bottom:2px solid #000;position: absolute;bottom:0;left:0;} .product-category-page .page-list>ul{list-style: none;margin:0;padding:0;} .product-category-page .page-list>ul>li{margin-bottom:15px;} .product-category-page .page-list>ul>li>a{display: block;font-size:24px;line-height: 35px;text-transform: uppercase;} .product-category-page .page-list>ul>li>ul{display: none;list-style: none;margin:0;padding:0;} .product-category-page .page-list>ul>li>ul>li{} .product-category-page .page-list>ul>li>ul>li>a{display: block;line-height: 40px;} .product-category-page .page-list>ul>li>ul>li>a>i{font-size:7px;position: relative;top:-3px;} .product-category-page .page-list>ul>li>ul>li>a>img{margin-right: 10px;} .product-category-page .page-content{} .product-category-page .page-content .box{padding:20px;box-shadow: 0 3px 12px #0000005A;border-radius: 15px;margin-bottom: 20px;background:#fff;} .product-category-page .page-content .box img{width: 100%;height: 180px;border-radius: 30px;margin-bottom:20px;object-fit: cover;box-shadow: 0 0 5px #ddd;} .product-category-page .page-content .box h3{font-size:16px;line-height: 1.5;margin:0;text-transform:uppercase;} .product-category-page .page-content .box h3>small{font-size:16px;line-height: 1.5;} .no-product{padding:50px 20px;box-shadow: 0 3px 12px #0000005A;border-radius: 15px;margin-bottom: 20px;background:#fff;} .no-product h3{font-size:18px;text-align: center;} /*product*/ .product-page{} .product-page .page-cover{height:300px;} .product-page .page-top-title{margin-bottom:60px;padding: 30px 0 0 0;} .product-page .page-top-title>ul{list-style: none;margin:0;padding:0;display: flex;flex-wrap: wrap;justify-content: center;} .product-page .page-top-title>ul>li{font-weight: 600;} .product-page .page-top-title>ul>li>a{display: block;font-size:30px;line-height: 35px;text-transform: uppercase;} .product-page .page-top-title>ul>li>span{display: block;font-size:30px;line-height: 35px;} .product-page .page-img{border-radius:30px;overflow: hidden;margin-bottom: 50px;box-shadow: 0 0 20px #00000055;} .product-page .page-img img{width: 100%;height: 475px;object-fit: cover;} @media only screen and (max-width:767px){ .product-page .page-img img{height: 300px;} } .product-page .page-top-content{position: relative;padding:20px 0;} .product-page .page-top-content:before{content: '';width: 300%;height: 100%;background: linear-gradient(#FFFFFF,#F3F3F3);box-shadow: 0 0 20px #00000055;border-radius:31px;position: absolute;top:-30px;right:0;z-index: -1;} .product-page .page-top-content .page-sub-title{margin-bottom: 50px;} .product-page .page-top-content .page-sub-title>h1{font-size:30px;line-height: 35px;margin-bottom: 20px;text-transform: uppercase;} .product-page .page-top-content .page-sub-title>h2{font-size:24px;line-height: 30px;text-transform: uppercase;} .product-page .page-top-content .page-info{margin-bottom: 50px;} .product-page .page-top-content .page-info>p{font-size:18px;} .product-page .page-top-list{margin-bottom: 30px;} .product-page .page-top-list>ul{list-style: none;margin:0;padding:0;display: flex;} .product-page .page-top-list>ul>li{} .product-page .page-top-list>ul>.stock>a{display:block;background: #292A29;color:#fff;line-height: 43px;padding:0 15px;line-height: 47px;border-radius: 10px;margin-right:15px;} .product-page .page-top-list>ul>.video>a{display: block;border:1px solid #292A29;border-radius: 10px;padding:0 20px;font-size:30px;color:#ad0012;} .product-page .page-content{line-height: 1.5;font-size:20px;margin-bottom:50px;} .product-page .page-use-list{margin-bottom: 30px;} .product-page .page-use-list>ul{list-style: none;margin:0;padding:0;} .product-page .page-use-list>ul>li{margin-bottom: 15px;} .product-page .page-use-list>ul>li>label{display: block;font-size:18px;text-transform: uppercase;margin-bottom: 10px;} .product-page .page-use-list>ul>li>label>span{float: right;display: inline-block;padding:0 10px;} .product-page .page-use-list>ul>li>.line{width: 100%;height:25px;position: relative;} .product-page .page-use-list>ul>li>.line:before{content: '';height:5px;top:10px;left:0;background: #C9C9C9;position: absolute;width:100%;z-index: 1;border-radius: 50px;} .product-page .page-use-list>ul>li>.line>.line-num{border-top:5px dashed #292A29;border-radius: 10px;left:0;top:10px;position: absolute;z-index: 2;height:5px;} .product-page .page-slide{padding-bottom: 40px;margin-bottom: 50px;} .product-page .page-slide .owl-product-slide .item{position: relative;} .product-page .page-slide .owl-product-slide .item img{width: 100%;height: 460px;object-fit: cover;position: relative;z-index: 1;} .product-page .page-slide .owl-product-slide .item:before{content: '';width: 100%;height: 100%;position: absolute;z-index: 2;background: #292A29;opacity: .6;} .product-page .page-slide .owl-product-slide .item .plus{position: absolute;width:60px;height:60px;border:3px solid #fff;border-radius: 50%;left:0;right:0;margin:0 auto;top:calc(50% - 30px);z-index: 3;font-size:25px;color:#fff;text-align: center;line-height: 60px;} .product-page .page-slide .owl-product-slide .owl-dots{position: absolute;display: flex;flex-wrap: wrap;left:0;bottom:-40px;display: none;} .product-page .page-slide .owl-product-slide .owl-dots .owl-dot{width:30px;height:15px;border:1px solid #000;border-radius: 50px;margin:0 2px;transition:all .3s ease-in-out;-moz-transition:alll .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;} .product-page .page-slide .owl-product-slide .owl-dots .active{background: #000;width:50px;} .product-page .page-slide .owl-product-slide .owl-nav{position: absolute;bottom:-40px;right:0;display:flex;} .product-page .page-slide .owl-product-slide .owl-nav .owl-prev{width: 40px;height: auto;line-height: 15px;color:#C9C9C9;font-size:30px;text-align: center;} .product-page .page-slide .owl-product-slide .owl-nav .owl-prev:active{padding-right: 5px;} .product-page .page-slide .owl-product-slide .owl-nav .owl-next{width: 40px;height: auto;line-height: 15px;color:#C9C9C9;font-size:30px;text-align: center;} .product-page .page-slide .owl-product-slide .owl-nav .owl-next:active{padding-left: 5px;} /*other-page*/ .other-body{margin-bottom: 30px;} .other-body .other-title{margin-bottom:30px;} .other-body .other-title h2{font-size:25px;margin:0;} .other-body .other-title h2>a{display: inline-block;font-size:20px;color:#888787;border-left:1px solid #888787;padding-left: 15px;margin-left: 10px;} .other-body .other-box{padding:20px;border-radius: 15px;box-shadow: 0 3px 5px #0000005A;margin:10px 5px 30px 5px;background: #fff;} .other-body .other-box .img{position: relative;border-radius: 30px;overflow: hidden;border:1px solid #eee;margin-bottom: 20px;} .other-body .other-box .img img{width: 100%;height: 200px;object-fit: cover;position: relative;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;} .other-body .other-box:hover .img img{transform: scale(1.1) rotate(3deg);} .other-body .other-box .img:before{content: '';width: 100%;height:100%;background: linear-gradient(to bottom,transparent,#000);position: absolute;bottom:-100%;left:0;z-index: 2;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;} .other-body .other-box:hover .img:before{bottom:0;} .other-body .other-box .img span{position: absolute;display: inline-block;width: 150px;border:3px solid #fff;border-radius: 50px;color:#fff;text-align: center;line-height: 30px;bottom:120%;left:0;right:0;margin:0 auto;z-index: 3;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;} .other-body .other-box:hover .img span{bottom:15px;} .other-body .other-box h3{padding:0;margin:0;font-size:20px;} .other-body .owl-other-product-slide .owl-nav{display: flex;justify-content: center;} .other-body .owl-other-product-slide .owl-nav .owl-prev{width: 40px;height: auto;line-height: 15px;color:#C9C9C9;font-size:30px;text-align: center;} .other-body .owl-other-product-slide .owl-nav .owl-prev:active{padding-right: 5px;} .other-body .owl-other-product-slide .owl-nav .owl-next{width: 40px;height: auto;line-height: 15px;color:#C9C9C9;font-size:30px;text-align: center;} .other-body .owl-other-product-slide .owl-nav .owl-next:active{padding-left: 5px;} /*career*/ .career-page{} .career-page .page-cover{background:url('../images/career-page-cover.jpg') no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;} .career-page .page-title h1{text-align: left;} .career-page .page-content{margin-bottom: 50px;} .career-page .page-content h2{} .career-page .page-content p{} .career-page .form .form-group>label{display: none;} .career-page .form .form-group>.form-control{border-radius:22px;background:#fff;border:1px solid #ddd;} .career-page .form .form-group>.form-control::placeholder{color:#aaa;} .career-page .form .form-group>input[type="file"]{top:50px;position: relative;} .career-page .form .form-group>.sw-guvenlik{border-radius: 22px;border:1px solid #ddd;} .career-page .form .form-group>.sw-guvenlik>.yenile{line-height: 30px;} @media only screen and (max-width:767px){ .career-page .form .form-group>input[type="file"]{top:0;} } /*stock*/ .stock-page{} .stock-page .page-cover{background:url('../images/stock-page-cover.jpg') no-repeat center center;background-size: cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;} .stock-page .page-title{margin-bottom:30px;padding: 30px 0 0 0;} .stock-page .page-title>ul{list-style: none;margin:0;padding:0;display: flex;flex-wrap: wrap;justify-content: center;} .stock-page .page-title>ul>li{} .stock-page .page-title>ul>li>a{display: block;font-size:30px;line-height: 35px;text-transform: uppercase;text-align: center;} .stock-page .page-title>ul>li>span{display: block;font-size:30px;line-height: 35px;text-transform: uppercase;text-align: center;} @media only screen and (max-width:767px){ .stock-page .page-title>ul>li>a{font-size:18px;line-height: 25px;} .stock-page .page-title>ul>li>span{font-size:18px;line-height: 25px;} } .stock-page .box{padding:20px;border-radius: 10px;box-shadow: 0 3px 5px #0000005A;background: #fff;margin-bottom: 30px;} .stock-page .box .img{overflow: hidden;border-radius: 15px;margin-bottom: 20px;border:1px solid #eee;} .stock-page .box .img img{width: 100%;height:200px;object-fit: cover;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;} .stock-page .box:hover .img img{transform: scale(1.1);} .stock-page .box .content{} .stock-page .box .content h3{margin:0;padding:0;font-size:18px;} .stock-page .page-body{margin-bottom:0;} .stock-page .whatsApp-Btn{padding:100px 0;background:url('../images/stok-bg.jpg/') no-repeat center center;background-size:cover;-webkit-backgrund-size:cover;-moz-background-size:cover;-o-background-size:cover;} .stock-page .whatsApp-Btn h3{color:#fff;font-size:39px;text-align: center;width: 100%;position: relative;} .stock-page .whatsApp-Btn h3 span{display: inline-block;position: relative;padding:15px 0;} .stock-page .whatsApp-Btn h3 span:before{content: '';width: 150px;border-top:3px solid #fff;position: absolute;left:0;top:0;} .stock-page .whatsApp-Btn h3 span:after{content: '';width: 150px;border-top:3px solid #fff;position: absolute;right:0;bottom:0;} .stock-page .whatsApp-Btn a{display: block;color:#000;background: #fff;width:200px;text-align: center;margin:30px auto 0 auto;border-radius: 19px;} .stock-page .whatsApp-Btn a>img{} .stock-page .whatsApp-Btn a>span{font-size:16px;line-height: 55px;display: inline-block;padding:0 15px;color:#292A29;font-weight: 600;} /*blog*/ .blog-page{} .blog-page .page-cover{background: url('../images/blog-page-cover.jpg') no-repeat center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;} .blog-page .page-title{display: flex;flex-wrap: wrap;justify-content: center;} .blog-page .page-title h2{font-size:30px;line-height: 35px;text-transform: uppercase;padding:15px 0;margin:0;text-align: center;} .blog-page .page-list{padding:20px;background: linear-gradient(to bottom,#fff,transparent);box-shadow: 0 -10px 12px #0000002F;border-radius: 15px;margin-bottom: 30px;} .blog-page .page-list>h2{font-size:30px;} .blog-page .page-list>ul{list-style: none;margin:0;padding:0;} .blog-page .page-list>ul>li{margin-bottom: 10px;} .blog-page .page-list>ul>li>a{display: block;line-height: 30px;position: relative;padding-left:30px;} .blog-page .page-list>ul>li>a>img{position: absolute;left: 0;top:15px;} .blog-page .blog-box{padding:20px;background: linear-gradient(to bottom,#fff,transparent);box-shadow: 0 -10px 12px #0000002F;border-radius: 15px;margin-bottom: 30px;} .blog-page .blog-box .img{border-radius: 30px;overflow: hidden;margin-bottom: 20px;} .blog-page .blog-box .img img{width: 100%;height: 300px;object-fit: cover;} .blog-page .blog-box .content{} .blog-page .blog-box .content h2{font-size:22px;margin-bottom: 20px;} .blog-page .blog-box .content .text{display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow: hidden;margin-bottom:20px;} .blog-page .blog-box .content .more{display: inline-block;background: #000;border-radius: 5px;line-height: 40px;padding:0 25px;color:#fff;} @media only screen and (max-width:767px){ .blog-page .page-title h2{font-size:20px;line-height: 25px;} .blog-page .page-list>h2{font-size:20px;} } /*fix-whatsapp*/ #fixWhatsappBtn{position: fixed;right:15px;bottom:15px;z-index: 999;display: block;width: 50px;height: 50px;background: linear-gradient(to bottom,#4aaa4e,#2f6a31);color:#fff;border-radius: 50%;font-size:24px;line-height: 50px;text-align: center;} #fixWhatsappBtn:before{content: '';width: calc(100% + 10px);height:calc(100% + 10px);border:2px solid #4aaa4e;left:-5px;top:-5px;border-radius: 50%;position: absolute;} /*our-history*/ .history-page{} .history-page{} .history-page .page-body{} .history-page .page-body .page-content{margin-bottom:50px;} .history-page .page-body .page-history{position: relative;} .history-page .page-body .page-history:before{content: '';width: 4px;height: 100%;background: #ddd;position: absolute;left:0;right: 0;margin:0 auto;} .history-page .page-body .page-history{} .history-page .page-body .page-history .date{display: flex;margin-bottom: 30px;height:calc(100% - 30px);font-size:50px;font-weight: 900;align-items: center;padding:0 15px;position: relative;} .history-page .page-body .page-history .date span{display: inline-block;background: #fff;} .history-page .page-body .page-history .date:before{top:calc(50% - 10px);content: '';width: 20px;height: 20px;background: #ddd;border-radius: 50%;position: absolute;} .history-page .page-body .page-history .date:after{top:calc(50% - 2px);content: '';width: 30px;height: 2px;background: #ddd;border-radius: 50%;position: absolute;} .history-page .page-body .page-history .text{margin-bottom:30px;padding:25px;border-radius: 10px;box-shadow: 0 0 10px #bababa;background: #fff;z-index: 1;} .history-page .page-body .b1 .date{justify-content: right;} .history-page .page-body .b1 .date:before{right: -24px;} .history-page .page-body .b1 .date:after{right: -15px;} .history-page .page-body .b2 .text{text-align: right;} .history-page .page-body .b2 .date:before{left: -24px;} .history-page .page-body .b2 .date:after{left: -15px;} @media only screen and (max-width:991px){ .history-page .page-body .page-history .date{justify-content: center;paddin:30px 0;} .history-page .page-body .page-history .date:before{top:unset;left:0;right:0;margin:0 auto;bottom:-10px;} .history-page .page-body .page-history .date:after{display: none;} } /*------------------------------------------------------------------------------------------------------------------------------------------- FOOTER.php -------------------------------------------------------------------------------------------------------------------------------------------*/ footer{padding: 50px 0 0 0;background:#373737;} footer .f-box{margin-bottom: 50px;} footer .f-box .img{} footer .f-box .img img{display: block;margin:0 auto;max-width: 100%;height: auto;} footer .f-box p{text-align: center;color:#fff;font-size:17px;padding:15px 0;} footer .f-box .social-media{} footer .f-box .social-media>ul{display: flex;flex-wrap: wrap;justify-content: center;list-style: none;margin:0;padding:0;} footer .f-box .social-media>ul>li{} footer .f-box .social-media>ul>li>a{display: block;margin:0 2px;border-radius: 3px;overflow: hidden;} footer .f-box .social-media>ul>li>a>i{display: block;width:30px;height:30px;text-align: center;line-height: 30px;font-size:22px;color:#C9C9C9;t} footer .f-box .social-media>ul>li>a:hover .fa-facebook-f:hover{background: #3b5998;color:#fff;} footer .f-box .social-media>ul>li>a:hover .fa-instagram:hover{background: linear-gradient(to right,#002aff,#772abd,#ee2a7b,#f48c56,#f9ed32);color:#fff;} footer .f-box .social-media>ul>li>a:hover .fa-twitter:hover{background: #00aced;color:#fff;} footer .f-box .social-media>ul>li>a:hover .fa-linkedin-in:hover{background: #007bb5;color:#fff;} footer .f-box .social-media>ul>li>a:hover .fa-whatsapp:hover{background: linear-gradient(to bottom,#4aaa4e,#2f6a31);color:#fff;} footer .f-list{margin-bottom: 50px;} footer .f-list>h3{color:#FFFFFF;font-size:20px;margin-bottom: 30px;} footer .f-list>ul{list-style: none;margin:0;padding:0;} footer .f-list>ul>li{} footer .f-list>ul>li>a{display: block;color:#aaa;font-weight: 100;font-size:16px;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;} footer .f-list>ul>li>a:hover{color:#aaa;padding-left: 5px;} footer .f-list>ul>li>a>i{font-size:7px;margin-right: 5px;} footer .f-address{margin-bottom:50px;} footer .f-address>h3{color:#FFFFFF;font-size:20px;margin-bottom:30px;} footer .f-address>ul{list-style: none;margin:0;padding:0;} footer .f-address>ul>li{margin-bottom:30px;} footer .f-address>ul>li>a{color:#aaa;line-height: 33px;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;} footer .f-address>ul>li>a:hover{color:#aaa;} footer .copyright{margin:30px 0;font-size: 12px;text-align: center;line-height: 1.1;color:#aaa;} /*footer-link*/ .sw-footer-link-box{margin-bottom: 20px;} .sw-footer-link-box a{display: block;padding:5px 0;text-align: center;} /*------------------------------------------------------------------------------------------------------------------------------------------- Saruhan Web Logo -------------------------------------------------------------------------------------------------------------------------------------------*/ #saruhanweb a{display: block;} .tooltip-inner {width: 130px;font-size:12px;} #saruhanweb{background: #111;padding:10px 0;text-align: center;} /*------------------------------------------------------------------------------------------------------------------- GENEL --------------------------------------------------------------------------------------------------------------------*/ .sw-page-header{padding:200px 0 30px 0;background-color: #eee;overflow: hidden;background-image:url('../images/footer-bg.jpg');background-repeat: no-repeat;background-position: center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;} .sw-page-header .sw-title{font-size: 40px;font-weight: bold;text-align: center;color:#fff;} .sw-page-body{padding-top:30px;} .sw-page-body .sw-sub-title{border-bottom:2px solid #ddd;font-size:20px;padding: 10px 0;font-weight: bold;margin-bottom: 30px;} .sw-page-footer{padding:30px 0 0 0;background: #f9f9f9;margin-bottom: 30px;} .sw-cursor{cursor: pointer;} .sw-uyari-box{border:2px dashed #ddd;margin-bottom:30px;padding:50px 25px;text-align: center;} /*cookieNotice*/ .cookieNotice{position: fixed;bottom: 3px;width:400px;margin: 0 auto;left: 0;right: 0;background: #444;padding:20px 10px 10px 10px;z-index: 9999;border-radius: 5px;max-width: 99%;} .cookieNotice .close{position: absolute;top: 0;right: 0;width: 30px;height: 30px;line-height: 20px;text-align: center;font-size: 16px;color: #ddd;z-index: 99999;} .cookieNotice p{font-size: 12px;line-height: 1.2;color: #eee;text-align: center;margin-bottom: 5px;} .cookieNotice .btn-group{width: 100%;height: auto;overflow: hidden;text-align: center;display: block;} .cookieNotice .btn-group a{display: inline-block;line-height: 25px;border-radius: 5px;padding: 0 20px;margin: 0 2px;font-size: 13px;} .cookieNotice .btn-group a:hover,.cookieNotice .btn-group a:active{opacity: .7;} .cookieNotice .btn-group .accept{background: green;color: #fff;} .cookieNotice .btn-group .info{background: #aaa;color: #000;} /*line-clamp*/ .sw-line-clamp-1{display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow: hidden;} .sw-line-clamp-2{display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow: hidden;} .sw-line-clamp-3{display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow: hidden;} .sw-line-clamp-4{display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow: hidden;} .sw-line-clamp-5{display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow: hidden;} /*------------------------------------------------------------------------------------------------------------------------------------------- Güvenlik Kodu -------------------------------------------------------------------------------------------------------------------------------------------*/ .sw-guvenlik{background: #fff;position: relative;border:1px solid #ccc;text-align: center;padding: 2px 60px 2px 5px;height: 45px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;} .sw-guvenlik .yenile{position: absolute;padding:7px 0;top:0;right:0;width: 40px;text-align: center;} .gkodu::-webkit-input-placeholder {/* Edge */font-size:12px;} .gkodu:-ms-input-placeholder {/* Internet Explorer 10-11 */font-size:12px;} .gkodu::placeholder {font-size:12px;} /*----------------------------------------------------------------------------------------------------------------------------------------- urun-rating -----------------------------------------------------------------------------------------------------------------------------------------*/ .sw-urun-rating{overflow: hidden;} .sw-urun-rating .sw-rating-show>ul{list-style: none;margin:0;padding:0;width: 120px;float: right;text-align: center;} .sw-urun-rating .sw-rating-show>ul>li{display: inline-block;color:#ddd;} .sw-urun-rating .sw-rating-show>ul>li .active{color:#ffa300;} /*------------------------------------------------------------------------------------------------------------------------------------------- Breadcrumb -------------------------------------------------------------------------------------------------------------------------------------------*/ .breadcrumb {display:block;padding: 8px 15px;margin-top:15px;border-radius: 0;margin-bottom: 20px;list-style: none;background-color: unset;font-size:12px;text-align: center;} .breadcrumb > li {display: inline-block;} .breadcrumb > li + li:before {padding: 0 5px;color: #ccc;content: "/\00a0";} .breadcrumb > .active {color: #777;} /*------------------------------------------------------------------------------------------------------------------------------------------- Alert -------------------------------------------------------------------------------------------------------------------------------------------*/ .alert {border-radius: 0;padding:15px 15px 15px 45px;} /*.alert-info{background-color:#2d9bd2;border:1px solid #247ca8;color:#fff;padding:15px 15px 15px 45px;position: relative;border-radius: 0;}*/ .alert-info:before{content: '\f05a';font-family: 'Font Awesome 5 Free';font-weight: 900;font-size:22px;position: absolute;top:15px;left:15px;} /*.alert-danger{background-color:#b64949;border:1px solid #923a3a;color:#fff;padding:15px 15px 15px 45px;position: relative;border-radius: 0;}*/ .alert-danger:before{content: '\f071';font-family: 'Font Awesome 5 Free';font-weight: 900;font-size:22px;position: absolute;top:15px;left:15px;} /*.alert-warning{background-color:#e7c418;border:1px solid #b99d13;color:#fff;padding:15px 15px 15px 45px;position: relative;border-radius: 0;}*/ .alert-warning:before{content: '\f06a';font-family: 'Font Awesome 5 Free';font-weight: 900;font-size:22px;position: absolute;top:15px;left:15px;} /*.alert-success{background-color:#67b847;border:1px solid #539339;color:#fff;padding:15px 15px 15px 45px;position: relative;border-radius: 0;}*/ .alert-success:before{content: '\f058';font-family: 'Font Awesome 5 Free';font-weight: 900;font-size:22px;position: absolute;top:15px;left:15px;} /*pagination*/ .pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;} .pagination > li {display: inline;} .pagination > li > a,.pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #ddd;} .pagination > li:first-child > a,.pagination > li:first-child > span {margin-left: 0;/*border-top-left-radius: 4px;*//*border-bottom-left-radius: 4px;*/} .pagination > li:last-child > a,.pagination > li:last-child > span {/*border-top-right-radius: 4px;*//*border-bottom-right-radius: 4px;*/} .pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {z-index: 2;color: #23527c;background-color: #eee;border-color: #ddd;} .pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {z-index: 3;color: #fff;cursor: default;background-color: #ddd;border-color: #aaa;} .pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;} .pagination-lg > li > a,.pagination-lg > li > span {padding: 10px 16px;font-size: 18px;line-height: 1.3333333;} .pagination-lg > li:first-child > a,.pagination-lg > li:first-child > span {border-top-left-radius: 6px;border-bottom-left-radius: 6px;} .pagination-lg > li:last-child > a,.pagination-lg > li:last-child > span {border-top-right-radius: 6px;border-bottom-right-radius: 6px;} .pagination-sm > li > a,.pagination-sm > li > span {padding: 5px 10px;font-size: 12px;line-height: 1.5;} .pagination-sm > li:first-child > a,.pagination-sm > li:first-child > span {border-top-left-radius: 3px;border-bottom-left-radius: 3px;} .pagination-sm > li:last-child > a,.pagination-sm > li:last-child > span {border-top-right-radius: 3px;border-bottom-right-radius: 3px;} /*------------------------------------------------------------------------------------------------------------------------------------------- Sosyal Medya Renkleri -------------------------------------------------------------------------------------------------------------------------------------------*/ .sw-facebook-bg{background: #3b5998;border: 1px solid #3b5998;color:#fff;} .sw-instagram-bg{background: linear-gradient(to right,#002aff,#772abd,#ee2a7b,#f48c56,#f9ed32);border: 1px solid #fff;color:#fff;} .sw-twitter-bg{background: #00aced;border: 1px solid #00aced;color:#fff;} .sw-youtube-bg{background: #bb0000;border: 1px solid #bb0000;color:#fff;} .sw-google-bg{background: #dd4b39;border: 1px solid #dd4b39;color:#fff;} .sw-telegram-bg{background: #0088cc;border: 1px solid #0088cc;color:#fff;} .sw-linkedin-bg{background: #007bb5;border: 1px solid #007bb5;color:#fff;} .sw-whatsapp-bg{background: linear-gradient(to bottom,#4aaa4e,#2f6a31);border: 1px solid #2f6a31;color:#fff;} .sw-map-bg{background: #00bf8f;border: 1px solid #00bf8f;color:#fff;} /*------------------------------------------------------------------------------------------------------------------------------------------- onceki-sonraki butonlari -------------------------------------------------------------------------------------------------------------------------------------------*/ .sw-onceki-btn{margin-bottom:30px;position: relative;border:1px solid #ddd;padding:20px 10px 20px 55px;background: #fff;} .sw-onceki-btn i{position: absolute;width:40px;height: 100%;font-size:30px;background: #eee;color:#aaa;left:0;top:0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: all 250ms ease-in-out;-webkit-transition: all 250ms ease-in-out;-moz-transition: all 250ms ease-in-out;-o-transition: all 250ms ease-in-out;} .sw-onceki-btn h2{font-size:18px;margin:0;margin-bottom:10px;font-weight: bold;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;} .sw-onceki-btn h4{font-size:16px;margin:0;margin-bottom:10px;font-weight: bold;} .sw-onceki-btn p{margin-bottom: 10px;} .sw-onceki-btn:hover i{padding-right:15px;} .sw-sonraki-btn{width: 100%;height: auto;margin-bottom:30px;position: relative;border:1px solid #ddd;padding:20px 55px 20px 10px;text-align: right;background: #fff;} .sw-sonraki-btn i{position: absolute;width:40px;height: 100%;font-size:30px;background: #eee;color:#aaa;right:0;top:0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: all 250ms ease-in-out;-webkit-transition: all 250ms ease-in-out;-moz-transition: all 250ms ease-in-out;-o-transition: all 250ms ease-in-out;} .sw-sonraki-btn h2{font-size:18px;margin:0;margin-bottom:10px;font-weight: bold;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;} .sw-sonraki-btn h4{font-size:16px;margin:0;margin-bottom:10px;font-weight: bold;} .sw-sonraki-btn p{margin-bottom:10px;} .sw-sonraki-btn:hover i{padding-left:15px;} /*------------------------------------------------------------------------------------------------------------------------------------------- urunler.php urun-box -------------------------------------------------------------------------------------------------------------------------------------------*/ /*kategori*/ .sw-urun-kategori-box{background: #fff;padding: 10px 10px 10px 130px;border:1px solid #ddd;margin-bottom: 30px;position: relative;min-height: 125px;} .sw-urun-kategori-box img{position: absolute;top:10px;left: 10px;border:1px solid #eee;} .sw-urun-kategori-box h3{font-size:16px;font-weight: bold;color:#666;padding: 10px 0 0 0;margin:0 0 10px 0;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow: hidden;} .sw-urun-kategori-box p{font-size:14px;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow: hidden;line-height: 25px;} /*urun*/ .sw-urun-box{border:1px solid #ddd;padding: 10px;margin-bottom: 10px;background: #fff;} .sw-urun-box-header{} .sw-urun-box-header img{width: 100%;height: auto;} .sw-urun-box-body{} .sw-urun-box-body h2{font-size:16px;font-weight: bold;height:55px;line-height: 20px;;padding: 15px 0 0 0;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow: hidden;} .sw-urun-box-footer{} .sw-urun-box-footer .sw-fiyat{min-height: 75px;} .sw-urun-box-footer .sw-fiyat label{margin:0;padding: 0;font-size:13px;font-weight: bold;color: #444;} .sw-urun-box-footer .sw-fiyat ul{list-style: none;margin:0;padding: 0;overflow: hidden;} .sw-urun-box-footer .sw-fiyat ul>li{float: left;margin-right: 15px;} .sw-urun-box-footer .sw-fiyat ul>.sw-eski-fiyat{font-size:14px;} .sw-urun-box-footer .sw-fiyat ul>.sw-yeni-fiyat{font-size:20px;font-weight: bold;} /*------------------------------------------------------------------------------------------------------------------------------------------- urun.php -------------------------------------------------------------------------------------------------------------------------------------------*/ .sw-urun-header{background: #fff;padding:15px;position: relative;margin-bottom: 30px;box-shadow: 0 0 3px 0 #bababa;} /*urun resim slayt bolumu*/ .sw-urun-img .swiper-container {width: 100%;height: auto;margin-left: auto;margin-right: auto;} .sw-urun-img .swiper-slide {background-size: cover;background-position: center;position: relative;} @media (max-width: 767px) {.sw-urun-img .gallery-top .swiper-slide {height: 300px;}.sw-urun-img .gallery-thumbs .swiper-slide {min-height: 70px;}} @media (min-width: 768px) and (max-width: 991px) {.sw-urun-img .gallery-top .swiper-slide {height: 300px;}.sw-urun-img .gallery-thumbs .swiper-slide {min-height: 70px;}} @media (min-width: 992px) and (max-width: 1199px) {.sw-urun-img .gallery-top .swiper-slide {height: 435px;}.sw-urun-img .gallery-thumbs .swiper-slide {min-height: 100px;}} @media (min-width: 1200px) {.sw-urun-img .gallery-top .swiper-slide {height: 450px;}.sw-urun-img .gallery-thumbs .swiper-slide {min-height: 120px;}} .sw-urun-img .gallery-top {height: 80%;width: 100%;} .sw-urun-img .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;} .sw-urun-img .gallery-thumbs .swiper-slide {width: 25%;height: 100%;opacity: 0.4;} .sw-urun-img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;} .sw-urun-img .swiper-button-next,.sw-urun-img .swiper-button-prev{z-index: 999;border:1px solid #fff;padding:20px;background:#fff;border-radius: 3px;} .sw-urun-img .swiper-button-next:active{padding-right:15px;} .sw-urun-img .swiper-button-prev:active{padding-left:15px;} .sw-urun-img .swiper-button-prev.swiper-button-white,.sw-urun-img .swiper-button-next.swiper-button-white{color:#222;} .sw-urun-img .swiper-button-prev:after,.sw-urun-img .swiper-button-next:after{font-size:16px;font-weight: bold;} /*title*/ .sw-urun-title{border-bottom:1px solid #ddd;font-size:25px;font-weight: bold;padding:20px 0;margin-bottom: 20px;} /*ust-rating*/ .sw-urun-header-rating{margin-bottom: 20px;overflow: hidden;} .sw-urun-header-rating>ul{list-style: none;margin:0;padding:0;float: right;margin-left:-2px;margin-right: -2px;} .sw-urun-header-rating>ul>li{float: left;margin-bottom: 5px;padding: 0 2px;} @media (max-width: 767px) {.sw-urun-header-rating>ul>li{width: 100%;}} @media (min-width: 768px) and (max-width: 991px) {.sw-urun-header-rating>ul>li{width: 100%;}} @media (min-width: 992px) and (max-width: 1199px) {.sw-urun-header-rating>ul>li{width: 50%;}} .sw-urun-header-rating>ul>li>span{display:block;font-size:12px;border:1px solid #ddd;border-radius: 5px;padding:1px 5px;line-height: 28px;background: #eee;font-weight: bold;transition: all 150ms ease-in-out;-webkit-transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;} /*fiyat*/ .sw-urun-fiyat{border:1px solid #ddd;margin-bottom: 20px;background: #f9f9f9;overflow: hidden;padding: 10px;} .sw-urun-fiyat>label{display: block;font-weight: bold;} .sw-urun-fiyat>ul{list-style: none;margin:0;padding:0;overflow: hidden;} .sw-urun-fiyat>ul>li{} .sw-urun-fiyat>ul>li>.eski-fiyat{text-decoration: line-through;color:#aaa;} .sw-urun-fiyat>ul>li>.yeni-fiyat{font-size:25px;color:#000;font-weight: bold;} /*hemen-ulasin*/ .sw-urun-hemen-ulas{margin-bottom:20px;} .sw-urun-hemen-ulas>label{display: block;font-weight: bold;} .sw-urun-hemen-ulas>ul{list-style: none;margin:0;padding:0;overflow: hidden;margin-left:-4px;margin-right: -4px;} .sw-urun-hemen-ulas>ul>li{float:left;width: 33.33%;padding:0 2px;} .sw-urun-hemen-ulas>ul>li>a{border-radius: 5px;display: block;text-align: center;padding:10px 0;color:#fff;border:2px solid #ddd;} .sw-urun-hemen-ulas>ul>li>a>i{display: block;font-size:25px;margin-bottom: 10px;padding: 5px 0;} .sw-urun-hemen-ulas>ul>li>a>span{display: block;font-size:13px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;line-height: 20px;} @media (max-width: 767px) {.sw-urun-hemen-ulas>ul>li>a>span{min-height: 40px;padding:0 5px;}} @media (min-width: 768px) and (max-width: 991px) {.sw-urun-hemen-ulas>ul>li>a>span{padding:0 13px;}} @media (min-width: 992px) and (max-width: 1199px) {.sw-urun-hemen-ulas>ul>li>a>span{min-height: 40px;padding:0 13px;}} @media (min-width: 1200px) {.sw-urun-hemen-ulas>ul>li>a>span{padding:0 13px;}} .sw-urun-whatsapp-btn{background: #2f6a31;background: linear-gradient(to bottom,#4aaa4e,#2f6a31);border: 2px solid #2f6a31;transition: all 500ms ease-in-out;-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;} .sw-urun-whatsapp-btn:hover{background: #2f6a31;background: linear-gradient(to bottom,#2f6a31,#4aaa4e);border: 2px solid #2f6a31;} .sw-urun-hemen-ara-btn{background: #5b049f;background: linear-gradient(to bottom,#7006c3,#5b049f);border: 2px solid #5b049f;transition: all 500ms ease-in-out;-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;} .sw-urun-hemen-ara-btn:hover{background: #5b049f;background: linear-gradient(to bottom,#5b049f,#7006c3);border: 2px solid #5b049f;} /*urun nav tab menu*/ .sw-urun-tab-nav .tab-content .tab-pane{padding-top:15px;} .sw-urun-tab-nav .nav-tabs .nav-item.show .nav-link,.sw-urun-tab-nav .nav-tabs .nav-link.active{color: #000;background-color: #aaa;border-color: #aaa;font-size:18px;font-weight: bold;} .sw-urun-tab-nav .nav-tabs{border-bottom: 1px solid #aaa;} .sw-urun-tab-nav .nav-tabs .nav-link{border-radius: 0;background: #efefef;font-size:18px;font-weight: bold;} .sw-urun-tab-nav .nav-tabs .nav-link:hover{background: #ddd;} @media (max-width: 767px) {.sw-urun-tab-nav .nav-tabs{display: block;}} @media (min-width: 768px) and (max-width: 991px) {.sw-urun-tab-nav .nav-tabs{display: block;}} /*urun degelendirme ve yorumlar bolumu*/ .sw-urun-yorum{} /*urun degelendirme - tablo*/ .sw-urun-rating-table{border:2px solid #ddd;margin-bottom: 30px;} .sw-urun-rating-table>ul{list-style: none;margin:0;padding:0;overflow: hidden;} .sw-urun-rating-table>ul>li{font-size:13px;line-height: 22px;padding: 1px;overflow: hidden;} .sw-urun-rating-table>ul>li>span{display: block;float: left;width: 80px;background: #ddd;margin:0;padding: 1px 5px;font-weight: bold;} .sw-urun-rating-table>ul>li>p{float: left;width: calc(100% - 140px);background: #fff;position: relative;min-height: 24px;margin:0;background: #f9f9f9;border-bottom:1px solid #eee;border-top:1px solid #eee;} .sw-urun-rating-table>ul>li>p>.bar{position: absolute;left:5px;top:5px;height:calc(100% - 10px);width: calc(100% - 10px);margin:0;background: #F62;} .sw-urun-rating-table>ul>li>label{display:block;float: left;width: 60px;background: #eee;margin:0;padding: 1px 5px;text-align: center;} /*urun degerlendirme - rating*/ .sw-urun-body-rating{border:2px solid #ddd;width: 100%;height: auto;margin-bottom: 30px;padding:15px;} .sw-urun-body-rating>label{display: block;font-size:18px;font-weight: bold;color:#000;margin:0 0 25px 0;} .sw-urun-body-rating .stars {width: auto;display: inline-block;} .sw-urun-body-rating input.star {display: none;} .sw-urun-body-rating label.star {margin:0;float: right;padding: 0 5px;font-size: 30px;color: #ddd;transition: all .2s;} .sw-urun-body-rating input.star:checked ~ label.star:before {content: '\f005';color: #FD4;transition: all .25s;font-weight: 900;} .sw-urun-body-rating input.star-5:checked ~ label.star:before {color: #FE7;} .sw-urun-body-rating input.star-1:checked ~ label.star:before {color: #F62;} .sw-urun-body-rating input.star-2:hover ~ label.star-1 {color: #F62;} .sw-urun-body-rating input.star-3:hover ~ label.star-1,.sw-urun-body-rating input.star-3:hover ~ label.star-2 { color: #F62; } .sw-urun-body-rating input.star-4:hover ~ label.star-1,.sw-urun-body-rating input.star-4:hover ~ label.star-2,.sw-urun-body-rating input.star-4:hover ~ label.star-3 { color: #F62; } .sw-urun-body-rating input.star-5:hover ~ label.star-1,.sw-urun-body-rating input.star-5:hover ~ label.star-2,.sw-urun-body-rating input.star-5:hover ~ label.star-3,.sw-urun-body-rating input.star-5:hover ~ label.star-4 {color: #F62;} .sw-urun-body-rating label.star:hover {color: #ffa300;} .sw-urun-body-rating label.star:before {content: '\f005';font-family: 'Font Awesome 5 Free';font-weight: 400;} /*urun-notu*/ .sw-u-yorum-btn-group{margin-bottom: 20px;} .sw-u-yorum-btn-group>ul{list-style: none;margin:0;padding: 0;overflow: hidden;} .sw-u-yorum-btn-group>ul>.sw-urun-notu{} .sw-u-yorum-btn-group>ul>.sw-urun-notu span{display: block;margin:0;padding: 15px 0;float: left;margin-right: 15px;} .sw-u-yorum-btn-group>ul>.sw-urun-notu span .sw-urun-rating{float: left;} .sw-u-yorum-btn-group>ul>li>.sw-btn{cursor: pointer;font-weight: bold;padding: 15px 0;display: block;float: right;font-size:14px;padding: 3px 10px;background: #ddd;border-radius: 3px;transition: all 250ms ease-in-out;-webkit-transition: all 250ms ease-in-out;-o-transition: all 250ms ease-in-out;-moz-transition: all 250ms ease-in-out;} .sw-u-yorum-btn-group>ul>li>.sw-btn:hover{background: #aaa;}/*renk*/ @media (min-width: 320px) {.sw-u-yorum-btn-group>ul>li{width: 100%;}} @media (min-width: 768px) {.sw-u-yorum-btn-group>ul>li{float: left;width: 50%;}} @media (min-width: 992px) {.sw-u-yorum-btn-group>ul>li{float: left;width: 50%;}} @media (min-width: 1200px) {.sw-u-yorum-btn-group>ul>li{float: left;width: 50%;}} /*urun yorumları kullanıcı blokları*/ .sw-u-yorum-blok{border:1px solid #ddd;margin-bottom: 20px;padding: 10px 10px 0 60px;position: relative;} .sw-u-yorum-blok .user{background: #f9f9f9;border-radius: 10px;padding: 10px;margin-bottom: 10px;} .sw-u-yorum-blok .user .user-icon{position: absolute;top:15px;left:10px;opacity: 0.5;max-width: 40px;height: auto;} .sw-u-yorum-blok .user .user-body h4{font-size:16px;font-weight: bold;margin:0;padding: 5px 0;} .sw-u-yorum-blok .user .user-body h4>span{float: left;width: 70px;margin-right: 10px;padding-top: 3px;} .sw-u-yorum-blok .user .user-body h5{font-size:15px;font-weight:bold;padding:10px 0;margin:0;color:#333;} .sw-u-yorum-blok .user .user-body p{font-size:14px;margin:0;padding:0;line-height: 25px;word-wrap:break-word;} .sw-u-yorum-blok .sw-tarih{text-align: right;display: block;margin:0;} .sw-u-yorum-blok .user .sw-urun-rating{width: 94px;font-size:10px;} .user-cevap{margin-bottom: 10px;padding: 0 50px 0 0;position: relative;} .user-cevap .user-cevap-body{background: #eee;border-radius: 10px;padding: 10px;} .user-cevap .user-cevap-body p{font-size:14px;margin:0;padding:0;line-height: 25px;word-wrap:break-word;} .user-cevap .admin-icon{position: absolute;right: 0;top:0;width: 40px;height: auto;opacity: 0.2;} /*form*/ .sw-urun-yorum input{height: 45px;} .sw-urun-yorum .form-group label{font-weight: bold;} .sw-urun-yorum .form-group .form-control{border-radius: 0;border:2px solid #ddd;} .sw-urun-yorum .form-group .btn{height: 45px;border-radius: 0;background: #ddd;font-size:18px;font-weight: bold;} .sw-urun-yorum .sw-guvenlik{border:2px solid #ddd;} /*------------------------------------------------------------------------------------------------------------------------------------------- iletisim.php -------------------------------------------------------------------------------------------------------------------------------------------*/ .sw-iletisim-bilgi{margin-bottom: 15px;overflow: hidden;} .sw-iletisim-bilgi>ul{margin:0;padding: 0;list-style: none;overflow: hidden;} .sw-iletisim-bilgi>ul>li{padding:9px 0 9px 55px;overflow: hidden;position: relative;margin-bottom: 5px;font-size:16px;border-bottom:1px solid #ddd;} .sw-iletisim-bilgi>ul>li>i{width: 40px;height: 40px;position: absolute;left:0;top:0;border-radius: 5px;font-size:16px;background: #ddd;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} /*whatsapp-paylas*/ .sw-iletisim-paylas{margin-bottom: 15px;} .sw-iletisim-paylas>a{display: block;border-radius:5px;padding: 10px;color:#fff;} .sw-iletisim-paylas>a>i{font-size:30px;width: 40px;text-align: center;color:#eee;transition: all 150ms ease-in-out;-webkit-transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;} .sw-iletisim-paylas>a:hover>i{transform: scale(1.2);} /*sosyalmedya*/ .sw-iletisim-sosyalmedya{overflow: hidden;margin-bottom: 30px;} .sw-iletisim-sosyalmedya>ul{overflow: hidden;list-style: none;margin:0;padding:0;} .sw-iletisim-sosyalmedya>ul>li{float:left;width: 12.50%;padding:0 1px;} .sw-iletisim-sosyalmedya>ul>li>a{display: block;padding: 11px 0;text-align: center;font-size:20px;transition: 500ms;border-radius: 5px;color:#fff;} .sw-iletisim-sosyalmedya>ul>li>a>i{transition: all 150ms ease-in-out;-webkit-transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;} .sw-iletisim-sosyalmedya>ul>li>a:hover i{transform: scale(1.2);} /*harita*/ .sw-iletisim-harita{margin-bottom: 30px;border:1px solid #ddd;padding: 5px;} .sw-iletisim-harita iframe{width: 100%;height: 450px;vertical-align: middle;} /*form*/ .sw-iletisim-form{margin-bottom: 30px;} .sw-iletisim-form label{display: block;padding: 5px 0;margin:0;font-size:14px;font-weight: bold;} .sw-iletisim-form .form-control{border-radius: 0;} .sw-iletisim-form input[type="text"]{height: 45px;} .sw-iletisim-form .form-group .btn{border-radius:0;height: 45px;background: #aaa;} /*------------------------------------------------------------------------------------------------------------------------------------------- galeri.php -------------------------------------------------------------------------------------------------------------------------------------------*/ .sw-galeri-box{width:100%;height:auto;border:1px solid #fff;position: relative;margin-bottom: 10px} .sw-galeri-box img{width: 100%;height: auto;} .sw-galeri-box h2{opacity: 0;visibility: hidden;transform: scale(0);transition: all 150ms ease-in-out;-webkit-transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;position: absolute;background: rgb(0,0,0,0.5);position: absolute;top:0;left:0;width: 100%;height: 100%;font-size:16px;color:#fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .sw-galeri-box .sw-icon{font-size:30px;color: #ddd;width: 40px;text-align: center;left: 0;right: 0;position: absolute;margin:0 auto;top:15%;} .sw-galeri-box:hover h2{opacity: 1;visibility: visible;transform: scale(1) rotate(360deg);} .galeri-nav{margin-bottom: 20px} .galeri-nav .active{background-color: #dd0000!important;color: #fff!important} /*------------------------------------------------------------------------------------------------------------------------------------------- video-galeri.php -------------------------------------------------------------------------------------------------------------------------------------------*/ .sw-video-kutu{width: 100%;height: auto;border:1px solid #ddd;margin-bottom: 30px;} .sw-video-kutu-header{width: 100%;height: auto;min-height: 160px;} .sw-video-kutu-body{width: 100%;height: auto;position: relative;padding:0 0 0 50px;background: #eee} .sw-video-kutu-body img{position: absolute;left:10px;top:8px;filter: grayscale(100%);transition: all 250ms ease-in-out;-webkit-transition: all 250ms ease-in-out;-moz-transition: all 250ms ease-in-out;-o-transition: all 250ms ease-in-out;} .sw-video-kutu:hover img{filter: grayscale(0);} .sw-video-kutu-body h2{font-size:14px;font-weight: bold;padding:10px 10px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;} .sw-video-kutu-footer{width: 100%;height: auto;text-align: right;font-size:12px;color:#999;padding:0 10px;} /*------------------------------------------------------------------------------------------------------------------------------------------- sidebar.php -------------------------------------------------------------------------------------------------------------------------------------------*/ .sw-sidebar-list-blok{margin-bottom: 30px;} @media (min-width: 992px) { .sw-sidebar-list-btn{display: none;} } @media (max-width: 992px) { .sw-sidebar-list{display: none;} } .sw-sidebar-list-btn{border:1px solid #ddd;padding: 15px 5px 15px 15px;font-size:16px;font-weight: bold;margin-bottom: 5px;position: relative;margin-top:10px;background: #eee;} .sw-sidebar-list-btn>i{position: absolute;font-size:25px;top:-10px;right: 10px;width: 35px;height: 35px;border-radius: 50%;background: #fff;box-shadow: 0 0 5px 0 #444;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .sw-sidebar-list {} .sw-sidebar-list .list-group-item{background: #eee;} /*------------------------------------------------------------------------------------------------------------------------------------------- sayfa.php - sidebar-sayfa.php -------------------------------------------------------------------------------------------------------------------------------------------*/ .sw-sayfa-kapak-bir{margin-bottom: 15px;} .sw-sayfa-kapak-bir img{width: 100%;height: auto;} .sw-sayfa-kapak-iki{float: left;margin:0 15px 15px 0;} .sw-sayfa-kapak-iki img{display: block;max-width: 100%;} @media only screen and (max-width: 767px){ .sw-sayfa-kapak-iki{float: unset;margin:0;} .sw-sayfa-kapak-iki img{width: 100%;height: auto;} } /*icerik*/ .sw-sayfa-icerik{margin-bottom: 30px;overflow: hidden;} /*ek-resim*/ .sw-sayfa-ek-resim-blok{margin-bottom: 30px;} .sw-sayfa-ek-resim{width: 100%;height: auto;border:1px solid #fff;position: relative;transition: all 150ms ease-in-out;-webkit-transition: all 150ms ease-in-out;-moz-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;} .sw-sayfa-ek-resim img{width: 100%;height: auto;} .sw-sayfa-ek-resim:hover{transform: scale(1.1);z-index: 99;} /*etiket*/ .sw-sayfa-etiket{overflow: hidden;margin-bottom: 30px;} .sw-sayfa-etiket a{display: block;float:left;padding:1px 15px 1px 25px;margin-bottom: 7px;position: relative;margin-right: 7px;font-size:14px;border-radius: 5px;transition: all 150ms ease-in-out;} .sw-sayfa-etiket a:hover{background: #eee;} .sw-sayfa-etiket a i{color:#ccc;position: absolute;left: 5px;top:5px;font-size:15px;} /*------------------------------------------------------------------------------------------------------------------------------------------- etiket.php -------------------------------------------------------------------------------------------------------------------------------------------*/ .sw-etiket-kutu{width: 100%;height: auto;border:1px solid #eee;padding: 15px 15px 15px 50px;margin-bottom: 30px;position: relative;} .sw-etiket-kutu-icon{position: absolute;left:15px;top:15px;font-size:23px;color: #bbb;} .sw-etiket-kutu h2{font-size:16px;margin-bottom: 15px;} .sw-etiket-kutu p{margin-bottom: 15px;} .sw-etiket-kutu-devam{display: block;width: 150px;border:1px solid #ddd;text-align: center;} /*------------------------------------------------------------------------------------------------------------------- yorumlar.php --------------------------------------------------------------------------------------------------------------------*/ .sw-yorumlar-box{width: 100%;height: auto;border:1px solid #eee;margin-bottom: 30px;padding:15px 15px 15px 80px;overflow: hidden;border-radius: 10px;background: #f9f9f9;position: relative;} .sw-yorumlar-box .user-icon{position: absolute;top:15px;left:15px;font-size:50px;} .sw-yorumlar-box h2{font-size:18px;padding:5px 0;margin:0;} .sw-yorumlar-box .tarih{position: absolute;top:24px;right: 15px;font-size:12px;color:#666;} .sw-yorumlar-box .konu{display: block;font-size:14px;padding: 5px 0;color:#666;font-weight: bold;} .sw-yorumlar-cevap{width: 100%;height: auto;border:1px solid #ccc;padding: 15px 80px 15px 15px;margin-top:15px;background: #ddd;border-radius: 10px;position: relative;} .sw-yorumlar-cevap .admin-icon{position: absolute;top:15px;right: 15px;font-size:50px;} /*yorum-form*/ .sw-yorumlar-form{width: 100%;height: auto;background: #f9f9f9;padding: 15px;margin-bottom: 30px;border:1px solid #eee;} .sw-yorumlar-form h2{margin:0;font-size:20px;margin-bottom: 15px;border-bottom:2px solid #eee;padding:10px 0;} .sw-yorumlar-form .form-group{} .sw-yorumlar-form .form-group>label{display: block;padding: 5px 0;} .sw-yorumlar-form .form-group>.form-control{border-radius: 0;} .sw-yorumlar-form .form-group>input{height: 45px;} .sw-yorumlar-form .form-group>.btn{background: #333;color:#fff;border-radius: 0;height: 45px;} .sw-yorumlar-icons{width: 100%;height: auto;text-align: center;} .sw-yorumlar-icons input[type="radio"]{display: none;} .sw-yorumlar-icons input[type="radio"]+label span{display: inline-block;font-size:30px;border:2px solid transparent;padding: 5px 15px;border-radius: 3px;} .sw-yorumlar-icons input[type="radio"]:checked + label span{border:2px solid #4CAF50;padding: 5px 15px;} /*İkon Renkleri*/ .sw-bay{color:#42c0fb;} .sw-bayan{color:#f168aa;} .sw-tanimsiz{color:#666;} /*------------------------------------------------------------------------------------------------------------------- iller.php --------------------------------------------------------------------------------------------------------------------*/ .sw-il-list{margin-bottom:30px;font-size:15px;} .sw-il-list .sw-il-btn{border:1px solid red;margin-bottom: 5px;padding: 10px 40px 10px 10px;background: #bc103c;color:#fff;position: relative;margin-top:10px;} .sw-il-list .sw-il-btn i{position: absolute;top:-10px;right: 10px;font-size:25px;color:#bc103c;width: 35px;height: 35px;border-radius: 50%;background: #fff;text-align: center;padding-top: 5px;box-shadow: 0 0 5px 0 #444;} .sw-il-list ul{list-style: none;margin:0;padding:0;} .sw-il-list .sw-il-group ul{} .sw-il-list .sw-il-group>ul>li{} .sw-il-list .sw-il-group>ul>li>a{display: block;border:1px solid #ddd;padding: 10px;margin-bottom: 5px;font-weight: 500;background: #eee;} .sw-il-list .sw-il-group>ul>li .active{background: #bc103c;color:#fff;} .sw-il-list .sw-il-group>ul>li>a>i{margin-right: 5px;} .sw-il-list .sw-il-group>ul>li>a:hover{background: #666;color:#eee;} .sw-il-list .sw-il-group>ul>li>ul{} .sw-il-list .sw-il-group>ul>li>ul>li{} .sw-il-list .sw-il-group>ul>li>ul>li>a{display: block;padding: 10px 10px 10px 20px;border:1px solid #ddd;margin-bottom: 5px;background: #f9f9f9;} .sw-il-list .sw-il-group>ul>li>ul>li>a:hover{background: #666;color:#eee;} .sw-il-list .sw-il-group>ul>li>ul>li>a>i{font-size:10px;color:#ddd;margin-right: 5px;} @media only screen and (max-width: 991px){ .sw-il-list .sw-il-group{display: none;} } @media only screen and (min-width: 992px){ .sw-il-list .sw-il-btn{display: none;} } /*------------------------------------------------------------------------------------------------------------------------------------------- fiyat-hesaplama.php -------------------------------------------------------------------------------------------------------------------------------------------*/ .sw-fiyat-sonuc{width: 100%;height: auto;margin-bottom: 30px;} .sw-fiyat-sonuc p{padding: 15px 0;font-size:16px;border:1px dashed green;text-align: center;background: green;color:#ccc;} .sw-fiyat-sonuc p b{color:#fff;font-size:22px;} .sw-fiyat-tablo{width:100%;height: auto;} .sw-fiyat-tablo{width: 100%;height: auto;margin-bottom:30px;} .sw-fiyat-tablo table tr th{padding: 15px;} .sw-fiyat-tablo table tr td{padding: 5px;} .sw-fiyat-tablo .form-control{border-radius: 0;} .sw-fiyat-tablo .btn{border-radius: 0;height: 50px;} /*------------------------------------------------------------------------------------------------------------------------------------------- fiyatlar.php -------------------------------------------------------------------------------------------------------------------------------------------*/ .sw-fiyatlar-hesap-box{width: 100%;height: auto;margin-bottom: 20px;text-align: center;padding: 10px;background: #666;} .sw-fiyatlar-hesap-box i{display: block;padding: 20px 0;color:#ddd;} .sw-fiyatlar-hesap-box p{color:#eee;} .sw-fiyatlar-box{width: 100%;height: auto;margin-bottom: 20px;} .sw-fiyatlar-box>ul{list-style: none;margin:0;padding: 0;} .sw-fiyatlar-box>ul>li{display: block;border:1px solid #ddd;padding: 10px 94px 10px 45px;margin-bottom: 5px;border-left:3px solid #ddd;position: relative;} .sw-fiyatlar-box>ul>li .icon{font-size:25px;position: absolute;left: 10px;top:10px;transition: all 250ms ease-in-out;-webkit-transition: all 250ms ease-in-out;-moz-transition: all 250ms ease-in-out;-o-transition: all 250ms ease-in-out;} .sw-fiyatlar-box>ul>li .fiyat{font-size:16px;position: absolute;right: 10px;top:7px;padding: 2px 15px;border-radius: 50px;transition: all 250ms ease-in-out;-webkit-transition: all 250ms ease-in-out;-moz-transition: all 250ms ease-in-out;-o-transition: all 250ms ease-in-out;} /*------------------------------------------------------------------------------------------------------------------------------------------- duyuru.php -------------------------------------------------------------------------------------------------------------------------------------------*/ .sw-duyuru-icerik{width: 100%;height: auto;margin-bottom: 30px;} .sw-duyuru-resim{margin-bottom: 10px;} .sw-duyuru-resim img{width: 100%;height: auto;} .sw-duyuru-ekresim{list-style: none;margin:0;padding:0;margin-left:-1px;margin-right:-1px;margin-bottom: 20px;overflow: hidden;} .sw-duyuru-ekresim>li{float:left;width: 25%;padding: 1px;} .sw-duyuru-ekresim>li img{width: 100%;height: auto;transition: all 250ms ease-in-out;-webkit-transition: all 250ms ease-in-out;-moz-transition: all 250ms ease-in-out;-o-transition: all 250ms ease-in-out;} .sw-duyuru-ekresim>li:hover img{width: 100%;height: auto;opacity: 0.5;} /*------------------------------------------------------------------------------------------------------------------------------------------- duyurular.php -------------------------------------------------------------------------------------------------------------------------------------------*/ .sw-duyurular-takvim{padding: 15px;background: #eee;overflow: hidden;margin-bottom: 30px;} .sw-duyurular-takvim i{display: block;margin-bottom: 15px;font-size:30px;color:#bbb;} .sw-dtakvim-gun{font-size:40px;font-weight: bold;margin-bottom: 25px;} .sw-dtakvim-ay{font-size:30px;margin-bottom: 15px;} .sw-dtakvim-yil{font-size:20px;margin-bottom: 15px;} @media only screen and (max-width: 991px){ .sw-duyurular-takvim i{float: left;margin:0;margin-right: 15px;} .sw-dtakvim-gun,.sw-dtakvim-ay,.sw-dtakvim-yil{float: left;padding-right: 5px;padding-left:5px;padding-top:8px;font-size:22px;text-align: center;margin-bottom: 0;} } .sw-duyurular-body{margin-bottom: 30px;} .sw-duyurular-body h2{font-size:20px;margin-bottom: 15px;font-weight: bold;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .sw-dlar-content{margin-bottom: 15px;} .sw-duyurular-body-devam{display: block;text-align: right;padding:5px 15px;float: right;width: 40%;font-weight: bold;} .sw-dlar-button{overflow: hidden;margin-bottom: 15px;} .sw-dlar-bilgi{overflow: hidden;margin-bottom:12px;font-size:12px;text-align: right;color:#aaa;} .sw-dlar-gorsel{text-align: center;padding: 5px;position: relative;margin-bottom: 30px;background: #f9f9f9;} .sw-dlar-gorsel img{display: block;margin:0 auto;max-width: 100%;} /*------------------------------------------------------------------------------------------------------------------------------------------- referanslar.php -------------------------------------------------------------------------------------------------------------------------------------------*/ .sw-referanslar{border:1px solid #eee;margin-bottom: 30px;overflow: hidden;} .sw-referanslar-resim{width: 100%;height: auto;} .sw-referanslar-resim img{width: 100%;height: auto;} .sw-referanslar-baslik{padding:10px 15px;font-size:16px;font-weight: bold;} .sw-referanslar-aciklama{padding:0 15px 15px 15px;font-size:14px;} /*------------------------------------------------------------------------------------------------------------------------------------------- rewferans.php -------------------------------------------------------------------------------------------------------------------------------------------*/ .sw-referans-icerik{margin-bottom: 30px;} .sw-referans-resim{margin-bottom: 15px;border:1px solid #eee;} .sw-referans-resim img{width: 100%;height: auto;} .sw-referans-ekresimler{margin-bottom: 30px;} .sw-referans-ekresim{width:100%;height:auto;border:1px solid #eee;padding: 2px;} .sw-referans-ekresim img{width: 100%;height: auto;} /*------------------------------------------------------------------------------------------------------------------------------------------- sss.php -------------------------------------------------------------------------------------------------------------------------------------------*/ .sw-sss-page-body .sw-icon{margin-bottom: 30px;} .sw-sss-page-body .sw-icon img{display: block;margin:0 auto;max-width: 100%;height: auto;} .sw-sss-page-body .sw-sss-box .card {margin-bottom:5px;} .sw-sss-page-body .card-header{padding:10px 10px 10px 40px;position: relative;} .sw-sss-page-body .card-header:hover{background: #aaa;} .sw-sss-page-body .card-header h5{font-size:16px;font-weight: bold;margin:0;} .sw-sss-page-body .card-header h5 i{font-size:22px;position: absolute;left:10px;top:10px;} .sw-sss-page-body .card-header h5 button{color:#000;padding: 0;margin:0;display: block;width: 100%;text-align: left;} .sw-sss-page-body .card-header h5 button:active,.sw-sss-page-body .card-header h5 button:focus,.sw-sss-page-body .card-header h5 button:hover{text-decoration: none;} /*------------------------------------------------------------------------------------------------------------------- personeller.php --------------------------------------------------------------------------------------------------------------------*/ .sw-personel-box{border:1px solid #ddd;padding: 10px;margin-bottom: 30px;position: relative;background: #f9f9f9;} .sw-personel-box img{width: 100%;height: auto;margin-bottom: 15px;} .sw-personel-box h3{font-size:16px;font-weight: bold;margin:0;padding:15px 0;text-align: center;;} .sw-personel-box .unvan{display: block;font-size:14px;margin:0;margin-bottom:5px;text-align: center;color:#999;font-style: italic;} .sw-personel-box .telefon{text-align: center;font-size:14px;margin:0;} .sw-personel-box .telefon i{display: block;color:#aaa;} .sw-personel-box .email{text-align: center;font-size:14px;margin:0;} .sw-personel-box .email i{display: block;color:#aaa;} .sw-personel-box .sosyalmedya{width: 100%;height: auto;} .sw-personel-box .sosyalmedya>ul{list-style: none;margin:0;padding: 0;overflow: hidden;} .sw-personel-box .sosyalmedya>ul>li{float: left;width: 20%;padding: 0 1px;margin:0;} .sw-personel-box .sosyalmedya>ul>li>a{display: block;padding: 10px 1px;text-align: center;font-size:18px;} .sw-personel-box .sosyalmedya>ul>li>span{display: block;padding: 10px 1px;text-align: center;font-size:18px;background: #eee;color:#aaa;} /*------------------------------------------------------------------------------------------------------------------- personel.php --------------------------------------------------------------------------------------------------------------------*/ .sw-personel-page-img{width: 100%;height: auto;border:1px solid #ddd;padding: 5px;margin-bottom: 30px;} .sw-personel-page-img img{width: 100%;height: auto;} .sw-personel-page-box{width: 100%;height: auto;border:1px solid #ddd;padding: 15px 15px 15px 15px;margin-bottom: 30px;position: relative;background: #f9f9f9;min-height: 210px;} .sw-personel-page-box h3{font-size:16px;font-weight: bold;margin:10px 0;} .sw-personel-page-box .aciklama{font-size:12px;} .sw-personel-page-box .unvan{font-weight: bold;} .sw-personel-page-box .telefon i{width: 50px;border:1px solid #ddd;padding: 10px 0;text-align: center;background: #eee;color:#666;font-size:18px;} .sw-personel-page-box .email i{width: 50px;border:1px solid #ddd;padding: 10px 0;text-align: center;background: #eee;color:#666;font-size:18px;} .sw-personel-page-box .sosyalmedya{width: 100%;height: auto;} .sw-personel-page-box .sosyalmedya>ul{list-style: none;margin:0;padding: 0;overflow: hidden;} .sw-personel-page-box .sosyalmedya>ul>li{float: left;width: 20%;padding: 0 1px;margin:0;} .sw-personel-page-box .sosyalmedya>ul>li>a{display: block;border:1px solid #ddd;padding: 10px 1px;text-align: center;font-size:18px;} .sw-personel-page-box .sosyalmedya>ul>li>span{display: block;padding: 10px 1px;text-align: center;font-size:18px;background: #eee;color:#aaa;} /*------------------------------------------------------------------------------------------------------------------- e-katalog.php --------------------------------------------------------------------------------------------------------------------*/ .sw-e-kat-box{margin-bottom: 30px;border:1px solid #ddd;padding:15px;transition: all 350ms ease-in-out;-webkit-transition: all 350ms ease-in-out;-moz-transition: all 350ms ease-in-out;-o-transition: all 350ms ease-in-out;} .sw-e-kat-box:hover{background: #f9f9f9;border:1px solid #aaa;} .sw-e-kat-box:hover .incele{background: #aaa;color:#fff;} .sw-e-kat-box .sw-icon{display: block;font-size:40px;text-align: center;padding:15px 0;} .sw-e-kat-box h3{margin:0;padding:15px 0;font-size:15px;text-align: center;min-height:90px;font-weight: 600;} .sw-e-kat-box .incele{display: block;position:relative;margin:0;padding:5px;text-align: center;font-size:14px;background: #eee;transition: all 350ms ease-in-out;-webkit-transition: all 350ms ease-in-out;-moz-transition: all 350ms ease-in-out;-o-transition: all 350ms ease-in-out;} .sw-e-kat-box .incele i{position: absolute;right: 0;top:0;padding:13px 15px 0 15px;font-size:14px;background: #999;color:#fff;height: 100%;} .sw-e-kat-box .fa-file-pdf{color:#dd0012;} .sw-e-kat-box .fa-file-word{color:#00a3ff;} .sw-e-kat-box .fa-file-excel{color:green;} .sw-e-kat-box .fa-file{color:#aaa;} /*------------------------------------------------------------------------------------------------------------------- blog.php --------------------------------------------------------------------------------------------------------------------*/ .sw-yazi-box{margin-bottom: 30px;background: #f9f9f9;padding:15px;} .sw-yazi-box .sw-yazi-box-header{border:1px solid #ddd;margin-bottom: 15px;} .sw-yazi-box .sw-yazi-box-header img{width: 100%;height: auto;} .sw-yazi-box .sw-yazi-box-body{overflow: hidden;} .sw-yazi-box .sw-yazi-box-body>a>h3{margin:0;padding:15px 0;font-size:18px;font-weight: bold;} .sw-yazi-box .sw-yazi-box-body>p{font-size:14px;line-height: 25px;margin:0;margin-bottom:15px;} .sw-yazi-box .sw-yazi-box-body>.sw-devam{display: block;width: 200px;padding: 5px;text-align: center;float: right;} /*------------------------------------------------------------------------------------------------------------------- galeriler.php --------------------------------------------------------------------------------------------------------------------*/ .sw-page-galeri-body .show_more{display: block;text-align: center;width: 200px;color: #fff;background-color: #dd0000;margin: 30px auto;border-radius: 5px;cursor: pointer;} .sw-page-galeri-body .loading-galeri{width: 5%;margin: 0 auto} /*------------------------------------------------------------------------------------------------------------------- RENK DUZENİ --------------------------------------------------------------------------------------------------------------------*/ /*acik #aaa*/ /*koyu 999*/ .sw-page-body .sw-sub-title{border-bottom:2px solid #aaa;} a:hover,a:active,a:focus{color:#aaa;} /*breadcrumb*/ /*.breadcrumb {background-color: #aaa;}*/ .breadcrumb a{color: #ccc;} .breadcrumb > li + li:before {color: #ccc;} .breadcrumb > .active {color: #ddd;} /*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: #aaa;border-color: #aaa; } /*iletisim*/ .sw-iletisim-paylas .iletisim-wapp{border:1px solid #aaa;color: #aaa} .sw-iletisim-paylas .iletisim-wapp i{color: #aaa} /*sidebar*/ .sw-sidebar-list-btn{background: #aaa;color:#fff;border:1px solid #999;} .sw-sidebar-list-btn>i{color:#aaa} .sw-sidebar-list .list-group-item{background: #aaa;color:#fff;border-color:#999;} .sw-sidebar-list .list-group-item:hover{background: #999;} /*iller*/ .sw-il-list .sw-il-group>ul>li .active{background: #aaa;color:#fff;} /*iletisim*/ .sw-iletisim-bilgi>ul>li>i{background: #aaa;color:#fff;} .sw-iletisim-form .form-control{border:1px solid #aaa;} .sw-iletisim-form .sw-guvenlik{border:1px solid #aaa;} .sw-iletisim-form .form-group .btn{background: #aaa;color:#fff;} /*urun*/ .sw-urun-img .swiper-button-next:active,.sw-urun-img .swiper-button-prev:active{background: #aaa;color:#fff;} .sw-urun-header-rating>ul>li>span:hover{background: #aaa;color:#fff;} .sw-urun-tab-nav .nav-tabs .nav-item.show .nav-link,.sw-urun-tab-nav .nav-tabs .nav-link.active{background-color: #aaa;border-color: #00a3ff;color:#fff;} .sw-urun-tab-nav .nav-tabs{border-bottom: 1px solid #aaa;} .sw-u-yorum-btn-group>ul>li>.sw-btn:hover{background: #aaa;color:#fff;} .sw-urun-yorum .form-group .btn{background: #aaa;color:#fff;} /*duyurular*/ .sw-duyurular-body-devam{background: #aaa;color:#fff;} .sw-duyurular-body-devam:hover{color:#ccc;} .sw-duyurular-takvim{background: #aaa;color:#fff;} /*onceski-sonraki*/ .sw-onceki-btn i,.sw-sonraki-btn i{background: #aaa;color:#fff;} /*blog*/ .sw-yazi-box .sw-yazi-box-body>.sw-devam{background: #aaa;color:#fff;}