html,body{
    font-size:18px;
    width:100%;
    height:100%;
    padding:0;
    margin:0
}
body{
    font-family:Montserrat,Helvetica Neue,Arial,sans-serif;
    color:#fff
}
a{
    color:#fff;
    cursor:pointer
}
a:hover,a:focus,a:active{
    color:#ccc;
    text-decoration:none
}
button{
    cursor:pointer
}
h1{
    -webkit-transition:.2s ease-in-out;
    -moz-transition:.2s ease-in-out;
    transition:.2s ease-in-out;
    font-size:22px;
    font-weight:600;
    color:#023047
}
h2{
    font-size:18px;
    font-weight:600;
    color:#023047
}
h3{
    -webkit-transition:.2s ease-in-out;
    -moz-transition:.2s ease-in-out;
    transition:.2s ease-in-out;
    font-size:22px;
    font-weight:600;
    color:#023047
}
h4{
    font-size:14px;
    font-weight:600;
    color:#023047
}
h5{
    font-size:14px;
    font-weight:400;
    color:#023047
}
p{
    font-size:18px;
    color:#023047;
    margin:0
}
input,select,textarea{
    font-family:Montserrat,Helvetica Neue,Arial,sans-serif;
    color:#8d8d8d !important
}
.form-control::-webkit-input-placeholder{
    color:#8d8d8d;
    font-size:13px;
    font-family:Montserrat,Helvetica Neue,Arial,sans-serif
}
.form-control:-moz-placeholder{
    color:#8d8d8d;
    font-size:13px;
    font-family:Montserrat,Helvetica Neue,Arial,sans-serif
}
.form-control::-moz-placeholder{
    color:#8d8d8d;
    font-size:13px;
    font-family:Montserrat,Helvetica Neue,Arial,sans-serif
}
.form-control:-ms-input-placeholder{
    color:#8d8d8d;
    font-size:13px;
    font-family:Montserrat,Helvetica Neue,Arial,sans-serif
}
header{
    padding:15px;
    background:#fff;
    position:fixed;
    z-index:10;
    height:115px;
    width:100%;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.after{
    display:block;
    height:115px;
    background:#023047
}
ul{
    list-style:none
}
.white{
    color:#fff
}
.menu{
    float:right;
    margin:0;
    font-size:14px
}
.menu li{
    float:left;
    display:inline-block;
    padding:30px 20px;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.menu li span{
    position:relative;
    width:130px;
    cursor:pointer
}
.menu li span::before{
    position:absolute;
    content:'';
    width:100%;
    height:3px;
    border-radius:0;
    bottom:-6px;
    -webkit-transition:all 300ms linear;
    transition:all 300ms linear;
    -webkit-transform:scaleX(0);
    -ms-transform:scaleX(0);
    transform:scaleX(0);
    background:#fff
}
.menu li span:hover::before{
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
}
.ddmenu{
    position:relative;
    width:130px
}
.ddmenu span{
    display:block;
    position:absolute;
    left:0;
    bottom:-4px;
    background:#fff;
    height:1px;
    width:0;
    content:'';
    -webkit-transition:width 0.3s ease 0s;
    -moz-transition:width 0.3s ease 0s;
    -o-transition:width 0.3s ease 0s;
    transition:width 0.3s ease 0s
}
.ddmenu:hover span{
    width:100%
}
.ddmenu:hover .dd li:first-child{
    visibility:visible;
    transition-delay:0.1s
}
.ddmenu:hover .dd li:nth-child(2){
    visibility:visible;
    transition-delay:0.2s
}
.ddmenu:hover .dd li:nth-child(3){
    visibility:visible;
    transition-delay:0.3s
}
.ddmenu:hover .dd li:nth-child(4){
    visibility:visible;
    transition-delay:0.4s
}
.ddmenu:hover .dd li:nth-child(5){
    visibility:visible;
    transition-delay:0.5s
}
.ddmenu .dd{
    visibility:hidden;
    position:absolute;
    top:20px;
    left:0;
    width:170px;
    z-index:10
}
.ddmenu .dd li:first-child{
    margin:5px 0 0 0 !important
}
.ddmenu .dd li{
    display:block;
    border-bottom:1px solid #fff;
    float:none;
    margin:0;
    text-align:left;
    padding:5px 0;
    -webkit-transition:all 0.1s ease-in;
    -moz-transition:all 0.1s ease-in;
    -o-transition:all 0.1s ease-in;
    transition:all 0.1s ease-in;
    background:rgba(5,24,81,0.5)
}
.ddmenu .dd li a{
    display:block
}
.ddmenu .dd li:hover{
    background:#fff;
    border-bottom:1px solid #023047
}
.ddmenu .dd li:hover a{
    color:#023047
}
.p1{
    font-size:120px;
    font-weight:800
}
.slide{
    background:url(/img/banner.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    min-height:480px;
    background-position:center;
    text-align:center;
    position:relative;
    height:500px
}
.slide p{
    text-shadow:2px 5px 8px #023047
}
.slide .p1{
    font-size:120px;
    font-weight:800
}
.slide .p2{
    font-size:32px
}
.slide .center{
    position:relative;
    top:50%;
    -webkit-transform:translateY(-55%);
    -ms-transform:translateY(-55%);
    transform:translateY(-55%)
}
.pr{
    margin:15px 0 15px 0
}
footer{
    margin:100px 0 50px 0
}
.container{
    width:1240px;
    max-width:100%
}
.http-alert{
    text-align:center
}
.http-alert h1{
    margin:0 0 .1em 0;
    font-size:9em;
    letter-spacing:.03em;
    line-height:1;
    color:#eee;
    text-shadow:11px 12px 12px rgba(0,0,0,0.2),-1px -1px 1px #345,1px 1px 0 #345,3px 3px 0 #345,4px 4px 0 #345,5px 5px 0 #345,6px 6px 0 #345,7px 7px 0 #345,8px 8px 0 #345,9px 9px 0 #345,10px 10px 0 #345,11px 11px 0 #345
}
.http-alert p{
    font-style:italic
}
.textright{
    text-align:right
}
.banner{
    width:100%;
    height:auto;
    object-fit:cover
}
.rbox{
    background:#023047;
    overflow:auto;
    border:2px solid #fff
}
.rbox li{
    border:2px solid #fff;
    float:left;
    display:inline-block;
    width:20%;
    text-align:center;
    padding:40px;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out
}
.rbox li img{
    width:240px
}
.rbox li:hover{
    background:#D48002
}
.parallax-window{
    height:300px;
    background:transparent
}
.margin{
    margin:100px
}
.prl{
    position:relative;
    text-align:center
}
.prl p{
    color:#fff;
    font-style:italic;
    position:absolute;
    top:45%;
    left:0;
    right:0;
    margin:0 auto;
    font-weight:600;
    font-size:16px
}
.prl div{
    background-image:url(/img/yazilim-firmasi.jpg);
    background-position:50% 1200px;
    background-size:cover
}
@media (max-width: 768px){
    .prl div{
        background-size:auto
    }
    .prl p{
        top:25%;
        padding:20px
    }
}
.ibox{
    padding:25px 10px 25px 0
}
.ibox h3{
    margin-top:7px
}
.ibox p{
    text-align:justify
}
.refs{
    background:#023047;
    padding:100px 0
}
.refs h3{
    color:#fff;
    margin-bottom:15px
}
.s{
    font-weight:600
}
.s span{
    font-weight:400
}
.contact{
    margin:80px 0
}
.contact h3{
    margin-bottom:15px
}
label{
    color:#023047
}
.btn-primary{
    color:#fff;
    background-color:#023047;
    border-color:#000;
    border-radius:5px;
    display:block;
    padding:12px 40px;
    -webkit-box-shadow:0px 4px 9px 1px rgba(117,82,224,0.3) !important;
    -moz-box-shadow:0px 4px 9px 1px rgba(117,82,224,0.3) !important;
    box-shadow:0px 4px 9px 1px rgba(117,82,224,0.3) !important
}
.btn-primary:hover{
    background-color:#082681;
    border-color:#0b34b1
}
.maps{
    height:400px
}
@media (max-width: 767px){
    .menu{
        display:none
    }
    .first{
        margin:10px 0 80px 0
    }
    .contact{
        margin:15px 5px
    }
    .margin{
        margin:15px 5px
    }
    .margin img{
        margin-bottom:20px
    }
    .slide .p1{
        font-size:100px
    }
    .py-5{
        padding-top:0rem !important;
        padding-bottom:0rem !important
    }
    .textright{
        text-align:left
    }
    .rbox li{
        width:50%
    }
}
.form-control{
    border-top:0;
    border-left:0;
    border-right:0;
    border-radius:0;
    border-bottom:1px solid #023047
}
.spinner{
    top:50%;
    left:0;
    right:0;
    margin:0 auto;
    position:absolute;
    width:70px;
    text-align:center
}
.spinner>div{
    width:18px;
    height:18px;
    background-color:#fff;
    border-radius:100%;
    display:inline-block;
    -webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;
    animation:sk-bouncedelay 1.4s infinite ease-in-out both
}
.spinner .bounce1{
    -webkit-animation-delay:-0.32s;
    animation-delay:-0.32s
}
.spinner .bounce2{
    -webkit-animation-delay:-0.16s;
    animation-delay:-0.16s
}
@-webkit-keyframes sk-bouncedelay{
    0%,80%,100%{
        -webkit-transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1)
    }
}
@keyframes sk-bouncedelay{
    0%,80%,100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.loader{
    position:fixed;
    top:0;
    width:100%;
    height:100%;
    background:#023047;
    z-index:1000
}
.pagebanner img{
    width:100%;
    height:300px;
    object-fit:cover
}
.project .fullw{
    font-weight:300;
    border-bottom:3px solid #023047;
    color:#023047;
    padding:5px 0
}
.project .fullw span{
    float:right
}
.project p{
    text-align:justify
}
.corenav{
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    background:#023047;
    left:100%;
    z-index:1000;
    top:0;
    -webkit-transition:0.7s ease-in-out;
    -moz-transition:0.7s ease-in-out;
    -o-transition:0.7s ease-in-out;
    transition:0.7s ease-in-out
}
.corenav span{
    position:absolute;
    left:-45px;
    background:#023047;
    width:45px;
    height:45px;
    cursor:pointer
}
.corenav span img{
    position:absolute;
    left:0;
    top:0
}
.corenav .mainnav{
    list-style:none
}
.corenav .mainnav li{
    padding:15px 0 15px 20px;
    border-bottom:1px solid #33414a
}
.corenav .mainnav li a{
    color:#fff
}
.sub-menu{
    display:none
}
.sub-menu li:last-child{
    border-bottom:0 !important
}
@media (max-width: 996px){
    .corenav{
        display:block
    }
    header{
        position:relative
    }
    .after{
        display:none
    }
    .p1{
        font-size:60px !important;
        position:relative;
        top:20px
    }
}
#logo{
    width:195px;
    height:auto;
    object-fit:contain;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    position:relative
}
.mob{
    display:none
}
.mob img{
    width:100%;
    height:280px;
    object-fit:cover
}
.desc{
    margin-top:0
}
@media (max-width: 768px){
    .nomob{
        display:none
    }
    .mob{
        display:block
    }
    .desc{
        margin-top:10px
    }
}
.f18{
    font-size:18px
}