body{font-family:'Poppins';} img{max-width:100%;} .clear{clear:both;} svg{max-width:50px;max-height:50px;} dl, ol, ul{list-style:none;} @media(min-width:999px){ html body{overflow-y:scroll;} #force-style::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.3);background-color:#F5F5F5;} #force-style::-webkit-scrollbar{width:10px;background-color:#F5F5F5;} #force-style::-webkit-scrollbar-thumb{background-color:#082442;border-left:1px solid rgba(255, 255, 255, .5);} } @media all and (-ms-high-contrast:none), (-ms-high-contrast:active){ /* IE10+ CSS styles go here */ html body{overflow-y:auto;} } @supports (-ms-accelerator:true){ /* IE Edge 12+ CSS styles go here */ html body{overflow-y:auto;} } /* ============================================================== navik menu css | navik-horizontal-default-menu.min.css ================================================================ */ .navik-header{position:relative;z-index:3000;box-sizing:border-box;font-size:16px;line-height:1.428572;text-size-adjust:100%}.navik-header *,.navik-header ::after,.navik-header ::before{box-sizing:border-box}.navik-header ul{margin-bottom:inherit}.navik-header img{max-width:100%;height:auto;vertical-align:top}.navik-header a:active,.navik-header a:focus,.navik-header a:hover{text-decoration:none;outline:0}.navik-menu>ul{display:none;padding:0 0 20px;margin:0;list-style:none;}.navik-menu ul li{position:relative;text-align:left;}.navik-menu ul li>a{display:block;padding:14px 15px;font-size:14px;color:#333;text-decoration:none;transition:all .2s ease-in-out} .navik-menu ul li.current-menu>a,.navik-menu ul li:hover>a{} .navik-menu ul ul li>a{padding:14px 15px 14px 30px;font-size:14px;text-transform:inherit;background-color:#222;border-bottom:1px solid #444;}.navik-menu li>ul{display:none;padding:0;list-style:none;}.dropdown-plus{position:absolute;top:0;right:0;width:49px;height:49px;line-height:49px;cursor:pointer}.dropdown-plus::after,.dropdown-plus::before{position:absolute;top:24px;right:18px;width:13px;height:1px;content:' ';background-color:#BBB}.dropdown-plus::after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.dropdown-plus.dropdown-open::after{display:none}.header-shadow-wrapper{position:absolute;top:100%;left:0;z-index:-1;width:100%;height:30px;overflow:hidden}.burger-menu{float:right;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:40px;height:37px;cursor:pointer;transition:-webkit-transform 330ms ease-out;transition:transform 330ms ease-out;transition:transform 330ms ease-out,-webkit-transform 330ms ease-out;padding:10px;margin:5px;}.burger-menu.menu-open{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.line-menu{width:100%;height:3px;background-color:#333;border-radius:2px}.line-menu.line-half{width:50%}.line-menu.first-line{-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform 330ms cubic-bezier(.54,-.81,.57,.57);transition:transform 330ms cubic-bezier(.54,-.81,.57,.57);transition:transform 330ms cubic-bezier(.54,-.81,.57,.57),-webkit-transform 330ms cubic-bezier(.54,-.81,.57,.57)}.line-menu.last-line{-ms-flex-item-align:end;align-self:flex-end;-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform 330ms cubic-bezier(.54,-.81,.57,.57);transition:transform 330ms cubic-bezier(.54,-.81,.57,.57);transition:transform 330ms cubic-bezier(.54,-.81,.57,.57),-webkit-transform 330ms cubic-bezier(.54,-.81,.57,.57)}.menu-open .line-menu.first-line{-webkit-transform:rotate(-90deg) translateX(3px);transform:rotate(-90deg) translateX(3px)}.menu-open .line-menu.last-line{-webkit-transform:rotate(-90deg) translateX(-3px);transform:rotate(-90deg) translateX(-3px)}@media (min-width:768px){.navik-menu{clear:both}}@media (min-width:1200px){.burger-menu{display:none}.navik-menu{float:right;clear:inherit}.navik-menu>ul{display:inline-block!important;padding:0;font-size:0;margin:0 auto;list-style:none;}.navik-menu>ul>li{display:inline-block;margin:0 8px 0 0;}.navik-menu>ul>li>a{position:relative;box-sizing:border-box;height:44px;padding:0 2px;line-height:44px;white-space:nowrap}.navik-menu>ul>li:last-child>a{padding:0 0 0 20px}.navik-menu ul li.dropdown_menu>a>span.alt{display:none}.navik-menu ul li.dropdown_menu>a>span.alt::before{position:relative;top:-3px;box-sizing:content-box;display:inline-block;width:4px;height:4px;margin-left:8px;content:' ';border-color:#c1c1c1;border-style:solid;border-width:2px 2px 0 0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.navik-menu ul ul li>a{position:relative;padding:9px 35px 7px!important;color:#818181;background-color:transparent;border-bottom:0;}.navik-menu ul ul li>a::before{position:absolute;top:17px;left:35px;width:0;height:1px;content:' ';background:#a1a1a1;transition:all .2s ease-in-out}.navik-menu ul ul li:hover>a{padding-left:55px!important;color:#818181;background-color:transparent}.navik-menu ul ul li:hover>a::before{width:10px}.navik-menu li>ul{position:absolute;top:100%;left:0;display:block!important;width:285px;padding:27px 0;visibility:hidden;background-color:#fff;box-shadow:0 12px 30px -2px rgba(0,0,0,.1);opacity:0;transition:all .2s ease-in-out}.navik-menu li:hover>ul{visibility:visible;opacity:1}.navik-menu li.submenu-right>ul{right:0;left:inherit}.navik-menu.menu-caret ul li.dropdown_menu>a>span.alt{display:inline-block}.header-dark .navik-menu ul li.current-menu>a,.header-dark .navik-menu ul li:hover>a,.navik-menu ul li.current-menu>a,.navik-menu ul li:hover>a{background-color:inherit}.dropdown-plus{display:none}.navik-menu.submenu-top-border li>ul{border-top:0px solid #39F}.navik-menu.submenu-scale li>ul{-webkit-transform-origin:0 0;transform-origin:0 0;transition:all .3s ease;-webkit-transform:scale(0);transform:scale(0)}.navik-menu.submenu-scale li.submenu-right ul{-webkit-transform-origin:100% 0;transform-origin:100% 0}.navik-menu.submenu-scale li:hover>ul{-webkit-transform:scale(1);transform:scale(1)}.navik-mega-menu .navik-header-container,.navik-mega-menu.mega-menu-fullwidth{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:200px;perspective:200px}.navik-menu li> ul ul{top:-27px;left:100%;}.navik-menu ul ul li.dropdown_menu>a>span.alt:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin:0 0 0 15px;}} .burger-menu{position:absolute;right:0;top:-70px;} a{text-decoration:none;color:#444;} a:hover{color:#007bff;text-decoration:none;} a.hover{display:inline-block;position:relative;text-decoration:none;} a.hover:after{content:'';position:absolute;left:0;bottom:0;height:2px;width:0;transition:.4s;background:#666;opacity:0;} a.hover:hover:after{width:100%;opacity:1;} a span.hover{display:inline-block;position:relative;text-decoration:none;} a span.hover:after{content:'';position:absolute;left:0;bottom:0;height:2px;width:0;transition:.4s;background:#666;opacity:0;} a span.hover:hover:after{width:100%;opacity:1;} .avantaj p{font-size: 16px;font-weight: 400;color: #444;line-height: 30px;} .cnt-block {margin-bottom: 30px} .header-shadow-wrapper{display:none;} .navik-header img{transition:.3s;} .navik-menu ul li.current-menu > a, .navik-menu ul li:hover > a{background-color:initial;} .navik-menu>ul>li>a>span.hover:after{bottom:11px;background:#CCC;} .navik-menu>ul>li:hover>a>span.hover:after{opacity:1;} .navik-menu ul li > ul li > ul li a{padding-left:50px;} .header-menu{display:block;width:100%;} .navik-menu ul li .btn-x{margin:0;padding:0 10px;font-size:14px;display:block;position: relative;box-sizing: border-box;height: 44px;line-height: 44px;white-space: nowrap;} .navik-menu ul li .btn-x.yesil {background:#00ac48;color:#FFF;border-radius:25px 0 0 25px;} .navik-menu ul li .btn-x.yesil:hover {background:#05883c;} .navik-menu ul li .btn-x.mavi {background:#084f9e;color:#FFF;border-radius:0 25px 25px 0;} .navik-menu ul li .btn-x.mavi:hover {background:#083b75;} .menu-kk-gerekmez {position: relative;} .menu-kk-gerekmez span {position: absolute;font-size:11px;font-weight: 500;text-indent:10px;} @media(max-width:1200px){ .menu-kk-gerekmez span {position: relative;} .navik-menu ul li .btn-x{text-align:center;} .navik-menu ul li .btn-x.yesil{border-radius:0;} .navik-menu ul li .btn-x.mavi{border-radius:0;} } @media screen and (max-width:1200px) and (min-width:0px){ .menu-bar{display:block;width:100%;} .navik-menu>ul>li>a>span.hover:after{bottom:-1px;} } @media (min-width:1200px){ .logo-bar .container{ max-width: 1200px;} .menu-bar{display:inline-block;width:calc(100% - 330px);} .navik-menu{float:none;text-align:right;} .navik-menu ul li.dropdown_menu > a > span:before{display:none-;} } .header{position:relative;box-shadow:0 15px 30px -25px rgba(0, 0, 0, .4);z-index:300;} .header .header-logo{position:relative;width:295px;height:90px;display:inline-block;padding:5px 0 0 0;} .header .menu-bar{position:relative;z-index:900;} .header .header-dil {position:relative;font-size:13px;text-align:center;float:right;cursor:default;display:inline-block;margin:30px 0 0 0;font-weight:500;color:#555;z-index:950;} .header .header-dil .simdi {width:20px;height:28px;padding:0;line-height:28px} .header .header-dil .diger{display:none;top:34px;right:-11px;padding:5px;border-radius:3px;background:#fff;box-shadow:0 0 6px 0 rgba(0,0,0,.3);position:absolute;color:#666;z-index:120} .header .header-dil .diger:before{content:" ";display:inline-block;position:absolute;height:0;width:0;right:8px;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #fff;top:-10px;z-index:2} .header .header-dil .diger:after{content:" ";display:inline-block;position:absolute;height:4px;width:2px;right:19px;top:-9px;z-index:1;box-shadow:0 0 5px #555} .header .header-dil .diger a{display:block;padding:0 7px;line-height:28px;color:#39F;border-radius:2px;transition:all .2s ease-in-out;} .header .header-dil .diger a:hover{background:#39F;color:#FFF;text-decoration:none;} .header .header-dil:hover .diger{display:block} .akinsoft-logo{width:80px;height:80px;max-width:90px;max-height:90px;} .akinsoft-logo .akinsoft-renk1{fill:#084f9e} .akinsoft-logo .akinsoft-renk2{fill:#00ac48;} .qr-menu-logo{width:200px;height:80px;max-width:300px;max-height:90px;} .qr-menu-logo .shp0{fill:#0b4f89} .qr-menu-logo .shp1{fill:#ffffff} .qr-menu-logo .shp2{fill:#2c2e35} .head-line h2, .head-line h3 {font-size:34px;margin:10px 0 25px 0;font-weight:700;} .head-line p {max-width:auto;text-align:justify;margin:0 auto 35px auto;} .home .hero {min-height:530px;background:url(../img/bannerGif.gif) center center no-repeat;position:relative;z-index:1;} .home .hero:before {content:' ';position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;/*background:rgba(0, 0, 0, 0.2);*/} .home .hero .law {position:relative;z-index:5;padding-right:15px;padding-left:15px;} .home .hero .law .b-box {color:#FFF;} .home .hero .law .b-box h1 {text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:42px;margin:0 0 25px 0;font-weight:400;} .home .hero .law .b-box p {text-shadow:0 1px 2px rgba(0,0,0,.5);margin:0 0 25px 0;font-weight:400;line-height:28px;} .home .hero .law .b-box .links .btn-qrcode {font-size:15px;padding:12px 25px;} .home .hero .law img {max-height:530px;} .home .ozet {padding:40px 0 75px 0;} /*same thing*/ .home .ozet .c-box {padding:24px;text-align:center;min-height:260px;border:1px solid #EEE;border-radius:5px;margin:15px 0;box-shadow:0 1px 15px 0 rgba(0,0,0,.1);background:linear-gradient(136deg, #FFF 0%, rgba(236, 240, 241, .5) 100%);height:calc(100% - 15px);} .home .ozet .c-box .icon {display:block;text-align:center;} .home .ozet .c-box .icon svg {max-width:80px;max-height:80px;width:80px;height:80px;margin:10px 0 20px 0;} .home .ozet .c-box h4 {font-size:18px;font-weight:400;font-family:'Roboto';color:#000;} .home .ozet .c-box p {color:#666;font-size:14px;margin:15px 0 0 0;line-height:24px;} .home .ozellik .c-box {padding:24px;text-align:center;min-height:260px;border:1px solid #EEE;border-radius:5px;margin:15px 0;box-shadow:0 1px 15px 0 rgba(0,0,0,.1);background:linear-gradient(136deg, #FFF 0%, rgba(236, 240, 241, .5) 100%);height:calc(100% - 15px);} .home .ozellik .c-box .icon {display:block;text-align:center;} .home .ozellik .c-box .icon svg {max-width:80px;max-height:80px;width:80px;height:80px;margin:10px 0 20px 0;} .home .ozellik .c-box h4 {font-size:18px;font-weight:400;font-family:'Roboto';color:#000;} .home .ozellik .c-box p {color:#666;font-size:14px;margin:15px 0 0 0;line-height:24px;} .home .ozellik {background:#ecf0f1;position:relative;overflow:hidden;padding:75px 0 0 0;} /*.home .ozellik:before {content:' ';background:#FFF;position:absolute;transform:rotate(-3deg);width:150%;height:110px;top:-65px;left:-25%;z-index:1;}*/ .home .ozellik .container {position:relative;z-index:5;} .home .ozellik .head-line h2 {margin: 56px 0 24px 0; text-align: center;} .home .ozellik .d-box {padding:20px;border-radius:5px;transition:.3s;min-height:206px;margin-bottom:15px;} .home .ozellik .d-box:hover {box-shadow:0 1px 15px 0 rgba(0,0,0,.1);background:#FFF;} .home .ozellik .d-box h3 {font-size:18px;font-weight:500;color:#222;margin:0;padding:10px 0;} .home .ozellik .d-box p {color:#777;font-size:14px;margin:0;line-height:24px;letter-spacing:-.2px;} /*.home .ozet {background:#ecf0f1;position:relative;overflow:hidden;padding:75px 0 0 0;}*/ /*.home .ozet:before {content:' ';background:#FFF;position:absolute;transform:rotate(-3deg);width:150%;height:110px;top:-65px;left:-25%;z-index:1;}*/ .home .ozet .container {position:relative;z-index:5;} .home .ozet .head-line h2 {margin: 56px 0 24px 0; text-align: center;} .home .ozet .d-box {padding:20px;border-radius:5px;transition:.3s;min-height:130px; text-align: center; align-items: center; display: flex;} .home .ozet .d-box.bottom {border: 4px solid #07adf9; border-radius: 10px;margin-bottom:15px; display: grid;} .home .ozet .d-box:hover {box-shadow:0 1px 15px 0 rgba(0,0,0,.1);background:#FFF;} .home .ozet .d-box h3 {font-size:18px;font-weight:500;color:#222;margin:0;padding:10px 0; float:left;} .home .ozet .d-box svg {float: left; max-width: 2.5rem;margin-right: 5px;} .home .ozet .d-box img {float: left; max-width: 2.5rem;margin-right: 5px;} .home .ozet .c-box h3 {font-size:18px;font-weight:500;color:#222;margin:0;padding:10px 0; float:left;} .home .ozet .c-box svg {float: left; max-width: 2.5rem;margin-right: 5px;} .home .ozet .c-box img {float: left; max-width: 2.5rem;margin-right: 5px;} .home .ozet .d-box p {color:#777;font-size:14px;margin:0;line-height:24px;letter-spacing:-.2px;} /*!-- same thing ---!*/ .close{color:#fff;transform:scale(1.2)} .ucretsiz-dene-bar{display:block;overflow:hidden;background:url(../img/get-bg.jpg) no-repeat center;text-align:center;background-size:cover;padding:10px 0 10px;margin:0;} .deneme-suresi {font-size:18px;display:block;} .kredi-karti-istemez {font-size:13px;display:block;} .ucretsiz-dene-bar .deneme-suresi {padding:20px 0 10px 0;color:#FFF;} .ucretsiz-dene-bar .kredi-karti-istemez {padding:10px 0 20px 0;color:#FFF;} .btn-qrcode {display:inline-block;padding:12px 40px;background:#5a8ef4;background:linear-gradient(126deg, rgb(80, 120, 248) 0%, rgb(106, 179, 232) 100%);border-radius:3px;font-size:20px;font-weight:400;position:relative;color:#FFF;cursor:pointer;box-shadow:0 1px 2px 0 rgba(0,0,0,.3);} .btn-qrcode:hover {color:#FFF;} .btn-qrcode:before {content:' ';position:absolute;top:5px;left:5px;width:6px;height:13px;border-top:1px solid rgba(255, 255, 255, .75);border-left:1px solid rgba(255, 255, 255, .75);border-radius:1px;transition:.5s;} .btn-qrcode:after {content:' ';position:absolute;bottom:5px;right:5px;width:6px;height:13px;border-bottom:1px solid rgba(255, 255, 255, .75);border-right:1px solid rgba(255, 255, 255, .75);border-radius:1px;transition:.5s;} .btn-qrcode:hover:before, .btn-qrcode:hover:after {width:calc(50% - 12px);height:calc(100% - 26px);} .btn-qrcode.beyaz {background:#FFF;color:#444;border:1px solid #FFF;} .btn-qrcode.beyaz:hover {color:#444;} .btn-qrcode.beyaz:before, .btn-qrcode.beyaz:after {border-color:#5a8ef4;} .btn-qrcode.temiz {background:rgba(255, 255, 255, .25);color:#FFF;border:1px solid #FFF;} .btn-qrcode.temiz:hover {color:#FFF;} .btn-qrcode.temiz:before, .btn-qrcode.temiz:after {border-color:#FFF;} .sosyal-medya li a {padding-top:3px;} .sosyal-medya svg {fill:#6a5acd;width:14px;height:14px;} .inner-banner{background:url(../img/iletisim.jpg) no-repeat center center;text-align:center;min-height:100px;position:relative;z-index:100;} .inner-banner:after{width:100%;height:100%;position:absolute;left:0;top:0;content:"";background:rgba(0, 0, 0, .45);} .inner-banner .container{position:relative;z-index:2} .inner-banner .contents{padding:50px 0 50px 0} .inner-banner h1, .inner-banner h2{color:#fff;font-size:36px;margin:0;font-weight:300;} .inner-banner p{color:#fff;font-size:18px;line-height:28px;font-weight:300;} .inner-banner p span{display:block} .contact-form-wrapper .input-col{margin-bottom:15px} .contact-form-wrapper label{font-size:14px;color:#697980;padding-bottom:2px;margin:0} .contact-form-wrapper label span{color:#f29a32} .contact-form-wrapper input[type=text], .contact-form-wrapper input[type=tel], .contact-form-wrapper input[type=email], .contact-form-wrapper select{width:100%;height:44px;line-height:44px;background:none;font-size:12px;color:#697980;padding:0 20px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #d8dfe3;border-radius:3px} .contact-form-wrapper input.bg{background:#eaf0f3;border:none} .contact-form-wrapper input.bg:focus{border:1px #69c2e4 solid} .contact-form-wrapper textarea{width:100%;height:110px;line-height:20px;background:none;color:#697980;padding:15px 20px;margin:0 0 14px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #d8dfe3;border-radius:3px;resize:none} .contact-form-wrapper input:focus,.contact-form-wrapper textarea:focus{border-color:#69c2e4} .contact-form-wrapper .submit{width:100%;height:52px;line-height:52px;padding:0 10px;margin:15px auto 0;display:block;font-size:14px;background:#f29a32;color:#FFF;text-align:center;border-radius:3px;cursor:pointer;transition:all .3s ease 0} .contact-form-wrapper .submit:hover{background:#5180f7} .contact-info-wrapper{height:100%;background:#f4f6f7} .info-contact-box{display:block} .info-contact-box li{display:block;padding:5px 0 15px 5px;position:relative} .contact-info-wrapper h3{font-size:16px;font-weight:600;color:#2c5260;padding:0 0 20px;} .contact-info-wrapper h6{font-size:14px;font-weight:600;color:#2c5260;padding:0 0 10px} .contact-info-wrapper a{display:inline-block;font-size:14px;font-weight:600;color:#2c5260;line-height:1} .contact-info-wrapper a:hover{color:#5180f7} .contact-info-wrapper p{font-size:14px;font-weight:400;line-height:20px;color:#2c5260} .contact-info-wrapper .contact-info{margin:0 auto;padding:0 25px} .contact-info-wrapper .contact-info svg {fill:#5180f7;width:44px;height:44px;display:inline-block;} .contact-form-wrapper label.error{margin:5px 0 0;font-size:12px;color:#dc3545} .iletisim-hr {margin:20px 20px 30px 20px;border-color:#BBB;border:0;border-top:1px solid rgba(0,0,0,.1);} .form-group {margin-bottom:20px;display:flex;align-items:center;} .contact-info-wrapper .contact-info .info-wrap {display:inline-block;width:calc(100% - 75px);margin:0 0 0 30px;font-weight:500;color:#273f5b;font-size:14px;} .contact-info-wrapper .contact-info .info-wrap span.info {display:block;} .select-icon {position:absolute;z-index:0;top:33px;right:23px;width:20px;height:20px;fill:#888;} .telephone .intl-tel-input {display:flex;} .g-map {width:100%;height:600px;display:block;} .g-map iframe {width:100%;height:600px;display:block;} .ozellik-aciklama .aciklama {margin:40px 0;} .ozellik-aciklama .aciklama p {margin:0 0 15px 0;color:#444;font-weight:400;line-height:34px;font-size:16px;text-align: justify;} .ozellik-card {padding:16px;min-height:210px;border:1px solid #EEE;box-shadow:0 1px 10px 0 rgba(0,0,0,.1);border-radius:5px;margin:0 -7px 15px;transition:.5s} .ozellik-card .icon {display:block;text-align:center;} .ozellik-card .icon svg {max-width:45px;max-height:45px;width:45px;height:45px;} .ozellik-card h2, .ozellik-card h3, .ozellik-card h4, .ozellik-card h5 {font-size:15px;font-weight:600;margin:10px 0 15px 0;text-align:center;color:#222;position:relative;padding-bottom:15px;} .ozellik-card h2:after, .ozellik-card h3:after, .ozellik-card h4:after, .ozellik-card h5:after {content:' ';position:absolute;border:0;left:50%;width:50px;height:3px;background:#CCC;bottom:0;transform:translateX(-50%);border-radius:5px;transition:.3s;} .ozellik-card:hover h2:after, .ozellik-card:hover h3:after, .ozellik-card:hover h4:after, .ozellik-card:hover h5:after {width:100px;background:#6ab3e8;background:linear-gradient(126deg, rgb(80, 120, 248) 0%, rgb(124, 196, 249) 100%);} .ozellik-card .detay {font-size:13px;text-align:justify;min-height:70px;display:block;color:#777;} .ozellik-detay {margin:0;} .ozellik-detay .ozellik-img {background:url(../img/telefon-okut.html) center bottom no-repeat;background-size:contain;min-height:530px;} .ozellik-detay .ozellik-bg {background:url(../img/ozellikler-qr-menu.jpg) center center no-repeat;background-size:contain;min-height:650px;} .ozellik-detay .ozellik-bg-en {background:url(../img/ozellikler-qr-menu-en.jpg) center center no-repeat;background-size:contain;min-height:650px;} .accordion .card .baslik {width:100%;margin:auto;display:block;padding:12px 10px 12px 95px;box-shadow:0 5px 25px 0 rgba(0, 0, 0, 0.08);border-radius:5px;background:#fff;margin-bottom:20px;font-weight:400;font-size:14px;letter-spacing:0.5px;outline:none !important;cursor:pointer;position:relative;overflow:hidden;z-index:1;text-align:left;} .accordion .card .baslik .plus-minus {position:absolute;z-index:8;width:20px;height:20px;border:1px solid #FFF;top:50%;transform:translateY(-50%);left:23px;border-radius:50%;} .accordion .card .baslik .plus-minus:before {content:' ';position:absolute;z-index:9;width:10px;height:2px;background:#FFF;top:50%;transform:translateY(-50%);left:4px;} .accordion .card .baslik .plus-minus:after {content:' ';position:absolute;z-index:9;width:2px;height:10px;background:#FFF;left:50%;transform:translateX(-50%);top:4px;display:none;} .accordion .card .baslik.collapsed .plus-minus {border-color:#999;} .accordion .card .baslik.collapsed .plus-minus:before, .accordion .card .baslik.collapsed .plus-minus:after {background:#999;display:block;} .accordion .card .baslik.collapsed:hover .plus-minus {border-color:#FFF;} .accordion .card .baslik.collapsed:hover .plus-minus:before, .accordion .card .baslik.collapsed:hover .plus-minus:after {background:#FFF;} .accordion .card .baslik:before {content:'';position:absolute;width:150px;height:100px;left:-50px;top:0px;background:#5a8ef4;background:linear-gradient(126deg, rgb(80, 120, 248) 0%, rgb(106, 179, 232) 100%);transform:rotate(60deg);z-index:2;transition:all 0.3s;} .accordion .card .baslik.collapsed:before {height:100px;background:#f4f6fa;} .accordion .card .baslik:hover:before {height:115px;background:#5a8ef4;background:linear-gradient(126deg, rgb(80, 120, 248) 0%, rgb(106, 179, 232) 100%);} .accordion .card .detay {margin:-30px 20px 30px 20px;background:#FFF;padding:20px 30px;box-shadow:0 5px 25px 0 rgba(0, 0, 0, 0.08);font-size:14px;line-height:24px;color:#666;border-radius:0 0 10px 10px;} .collapse:not(.show){display:none} .collapsing {position:relative;height:0;overflow:hidden;transition:height 0.35s ease;} @media (prefers-reduced-motion:reduce) { .collapsing {transition:none;} } .footer-linkler a {font-size: 12px;margin: 5px 10px;display: inline-block;} .navbar-dark .navbar-nav .nav-link {color: rgb(0, 0, 0) !important;} .navbar-dark .navbar-nav .nav-link:hover {color: rgb(202, 31, 31) !important;} .tanitim-video {background:url('../img/video-backgorund-wp2.png') top center no-repeat;width:100%;position:relative;background-position: center; background-size: cover;} .tanitim-video::before {content:' ';background:rgba(0, 0, 0, 0.4);width:100%;min-height:100%;position:absolute;top:0;left:0;z-index:1;} .tanitim-video .container {position:relative;z-index:5;} .tanitim-video .video-btn {display:inline-block;width:70px;height:70px;background:#FFF;padding:10px;border-radius:50%;box-shadow:0 1px 2px 0 rgba(0,0,0,.2);position:relative;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:8;overflow:hidden;} .tanitim-video .video-btn:hover {background:#5a8ef4;background:linear-gradient(126deg, rgb(80, 120, 248) 0%, rgb(106, 179, 232) 100%);} .tanitim-video .video-btn svg {width:50px;height:50px;transition:.5s;position:relative;z-index:4;} .tanitim-video .video-btn svg path {transition:.5s;} .tanitim-video .video-btn:hover svg path {fill:#FFF !important;transition:.5s;} .tanitim-video.ozellik {background:url('../img/video-bg-ozellik.jpg') top center no-repeat;} .waves-block{position:absolute;width:200px;height:200px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}.waves-block .waves{position:absolute;width:200px;height:200px;border:2px solid rgba(255,255,255,.5);opacity:0;border-radius:320px;background-clip:padding-box;-webkit-animation:waves 3s ease-in-out infinite;animation:waves 3s ease-in-out infinite}.waves-block .wave-1{-webkit-animation-delay:0s;animation-delay:0s}.waves-block .wave-2{-webkit-animation-delay:1s;animation-delay:1s}.waves-block .wave-3{-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes waves{0%{-webkit-transform:scale(.2,.2);transform:scale(.2,.2);opacity:0}50%{opacity:.9}100%{-webkit-transform:scale(.9,.9);transform:scale(.9,.9);opacity:0}}@keyframes waves{0%{-webkit-transform:scale(.2,.2);transform:scale(.2,.2);opacity:0}50%{opacity:.9}100%{-webkit-transform:scale(.9,.9);transform:scale(.9,.9);opacity:0}} .fancy-frame-cerez .fancybox-content{width:700px;} .fancy-frame-video .fancybox-content{width:900px;height:442px;} .fancybox-slide--iframe .fancybox-content {max-width:calc(100% - 10px);} .fancybox-slide--iframe .fancybox-close-small {top:-44px;right:0;} #generic_price_table {background-color:#f0eded;} #generic_price_table .generic_content{background-color:#fff;} #generic_price_table .generic_content .generic_head_price{background-color:#f6f6f6} #generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{border-color:#00ac48 rgba(0,0,0,0) rgba(0,0,0,0) #00ac48} #generic_price_table .generic_content .generic_head_price .generic_head_content .head span{color:#FFF} #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{color:#414141} #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{color:#414141} #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{color:#414141} #generic_price_table .generic_content .generic_head_price .generic_price_tag .month{color:#414141} #generic_price_table .generic_content .generic_feature_list ul li{color:#a7a7a7} #generic_price_table .generic_content .generic_feature_list ul li span{color:#414141} #generic_price_table .generic_content .generic_feature_list ul li:hover{background-color:#E4E4E4;border-left:5px solid #5a8ef4} #generic_price_table .generic_content .generic_price_btn a{border:1px solid #2ECC71;color:#2ECC71} #generic_price_table .generic_content.active .generic_head_price .generic_head_content .head_bg{border-color:#074f9d rgba(0,0,0,0) rgba(0,0,0,0) #074f9d;color:#fff} #generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head span,#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head span{color:#fff} #generic_price_table .generic_content:hover .generic_price_btn a,#generic_price_table .generic_content.active .generic_price_btn a{background-color:#2ECC71;color:#fff} #generic_price_table{padding:50px 0;} .row .table{padding:28px 0} #generic_price_table .generic_content{overflow:hidden;position:relative;text-align:center} #generic_price_table .generic_content .generic_head_price{margin:0 0 20px} #generic_price_table .generic_content .generic_head_price .generic_head_content{margin:0 0 50px} #generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{border-style:solid;border-width:90px 1411px 23px 399px;position:absolute} #generic_price_table .generic_content .generic_head_price .generic_head_content .head{padding:15px 0 15px 0;position:relative;z-index:1;} #generic_price_table .generic_content .generic_head_price .generic_head_content .head span{font-size:28px;font-weight:400;letter-spacing:2px;margin:0;padding:0;text-transform:uppercase} #generic_price_table .generic_content .generic_head_price .generic_price_tag{padding:0 0 20px} #generic_price_table .generic_content .generic_head_price .generic_price_tag .price{display:block;font-weight:300;} #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{display:inline-block;font-size:28px;font-weight:400;vertical-align:middle} #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{font-size:60px;font-weight:300;letter-spacing:-2px;line-height:60px;padding:0;vertical-align:middle} #generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{display:inline-block;font-size:24px;font-weight:400;vertical-align:bottom} #generic_price_table .generic_content .generic_head_price .generic_price_tag .month{font-size:18px;font-weight:400;letter-spacing:3px;vertical-align:bottom} #generic_price_table .generic_content .generic_feature_list ul{list-style:none;padding:0;margin:0} #generic_price_table .generic_content .generic_feature_list ul li{font-size:14px;padding:8px 0;transition:all .3s ease-in-out 0} #generic_price_table .generic_content .generic_feature_list ul li:hover{transition:all .3s ease-in-out 0;-moz-transition:all .3s ease-in-out 0;-ms-transition:all .3s ease-in-out 0;-o-transition:all .3s ease-in-out 0;-webkit-transition:all .3s ease-in-out 0} #generic_price_table .generic_content .generic_feature_list ul li .fa{padding:0 10px} #generic_price_table .generic_content .generic_price_btn{margin:20px 0 32px} #generic_price_table .generic_content .generic_price_btn a{border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;-webkit-border-radius:50px;display:inline-block;font-size:18px;outline:medium none;padding:12px 30px;text-decoration:none;text-transform:uppercase} #generic_price_table .generic_content,#generic_price_table .generic_content:hover,#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg,#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg,#generic_price_table .generic_content .generic_head_price .generic_head_content .head h2,#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head h2,#generic_price_table .generic_content .price,#generic_price_table .generic_content:hover .price,#generic_price_table .generic_content .generic_price_btn a,#generic_price_table .generic_content:hover .generic_price_btn a{transition:all .3s ease-in-out 0;-moz-transition:all .3s ease-in-out 0;-ms-transition:all .3s ease-in-out 0;-o-transition:all .3s ease-in-out 0;-webkit-transition:all .3s ease-in-out 0} @media (max-width:767px) { #generic_price_table .generic_content{margin-bottom:20px} } @media (min-width:768px) and (max-width:991px) { #generic_price_table .col-md-3{float:left;width:50%} #generic_price_table .col-md-4{float:left;width:50%} #generic_price_table .generic_content{margin-bottom:75px} } .text-center h1,.text-center h1 a{color:#7885CB;font-size:30px;font-weight:300;text-decoration:none} .demo-pic{margin:0 auto} .demo-pic:hover{opacity:.7} #generic_price_table_home ul{margin:0 auto;padding:0;list-style:none;display:table} #generic_price_table_home li{float:left} #generic_price_table_home li + li{margin-left:10px;padding-bottom:10px} #generic_price_table_home li a{display:block;width:50px;height:50px;font-size:0} #generic_price_table_home .blue{background:#3498DB;transition:all .3s ease-in-out 0} #generic_price_table_home .emerald{background:#2ECC71;transition:all .3s ease-in-out 0} #generic_price_table_home .grey{background:#7F8C8D;transition:all .3s ease-in-out 0} #generic_price_table_home .midnight{background:#34495E;transition:all .3s ease-in-out 0} #generic_price_table_home .orange{background:#E67E22;transition:all .3s ease-in-out 0} #generic_price_table_home .purple{background:#9B59B6;transition:all .3s ease-in-out 0} #generic_price_table_home .red{background:#E74C3C;transition:all .3s ease-in-out 0} #generic_price_table_home .turquoise{background:#1ABC9C;transition:all .3s ease-in-out 0} #generic_price_table_home .blue:hover,#generic_price_table_home .emerald:hover,#generic_price_table_home .grey:hover,#generic_price_table_home .midnight:hover,#generic_price_table_home .orange:hover,#generic_price_table_home .purple:hover,#generic_price_table_home .red:hover,#generic_price_table_home .turquoise:hover{border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-left-radius:50px;border-top-right-radius:50px;transition:all .3s ease-in-out 0} #generic_price_table_home .divider{border-bottom:1px solid #ddd;margin-bottom:20px;padding:20px} #generic_price_table_home .divider span{width:100%;display:table;height:2px;background:#ddd;margin:50px auto;line-height:2px} #generic_price_table_home .itemname{text-align:center;font-size:50px;padding:50px 0 20px;border-bottom:1px solid #ddd;margin-bottom:40px;text-decoration:none;font-weight:300} #generic_price_table_home .itemnametext{text-align:center;font-size:20px;padding-top:5px;text-transform:uppercase;display:inline-block} #generic_price_table_home .footer{padding:40px 0} .price-heading{text-align:center} .price-heading h1{color:#666;margin:0;padding:0 0 50px} .demo-button{background-color:#333;color:#fff;display:table;font-size:20px;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;padding:10px;text-align:center;text-transform:uppercase;margin:20px auto 50px} .bottom_btn{background-color:#333;color:#fff;display:table;font-size:28px;margin:60px auto 20px;padding:10px 25px;text-align:center;text-transform:uppercase} .demo-button:hover{background-color:#666;color:#FFF;text-decoration:none} .bottom_btn:hover{background-color:#666;color:#FFF;text-decoration:none} #generic_price_table .generic_content .generic_head_price .generic_head_content .head.mavi{background:#084f9e} #generic_price_table .generic_content .generic_head_price .generic_head_content .head.mavi:after{background:#084f9e} #generic_price_table .generic_content .generic_head_price .generic_head_content .head.yesil{background:#00ac48} #generic_price_table .generic_content .generic_head_price .generic_head_content .head.yesil:after{background:#00ac48} #generic_price_table .generic-btn{display:block;margin:15px 0 20px;} #generic_price_table .mavi-gecisli-bg {background:#5a8ef4;background:linear-gradient(126deg, rgba(80, 120, 248, .6) 0%, rgba(106, 179, 232, .6) 100%);} .btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out} .btn svg{width:100%;height:100%;max-width:18px;max-height:18px;fill:#fff;} .btn-primary{color:#fff;background-color:#007bff;border-color:#007bff} .btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc;text-decoration:none;} .btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8} .btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b;text-decoration:none;} .btn-success{color:#fff;background-color:#28a745;border-color:#28a745} .btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34;text-decoration:none;} .btn.disabled, .btn[disabled], fieldset[disabled] .btn{cursor:not-allowed !important;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;} button.scroltop{background:rgba(255,255,255,0.9) none repeat scroll 0 0;border-radius:20px;bottom: 80px;box-shadow:2px 2px 12px -5px #000;cursor:pointer;height:40px;line-height:26px;margin:0;position:fixed;right:15px;text-align:center;width:40px;z-index:888;display:none;padding:0;border:0;} button.scroltop svg{fill:#444;width:16px;} .col-1-5{width:20%;float:left;position:relative;min-height:1px;padding-right:15px;padding-left:15px;} .footer{position:relative;z-index:1;color:#333;padding:30px 0 20px 0;background:#e8e8e8;} .footer .footer-sosyal{display:inline-block;} .footer .footer-sosyal a{background:#FFF;display:inline-block;margin:0;padding:0;border-radius:50%;width:34px;height:34px;text-align:center;transition:all .2s ease-in-out;position:relative;} .footer .footer-sosyal a svg{fill: #074f9d;max-width: 16px;max-height: 16px;margin: 0 auto;display: block;top: 50%;position: relative;transform: translateY(-50%);transition: all .2s ease-in-out;} .footer .footer-sosyal a:hover{background:#39F;} .footer .footer-sosyal a:hover svg{fill:#FFF;} .footer .copyright{font-size:11px;padding:5px 0;font-weight:500;color:#555;} .footer .copyright a{color:#084f9e;font-weight:600;} .footer .copyright a:hover {color:#888;} .mobil-gizle{display:block;} .desktop-gizle{display:none;} @media(max-width:991px){ .footer .footer-sosyal{text-align:center;padding:0 0 30px 0;} } @media(max-width:768px){ .footer .foot-logo{padding:15px 0 20px 0;} .footer .b-content{padding:0 0 0 15px;} .footer .a-content{padding:0 0 0 15px;} .footer .copyright{padding:25px 0 20px 0;} .col-1-5{width:100%;} .desktop-gizle{display:block;} .mobil-gizle{display:none;} } body .form-control::placeholder{color:#777;opacity:1} .davet-form .blok{margin:0 0 40px 0;} .davet-form .blok h2{margin:0 -8px;} .davet-form .blok h2 span{margin:0;} form .gonder-btn{display:inline-block;padding:7px 17px;background:#CCC;color:#888;cursor:no-drop;transition:all 0.3s;font-weight:300;font-size:16px;border:4px solid #CCC;} form .gonder-btn.aktif{background:#00AFD1;color:#FFF;cursor:pointer;font-weight:600;border:4px solid #00AFD1;} form .gonder-btn.aktif:hover{background:#00c4eb;border-radius:2px;} form .gonder-btn.aktif:active{box-shadow:inset 0px 1px 3px rgba(0, 0, 0, .4);} .hover-effect{z-index:1;transition:all .3s linear;} .hover-effect:hover{z-index:2;box-shadow:0 5px 30px 0 rgba(5,1,64,0.4), 0 -5px 0 0 rgba(95,84,253,0.004);} .akinsoft-btn{font-size:14px;padding:10px 30px;font-weight:400;color:#2a7af3;background-color:transparent;border:1px solid #2a7af3;border-radius:30px;text-transform:uppercase;transition:.4s;display:inline-block;text-decoration:none;} .akinsoft-btn:hover{color:#fff;border-color:#2a7af3;background-color:#2a7af3;background:linear-gradient(0deg, rgba(29,86,171,1) 0%, rgba(57,136,255,1) 100%);text-decoration:none;} .akinsoft-btn svg{fill:#2a7af3;max-width:14px;max-height:14px;width:100%;height:100%;margin:-4px 5px 0 0;transition:.4s;} .akinsoft-btn:hover svg{fill:#fff;} .satir-head{margin:30px 0 20px 0;} .satir-head .satir-baslik{display:inline-block;float:left;} .satir-head .satir-baslik h3{margin:0;font-size:15px;font-weight:600;border-bottom:2px solid #555;color:#333;display:inline-block;} .satir-head .tumu-btn{display:inline-block;float:right;} .satir-head .tumu-btn a{font-size:15px;font-weight:600;color:#333;} .satir-head .tumu-btn svg{width:12px;height:12px;fill:#444;margin:0;transition:.4s;} .satir-head .tumu-btn:hover svg{margin:0 -7px 0 7px;} address{margin:0;} .dolduruldu{border-color:#0c961d !important;} .zorunlu{border-color:#FF3344 !important;} @media(min-width:768px){ .home .hero .law .b-box {margin-top:80px;} } @media(max-width:1200px){ .navik-menu{background:#EEE;} .navik-menu>ul{padding:0;margin-bottom:1px;} .navik-menu ul li{border-top:1px solid #CCC;} .header .header-dil {margin-right: 70px;} .home .hero .law .b-box .links .btn-qrcode{font-size: 14px;padding: 12px;} } @media(max-width:990px){ .ozellik-detay .ozellik-bg {background:url(../img/ozellikler-qr-menu-mobil.jpg) center center no-repeat;background-size:contain;min-height:350px;} /* .ozellik-detay .ozellik-bg-en {background:url(../img/ozellikler-qr-menu-mobil-en.jpg) center center no-repeat;background-size:contain;min-height:350px;} */ } @media(max-width:760px){ .akinsoft-logo{width:70px;height:70px;} .qr-menu-logo{width:150px;height:70px;} .header .header-logo {width: 235px;} .navik-menu {margin:0 -14px;} .home .hero .law .b-box {margin-top:35px;} .home .hero .law .b-box h1 {font-size:28px;margin:0 0 15px 0;text-align:center;} .home .hero .law .b-box p {margin:0 0 15px 0;line-height:24px;font-size:14px;} .home .hero .law .b-box .links {text-align:center;} .home .hero .law .b-box .links .btn-qrcode {font-size:13px;padding:12px 25px;margin:0 0 10px 0;} .home .hero .law img {max-height:400px;} .head-line h2, .head-line h3 {font-size:26px;text-align:center;} .ozellik-detay .ozellik-img {min-height:340px;} } @media(max-width:340px){ .akinsoft-logo{width:50px;height:50px;} .qr-menu-logo{width:120px;} .header .header-logo {width:180px;} } /*----------------------- Blog List -----------------------*/ .inner-banner { background: url(../img/iletisim.jpg) no-repeat center top; text-align: center; min-height: 170px; position: relative; } .whatsapp-banner { background: url(../img/whatsapp-entegrasyonu-banner.jpg) no-repeat center center / cover; text-align: center; min-height: 300px; position: relative; } .whatsapp-banner-en{ background: url(../img/whatsapp-integration.jpg) no-repeat center center / cover; text-align: center; min-height: 300px; position: relative; } @media(max-width:991px){ .whatsapp-banner { min-height: 350px; background: url(../img/whatsapp-entegrasyonu-banner-mobil.jpg) no-repeat center center / cover; } .whatsapp-banner-en{ background: url(../img/whatsapp-integration-mobile.jpg) no-repeat center center / cover; min-height: 350px; } } .blog-section { display: block; padding: 80px 0px; background: #fff; } .blog-content { display: block; margin-right: 98px; } .blog-content > ul > li { display: block; padding: 58px 0px; border-top: 1px solid #e9e9e9; } .blog-content > ul > li p { padding-bottom: 20px; } .blog-content > ul > li:first-child { padding-top: 0; border-top: none; } .blog-content > ul > li p.time { padding-bottom: 0px; } p.time { position: relative; font-size: 12px; color: #2e2e2e; padding-left: 22px; font-weight: 500; } p.time span { color: #616161; } p.time:before { content: "\e912"; font-family: 'icomoon'; font-size: 16px; color: #b2b2b2; position: absolute; left: 0; top: 0; } .blog-content h5 { color: #30373d; font-size: 22px; line-height: 36px; font-weight: 300; margin-bottom: 25px; margin-top: 5px; } .blog-content h5 a { color: #30373d; } .blog-content h5 a:hover { color: #121517; } .blog-content .box { display: block; padding-bottom: 30px; } ul.blog-info { display: inline-block; vertical-align: middle; } ul.blog-info li { display: inline-block; border-left: 1px solid #e0e0e0; padding: 0px 20px 0px 46px; position: relative; color: #536066; } ul.blog-info li a { color: #8a979e; } ul.blog-info li a:hover { text-decoration: underline; color: #42d79e } ul.blog-info li:before { position: absolute; font-size: 23px; color: #42d79e; left: 15px; font-family: 'icomoon'; } ul.blog-info li.comment:before { content: "\e90b"; left: 0; } ul.blog-info li.like:before { content: "\e90f"; } ul.blog-info li:first-child { padding-left: 30px; border-left: none; } ul.blog-tag { display: inline-block; } ul.blog-tag li { display: inline-block; } ul.blog-tag li a { background: #f29a32; color: #fff; display: block; padding: 2px 20px; border-radius: 30px; } ul.blog-tag li a:hover { background: #57bce2; } .blog-pic { display: block; margin-bottom: 40px; } .blog-content a.know-more { margin-top: 10px; display: inline-block; } .paging-block { display: block; } .paging-block ul li { display: inline-block; vertical-align: middle; } .paging-block ul li a { display: block; width: 32px; height: 32px; border: 1px solid #d7dae4; border-radius: 2px; text-align: center; line-height: normal; color: #62657b; font-size: 14px; padding-top: 5px; } .paging-block ul li a:hover, .paging-block ul li.active a { background: #57bce2; color: #fff; border: 1px solid #57bce2; } .paging-block ul li a.dots { font-size: 24px; color: #ccc; border: none; padding-top: 0px; width: 52px; } .paging-block ul li a.dots:hover { color: #fff; } .paging-block ul li a.prev, .paging-block ul li a.next { font-size: 12px; padding-top: 7px; } .blog-sidebar { display: block; position: relative; margin-left: -30px; } .blog-sidebar .cmn-box { display: block; padding: 37px; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.13); margin-bottom: 25px; } .blog-sidebar .cmn-box h4 { color: #3d4145; font-size: 24px; font-weight: 300; margin-bottom: 15px; } .blog-sidebar .cmn-box ul li { display: block; border-top: 1px solid #e9e9e9; } .blog-sidebar .cmn-box ul li:first-child { border-top: none; } .blog-sidebar .cmn-box ul li a { display: block; position: relative; font-size: 14px; color: #62727d; font-weight: 300; padding: 9px 40px 8px 0px; line-height: normal; } .blog-sidebar .cmn-box ul li a:hover { color: #404638; } .blog-sidebar .cmn-box ul li a span.count { font-size: 12px; color: #62727d; padding: 2px 8px 1px 8px; background: #dde4e9; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; line-height: normal; display: inline-block; position: absolute; right: -2px; top: 9px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; min-width: 30px; text-align: center; } .blog-sidebar .cmn-box ul li a:hover span.count { color: #fff; background: #57bce2; } .blog-sidebar .cmn-box.archive ul li a { padding: 16px 0px 14px 0px; padding-left: 34px; } .blog-sidebar .cmn-box.archive ul li a:before { content: "\e90c"; font-family: 'icomoon'; position: absolute; top: 16px; left: 0; color: #c5d0d7; font-size: 18px; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; } .blog-sidebar .cmn-box.archive ul li a:hover, .blog-sidebar .cmn-box.archive ul li a:hover:before { color: #f29a32; } .blog-sidebar .article-pic { display: block; position: relative; margin-left: -37px; margin-right: -37px; background: #ccc; margin-bottom: 12px; } .blog-sidebar .article-pic img { width: 100%; } .blog-sidebar p { color: #747d84; font-size: 12px; line-height: 20px; } .blog-sidebar p.time { margin-top: 15px; position: relative; display: block; background: #fff; } .blog-sidebar p.time:after { width: 32%; height: 1px; position: absolute; top: 10px; right: 0px; content: ''; display: block; border-bottom: 1px solid #cfcfcf; } .blog-sidebar .article-box { display: block; padding-bottom: 43px; } .blog-sidebar .cmn-box .blog-tag li { display: inline-block; border-top: none; margin-top: 12px; } .blog-sidebar .cmn-box .blog-tag li a { background: #f29a32; color: #fff; font-size: 12px; display: block; padding: 5px 14px; border-radius: 30px; } .blog-sidebar .cmn-box .blog-tag li a:hover { color: #fff; background: #57bce2; } /*----------------------- Blog Grid -----------------------*/ .blog-content.masonry-blog { margin-right: 0; overflow: hidden; } .blog-content.masonry-blog > ul { position: relative; margin-left: -40px; } .blog-content.masonry-blog > ul > li { float: left; width: 49%; border-left: 1px solid #e9e9e9; border-top: none; padding: 0; padding-left: 40px !important; padding-right: 40px !important; border-top: none; } .blog-content.masonry-blog.grid > ul { margin-right: -40px; } .blog-content.masonry-blog.grid > ul > li { width: 33%; } .blog-content.grid h5 { font-size: 20px; line-height: 28px; } ul.blog-info li { font-size: 13px; } ul.blog-info li:before { font-size: 20px; } .blog-content.masonry-blog > ul > li .blog-item { border-top: 1px solid #f0f0f0; padding: 60px 0px 50px 0px; } .blog-content.masonry-blog > ul > li:first-child .blog-item, .blog-content.masonry-blog > ul > li:nth-child(2) .blog-item, .blog-content.masonry-blog.grid > ul > li:nth-child(3) .blog-item { border-top: none; padding-top: 0px; } .blog-content.masonry-blog .blog-pic { margin-bottom: 22px; } .blog-content.masonry-blog .box { padding-bottom: 20px; } .blog-content.masonry-blog ul.blog-tag { display: block; padding-top: 10px; padding-bottom: 20px; } .blog-section .paging-block { padding-top: 60px; border-top: 1px solid #e9e9e9; } /*----------------------- Blog Standard -------------------------*/ .blog-sigle-item { max-width: 945px; margin: 0 auto; } .blog-sigle-item >li { display: block; list-style: none; } .blog-sigle-item h4 { font-size: 28px; font-weight: 300; color: #30373d; line-height: 40px; margin: 0 0 25px; } .blog-sigle-item .blog-content { margin: 0; } .blog-sigle-item .blog-content > ul > li p.time { margin-left: 15px; } .blog-sigle-item ul.blog-info { width: 100%; text-align: left; margin: 15px 0 0; } .blog-sigle-item ul.blog-info li:last-child { border: none; float: right; } .blog-sigle-item .blog-content a.know-more { margin: 0; } /*----------------------- Blog Single -----------------------*/ .blog-content.blog-detailed { margin-right: 30px; padding-right: 20px; } .blog-content.blog-detailed > ul > li { border-top: none; padding: 25px 0px 0px 0px; } .blog-content.blog-detailed h5 { font-size: 26px; line-height: 44px; } .blog-content.blog-detailed p.time { padding-bottom: 0px; } .blog-content.blog-detailed p { padding-bottom: 20px; } .disqus-cmt { display: block; padding-top: 30px; } svg.blog-ok { max-width: 15px; max-height: 15px; } .page-pagination { font-size: 16px; margin: 10px 0; text-align: center; } .page-pagination a:hover { background: linear-gradient(135deg,#6db5ed 0,#5079f7 80%); color: #fff; } .page-pagination a:hover svg { fill: #fff; } .page-pagination a { margin: 15px 2px; display: inline-block; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; background: #eee; color: #666; transition: all .4s; } .page-pagination a svg { width: 16px; height: 16px; fill: #666; transition: all .3s; vertical-align: sub; } .aciklama h1{ text-align: center; font-size: 36px; } .ozellik-list { padding-left: 15px; } .ozellik-list li{ position: relative; margin-bottom: 5px; line-height: 24px; } /*.ozellik-list li:before{ content: ''; position: absolute; width: 12px; height: 12px; left: -15px; top: 6px; background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='%23074f9d' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 492.004 492.004' style='enable-background:new 0 0 492.004 492.004;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12 c-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028 c0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265 c5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A"); }*/ .entegrasyon-aciklama .aciklama p{ line-height: 28px; } .ozellik-card { min-height: 185px; height: 100%; } .radius-10{border-radius: 10px; padding: 8px 40px; font-size: 16px;} .radius-10:before { border-radius: 10px 0 0 0; width: 13px; } .radius-10:after { border-radius: 0 0 10px 0; width: 13px; } .radius-10:hover:before, .radius-10:hover:after { height: calc(100% - 21px); } .btn-qrcode.yesil:hover { color: #fff; } .btn-qrcode.yesil { background: linear-gradient(126deg, rgb(0 172 72) 0%, rgb(0 200 72) 100%); color: #fff; border: 1px solid #00ac48; } .btn-qrcode.yesil:before, .btn-qrcode.yesil:after { border-color: #ffffff; } .home .hero { background-size: cover; } @media screen and (max-width: 768px) { .owl-carousel .owl-item { margin: auto; } } @media (max-width: 768px) { .home .hero .law .b-box { margin-top: 0; } img.vakifbank { float: none; } .home .hero .law .b-box p { margin: 0 0 1px 0; line-height: 23px; font-size: 14px; } .home .hero .law .b-box h1 { font-size: 24px; margin: 0px 0 0 0; text-align: center; } } .specsBox { border: 1px solid #07adf9; border-radius: 10px; margin-top: 0.5rem; margin-left: 0.2rem; margin-right: 0.2rem; padding: 0.5rem; position: relative; } .specsBox::after { content: ""; display: block; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border: 1px solid #07adf9; border-radius: 10px; filter: blur(3px); z-index: -1; } .specsBox img { height: 3rem; margin-bottom: 0.2rem } .ui.grid.container .only.row { margin-left: 0.1rem; } .ui.grid.container .only.row .column { margin-top: 1rem; } .ui.grid.container .computer.only.row .specsBox { min-height: 200px; } .ui.grid.container .tablet.only.row .specsBox { min-height: 160px; } .basvuru-formu .container .ui.form .inline.fields .field { margin-top: 5px; } body { font-family: 'Poppins', sans-serif; } .ui.styled.fluid.accordion .title { font-family: 'Poppins', sans-serif; font-weight: 500; } .container-bil { width: 90%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .anasayfa-bildiri { background: #000; color: #fff; padding: 15px 0; font-family: "Poppins", sans-serif; } .anasayfa-bildiri p { color: #fff; margin-bottom: 0; font-size: 14px; } .anasayfa-bildiri p:nth-child(2) { font-size: 14px; } .anasayfa-bildiri img { width: 45px; height: 45px; } @media only screen and (max-width: 1199px) { .anasayfa-bildiri { margin-top: 0px; } }