.navbar ul li{font-size:20px;color:#fff!important}.navbar ul li a{color:#fff!important}.navbar .active{color:brown!important}.logo{width:150px;height:100px;border-radius:10px}.navbar-toggler{background:#f0f8ff}@media(max-width:768px){.logo{display:none}}.container-main{background-color:#002147;height:auto;margin-top:25px;min-width:-webkit-fill-available}.container-main .row{color:#fff;width:85%}.container-main .row ul{list-style:none;font-size:16px;padding:0;margin:0}.container-main .row ul li img{width:120px}.footer-logo{display:flex;max-width:100%}.footer-text{margin:0;padding:0;text-align:left}.footer-container{text-align:-webkit-center!important}.footer-icon{display:flex;max-width:100%;flex-direction:column}.social-icon{width:50px;height:50px;background:#187dff;display:flex;margin-right:10px;justify-content:center;align-items:center;border-radius:8px}.footer-icon-title{display:flex}.quick-link{display:flex;margin-bottom:15px;font-size:18px}.span-title{margin-left:20px}.footer-post{display:flex;max-width:100%}.footer-post-img{width:80px;height:80px}.footer-icon-text{width:inherit;font-size:18px}.footer-icon-slogan{width:200px}.text-icon-muted{color:#8f7fab}.contact-icon{min-width:-moz-max-content;min-width:max-content;display:flex;margin-top:25px;align-items:center}.contact-icon i{margin-right:25px}.contact{position:relative;left:55px}@media(max-width:768px){.container-main{margin-top:103px}.contact{position:relative;left:0}}.row{padding:50px}.card-item{width:auto;margin-bottom:25px}.header-service{font-weight:500;color:#6495ed;font-size:44px}.card-face i{color:#fcfcfc;position:absolute;top:25px;font-size:37px}.card-face p{margin-top:40px;font-size:16px}.card-back h3{font-weight:800;color:#fcfcfc;position:absolute;top:25px;font-size:20px}.card-container{perspective:1000px;width:350px;height:250px}.card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s}.card-container:hover .card{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.card-front{background-color:#3498db;color:#fff}.card-back{background-color:#3498db;color:#fff;transform:rotateY(180deg)}@media(max-width:768px){.row{margin-left:-25px;margin-bottom:-85px}.row:nth-child(1){margin-left:-85px;margin-top:25px}.card-item{margin-bottom:25px;height:330px;width:100%}}.teklif{height:500px;background-color:#0c5adb}.teklif-form{display:contents;margin-right:10px}.teklif-form .form-group{margin-right:15px}.teklif-container input{padding:15px}@media(max-width:768px){.teklif{height:auto}.teklif-form{display:block}.teklif-form .form-group{margin-right:0}.row-teklif{width:117%}}.about-container{height:450px;background-image:url(/images/about.jpg);display:flex;align-items:center;justify-content:center}.about-container h1{font-size:3rem;font-weight:700;color:#999}.banner{font-size:18px;font-weight:600;color:#0c5adb;letter-spacing:4px}.animate:before{content:"";width:200px;height:10px;background-color:#999}.outhor img{width:100px;height:100px;border-radius:50%}.outhor-item{position:relative;left:132px;top:-81px;font-size:18px;font-weight:700}.outhor-title-item{position:relative;left:58px;top:-50px}.hakkinda-body .card{border-radius:15px}.hakkinda-body .card i{font-size:45px;color:#1a64dd}.hakkinda-body .card .card-subtitle{font-size:30px;font-weight:500}.hakkinda-body .card-body{z-index:2;padding:20px;transition:color .3s}.card-bg{position:absolute;bottom:0;right:0;width:25px;height:25px;background-color:#adc7f1;z-index:1;transition:all .5s ease-in-out}.card:hover .card-bg{width:100%;height:100%;border-radius:15px}.hakkinda-body .card:hover .card-body{color:#fff!important}.hakkinda-body .card:hover .card-bg{background-color:#1a64dd}.hakkinda-body .card:hover .card-subtitle,.hakkinda-body .card:hover i{color:#fff!important}.service .card:hover{border:2px solid blue}.service .card{width:400px;height:370px}.service .card-title{width:100px;height:100px;background:#00f;color:#fff;display:flex;justify-content:center;align-items:center;margin-left:148px;border-radius:50%}.service i{font-size:50px}.service h6{font-size:23px;font-weight:700}.service .arrow{display:flex;justify-content:center;margin-top:3px}.service .arrow i{font-size:31px;padding:10px;border-radius:50%;color:#00f;border:2px solid;margin-top:50px}.service .card:hover .arrow i{font-size:31px;padding:10px;border-radius:50%;color:#fff;background:#00f;border:2px solid}@media(max-width:768px){.service .card{width:369px!important;height:370px;margin-left:20px}.service .card-title{width:100px;height:100px;background:#00f;color:#fff;display:flex;justify-content:center;align-items:center;margin-left:110px;border-radius:50%}}.contact-title{font-size:40px;font-weight:700}.contact-card .col-md-4{width:30%;height:250px}.contact-card .col-md-4 .card i{color:#0c5adb;font-size:58px;margin-top:45px;margin-bottom:15px}.contact-card .col-md-4 .card label{display:inline-block;font-size:xx-large;font-weight:500}.contact-teklif{height:500px;background-color:#d3d3d3}.label{font-size:47px;font-weight:700}.contact-teklif-container input{padding:15px}@media(max-width:768px){.contact-card .col-md-4{width:100%;height:auto;margin-bottom:10px}.contact-teklif{height:auto;background-color:#d3d3d3}.button-text{width:74%;margin-left:32px;margin-top:55px}}.servicedetail-container{height:450px;background-image:url(/images/about.jpg);display:flex;align-items:center;justify-content:center}.header-service{font-size:3rem;font-weight:700;color:#999}.card-header{background:#174477}.detay-header{color:#174477;font-size:30px;font-weight:900}.button{text-align:center;font-size:20px;color:#174477;visibility:hidden}.card:hover .button{transition:opacity .4s ease,visibility .4s ease;visibility:visible}.card{height:100%;min-height:335px}.card-body img{width:100%;height:250px}.fade-out{opacity:0;transition:opacity .5s ease}