img{height:auto;max-width:100%; display: block;} .enayar{width:320px;} .enayar1{width:259px;} @media (max-width:990px){.enayar{width:auto;}} .enayar0{min-width:0!important;} @media (max-width:1440px){body,html{font-size:16px;}} a:hover{color:#DF0000;} ul,ol,li { list-style: none; } a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{font-family:inherit;font-size:100%;font-style:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;background:transparent} img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle} button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{line-height:1;cursor:pointer;-webkit-appearance:button;border:none} input[type=search]{-webkit-appearance:textfield} input[type=search]::-webkit-search-decoration{-webkit-appearance:none} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box} a{text-decoration:none;color:#333;}a.active,a.nav-active{color:#dc0000} a:focus,a:hover{color:#DF0000;text-decoration:none;outline:0;} body,html{font-size:14px;font-weight:400;color:#656565; margin: 0!important; padding: 0!important;line-height:1.3;font-size:14px;-webkit-font-smoothing:antialiased;font-style:normal;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale; background-color:#f7f7f7!important;} .renkgenel{background-color:#f7f7f7!important;} h1{font-size:30px;font-weight:400}h2{font-size:24px} h2,h3{font-weight:500}h3{font-size:18px} h4{font-size:16px;color:#dc0000} .container{width:1200px} .clearfix{clear:both}.left{text-align:left} /* menü tıklanınca ekran karartması*/ .boxed>.overlay{content:""; position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:909;opacity:0;display:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .boxed>.overlay.show{opacity:1;display:block} .boxed{-o-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;} /* HEADER */ .header-top.style3{padding:0} .header-top.style3,.header-top.style4{background-color: transparent;background-image: linear-gradient(90deg,#000 0%,#FF5100 100%);border-bottom: none;} .header-top.style4{padding:6px 0} div.flat-unstyled{text-align:right;} div.flat-unstyled>span{color: #fff; font-size:18px; display:inline-block;line-height:32px;height:32px;position:relative} div .flat-unstyled .fa-whatsapp{margin-right:3px; font-size:22px;color:#4dc247;} .header-middle{transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;padding:0px 0} .header-middle #logo,.header-middle .container .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .header-middle #logo{height:100%} .header-middle .logo.style1{float:left;width:23%;margin-right:0} .header-middle.style1{background-color:#000} .top-search{padding-left:45px} .top-search form.form-search{position:relative} .top-search form.form-search .box-search input{padding-left:30px;padding-top:11px;height:45px} form.form-search .box-search .btn-search button{color: #fff; border-bottom-right-radius:6px;border-top-right-radius:6px; background-color: #666; height:45px} form.form-search .box-search .btn-search i{padding:0px 4px 0px 4px; font-size:27px; color: #fff; } .top-search form.form-search .box-search .btn-search{position:absolute;top:0;right:0} .top-search form.form-search .box-search .search-suggestions{width:800px;overflow:hidden;position:absolute;top:100px;left:0;z-index:9;opacity:0;visibility:hidden;border-bottom-left-radius:10px;border-bottom-right-radius:10px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .top-search form.form-search .box-search .search-suggestions.show{opacity:1;visibility:visible;top:77px} .top-search.style1{width:610px;padding:5px 0 5px 1px;float:left} .header-bottom{ background-color:#dd0c1b;} .header-bottom>.container>.row{position:relative;} .header-bottom.style2{background-color:#e58400;} /* header fixed*/ .ust-fixed img{-o-transition:box-shadow 1s ease-in-out;transition:box-shadow 1s ease-in-out; height:35px!important; -webkit-transition-delay:1s;transition-delay:1s;-o-transition:all 1s ease;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;} .ust-fixed{ background:#f9f9f9!important; box-shadow: 0 8px 13px rgb(0 0 0 / 10%); vertical-align: baseline; height:38px!important;position:fixed;top:0;z-index:999;width:100%; -webkit-transition-delay:1s;transition-delay:1s;-o-transition:all .5s ease;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;} .ust-fixed .header-middle{-o-transition:all .5s ease;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease; background:#f9f9f9!important; box-shadow: 0 8px 13px rgb(0 0 0 / 10%); padding:0px 0} .ust-fixed .main-nav>ul>li>a{font-family:Tahoma,Geneva,sans-serif; -o-transition:box-shadow 1s ease-in-out;transition:box-shadow 1s ease-in-out; font-size:15px;height:38px;padding:8px 7px;} .ust-fixed .main-nav img{ height:19px!important; display:inline-block} .ust-fixed .main-nav > ul > li > ul { top: 37px; } @media (max-width:992px){ h1{font-size:20px;margin:0 0 .25em} h2{font-size:18px} .home-top-column{padding-top:0}.flat-row-title h1{font-size:16px} .animate{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both} #wrapper{margin-top:0px} #header{display:none;} .container{padding-left:15px;padding-right:15px} } @media only screen and (max-width:575px){ .container{max-width:100%} .header-middle #logo.style1{float:none;width:100%} form.form-search .box-search .btn-search button{padding:10px} .boxed.style2 .footer .container-fluid{padding:0 15px} } /* HEADER ÇUBUK MENÜ */ #mainnav{float:left} #mainnav>ul.menu>li{ -o-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease; display:inline-block;} #mainnav ul.menu>li>a{left:2px; padding:16px 20px 14px 13px; display:inline-block;color:#fefefe;font-size:15px;font-weight:500;position:relative;z-index:8;} #mainnav ul.menu> li span{color:#fff;font-size:20px;font-weight:300;} #mainnav ul.menu>li>a:after{content:"";position:absolute;opacity:0;background-color:#fff;z-index:-3;} #mainnav ul.menu>li:hover>a:after{opacity:1} #mainnav ul.menu>li:last-child>a{border-right:none} #mainnav.style2{padding-left:55px} #mainnav.style2 ul.menu>li{margin-top:24px} #mainnav.style2 ul.menu>li>a{margin-right:43.5px;text-transform:uppercase;font-weight:700;color:#656565;padding:0;border-right:0} #mainnav.style2 ul.menu>li:last-child>a{margin-right:0} #mainnav ul.menu>li:hover{background-color:#000; color:#fff;} /* SOL MENÜ */ #mega-menu{position:relative;top:0;height:50px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:999} #mega-menu>.btn-mega{font-weight:500;font-size:17px;color:#fefefe;height:100%;padding-left:67px;line-height:50px;background-color:#000;position:relative;z-index:98;cursor:pointer} #mega-menu>.btn-mega a{color:#fefefe;cursor:pointer} #mega-menu:hover ul.menu{top:-1px;visibility:visible;opacity:1;} #mega-menu>.btn-mega>span{position:absolute;height:2px;width:18px;left:20px;top:24px;background-color:#fff;display:inline-block} #mega-menu>.btn-mega>span:before{top:-7px} #mega-menu>.btn-mega>span:after,#mega-menu>.btn-mega>span:before{content:"";position:absolute;height:2px;width:24px;background-color:#fff} #mega-menu>.btn-mega>span:after{top:7px} #mega-menu>ul.menu{position:relative;z-index:90;background-color:#fff;border-color:#ddd;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);top:-40px;opacity:0;visibility:hidden;} #mega-menu>ul.menu>li>a{text-transform: uppercase; height:43px;line-height:43px;padding:0 20px;border-bottom:1px solid #e5e5e5;display:block;position:relative;font-size:16px} @media only screen and (min-width:1199px) and (max-width:10000px){#mega-menu>ul.menu>li>a{height:51px;line-height:51px;}} #mega-menu>ul.menu>li>a.icon:after{content:"\F105"; font-family:fontawesome;right:22px;position:absolute;font-size:20px;color:#484848} #mega-menu>ul.menu>li>a .menu-img{margin-right:18px;min-width:30px;display:inline-block;text-align:center} #mega-menu>ul.menu>li:hover{border-radius:0;box-shadow:0 0 10px rgba(0,0,0,.2);} #mega-menu>ul.menu>li:hover a.dropdown{background-color:#000; color:#fff} #mega-menu>ul.menu>li:hover>.drop-menu{text-transform: capitalize; font-size:16px; line-height:15px; visibility:visible;display:block;box-shadow:0 0 10px rgba(0,0,0,.2);} #mega-menu>ul.menu>li>a:hover.dropdown:after{color:#fff!important;} #mega-menu>ul.menu>li .drop-menu{padding:20px 20px 0;position:absolute;top:0;left:270px;width:900px;z-index:99;min-height:100%;background-color:#fff;border-left:1px solid #ddd;display:none;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;} #mega-menu>ul.menu>li .drop-menu:after{content:"";-webkit-box-flex:1;-ms-flex:auto;flex:auto} #mega-menu>ul.menu>li .drop-menu .item{width:19%;padding:.5em;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-weight:300;margin-bottom:10px} #mega-menu>ul.menu>li .drop-menu .item img{width:100%;margin-bottom:5px} #mega-menu.mgoster>ul.menu{-webkit-transform:translateY(0);transform:translateY(0);top:0;border-width:1px;border-top:none;opacity:1;visibility:visible;} #mega-menu>ul.menu>li{transition-duration:.2s;-webkit-transition-duration:.2s} #mega-menu>ul.menu>li>a{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} #mega-menu>ul.menu>li .drop-menu a:hover{transition-duration:.2s;-webkit-transition-duration:.2s} #mega-menu>ul.menu>li .drop-menu .item:hover{background-color:#000; color:#fff; -webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} @keyframes righttoleft{0%{opacity:0;transform:translate(10px,0)}100%{opacity:1;transform:translate(0,0)}}@-moz-keyframes righttoleft{0%{opacity:0;-moz-transform:translate(10px,0)}100%{opacity:1;-moz-transform:translate(0,0)}}@-webkit-keyframes righttoleft{0%{opacity:0;-webkit-transform:translate(10px,0)}100%{opacity:1;-webkit-transform:translate(0,0)}}@-o-keyframes righttoleft{0%{opacity:0;-o-transform:translate(10px,0)}100%{opacity:1;-o-transform:translate(0,0)}}@-ms-keyframes righttoleft{0%{opacity:0;-ms-transform:translate(10px,0)}100%{opacity:1;-ms-transform:translate(0,0)}} #mega-menu>ul.menu>li .drop-menu {animation: righttoleft ease .4s;-webkit-animation: righttoleft ease .4s;} @media only screen and (min-width:970px) and (max-width:1199px){#mega-menu>ul.menu>li .drop-menu{width:704px;left:212px}} @media only screen and (min-width:1199px) and (max-width:10000px){#mega-menu>ul.menu>li .drop-menu{width:704px;left:257px}} .arrow-none:after{border:none;margin:0;display:none} .dropdown-menu.show{-webkit-transform:none!important;transform:none!important;top:auto!important} /* YÜKLENİYOR EFEKTİ */ .preloader{width:100%;height:100%;background-color:#fff;position:fixed;top:0;left:0;z-index:999999;} .clear-loading{text-align:center;margin:0 auto;position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box} .loading-effect{width:95px;height:95px} .loading-effect>span,.loading-effect>span:after,.loading-effect>span:before{content:"";display:block;border-radius:50%;border:1px solid #9B9B9B;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .loading-effect>span{width:100%;height:100%;top:0;left:0;border-left-color:transparent!important;-webkit-animation:effect 2s infinite linear;animation:effect 2s infinite linear} .loading-effect>span:before{width:75%;height:75%;border-right-color:transparent!important} .loading-effect>span:after{width:50%;height:50%;border-bottom-color:transparent!important} @-webkit-keyframes effect{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} @keyframes effect{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} .home-top-column {padding-top: 19px;} /* ÜST İCON */ .footer-phone>a{color:#666;display:flex;align-items:center;flex-wrap:wrap} .footer-phone>a i{margin-right:12px} .footer-phone>a div span{display:block;font-size:14px} .footer-phone>a div b{display:block;font-size:30px; } /* SOSYAL İCON */ #social a,.footer-social-icon,.footer-social-icon:hover{ margin-right:4px; border-radius: 2px; display:inline-block;width:25px;height:25px;line-height:25px;margin-top:3px; font-size:20px;text-align:center; background:#959595;color:#fff} #social a:hover{display:inline-block;background:#FFC000;color:#fff} @media (min-width:0px) and (max-width:768px) {.social2{display: none !important} } /* MODÜL 4 */ .modul4-step{color:#fff; background: #000!important; position:relative;text-align:center;padding:20px;margin-top:30px;-webkit-box-shadow:0 14px 43px rgba(33,54,61,0.15);box-shadow:0 14px 43px rgba(33,54,61,0.15)} .modul4-step .modul4-icon{height:65px;margin-bottom:0px;padding-top:0px}.modul4-step h4{font-size:22px; margin-bottom:0px}.modul4-step p{font-size:22px; margin-bottom:0} .modul4 .modul4-icon img{max-height: 75px;} .modul4-title h2 {font-weight:600;color:#dc0000; margin-bottom: 0px;font-size:45px;} .modul4-step p{height:35px;} @media (min-width:0px) and (max-width:768px){.modul4-step p{height:45px;}.modul4-title h2 {margin-bottom: 10px;font-size:38px;} .modul4-step h4 {margin-bottom: 0px;font-size:22px;}.modul4 .modul4-icon img{max-height: 35px;} .modul4-step{margin-top:15px;}} .modul4-title p {font-weight:300; margin-bottom: 0;font-size:22px;} .modul4-title b{color:#06a3da;} @media (min-width:0px) and (max-width:768px){.modul4-step{padding:10px;}.modul4-step .modul4-icon{height:35px;}.modul4-step h4 {margin-bottom: 0px;font-size:17px;}.modul4-title p {font-size:22px;}.modul4-title h2 {font-size:35px;}} @media (min-width:768px) and (max-width:99999px){.modul4-process.mleft1{padding-left:25px}} @media (min-width:580px) and (max-width:767px){.modul4-process.mleft1{padding-left:15px}} @media (min-width:0px) and (max-width:767px){.modul4-process.mleft{padding-left:10px}} .modul4-process img{transition:all .5s ease;-webkit-transition:all .5s ease;} .modul4-process:hover img{transform:scale(1.3);-webkit-transform:scale(1.3);transition:all .5s ease;-webkit-transition:all .5s ease;} .modul4-step{transition:all .2s ease;-webkit-transition:all .2s ease;} .modul4-step:hover{cursor:pointer; background: #929292!important; } .modul4 .renk1{color:#ffa414} .modul4 .renk2{color:#67c15e} .modul4 .renk3{color:#d54384} .modul4-step{border-top-left-radius: 15px; border-bottom-right-radius: 15px; } .modul4-step a{color:#fff} /* footer */ footer .footer-top{background-color:#d20000;position:relative; margin-bottom:25px} footer .footer-top:before{content:'';position:absolute;top:0;left:0;bottom:0;width:50%;background-color:#e80000} footer .bg{background-color:#e80000} footer .ebulten{padding:20px 0} footer .ebulten .title{font-size:19px;color:#fff;line-height:20px;margin:15px 0;float:left} footer .ebulten form{display:block;margin-left:90px;position:relative} footer .ebulten .form-control{font-size:16px;height:50px;border:0;border-radius:0;padding-right:90px} footer .ebulten button{position:absolute;top:7px;right:7px;background-color:#d20000;color:#fff;border-radius:0;font-size:13px;height:36px;padding:0 10px} footer .social-media{text-align:right; font-size:0;margin:0 0px;padding:20px 0} footer .social-media .title{display:inline-block;vertical-align:top;margin:5px 20px;font-size:15px;font-style:italic;color:#fff;line-height:20px;text-align:left} footer .social-media .title strong{display:block;font-size:20px;text-transform:uppercase} footer .social-media ul{display:inline-block;vertical-align:top;margin:0 15px} footer .social-media li{display:inline-block;vertical-align:top;margin:5px} footer .social-media a{display:block;width:40px;height:40px;padding:5px;background-color:#910202;border-radius:100%;font-size:20px;color:#fff!important;line-height:30px;box-shadow:0 0 12px rgba(0,0,0,.14);text-align:center} footer .social-media a:hover{background-color:#7f7f7f; color:#fff14:20 16.07.2022!important;} .social-media ul li a { display: inline-block; width: 40px; height: 40px; margin: 5px; border-radius: 50%; background-color: #ccc; background-repeat: no-repeat; background-position: center; background-size: 22px 22px; transition: background-color 0.3s ease; } /* Platforma özel ikonlar ve arka plan renkleri */ .social-media a.facebook { background-color: #3b5999; background-image: url('../images/facebook.png'); } .social-media a.twitter { background-color: #55acee; background-image: url('../images/twitter.png'); } .social-media a.pinterest { background-color: #bd081c; background-image: url('../images/pinterest.png'); } .social-media a.youtube { background-color: #cd201f; background-image: url('../images/youtube.png'); } .social-media a.google-plus { background-color: #dd4b39; background-image: url('../images/googleplus.png'); } .social-media a.instagram { background-color: #e4405f; background-image: url('../images/instagram.png'); } .social-media a.linkedin { background-color: #0077B5; background-image: url('../images/linkedin.png'); } /* Hover renkleri */ .social-media a.facebook:hover { background-color: #1877f2; } .social-media a.twitter:hover { background-color: #97d2ff; } .social-media a.pinterest:hover { background-color: #fb4458; } .social-media a.youtube:hover { background-color: #fd6564; } .social-media a.google-plus:hover { background-color: #ff7766; } .social-media a.instagram:hover { background-color: #ff204a; } .social-media a.linkedin:hover { background-color: #17b0ff; } footer {background-color: #000;margin-top: 0px;} @media (max-width: 991px){ footer .footer-top:before{content:'';position:absolute;top:0;left:0;bottom:0;width:50%;} footer .social-media{text-align:center; font-size:0;margin:0 0px;padding:0px 0} footer .footer-top ul {padding: 5px 0px 5px 0px;} .social-media { text-align: center;}} @media (max-width: 767px){footer .footer-top:before {content: none;}footer .footer-top{margin-bottom:15px}} @media (min-width: 768px){footer .ebulten {padding-right: 10px;}} @media (max-width: 991px){footer .ebulten {max-width: 480px;margin: 0 auto;}} @media(max-width:767px){footer .ebulten .title {float: none;margin: 0 0 15px;font-size: 20px!important;text-transform: uppercase;text-align: center;}footer .ebulten form{margin-left:0}footer .social-media .title {display: none;}} footer .footer-top ul {list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 0px;} .list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px} footer .footer-logo{display:inline-block;vertical-align:top;width:155px;margin-bottom:20px} footer .customer-services{font-weight:600;font-size:18px;color:#FF451A;line-height:20px;position:relative;padding-left:65px;margin-bottom:15px} footer .customer-services span{font-weight: 600;display:block;font-size:25px;line-height:30px} footer .customer-services a{color:#b3b3b3;} footer .customer-services .img{width:45px;height:50px;position:absolute;top:0;left:0} footer .contact-info p{font-size:16px;color:#b3b3b3;line-height:16px;margin-bottom:10px} .footer-nav{margin:10px 0 0} .footer-nav i{display:none} .footer-nav>li{position:relative;margin-bottom:10px} .footer-nav>li>a{ -webkit-transition: .3s; transition: .3s; display:block;font-size:16px;font-weight:400;color:#666;line-height:22px;margin-bottom:10px} .footer-nav>li>a:hover{padding-left: 10px; color: #ff0000!important;} .footer-nav ul{margin:0} .footer-nav ul a{display:block;font-size:14px;color:#545454;line-height:15px;padding:8px 0} .footer-nav ul a:before{content:'\f105';float:left;font-family:FontAwesome;font-size:15px;color:#333;margin:0 10px 1px 0} .footer-nav ul a:hover{color:#DF0000} footer p.copyright{background-color:#e9e9e9;font-size:14px;color:#fff;line-height:18px;text-align:center;padding:15px;margin:10px 0 0} .page-up{position:fixed;bottom:30px;right:15px;font-size:13px;color:#bbb;line-height:20px;text-transform:uppercase;text-align:center;cursor:pointer;transition:color .4s,bottom .4s;-webkit-transition:color .4s,bottom .4s} .page-up:hover{color:#666;bottom:35px} .page-up i{display:block;font-size:30px} @media(max-width:991px){.footer-nav{margin-top:0}} @media(max-width:767px){.footer-nav>li{margin:0;border-top:1px solid #636363 }.footer-nav>li>a{padding:9px 0;margin:0}.footer-nav i{display:block;width:40px;position:absolute;top:0;right:0;font-size:22px;line-height:40px;text-align:center}.footer-nav ul{display:none;margin:0 0 15px 15px}} footer .tasarim a{font-size:15px; color:#fff; } footer .tasarim a:hover{color:#e90000; } footer .tasarim span{color:#ffffff;} footer .tasarim span:hover{color:#ffda3c;} footer hr{background-color:#636363;} footer .tasarim {padding:6px; text-align:center!important; } @media (max-width:990px){footer .tasarim {font-size:13px;}} /* scrollTop */ #to-top{display:none;position:fixed;font-size:32px;height:35px;line-height:30px;text-align:center;width:35px;bottom:-50px;right:30px;color:#fff;cursor:pointer;transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s;z-index:99} #to-top::before,#to-top::after{border:1px solid #9F9F9F;content:"";height:100%;left:0;position:absolute;top:0;transform:rotate(45deg);transition:all .7s ease 0s;width:100%} #to-top::after{background-color:#9F9F9F;height:75%;left:12.5%;top:12.5%;width:75%;z-index:-1} @media(max-width:767px){#to-top{display:none!important;}} #to-top:hover{color:#000;} /* başlık çizgisi */ .title-cubuk:before{content:'';width:100%;height:1px;background-color:#CCC;position:absolute;top:15px;left:0} .title-cubuk .title{color:#000;display:inline-block;vertical-align:top;font-size:27px;font-weight:400;line-height:120%;text-align:center;margin:0 0 10px;padding:0 20px;background-color:#f7f7f7;position:relative} .title-cubuk h2{color:#000;font-size:25px;font-weight:400;} @media (max-width: 1023px){.title-cubuk .title{font-size:20px; }} @media (max-width: 767px){.title-cubuk .title{font-size:21px;}} /* whatsapp */ .whatsapp{position:fixed;left:15px;bottom:35px;transition:all .3s ease-in-out;z-index:99}.whatsapp a{height:50px;width:50px;border-radius:50%;overflow:hidden;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);font-size:35px;display:block;text-align:center;line-height:50px;color:white;background:#25d366;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}@media(max-width:767px){.whatsapp a{line-height:38px;font-size:30px;height:40px;width:40px}}.whatsapp .tooltiptext{visibility:hidden;width:80px;background-color:black;color:#fff;text-align:center;border-radius:5px;padding:5px 0;position:absolute;z-index:1;line-height:normal;font-size:14px;top:3px;left:110%;height:auto}.whatsapp:hover a{transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:scale(1.1)}.whatsapp:hover .tooltiptext{visibility:visible} /* mobil header üst iletişim button */ .ust-iletisim{height:32px;position:relative;color:#fff;z-index:20;line-height:32px} .ust-iletisim-cep,.ust-iletisim-tel,.ust-iletisim-whatsapp{float:left;margin-left:10px;position:relative} .ust-iletisim-cep a,.ust-iletisim-tel a,.ust-iletisim-whatsapp a{float:right;width:32px;height:32px;background:linear-gradient(45deg,#ec1b24,#383245 120%);border-radius:2px;overflow:hidden} .ust-iletisim-cep a{background:linear-gradient(45deg,#712a38,#ec1b24)} .ust-iletisim-whatsapp a{background:linear-gradient(45deg,#047737,#00c451 100%)} .ust-iletisim-cep a::before,.ust-iletisim-tel a::before,.ust-iletisim-whatsapp a::before{content:"";float:left;width:32px;height:32px;background:url(../images/icon-tel.png) no-repeat center;background-size:auto 24px} .ust-iletisim-cep a::before{background-image:url(../images/icon-cep.png)} .ust-iletisim-whatsapp a::before{background-image:url(../images/icon-whatsapp.png)} .ust-iletisim a{color:#fff;transition:all .3s} .ust-iletisim a:hover{width:160px} .ust-yan{position:absolute;top:8px;right:15px} .header-fixed .ust-yan{ top:3px;} @media(max-width:580px){.ust-iletisim{display:none}} /* alt seo */ .seolink{display:none;} /* Sayfa İçerik ve Sağ Menü */ .site-main{float:left;width:720px;min-height:340px;padding:2px 30px 0 0} .site-main1{float:left;width:100%;min-height:340px;} @media(min-width: 1200px){.site-main{width:700px;}} @media(max-width: 767px){.site-main{float:none;min-height:180px;width:100%;padding:0}} .site-sidebar{ float:right;width:220px;margin:10px 0 10px; -webkit-box-shadow:0 0 10px rgba(0,0,0,.145);box-shadow:0 0 10px rgba(0,0,0,.145);} @media(max-width: 767px){.site-sidebar{box-shadow:none;}} @media(max-width: 1023px){.site-sidebar{width:100%;}} .sidebar-navigation{text-transform: capitalize; font-size:15px;font-weight:300;line-height:20px;margin:0} .sidebar-navigation>h3{font-size:18px;line-height:20px;margin:0;padding:10px 10px 10px;background-color:#eb6d00;color:#fff} .sidebar-navigation>ul{list-style:none;margin:0;padding:0} .sidebar-navigation>ul>li>a{font-size: 15px;font-weight:300;transition: color 0.15s ease 0s, background-color 0.15s ease 0s, border-color 0.15s ease 0s, box-shadow 0.15s ease 0s;position:relative;display:block;text-decoration:none;padding:7px 10px 7px 31px;background-color:#fff;border-bottom:1px solid #ddd;color:#444} .sidebar-navigation>ul>li>a:hover{background-color:#000; color:#fff} .sidebar-navigation>ul>li>a::before{position:absolute;left:12px;font-size:20px;content:"\F105"; font-family:fontawesome;} .sidebar-navigation>ul>li.last>a{border-bottom:none} .sidebar-navigation>ul>li.active>a{color:#ec6e00} .sidebar-navigation>ul>li.has-submenu>a::before{font-size:20px;content:"\f105"; font-family:fontawesome;} .sidebar-navigation>ul>li.has-submenu.open>a{color:#ec6e00} .sidebar-navigation>ul>li.has-submenu.open>a::before{font-size:20px;content:"\f107"; font-family:fontawesome;} .sidebar-navigation .submenu{background-color:#fff} .sidebar-navigation .submenu ul{list-style:none;padding:10px 20px 9px;margin:0px} .sidebar-navigation .submenu ul li{} .sidebar-navigation .submenu ul li:last-child{border-bottom:none} .sidebar-navigation .submenu ul li a{border-bottom:1px solid #ebebeb; position:relative;display:block;text-decoration:none;padding:12px 5px 8px 12px;color:#444} .sidebar-navigation .submenu ul li a:hover{color:#ec6e00} .sidebar-navigation .submenu ul li.active a{color:#ec6e00} .sidebar-navigation .submenu ul li.active a::before{position:absolute;left:0px; padding-right:5px;font-size:17px;content:"\f104"; font-family:fontawesome;} .page-figure{position:relative;display:block;margin:0 -50px 0;min-height:180px} @media only screen and (min-width:1100px){.page-figure{margin:0 -160px 0;}} @media only screen and (min-width:1200px){.page-figure{margin:0 -160px 0;}} @media only screen and (min-width:1600px){.page-figure{margin:0 -280px 0;}} @media(max-width: 1023px){.page-figure{margin:0 -150px 0;}} @media(max-width: 767px){.page-figure{margin:0 -120px 0;min-height:150px}} @media(max-width: 568px){.page-figure{margin:0 -30px 0;}} .page-figure .figure{display:block} .page-figure .figure img{width:100%} .page-figure::after{content:" ";position:absolute;z-index:2;left:0;bottom:0;display:block;width:100%;height:68px;background:-moz-linear-gradient(top,rgba(255,255,255,.7) 0%,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.7)),color-stop(100%,#fff));background:-webkit-linear-gradient(top,rgba(255,255,255,.7) 0%,#fff 100%);background:-o-linear-gradient(top,rgba(255,255,255,.7) 0%,#fff 100%);background:-ms-linear-gradient(top,rgba(255,255,255,.7) 0%,#fff 100%);background:linear-gradient(to bottom,rgba(255,255,255,.7) 0%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff',endColorstr='#ffffff',GradientType=0)} html.Explorer9 .page-figure::after{filter:none} .page-figure+.site-main{position:relative;z-index:2;margin-top:-60px} .page-figure+.site-main1{position:relative;z-index:2;margin-top:-60px} .page-figure+.site-main .page-header .page-heading{margin-bottom:26px} .page-figure+.site-main+.site-sidebar{position:relative;z-index:2;margin-top:-125px} @media(max-width: 1023px){.page-figure+.site-main+.site-sidebar{ margin-top:10px;}} .page-figure+.site-main+.site-sidebar .sidebar-navigation>h3{background-color:rgba(252,149,59,.8)} .site-content{margin-bottom:20px;width:100%;overflow:hidden} .page-header{margin:4px 0 18px;padding:0;border-bottom:none} .page-header .page-heading{text-transform: uppercase; font-size:27px;line-height:42px;letter-spacing:-1.2px;margin:0 0 16px;padding:0 0 9px;border-bottom:1px solid #eee;color:#444} @media(max-width: 768px){.page-header .page-heading{font-size:25px;}} .page-header .page-desc{text-transform: capitalize; font-size:19px; font-weight: 400;line-height:24px} @media(max-width: 768px){.page-header .page-desc{font-size:16px;line-height:22px}} .page-header .page-desc p{margin-bottom:15px} .page-header .page-desc .has-dropcap{position:relative;padding:0 0 0 17px} .page-header .page-desc .has-dropcap::before{content:" ";position:absolute;top:4px;bottom:6px;left:0;display:block;width:5px;background-color:#ffa75b} .page-contents{font-size:18px;font-weight: 300!important;} .page-contents b{font-size:17px;font-weight: 600!important;} .page-contents strong{font-size:17px;font-weight: 600!important;} @media(max-width: 768px){.page-contents{font-size:15px;}} .page-contents ul{list-style:none;padding:0;margin:0 0 10px 0} .page-contents ul:before,.page-contents ul:after{content:" ";display:table} .page-contents ul:after{clear:both} .page-contents ul>li{position:relative; padding:2px 0 1px 22px} .page-contents ul>li {line-height: 24px;background: url(../images/anaok1.png) no-repeat left 0;padding: 0 0 0 20px;} .page-contents ul>li a{color:#656565!important;} .page-contents .imgboy{padding-bottom:10px; padding-right:20px;width:50%;float:left;} .page-boyut1{position:relative;display:block;margin:0 -50px 0;min-height:110px} .site-content .page-figure-heading{margin-bottom:7px;padding-top:45px; text-transform: uppercase; font-size:26px;letter-spacing:1px;color:#444} .site-content .page-figure-desc{z-index:99;font-size:16px; font-weight:300;color: #444; } @media(max-width: 768px){ .site-content .page-figure-heading{font-size:20px;margin:0 0 5px; margin-left:15px;} .site-content .page-figure-desc{font-size:13px;margin-bottom: 70px; margin-left:15px;} .page-contents .imgboy{padding-right:0px;width:100%;float:none;} } .page-contents .font21{font-size:30px; line-height: 31px; font-weight:600;color: #dc0000; } .page-contents .font22{font-size:27px; font-weight:600;color: #000; } .page-contents .font23{font-size:24px; font-weight:500;color: #000; } .font24 ul li{float: left; font-size:16px; font-weight:300!important;color: #000; } .font25{margin-top:30px; margin-bottom: 8px; font-size:24px; font-weight:300;color: #000; } .font26{font-size:16px; font-weight:300;color: #000; } @media(max-width:767px){.font26{font-size:14px; }} .font27{font-size:28px!important; font-weight:600!important;color: #000; } .font28{font-size:30px; font-weight:600;color: #000;text-align:center; } .font29{font-size:27px; line-height: 29px; font-weight:500;color: #222; } .font30{font-size:28px; font-weight:600;color: #dc0000; line-height: 30px;} .font31{font-size:17px; font-weight:300;color: #000; } .font32{font-size:15px; font-weight:300;color: #000; } .linkliste a { display: inline-block; margin: 4px 8px; /* üst-alt: 4px, sağ-sol: 8px */ font-size: 15px; color: #000; text-decoration: none; } /* İletişim formu */ @media (max-width:990px){.container .contact-form .title{font-size:1.3em!important;}} .container .border-contact{ border: 1px solid #ebebeb; background:#fff;} .container .contact-form .baslik{font-size:1.3em;font-weight:400;color: #464646;padding-bottom:1px; margin:8% 0% 0% 0%} .container .contact-form .baslik1{font-size:.9em;font-weight:400;color: #464646;} .container .contact-form .title{font-size:1.5em;font-weight:400;color: #464646;} .container .contact-form input{ height:33px; } .container .contact-form input,.container .contact-form textarea{ font-size:16px;font-weight:300; padding-top:2px; padding-left:10px; font-size:.9m;width:100%;margin:1.5% 0%;color:#242424;border:1px solid #CACACA} .container .contact-form input::placeholder,.container .contact-form textarea::placeholder{color:#7C7C7C} .container .contact-form .btn-send{background:#000;font-size:1em;width:130px;height:36px;color:#fff;font-weight:400;border:0} .container .contact-form .btn-send:hover{background-color:#FF1212;} #mapCanvas {height: 290px;width: 100%;} @media (max-width:990px){#mapCanvas {height: 240px;width: 100%;}} .container .contact-form span{font-size:15px!important;font-weight:400;color:#888} .container .contact-form strong{ color:#ef7b2a;font-weight:400;font-size:15px!important;} /* sss */ .atlas-faq{margin-top:10px!important;font-size:16px}.atlas-faq .question{cursor:pointer;position:relative;transition:all .3s;padding:0 40px;font-weight:300;background:#E9E9E9;overflow:hidden}.atlas-faq .question:hover,.atlas-faq .question.active{background:#dadada}.atlas-faq .question .text{line-height:20px;padding:10px;display:block;float:left}.atlas-faq .icon{position:absolute;left:0;top:0;width:40px;height:40px;padding:10px}.atlas-faq .icon:before{font-family:fontawesome;display:block;content:"\f128";width:20px;height:20px;line-height:20px;font-size:22px;text-align:center;color:#fff}.atlas-faq .openclose{position:absolute;top:0;right:0;width:40px;height:40px;padding:12px;color:#555}.atlas-faq .openclose:before{display:block;font-size:30px;width:16px;height:16px;line-height:16px;text-align:center}.atlas-faq .openclose.plus:before{font-family:fontawesome;content:"\f107"}.atlas-faq .active .openclose.plus:before{font-family:fontawesome;content:"\f106";font-size:30px}.atlas-faq .answer{font-weight:300!important;display:none;padding:15px;background:#F7F7F7;border-bottom:1px solid #f9f9f9}.atlas-faq .icon{background:#000} /* sayfalama numara */ .pagination a:hover:not(.active){background-color:#DA2D2D!important; color: #fff;} .pagination a{transition:background-color .2s} .pagination .page-link {font-size: 17px; color: #6c757d;padding: .55rem 1rem;transition: all .3s ease-in-out} .page-item.active .page-link {z-index: 3;color: #fff;background-color: #DA2D2D!important;border-color: #DA2D2D!important;} .referans,.referans:hover{-webkit-transition:.3s ease-in;transition:.3s ease-in} .referans{text-align:center; border:1px solid rgba(112,112,112,.1)} .referans:hover{background:#fff;box-shadow:-3px 15px 40px rgba(0,0,0,.09);z-index:1} .referans-box,.referans-box-image{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row} .referans-box{flex-wrap:wrap;height:100%;min-height:170px;} @media(max-width: 468px){.referans-box{flex-wrap:wrap;height:100%;min-height:120px;}} .referans-box-image{-webkit-box-pack:center;justify-content:center;-webkit-box-flex:0;flex:0 0 100%} .referans-box-info{flex:0 0 100%;font-weight:400;font-size:15px;line-height:1.6em;color:#333;padding:15px;display:none} .referans-box-info::before{content:'';position:absolute;width:33%;top:0;height:4px;left:0;right:0;margin:0 auto;background-color:#f4cc25} @media(min-width: 1024px){#referanslar .col-md-3 {flex: 0 0 20%;max-width: 20%;}} @media(min-width: 1200px){#referanslar .col-md-3 {flex: 0 0 20%;max-width: 16.5%;}} .referans-text{ font-weight:300;font-size:17px;line-height:1.6em;color:#333; } /*# GENEL TABLOLAR RESİMLİ FOTO GALERİ VİDEO GALERİ */ .liste-box{text-align:center!important; } .liste-box.style-1{background:#F0F0F0;position:relative;overflow:hidden;padding:0!important} .liste-box.style-1:before{top:auto;height:75%;transition:all .35s;content:'';position:absolute;left:0;right:0;bottom:0;z-index:9} .liste-box.style-1 .content{position:absolute;bottom:0;z-index:9;padding:20px;} .liste-box.style-1 .content h6{align-items:center;text-align:center!important;font-weight:400!important; font-size:16px;line-height:18px; color:#fff;} .liste-box.style-1 .content h1{align-items:center;text-align:center!important;font-weight:400!important; letter-spacing:1px; font-size:22px;line-height:24px; color:#fff;} .liste-boxboy{ padding-top:66%;} .liste-box.style-1 .image{position:relative;overflow:hidden} .liste-box picture{position:relative;overflow:hidden;} .liste-box picture img{left: 0;right: 0; top: 0;bottom: 0;width: 100%; position:absolute; object-position: 50% 10%; overflow:hidden;} .liste-box.style-1 .image .secondary{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;opacity:0;transform:scale(2);-webkit-transform:scale(2);transition:all .5s ease;-webkit-transition:all .5s ease;pointer-events:none} .liste-box.style-1 .image .secondary[data-path=""]{display:none} .liste-box.style-1:hover .image .secondary{opacity:1;transform:scale(1);-webkit-transform:scale(1)} @media screen and (max-width:99999px){.liste-box.style-1 .content h1{font-size:21px;line-height:23px;}} @media screen and (max-width:1200px){.liste-box.style-1 .content h1{font-size:21px;line-height:23px;}} @media screen and (max-width:1023px){.liste-box.style-1 .content h1{font-size:22px;line-height:24px;}} @media screen and (max-width:990px){.liste-box.style-1 .content h1{font-size:18px;line-height:20px;}} @media screen and (max-width:767px){.liste-box.style-1 .content h1{font-size:20px;line-height:22px;}} /*# MODÜL 10 HEADER ÜST MESAJ */ .header .style3 .mesajust {padding: 5px 0; text-align: center;line-height: 21px;font-weight: 400;letter-spacing: 1px;} /* TABLO SAĞ SOL EKSİLTME */ .oluklar{margin-right:-10px;margin-left:-10px}.oluklar>.col,.oluklar>[class*=col-]{padding-right:10px;padding-left:10px} @media screen and (max-width:767px){.oluklar{margin-right:-10px;margin-left:-10px}.oluklar>.col,.oluklar>[class*=col-]{padding-right:5px;padding-left:5px}} /* ÜRÜNLER TABLO */ .liste{ position:relative;margin-bottom:20px;transition:all .2s ease-in-out;-webkit-box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.1);box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);} .liste:hover{border-color:#ff4e00; box-shadow: 0 0 15px 0 rgb(0 0 0 / 40%);} .liste:hover .liste-title{color: #D90000;} .liste .liste-image-container{position:relative;width:100%;padding:0} .listeboy{ padding-top:65%;} .listeboy1{ padding-top:65%;} .listeboy2{ padding-top:90%;} .listeboy4{ padding-top:58%;} .liste .liste-image {position:relative;overflow:hidden;} .liste .liste-image img{left: 0;right: 0; top: 0;bottom: 0;width: 100%; position:absolute; object-position: 50% 10%; overflow:hidden;} .liste .liste-content{background-color:#fff;min-height:170px; padding:10px 10px 10px} @media(max-width:1023px){.liste .liste-content{min-height:125px;}} @media(max-width:375px){.liste .liste-content{min-height:125px;}} .liste .liste-content .liste-title{margin-bottom:10px} .liste .liste-content .liste-title{text-transform: uppercase;font-weight: 400;display:block;letter-spacing: .2px;font-size:20px;line-height:19px;color:#000} @media(max-width:991px){.liste .liste-content .liste-title{font-size:1rem}} .liste .liste-content .liste-price-new{color:#363b3d;} .liste .liste-content .liste-yazi{color: #000;font-size:16px;font-weight: 300 !important;} .liste .liste-content .liste-price-old{padding-bottom:5px; font-weight:300;font-size:17px;color:#a5a5a5;text-decoration:line-through} .liste .liste-image .secondary{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;opacity:0;transform:scale(2);-webkit-transform:scale(2);transition:all .5s ease;-webkit-transition:all .5s ease;pointer-events:none} .liste .liste-image .secondary[data-path=""]{display:none} .liste:hover .secondary{opacity:1;transform:scale(1);-webkit-transform:scale(1)} .ribbon span, a.card .ribbon span { text-transform: uppercase; color: #fff; } .liste .ribbon {position: absolute; left: 0;top: 0;z-index: 1;overflow: hidden;width: 90px;height: 90px;text-align: right} .liste .ribbon span {letter-spacing: .3px; font-size: 11px;font-weight: 400;text-align: center; line-height: 21px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 100px; display: block;position: absolute; top: 14px; left: -24px } .liste .ribbon .ribrenk1{ background: #FF3C9D!important; } .liste .ribbon .ribrenk2{ background: #99CC00!important; } .liste .ribbon .ribrenk3{ background: #64B1FF!important; } .liste .ribbon .ribrenk4{ background: #FA9F25!important; } /* ÜRÜNLER TABLO 1 */ .liste1{border:1px solid #eee; position:relative;margin-bottom:20px;transition:all .2s ease-in-out;-webkit-box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.1);box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);} .liste1:hover{border-color:#ff4e00; box-shadow: 0 0 15px 0 rgb(0 0 0 / 40%);} .liste1:hover .liste-title{color: #D90000;} .liste1 .liste-image-container{position:relative;width:100%;padding:0} .listeboy1{ padding-top:64%;} .liste1 .liste-image {position:relative;overflow:hidden;} .liste1 .liste-image img{left: 0;right: 0; top: 0;bottom: 0;width: 100%; position:absolute; object-position: 50% 10%; overflow:hidden;} .liste1 .liste-content{min-height:65px; padding:10px 10px 10px} .liste1 .liste-content .liste-title{margin-bottom:10px} .liste1 .liste-content .liste-title{display:block;letter-spacing: .2px;font-weight: 400;font-size:20px;line-height:19px;color:#363b3d} @media(max-width:991px){.liste1 .liste-content .liste-title{font-size:1rem}} .liste1 .liste-image .secondary{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;opacity:0;transform:scale(2);-webkit-transform:scale(2);transition:all .5s ease;-webkit-transition:all .5s ease;pointer-events:none} .liste1 .liste-image .secondary[data-path=""]{display:none} .liste1:hover .secondary{opacity:1;transform:scale(1);-webkit-transform:scale(1)} /* menü üst */ .main-nav ul,li{margin:0;font-weight: 300!important;padding:0;border:0;font-size:100%;vertical-align:baseline}.main-nav{float:right;margin-right:-6px}.main-nav>ul>li{float:left} .main-nav>ul>li>a{color:#000000;font-family:Tahoma,Geneva,sans-serif;float:left;font-size:16px;height:75px;padding:30px 5px;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s} @media(min-width:1100px){.main-nav>ul>li>a{font-size:18px;padding:30px 10px;}} .main-nav>ul>li:hover>a{background-color: #ea6220;color:#fff} .main-nav>ul>li>ul{z-index:999; background-color: #ea6220;position:absolute;top:75px;width:230px;opacity:0;visibility:hidden;transform:scale(0.5);-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform-origin:left top 0;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s} .main-nav>ul>li:hover>ul{opacity:1;visibility:visible;transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1)}.main-nav>ul>li>ul li{display:block}.main-nav>ul>li>ul li a{text-transform: uppercase;border-bottom:1px solid rgba(0,0,0,0.1);color:#fff;display:block;font-size:16px;padding:.6rem 1rem;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s}.main-nav>ul>li>ul li a:hover{background:rgba(0,0,0,0.7);color:#fff}@media only screen and (min-width:991px) and (max-width:1200px){.main-nav>ul>li>a{font-size:18px;}} @media(min-width:1200px){.main-nav>ul>li>a{font-size:21px!important;}} /* SOSYAL İCON 1 */ #social1 a,.footer-social-icon,.footer-social-icon:hover{ margin-right:4px; border-radius: 50px; display:inline-block;width:45px;height:45px;line-height:45px;margin-top:3px; font-size:20px;text-align:center; background:#959595;color:#fff} #social1 a:hover{display:inline-block;background:#FFC000;color:#fff} #social1 .facebook a{background: #3b5999!important;}#social1 .twitter a{background: #55acee!important;}#social1 .pinterest a{background: #bd081c!important;}#social1 .whatsapp a{background: #25D366!important;}#social1 .youtube a{background: #cd201f!important;}#social1 .googleplus a{background: #dd4b39!important;}#social1 .instagram a{background: #e4405f!important;}#social1 .linkedin a{background: #0077B5!important;}#social1 .facebook a:hover{background: #1877f2!important;}#social1 .twitter a:hover{background: #97d2ff!important;}#social1 .pinterest a:hover{background: #fb4458!important;}#social1 .whatsapp a:hover{background: #3ff282!important;}#social1 .youtube a:hover{background: #fd6564!important;}#social1 .googleplus a:hover{background: #ff7766!important;}#social1 .instagram a:hover{background: #ff204a!important;}#social1 .linkedin a:hover{background: #17b0ff!important;} @media (min-width:0px) and (max-width:768px) {.social2{display: none !important} } /* ÇEREZ POLİTİKASI */ .cerezpoli{position:fixed;bottom:0;left:0;width:100%;background-color:#53a8de;color:white;z-index:999;padding:10px 0}.cerezpoli p{color:white;font-size:14px;margin:0}.cerezpoli p a{color:white;text-decoration:underline}.cerezpoli button{padding:6px 30px;border-radius:30px}.cookie-box--hide{opacity:0;bottom:-100%}.aydnmtn{margin-left:10px;top:-2px;position:relative} @media (min-width:0px) and (max-width:768px) {.cerezpoli p{font-size:12px;} .cerezpoli p a{font-weight:600;}.cerezpoli button{padding:2px 20px;border-radius:15px}} /* SHAPE ANİMASYON */ .shape2 { position: absolute;right: 0;bottom: -200px; z-index:0;-webkit-animation: moveBounce 5s linear infinite;animation: moveBounce 5s linear infinite;} .shape2 img {opacity: .70;} @-webkit-keyframes moveBounce {0% {-webkit-transform: translateY(0px); transform: translateY(0px);}50% {-webkit-transform: translateY(20px);transform: translateY(20px);}100% {-webkit-transform: translateY(0px); transform: translateY(0px); }} @keyframes moveBounce {0% { -webkit-transform: translateY(0px); transform: translateY(0px); }50% { -webkit-transform: translateY(20px); transform: translateY(20px);} 100% { -webkit-transform: translateY(0px);transform: translateY(0px);}} .container-fluid { z-index:1;} /* SAYFA UST BACKROUND 1*/ .sayfahd{position:relative;width:100%;max-width:none;margin-right:auto;margin-left:auto;overflow:hidden} .sayfahd .text{position:absolute;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;left:0;margin-right:auto;margin-left:auto;width:95%;max-width:1140px;text-decoration:none} .sayfahd.datay .saycon.datay .text.datay p.saybtn{margin-top:22px} .sayfahd.datay .saycon.datay .text.datay p.saybtn a{position:relative;display:block;width:264px;height:44px;border:solid 1px #f78000} .sayfahd.datay .saycon.datay .text.datay p.saybtn a span{position:absolute;display:block;font-weight:400;line-height:42px;font-style:normal;text-shadow:none;text-indent:84px} .sayfahd.datay .saycon.datay .text.datay p.saybtn a::before{transition:ease .5s;position:absolute;top:-1px;left:-2px;content:"";width:68px;height:44px;background-color:#f78000} .sayfahd.datay .saycon.datay .text.datay p.saybtn a:hover::before{transition:ease .2s;width:102%;background-color:#f5ad00} .sayfahd.datay .saycon.datay .text.datay p.saybtn .icon.saybtn{position:absolute;position:absolute;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);left:15px;display:inline-block;width:33px;height:33px;background:url(../images/tarih-icon.png);background-size:33px;background-repeat:no-repeat;background-position-x:center;background-position-y:center} .sayfahd.datay .saycon.datay .text.datay p.saybtn .icon1.saybtn{position:absolute;position:absolute;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);left:15px;display:inline-block;width:33px;height:33px;background:url(../images/sorusor-icon.png);background-size:33px;background-repeat:no-repeat;background-position-x:center;background-position-y:center} .sayfahd.datay{overflow:hidden} .sayfahd.datay img{transition:ease 1.5s;-moz-transform:scale(1.4,1.4);-webkit-transform:scale(1.4,1.4);transform:scale(1.4,1.4)} .sayfahd.datay.show img{transition:none;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1)} .sayfahd.datay .saycon.datay{position:absolute;top:0;right:0;left:0;margin-right:auto;margin-left:auto;width:1140px;height:100%;z-index:99} .tutacak.table{display:table;width:100%} .sayfahd.datay .saycon.datay .image.container{display:table-cell;width:26.31%;max-width:300px;margin-right:auto;margin-left:auto;overflow:hidden} .sayfahd.datay .saycon.datay .text.datay{display:table-cell;vertical-align:middle;width:52%;margin-right:auto;margin-left:auto;padding-right:2.5%;padding-left:2.5%} @media (min-width:1200px) and (max-width:9000px){.sayfahd.datay .saycon.datay .text.datay{width:45%;}} .sayfahd.datay .saycon.datay .text.datay h1{margin:0;padding:0;margin-bottom:12px;font-size:30px;line-height:36px;color:#fff;font-weight:600;text-shadow:1px 1px 4px black} .sayfahd.datay .saycon.datay .text.datay h1>span{font-weight:400;display:block;font-size:20px;margin-bottom:0;line-height:22px} .sayfahd.datay .saycon.datay .text.datay p{margin:0;padding:0;margin-bottom:3px;font-size:18px;line-height:22px;font-weight:500;font-style:normal;color:#fff} .sayfahd.datay .saycon.datay .text.datay p a{position:relative;color:#fff;text-decoration:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .sayfahd.datay .saycon.datay .text.datay p.email a::after{transition:ease .5s;position:absolute;bottom:-5px;left:0;content:"";width:0;height:2px;background-color:#f78000} .sayfahd.datay .saycon.datay .text.datay p.email a:hover::after{transition:ease .2s;width:100%} .sayfahd.datay .saycon.datay .image.container img{width:100%;margin-right:auto;margin-left:auto;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);z-index:99} .sayfahd.datay .saycon.datay{position:relative;top:0;right:0;left:0;margin-right:auto;margin-left:auto;width:95%;max-width:1920px;height:100%;z-index:99} .sayfahd.datay .saycon.datay>.tutacak{width:100%;max-width:1140px;margin-right:auto;margin-left:auto} .sayfahd.datay::before{position:absolute;top:0;left:0;content:"";width:100%;height:100%;z-index:99;opacity:0} .sayfahd.datay.show::before{transition:ease 1s;opacity:1} .sayfahd.saycon.datay::before{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background-image:-moz-linear-gradient(0deg,#092c74 35%,rgba(9,44,116,0) 100%);background-image:-webkit-linear-gradient(0deg,#092c74 35%,rgba(9,44,116,0) 100%);background-image:-ms-linear-gradient(0deg,#092c74 35%,rgba(9,44,116,0) 100%);z-index:99} .sayfahd.datay::after{position:absolute;width:100%;height:100%;background-color:rgba(9,44,116,0.25);top:0;left:0;z-index:9;content:"";opacity:0} .sayfahd.gradient::after{background-color:rgba(9,44,116,0.25)} .sayfahd.datay.show::after{transition:ease 1s;opacity:1} .sayfahd.datay .saycon.datay .text.datay p.saycon.izgara.main.top{font-size:19px;line-height:24px;color:#f6d103;position:relative;top:-10px} @media(max-width:1920px){.sayfahd.saycon.datay>img{position:absolute;top:0;right:0;left:0;transition:none;display:block;width:2050px!important;margin-right:auto;margin-left:-145px!important}} @media(max-width:767px){.sayfahd .text .container{width:45%;margin-right:0;margin-left:auto;font-size:48px;line-height:48px;font-weight:300;color:#093c72} .sayfahd .text .container>span{display:block;font-size:48px;line-height:48px;font-weight:300;color:#093c72} .sayfahd.datay.show::before{transition:ease 1s;opacity:0} .sayfahd.datay.show::after{transition:ease 1s;opacity:0} .sayfahd.datay .saycon.datay{background-color:#092c74} .sayfahd .text.small{top:50%} .sayfahd .text.small .container>span{display:block;font-size:26px;line-height:28px;font-weight:300;color:#fff;width:60%;margin-right:auto;margin-left:auto} } @media(max-width:640px){.sayfahd.datay .saycon.datay .image.container{display:block;width:100%;max-width:200px;margin-top:10px;margin-bottom:10px;margin-right:auto;margin-left:auto;overflow:hidden} .sayfahd.datay .saycon.datay .text.datay{display:block;vertical-align:middle;width:95%;max-width:none;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0;text-align:center} .sayfahd.datay .saycon.datay .text.datay p.saybtn a{margin-right:auto;margin-left:auto} .sayfahd.datay .saycon.datay{width:100%;max-width:none} .sayfahd.datay .saycon.datay .image.container{width:100%;max-width:none;box-shadow:0 28px 20px rgba(0,0,0,0.1)} .sayfahd.datay .saycon.datay .image.container img{max-width:200px} .sayfahd .text:not(.small){position:relative;display:block;right:0;left:0;margin-right:auto;margin-left:auto;top:0;-moz-transform:none;-webkit-transform:none;transform:none;width:100%;max-width:none;background-color:#092c74;z-index:9} } @media(max-width:640px){.sayfahd.datay img{transition:none;display:block;width:250%;margin-right:auto;margin-left:-140%}} @media(max-width:990px){.sayfahd.datay .saycon.datay .text.datay h1{font-size:24px;font-weight:700} .sayfahd.datay .saycon.datay .text.datay h1 span{font-size:20px;font-weight:400}} .login-form .input-group-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.275rem .65rem;margin-bottom:0;font-size:1.2rem!important;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:0;height:36px}.login-form .input-group>.custom-select:not(:first-child),.login-form .input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.login-form .input-group>.custom-select:not(:first-child),.login-form .input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.login-form.input-group>.custom-file,.login-form .input-group>.custom-select,.login-form .input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-webkit-box-flex:1;-ms-flex:1 1 0;flex:1 1 0;min-width:0;margin-bottom:0;height:36px}.login-form .form-control{display:block;width:100%;height:36px;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:0;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}#randevu-form .form-btn,#randevu-geri .form-btn{text-align:center;width:100%;color:#fff;padding:5px 0;border-radius:0;border:0}#randevu-form .btn,#randevu-geri .btn{display:inline-block;font-weight:400;color:#fff;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out} /* BANNER OYNAYAN TEK İKON*/ .header-down { width: 32px; height: 48px; position: absolute; z-index: 999; right: 0; bottom: 15px; left: 0; border-radius: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0 auto; border: 2px solid #fff; cursor: pointer; -webkit-animation: 2.5s ease 1s normal none infinite running bounce; animation: 2.5s ease 1s normal none infinite running bounce; -webkit-transition: .3s; transition: .3s; } .header-down:before { content: ""; position: absolute; top: 7px; right: 0; left: 50%; border-radius: 3px; width: 3px; height: 13px; background: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .header-down:hover { background: #ffe401; border: 1px solid #ffe401; } .header-down:hover:before { background: #222; } @media (max-width: 767px) { .header-down { bottom: 10px; width: 20px!important; height: 35px!important;} } .pagescroll{ position:relative; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* SIKÇA SORULAN SORULAR*/ .accordion-font{font-size: 25px; text-align: center; color: #06a3da;font-weight: 400!important;} .accordion-custom .accordion-item{border:none;margin-bottom:7px} .accordion-custom .accordion-button{background:#EEF9FF;border-radius:2px} .accordion-custom .accordion-button:not(.collapsed){color:#fff;background:#06A3DA;box-shadow:none} .accordion-custom .accordion-button:not(.collapsed)::after{background-image:url(../images/coksorulansorular.svg)} .accordion-custom .accordion-body{padding:0px 0 15px; font-size: 16px;font-weight: 300!important;} .accordion-item button{font-size: 17px;font-weight: 400!important;} .accordion-font3{font-size: 18px;font-weight: 400!important;} .accordion-header{margin-bottom:0} .accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#6B6A75;text-align:left;background-color:#fff;border:0;border-radius:0;overflow-anchor:none;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease}@media (prefers-reduced-motion: reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:#0593c4;background-color:#e6f6fb;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.125)}.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230593c4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(-180deg)}.accordion-button::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236B6A75'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;transition:transform 0.2s ease-in-out}@media (prefers-reduced-motion: reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:#83d1ed;outline:0;box-shadow:0 0 0 .25rem rgba(6,163,218,0.25)}.accordion-header{margin-bottom:0}.accordion-item{background-color:#fff;border:1px solid rgba(0,0,0,0.125)}.accordion-item:first-of-type{border-top-left-radius:2px;border-top-right-radius:2px}.accordion-item:first-of-type .accordion-button{border-top-left-radius:1px;border-top-right-radius:1px}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:1px;border-bottom-left-radius:1px}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.accordion-body{padding:1rem 1.25rem}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button{border-radius:0} .accordion-item{width: 100%;} /* MENÜ SEÇİNCE EKRAN KARARTMA */ .bg-overlay {position: relative; z-index: 2; background-position: center center; background-size: cover; } .bg-overlay::after { background-color: rgba(17, 17, 17, 0.2); position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; content: ""; } .app-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #000; height: 100%; width: 100%; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; } .app-overlay.is-visible { opacity: .5; visibility: visible; } /* ALT WHATSAPP */ .whatsappalt{position:fixed;width:100%;height:38px;bottom:0px;z-index:999999; -webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top: auto; animation-duration: 1.2s;animation-fill-mode: both;} .whatsappalt .renk1{padding:2px; background: #26d367;} .whatsappalt .renk2{padding:2px; background: #1e73be;} .whatsappalt i{font-size:35px;color:#fff;} .whatsappalt span{display:block; font-size:12px;color:#fff;} .whatsappalt .wht{width:100%;} .fadeInBottom { animation-name: fadeInBottom } @keyframes fadeInBottom {from {opacity: 0;transform: translateY(100%);} to { opacity: 1 }} .whatsappalt .whatsappalt-text{text-align:left;color:#b5b5b5;line-height:1.38;display:none; display:inline-block;margin-left:5px} /* ürünlerimiz parax */ #subheader{padding:30px 0 30px 0;width:100%;} #subheader h1{padding:0px; margin:0px; letter-spacing:1px;color:#fff;font-weight:400;font-size:30px;text-align:left;display:block;opacity:.9;text-shadow:0 1px 1px #000} #subheader h2{ padding:0px; margin:0px; color:#fff;font-weight:400;font-size:15px;text-align:left;opacity:.9;text-shadow:0 1px 1px #000} @media only screen and (min-width:0px) and (max-width:767px) { #subheader{padding:20px 0 10px 0;} #subheader h1{font-size:18px;} #subheader h2{font-size:13px;} } /* SLİDER BANNER YAZISI*/ .sc-featured-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sc-featured-box .box-bg{position:absolute;z-index:9;font-weight:600;color:#fff;font-size:40px;animation:blinker steps(3) 2500ms infinite alternate;text-align:center;line-height:43px;text-shadow:0 0 2px #000,0 0 5px #000,0 0 7px #000,0 0 10px #000,0 0 15px #000,0 0 20px #000,0 0 25px #000;top:50%;margin-top:180px} @media only screen and (min-width:0px) and (max-width:767px) { .sc-featured-box .box-bg{ font-size: 20px; top: 50%; margin-top: 60px;line-height:30px;font-weight:400;} } @keyframes blinker { 0% { visibility: visible; } 50% { visibility: hidden; } 100% { visibility: visible; } } /* SİTE ALT WATSAPP TEL*/ .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.social-tel-s-circle1{width:90px;height:90px;top:12px;left:12px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,0.4);opacity:.1;opacity:.5}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.social-tel-s-circle-fill1{width:60px;height:60px;top:28px;left:28px;position:absolute;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;opacity:.4!important}.social-tel-s-img-circle1{width:30px;height:30px;top:43px;left:43px;position:absolute;-webkit-border-radius:100%;-moz-border-radius:100%;opacity:1;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;background-size:100%}.anim1{-webkit-animation-name:anim1;animation-name:anim1}@-webkit-keyframes anim1{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes anim1{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.social-tel-phone1{position:fixed;bottom:100px;left:0}.social-tel-s-circle 1{border-color:#43b91e}.social-tel-s-circle-fill1{background-color:#43b91e}.social-tel-s-img-circle1{background-color:#43b91e}.social-tel-phone:hover .social-tel-s-circle1{border-color:#43b91e}.social-tel-phone:hover .social-tel-s-circle-fill1{background-color:#43b91e}.social-tel-phone:hover .social-tel-s-img-circle1{background-color:#43b91e}.social-whatsapp-page{position:fixed;right:0;bottom:0;visibility:visible;background-color:transparent;width:110px;height:110px;cursor:pointer;z-index:200000!important}.social-whatsapp-s-img-circle{width:30px;height:30px;top:43px;left:43px;position:absolute;background:rgba(30,30,30,0.1) url(../images/whatsapp-social.png) no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;background-color:#0d9f16;background-size:70%}.social-whatsapp-s-circle-fill{width:60px;height:60px;top:28px;left:28px;position:absolute;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(13,159,22,0.5);opacity:.75!important}.social-whatsapp-s-circle{width:90px;height:90px;top:12px;left:12px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,0.4);opacity:.1;border-color:#0d9f16;opacity:.5}.social-tel-phone{position:fixed;right:0;bottom:0;visibility:visible;background-color:transparent;width:110px;height:110px;cursor:pointer;z-index:200000!important}.social-tel-s-img-circle{width:30px;height:30px;top:43px;left:43px;position:absolute;background:rgba(30,30,30,0.1) url(../images/telefon-social.png) no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;background-color:#f50c00;background-size:70%}.social-tel-s-circle-fill{width:60px;height:60px;top:28px;left:28px;position:absolute;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(0,175,242,0.5);opacity:.75!important}.social-tel-s-circle{width:90px;height:90px;top:12px;left:12px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,0.4);opacity:.1;border-color:#f50c00;opacity:.5} /* ALT TELEFON */ .hotline-phone-ring-wrap{position:fixed;bottom:0;left:0;z-index:999999} .hotline-phone-ring{position:relative;visibility:visible;background-color:transparent;width:110px;height:110px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;left:0;bottom:0;display:block} .hotline-phone-ring-circle{width:85px;height:85px;top:10px;left:10px;position:absolute!important;background-color:transparent;border-radius:100%;border:2px solid #e60808;-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:1} .hotline-phone-ring-circle-fill{width:55px;height:55px;top:25px;left:25px;position:absolute!important;background-color:rgb( 231, 0, 0, 0.7 );border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%} .hotline-phone-ring-img-circle{background-color:#e60808;width:33px;height:33px;top:37px;left:37px;position:absolute!important;background-size:20px;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center} .hotline-phone-ring-img-circle .pps-btn-img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:20px} .hotline-bar{position:absolute!important;background:rgb( 231, 0, 0, 1 );height:40px;width:auto;white-space: nowrap;line-height:40px;border-radius:3px;padding:0 10px;background-size:100%;cursor:pointer;transition:all .8s;-webkit-transition:all .8s;z-index:9;box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.1);border-radius:50px!important;left:33px;bottom:37px} @-webkit-keyframes phonering-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(0.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-webkit-keyframes phonering-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:.6}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.6}100%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:.6}}@-webkit-keyframes phonering-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}} .hotline-phone-ring-circle {border-color: rgb( 231, 0, 0, 0.7 );} .hotline-phone-ring-circle-fill, .hotline-phone-ring-img-circle, .hotline-bar {background-color: rgb( 231, 0, 0, 1 ); background: rgba(30,30,30,0.1) url(../images/whatsapp-social.png) no-repeat center center;background-size: 70%;} .hotline-bar {background: rgb( 231, 0, 0, 1 )!important;opacity: 1; } .hotline-bar:hover {opacity: 1;} .hotline-phone-ring-img-circle .pps-btn-img {font-size: 20px;color:#fff;} .hotline-bar > a{color:#fff;text-decoration:none;font-size:15px;font-weight:700;text-indent:50px;display:block;letter-spacing:1px;line-height:40px;} .hotline-bar > a:hover, .hotline-bar > a:active {color: #fff;} .paint-area { -webkit-transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s; transition: 0.3s; } .paint-area>span.paint-area.paint-area--text { /**display: table;**/ width: 100%; } .paint-area>span.paint-area.paint-area--img { display: table; width: 100%; } /* google seo için yazı listesi */ .glist{padding: 17px 0 17px 0px;} .glist ul{text-align:left!important;list-style-type:none;padding:0;margin:0;text-align:center} .glist ul li{display:inline-block;margin:5px 0} .glist ul li a{text-decoration:none;color:#333;font-size:15px;font-weight:400;transition:color .3s ease,transform .3s ease} .glist ul li:not(:last-child)::after{content:"|";margin-left:7px;margin-right:7px;color:#ccc!important; font-weight:300;} .glist ul li a:hover{color:#e43500;text-decoration: underline;} .glist.font1 ul li a{font-size:19px;font-weight:400;} @media(max-width:565px){ .glist ul li{margin:3px 0} .glist ul li a{font-size:14px} .glist.font1 ul li a{font-size:15px;font-weight:400;} } /* MOBİL MENÜ */ .ma5menu{display:none;box-sizing:border-box}.ma5menu *,.ma5menu *:after,.ma5menu *:before{box-sizing:border-box}.ma5menu--active .ma5menu__page{margin-right:-17px;height:100%;overflow:hidden;-webkit-transform:translate3d(280px, 0, 0);transform:translate3d(280px, 0, 0);transition:-webkit-transform 0.3s ease-out 0s;-o-transition:transform 0.3s ease-out 0s;transition:transform 0.3s ease-out 0s;transition:transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s}@media (min-width: 768px){.ma5menu--active .ma5menu__page{-webkit-transform:translate3d(260px, 0, 0);transform:translate3d(260px, 0, 0)}}.ma5menu>ul{display:none}.ma5menu__head{height:40px;text-align:center;color:#fff;background-color:#d52c20;position:relative} .ma5menu__header{font-size:17px;line-height:40px;color:#fff;background-color:transparent}.ma5menu__header a{color:#ea6220}.ma5menu__header a:hover{color:#ea6220} .ma5menu__close { position: relative; width: 30px; height: 30px; cursor: pointer; display: inline-block; } .ma5menu__close::before, .ma5menu__close::after { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; background-color: #fff; /* Beyaz çarpı */ transform-origin: center; } .ma5menu__close::before { transform: rotate(45deg); } .ma5menu__close::after { transform: rotate(-45deg); } .ma5menu__toggle:hover .ma5menu__close:before{color:#fed700;} .ma5menu__home{font-weight:700;color:inherit} .ma5menu__tools{display:none} .ma5menu__footer .ma5menu__tools{display:block} .ma5menu__footer{padding:15px 20px 0px 20px;text-align:center;color:rgba(255,255,255,0.6);background-color:transparent;text-transform:none} .ma5menu__footer a{color:#ea6220} .ma5menu__footer a:hover{color:#ea6220} .ma5menu__toggle{background-color:transparent;cursor:pointer;color:#000;-ms-touch-action:manipulation;touch-action:manipulation;width:52px;height:38px;position:relative;display:inline-block;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;font-weight:400;padding:8px 12px;-o-transition:box-shadow .15s ease-in-out;transition:box-shadow .15s ease-in-out} .ma5menu__toggle:hover{color:#ef6c00;} .ma5menu__header .ma5menu__toggle{position:absolute;top:0;width:50px;height:50px;color:#fff;} .ma5menu__header .ma5menu__toggle:hover{color:#ffc107;} .ma5menu--left .ma5menu__header .ma5menu__toggle{right:0}.ma5menu--right .ma5menu__header .ma5menu__toggle{left:0}.ma5menu__icon-toggle{display:inline-block;position:absolute;margin:auto;top:-27px;bottom:-100%;left:-60px;right:-100%;vertical-align:top;width:24px;height:24px;background-position:50% 50%;background-size:100% 100%;background-repeat:no-repeat}.ma5menu__icon-up{margin:0;width:44px;height:44px;display:inline-block;-webkit-transform:translateZ(0);transform:translateZ(0);background-repeat:no-repeat;background-position:50% 50%;background-size:24px 24px;} .ma5menu__alert{display:block;text-align:center;width:280px;height:50px;bottom:0;left:0;position:absolute;overflow:hidden;z-index:500;-webkit-transform:translateZ(0);transform:translateZ(0);pointer-events:none}@media (min-width: 768px){.ma5menu__alert{width:260px}}.ma5menu__container--scroll .ma5menu__alert{background-position:0 0;-o-transition:background-position .4s ease-out;transition:background-position .4s ease-out;pointer-events:auto}.ma5menu__alert-content{width:150px;height:40px;position:absolute;bottom:-40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-o-transition:bottom .4s ease-in;transition:bottom .4s ease-in}.ma5menu__container--scroll .ma5menu__alert-content{bottom:0;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:ma5-arrowDown;animation-name:ma5-arrowDown;-o-transition:bottom .4s ease-out .4s;transition:bottom .4s ease-out .4s}.ma5menu__container{-o-transition:none !important;transition:none !important;position:fixed;background-color:transparent;height:100%;top:0;line-height:19px;overflow:hidden;border:none;z-index:10000;box-shadow:0 0 12px rgba(0,0,0,0.14)}@media (max-width: 767px){.ma5menu__container{width:280px}}@media (min-width: 768px){.ma5menu__container{width:260px}}.ma5menu--left .ma5menu__container{-webkit-transform:translate3d(-280px, 0, 0);transform:translate3d(-280px, 0, 0);left:0}.ma5menu--right .ma5menu__container{-webkit-transform:translate3d(280px, 0, 0);transform:translate3d(280px, 0, 0);right:-280px}.ma5menu--ready.ma5menu--left .ma5menu__container{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.noie.ma5menu--ready.ma5menu--left .ma5menu__container{-webkit-animation-name:ma5menuOut;animation-name:ma5menuOut}.ie.ma5menu--ready.ma5menu--left .ma5menu__container{-webkit-animation-name:ma5menuOutIEphone;animation-name:ma5menuOutIEphone}@media (min-width: 768px){.ie.ma5menu--ready.ma5menu--left .ma5menu__container{-webkit-animation-name:ma5menuOutIEtablet;animation-name:ma5menuOutIEtablet}}.ma5menu--ready.ma5menu--right .ma5menu__container{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.noie.ma5menu--ready.ma5menu--right .ma5menu__container{-webkit-animation-name:ma5menuOutB;animation-name:ma5menuOutB}.ie.ma5menu--ready.ma5menu--right .ma5menu__container{-webkit-animation-name:ma5menuOutBIEphone;animation-name:ma5menuOutBIEphone}@media (min-width: 768px){.ie.ma5menu--ready.ma5menu--right .ma5menu__container{-webkit-animation-name:ma5menuOutBIEtablet;animation-name:ma5menuOutBIEtablet}}.ma5menu--active.ma5menu--left .ma5menu__container{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.noie.ma5menu--active.ma5menu--left .ma5menu__container{-webkit-animation-name:ma5menuOutB;animation-name:ma5menuOutB}.ie.ma5menu--active.ma5menu--left .ma5menu__container{-webkit-animation-name:ma5menuOutBIEphone;animation-name:ma5menuOutBIEphone}@media (min-width: 768px){.ie.ma5menu--active.ma5menu--left .ma5menu__container{-webkit-animation-name:ma5menuOutBIEtablet;animation-name:ma5menuOutBIEtablet}}.ma5menu--active.ma5menu--right .ma5menu__container{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.noie.ma5menu--active.ma5menu--right .ma5menu__container{-webkit-animation-name:ma5menuIn;animation-name:ma5menuIn}.ie.ma5menu--active.ma5menu--right .ma5menu__container{-webkit-animation-name:ma5menuInIEphone;animation-name:ma5menuInIEphone}@media (min-width: 768px){.ie.ma5menu--active.ma5menu--right .ma5menu__container{-webkit-animation-name:ma5menuInIEtablet;animation-name:ma5menuInIEtablet}}@media (min-width: 768px){.ma5menu--left .ma5menu__container{-webkit-transform:translate3d(-260px, 0, 0);transform:translate3d(-260px, 0, 0);padding:0;left:0}}@media (min-width: 768px){.ma5menu--right .ma5menu__container{-webkit-transform:translate3d(260px, 0, 0);transform:translate3d(260px, 0, 0);right:-260px}}.safari .ma5menu__container{height:100%}.preload .ma5menu__container{opacity:0;z-index:-1} .ma5menu__panel{display:none;width:280px;height:80%;height:calc(100% - 50px);position:absolute;overflow:hidden;overflow-y:auto;top:40px;left:0;margin:0;padding:0;list-style-type:none;z-index:100; color:rgba(255,255,255,0.1);background-color:#fff;scrollbar-color:#0a4b87 #0e65b6;scrollbar-width:thin} @media (min-width: 768px){.ma5menu__panel{width:260px}}.ma5menu__panel.has-scrollbar{overflow:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}.ma5menu__panel:hover::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.4)}.ma5menu__panel::-webkit-scrollbar{width:9px;background-color:#0d60ad}.ma5menu__panel::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.15);outline:none;border-right:3px solid #0d60ad}.ma5menu__panel:first-of-type{z-index:160}.ma5menu__panel--parent-leave,.ma5menu__panel--parent-enter{z-index:180;display:block}.ma5menu__panel--active-leave,.ma5menu__panel--active-enter{z-index:190;display:block}.ma5menu__panel--active-enter{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.noie .ma5menu__panel--active-enter{-webkit-animation-name:ma5-panelIn;animation-name:ma5-panelIn}.ie .ma5menu__panel--active-enter{-webkit-animation-name:ma5-panelInIEphone;animation-name:ma5-panelInIEphone}@media (min-width: 768px){.ie .ma5menu__panel--active-enter{-webkit-animation-name:ma5-panelInIEtablet;animation-name:ma5-panelInIEtablet}}.ma5menu__panel--active-leave{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:0.1s;animation-duration:0.1s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.noie .ma5menu__panel--active-leave{-webkit-animation-name:ma5-panelOut;animation-name:ma5-panelOut}.ie .ma5menu__panel--active-leave{-webkit-animation-name:ma5-panelOutIEphone;animation-name:ma5-panelOutIEphone}@media (min-width: 768px){.ie .ma5menu__panel--active-leave{-webkit-animation-name:ma5-panelOutIEtablet;animation-name:ma5-panelOutIEtablet}}.ma5menu__panel--parent-enter{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:0.1s;animation-duration:0.1s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.noie .ma5menu__panel--parent-enter{-webkit-animation-name:ma5menuOut;animation-name:ma5menuOut}.ie .ma5menu__panel--parent-enter{-webkit-animation-name:ma5menuOutIEphone;animation-name:ma5menuOutIEphone}@media (min-width: 768px){.ie .ma5menu__panel--parent-enter{-webkit-animation-name:ma5menuOutIEtablet;animation-name:ma5menuOutIEtablet}}.ma5menu__panel--parent-leave{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:0.1s;animation-duration:0.1s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.noie .ma5menu__panel--parent-leave{-webkit-animation-name:ma5menuOutB;animation-name:ma5menuOutB}.ie .ma5menu__panel--parent-leave{-webkit-animation-name:ma5menuOutBIEphone;animation-name:ma5menuOutBIEphone}@media (min-width: 768px){.ie .ma5menu__panel--parent-leave{-webkit-animation-name:ma5menuOutBIEtablet;animation-name:ma5menuOutBIEtablet}}.ma5menu__panel.lvl-0{text-transform:uppercase}.ma5menu__panel.lvl-1{text-transform:none}.ma5menu__panel>ul{margin:0;padding:0}.ma5menu__panel>ul li{position:relative;font-size:0;padding-right:0;margin-bottom:0;line-height:0}.ma5menu__panel>ul li:first-of-type{}.ma5menu__panel>ul li a,.ma5menu__panel>ul li .ma5menu__category{display:inline-block;vertical-align:top;text-decoration:none !important;width:100%;outline:none !important;border-bottom:1px solid rgba(230,230,230,1);pointer-events:none;letter-spacing:.3px;-o-transition:color .1s ease-out, background-color .1s ease-out;transition:color .1s ease-out, background-color .1s ease-out;padding:12px 10px 10px 20px;font-size:16px;line-height:17px;overflow:hidden;-ms-touch-action:manipulation;touch-action:manipulation;min-height:25px!important} .ma5menu__panel>ul li a{color:#2d2a2a;background-color:transparent} .ma5menu__panel>ul li a:hover{color:#fff;background-color:#000;-o-transition:none;transition:none} .ma5menu__panel>ul li .ma5menu__category{position:relative;text-align:left;background-position:calc(100% - 13px) 50%;color:#fff;background-color:transparent}.ma5menu__panel>ul li .ma5menu__category:hover{color:#ea6220;background-color:transparent;-o-transition:none;transition:none}.ma5menu__panel>ul li .ma5menu__category.ma5menu__path{color:#ea6220 !important;background-color:transparent !important}.ma5menu__panel>ul li .ma5menu__category.ma5menu__path:hover{color:#ea6220 !important;background-color:transparent !important;-o-transition:none;transition:none}.ma5menu__panel>ul li>.ma5menu__btn--enter+a{padding-right:60px;margin-right:-50px}.ma5menu__panel--active{z-index:170;display:block}.ma5menu__panel--active>ul li a,.ma5menu__panel--active>ul li .ma5menu__category{pointer-events:auto}.ma5menu__btn--enter,.ma5menu__btn--leave{font-size:13px;cursor:pointer;display:block;position:absolute;padding:0;top:0;height:100%;text-align:center;-ms-touch-action:manipulation;touch-action:manipulation;background-repeat:no-repeat;background-position:50% 50%;background-size:32px 32px;-o-transition:background-color 0.3s ease-out;transition:background-color 0.3s ease-out}.ma5menu__btn--enter:hover,.ma5menu__btn--leave:hover{-o-transition:none;transition:none} .ma5menu__btn--enter{z-index:0;left:auto;right:0;border-left:1px solid #e6e6e6;width: 50px;height: 50px;} .ma5menu__btn--enter { display: inline-block; width: 19px; height: 19px; border-top: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg); margin: 10px; } .ma5menu__btn--leave{left:0;right:auto;color:#000;width:50px} .ma5menu__btn--leave { display: inline-block; width: 19px; height: 19px; border-top: 1px solid #000; border-left: 1px solid #000; transform: rotate(-45deg); margin: 12px; } .ma5menu__leave{font-size:16px;color:#2d2a2a;background-color:rgba(255,255,255,0.1);cursor:pointer;display:block;position:relative;padding:0 44px 0 44px;text-align:center;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;width:100%; border-bottom:1px solid #e6e6e6; height:50px;line-height:50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:-44px}.ma5menu__leave:hover{color:#ea6220;background-color:rgba(255,255,255,0.1)}.ma5menu__leave+.ma5menu__btn--enter{bottom:0;height:calc(100% - 50px);top:auto}.ma5menu__path{color:#ea6220 !important;background-color:transparent !important}.ma5menu--overflow{overflow-x:hidden !important}.ma5menu--left:before,.ma5menu--right:before{content:"";display:block;height:100%;position:fixed;top:0;background-color:rgba(255,255,255,0.01);z-index:-1;-o-transition:background-color 0.2s ease-out 0.2s, z-index 0.3s linear;transition:background-color 0.2s ease-out 0.2s, z-index 0.3s linear;width:100%}.ma5menu--active:before{background-color:rgba(0,0,0,0.6);-o-transition:background-color 0.2s ease-in;transition:background-color 0.2s ease-in;z-index:9000}.ma5menu--active>body .container *{-ms-touch-action:none;touch-action:none;pointer-events:none}@media (max-width: 767px){.ma5menu--active>body *{pointer-events:none}.ma5menu--active>body .ma5menu__toggle{pointer-events:auto}.ma5menu--active>body .ma5menu__toggle *{pointer-events:auto}.ma5menu--active>body .ma5menu__container{pointer-events:auto}.ma5menu--active>body .ma5menu__container *{pointer-events:auto}.ma5menu--active>body .ma5menu__container .ma5menu__alert{pointer-events:none}.ma5menu--active>body .ma5menu__container--scroll{pointer-events:auto}}@media (max-width: 1199px){.ma5menu--active.has-body-scrollbar{overflow:hidden;overflow-y:scroll;height:auto;min-height:100%;-webkit-overflow-scrolling:touch}}.ma5menu--active.ma5menu--left:before{right:0}.ma5menu--active.ma5menu--right:before{left:0}.ma5menu--swipe{position:relative;overflow-x:hidden !important}.ma5menu--swipe body{position:relative}.ma5menu--swipe.ma5menu--left body{-o-transition:left 0.5s ease-out;transition:left 0.5s ease-out;left:0}.ma5menu--swipe.ma5menu--right body{-o-transition:right 0.5s ease-out;transition:right 0.5s ease-out;right:0}.ma5menu--swipe.ma5menu--active.ma5menu--left body{left:280px}@media (min-width: 768px){.ma5menu--swipe.ma5menu--active.ma5menu--left body{left:260px}}.ma5menu--swipe.ma5menu--active.ma5menu--right body{right:280px}@media (min-width: 768px){.ma5menu--swipe.ma5menu--active.ma5menu--right body{right:260px}}.ma5menu__sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0}@-webkit-keyframes ma5-panelIn{0%{-webkit-transform:translate3d(280px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0)}}@keyframes ma5-panelIn{0%{-webkit-transform:translate3d(280px, 0, 0);transform:translate3d(280px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes ma5-panelOut{0%{-webkit-transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(280px, 0, 0)}}@keyframes ma5-panelOut{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(280px, 0, 0);transform:translate3d(280px, 0, 0)}}@-webkit-keyframes ma5menuIn{0%{-webkit-transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(-280px, 0, 0)}}@keyframes ma5menuIn{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(-280px, 0, 0);transform:translate3d(-280px, 0, 0)}}@-webkit-keyframes ma5menuOut{0%{-webkit-transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(-280px, 0, 0)}}@keyframes ma5menuOut{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(-280px, 0, 0);transform:translate3d(-280px, 0, 0)}}@-webkit-keyframes ma5menuOutB{0%{-webkit-transform:translate3d(-280px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0)}}@keyframes ma5menuOutB{0%{-webkit-transform:translate3d(-280px, 0, 0);transform:translate3d(-280px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@media (min-width: 768px){@-webkit-keyframes ma5-panelIn{0%{-webkit-transform:translate3d(260px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0)}}@keyframes ma5-panelIn{0%{-webkit-transform:translate3d(260px, 0, 0);transform:translate3d(260px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes ma5-panelOut{0%{-webkit-transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(260px, 0, 0)}}@keyframes ma5-panelOut{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(260px, 0, 0);transform:translate3d(260px, 0, 0)}}@-webkit-keyframes ma5menuIn{0%{-webkit-transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(-260px, 0, 0)}}@keyframes ma5menuIn{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(-260px, 0, 0);transform:translate3d(-260px, 0, 0)}}@-webkit-keyframes ma5menuOut{0%{-webkit-transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(-260px, 0, 0)}}@keyframes ma5menuOut{0%{-webkit-transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(-260px, 0, 0)}}@-webkit-keyframes ma5menuOutB{0%{-webkit-transform:translate3d(-260px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0)}}@keyframes ma5menuOutB{0%{-webkit-transform:translate3d(-260px, 0, 0);transform:translate3d(-260px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}}@-webkit-keyframes ma5-panelInIEphone{0%{-webkit-transform:translate3d(280px, 0, 0);transform:translate3d(280px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes ma5-panelInIEphone{0%{-webkit-transform:translate3d(280px, 0, 0);transform:translate3d(280px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes ma5-panelOutIEphone{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(280px, 0, 0);transform:translate3d(280px, 0, 0)}}@keyframes ma5-panelOutIEphone{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(280px, 0, 0);transform:translate3d(280px, 0, 0)}}@-webkit-keyframes ma5menuInIEphone{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(-280px, 0, 0);transform:translate3d(-280px, 0, 0)}}@keyframes ma5menuInIEphone{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(-280px, 0, 0);transform:translate3d(-280px, 0, 0)}}@-webkit-keyframes ma5menuOutIEphone{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(-280px, 0, 0);transform:translate3d(-280px, 0, 0)}}@keyframes ma5menuOutIEphone{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(-280px, 0, 0);transform:translate3d(-280px, 0, 0)}}@-webkit-keyframes ma5menuOutBIEphone{0%{-webkit-transform:translate3d(-280px, 0, 0);transform:translate3d(-280px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes ma5menuOutBIEphone{0%{-webkit-transform:translate3d(-280px, 0, 0);transform:translate3d(-280px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes ma5-panelInIEtablet{0%{-webkit-transform:translate3d(260px, 0, 0);transform:translate3d(260px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes ma5-panelInIEtablet{0%{-webkit-transform:translate3d(260px, 0, 0);transform:translate3d(260px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes ma5-panelOutIEtablet{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(260px, 0, 0);transform:translate3d(260px, 0, 0)}}@keyframes ma5-panelOutIEtablet{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(260px, 0, 0);transform:translate3d(260px, 0, 0)}}@-webkit-keyframes ma5menuInIEtablet{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(-260px, 0, 0);transform:translate3d(-260px, 0, 0)}}@keyframes ma5menuInIEtablet{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(-260px, 0, 0);transform:translate3d(-260px, 0, 0)}}@-webkit-keyframes ma5menuOutIEtablet{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(-260px, 0, 0);transform:translate3d(-260px, 0, 0)}}@keyframes ma5menuOutIEtablet{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}100%{-webkit-transform:translate3d(-260px, 0, 0);transform:translate3d(-260px, 0, 0)}}@-webkit-keyframes ma5menuOutBIEtablet{0%{-webkit-transform:translate3d(-260px, 0, 0);transform:translate3d(-260px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes ma5menuOutBIEtablet{0%{-webkit-transform:translate3d(-260px, 0, 0);transform:translate3d(-260px, 0, 0)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes ma5-arrowDown{0%{opacity:1}40%{opacity:0}60%{opacity:0.5}100%{opacity:1}}@keyframes ma5-arrowDown{0%{opacity:1}40%{opacity:0}60%{opacity:0.5}100%{opacity:1}} .ma5menu{overflow:visible!important} @media(min-width:991px){ .ma5menu__toggle{display:none}} /* MENÜ */ @media(max-width:991px){ .header-mobil .logo img{ width: 100%;height:50px; padding-top:0px;padding-bottom:5px; } .header-mobil .ma5menu__toggle{left:0px; position:absolute;} .header-mobil{ margin-bottom:0px; height:50px;background-color:#fff; box-shadow: 0 1px 8px rgb(0 0 0 / 10%); vertical-align: baseline;} } @media(min-width:991px){.header-mobil{display:none}} .header-fixed img{height:35px!important; -webkit-transition-delay:.09s;transition-delay:.09s;-o-transition:all .6s ease;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;} /* menu mouse aşağı gösterme */ .header-fixed{ animation: wd-fadeInDownBig .6s ease; height:38px!important;position:fixed;top:0;z-index:999;width:100%; -webkit-transition-delay:.07s;transition-delay:.07s;-o-transition:all .6s ease;transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;} /* Menu Fixed */ @keyframes menuFix{0{top:-20px;opacity:0}100%{top:0;opacity:1}} @-webkit-keyframes wd-fadeInDownBig{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{-webkit-transform:none;transform:none}}@keyframes wd-fadeInDownBig{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes wd-fadeOutUpBig{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}@keyframes wd-fadeOutUpBig{from{-webkit-transform:none;transform:none}to{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}} .header-fixed .ma5menu__icon-toggle{-webkit-transition-delay:.07s;transition-delay:.07s;-o-transition:all .4s ease;transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease; bottom:15px;top:5px;} .header-fixed .ma5menu__icon-toggle:before{ font-size:32px;} /* Menu contact */ .menu-contact .customer-services{font-size:14px;color:#999;line-height:20px;position:relative;padding-left:35px;margin-bottom:10px} .menu-contact .customer-services span{font-weight: 600;font-family: Roboto Condensed;display:block;font-size:25px;line-height:25px} .menu-contact .customer-services a{color:#7f7f7f;} .menu-contact .customer-services .img{width:35px;height:40px;position:absolute;top:0;left:0} .menu-contact p{font-size:14px;color:#666;line-height:16px;margin-bottom:10px} /* modul-referanslar */ #fotogaleri .swiper-slide{display:flex;align-items:center;justify-content:center;height:130px} #fotogaleri .swiper-slide img{max-height:100%;max-width:100%;object-fit:contain;display:block}#fotogaleri .swiper-button-next,#fotogaleri .swiper-button-prev{color:#000;font-size:25px;padding:10px;transition:all .3s ease}#fotogaleri .swiper-button-next:hover,#fotogaleri .swiper-button-prev:hover{color:#d40000} /* MODÜL23*/ .modu23{background:#000; padding:20px 0 20px 0;} .modul23-container .nav{width:100%;padding:20px 0 20px 0;margin-right:auto;margin-left:auto} .modul23-container .nav a{text-transform: uppercase;line-height:25px!important;font-size:16px!important;float:left;padding:0 10px 0 10px;border-right:1px solid #a0a0a0;color:#fff;display:table-cell;vertical-align:middle}.modul23-container .pl1{padding-left:6px}.modul23-container .nav a:hover{color:#dc0000} .modul23-container .baslik h1{text-transform: capitalize!important;font-size:25px;font-weight:600;color:#ff0006;text-align:left} @media(max-width:479px){.modul23-container .nav a{font-size:15px!important;padding:0 6px 0 6px;}} .modul23-container .uldiv a{font-size:16px;font-weight:300;color:#fff}.modul23-container .uldiv a:hover{color:#dc0000} @media(max-width:479px){.modul23-container .uldiv a{font-size:14px;}} /* MODÜL233*/ .modu233 .btn6{position:relative;margin-top:10px;padding-right:10px} .modu233 .btn6 a{font-family:tahoma,arial,sans-serif!important;font-weight:600;background:#ffa02d;width:100%;text-transform:uppercase;line-height:20px;font-size:15px;color:#000;display:table-cell;vertical-align:middle;padding:10px;text-decoration:none;transition:transform .8s;box-shadow:0 14px 20px rgba(0,0,0,0.05);transition:.20s;border-radius:4px;display:inline-block;letter-spacing:.3px; text-align: center;}.modu233 .btn6 img{height:25px;display:inline-block;position:absolute}@media(max-width:479px){.modu233 .btn6 img{height:22px;top:4px}.modu233 .btn6{padding-right:5px;margin-top:5px}.modu233 .btn6 a{letter-spacing:.2px;font-size:13px;line-height:17px;padding:0;padding-top:7px;padding-bottom:7px}}.modu233 .btn6 i{color:#fff}.modu233 .btn6 a:hover{background:#000;color:#fff;} .ma5menu__icon-toggle { width: 27px; height: 20px; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; } .ma5menu__icon-toggle span { display: block; height: 2px; background-color: #000; border-radius: 2px; } #fotogaleri img { width: 100%; height: auto; } #bannerb picture{ width: 100%; } #bannerb { position: relative; width: 100%; height: auto; /* yüksekliği içeriğe göre ayarla */ overflow: hidden; } #bannerb .swiper-slide { width: 100%; display: flex; justify-content: center; align-items: center; } #bannerb .swiper-slide img { width: 100%; height: auto; /* otomatik yükseklik */ max-height: 400px; /* isteğe bağlı maksimum yükseklik */ object-fit: cover; display: block; } @media (min-width: 1100px) { #bannerb .swiper-slide img { max-height: 500px; } } /* Mobilde kapsayıcı ve resim yükseklik ayarı */ @media (max-width: 600px) { #bannerb { height: auto; } #bannerb .swiper-slide img { max-height: 180px; /* mobilde daha kısa */ width: 100%; height: 300px!important; } }