body{
    background-color:rgba(248, 156, 56,.2);
    background-color: #fff;
}
.navbar-collapse{
    flex-grow: unset;
    align-items: unset;
}
.navbar-brand{
    position:relative;
    width:160px;
    font-size:28px;
}
.navbar-brand img{
    width:45px;
}
.navbar-brand span{
    position: absolute;
    right: -14px;
    bottom: -2px;
    color: #f89c38;
}
.dropdown-toggle::after{
    border:0px;
    
}
.dropdown-menu{
    border-color:#f89c38;
}
.dropdown-menu a{
    color:#429cd6;
}
.dropdown-menu a:hover{
    background-color:unset;
    color:#f89c38;
}
.navbar{padding:5px 0px;}
.navbar-nav{
    text-align: center;
}
.navbar-expand-lg .navbar-nav .nav-link{
    color:#429cd6;
}
.navbar-nav .nav-item.active .nav-link{
    color:#f89c38;
}
.navbar-nav .nav-link:hover{
    color:#f89c38; 
}


.navbar-nav .nav-link::after{
    position: absolute;
    content:"";
    width:0px;
    height:2px;
    background-color:#f89c38;
    bottom:19px;left:-8%; 
}
.navbar-nav .nav-link:hover::after{
    position: absolute;
    content:"";
    width:7px;
    height:2px;
    background-color:#f89c38;
    bottom:19px;left:-8%; 
}
.navbar-nav .nav-item.active .nav-link::after {
    position: absolute;
    content:"";
    width:7px;
    height:2px;
    color:#f89c38;
    bottom:19px;left:-8%;
}
.navbar-nav .nav-item .nav-link:visited::after {
    position: absolute;
    content:"";
    width:7px;
    height:2px;
    color:#429cd6;
    bottom:19px;left:-8%;
}


@media screen and (min-width: 992px){
.sticky-wrapper {
    bottom: 79px;
}}

.overlay{
    background: linear-gradient(180deg, #002D62, #429cd6);
}
.heroText{
    top:45%;
}
.heroText h1{
    color:#f89c38;
}

.hero {
    height: 100vh !important;
}
ul.navbar-nav{
    margin-left: auto;
    margin-right:auto;
}
.hero h4{
    font-weight:var(----font-weight-normal);
}
.hero h5{
    font-weight:var(----font-weight-normal);
    }
    .section-padding .title-head{
text-align: center;
    }
    .section-padding h2{       
        display:inline-block;
        color:#f89c38;
        font-weight:400;
        font-size: 30px;
        position:relative;
/*background: rgb(66,156,214);
background: linear-gradient(90deg, rgba(66,156,214,1) 0%, rgba(66,156,214,1) 30%, rgba(248,156,56,1) 70%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;*/
    }
 
    .section-padding .fab, .section-padding .fas{
        margin-right: 29px;
        bottom: -1px;
        position: relative; 
        color:#429cd6;
        width:10px; 
    }
    .section-padding .line1,.section-padding .line2,.section-padding .line3,.section-padding .line4{
    width:0;
    height:1px;
    display: block;
    position:absolute;
    transition: width .3s ease-in;
    -moz-transition: width .3s ease-in;
    -webkit-transition: width .3s ease-in; 
    background: rgba(248,156,56,1);
    /*background: linear-gradient(90deg, rgba(66,156,214,1) 0%, rgba(66,156,214,1) 30%, rgba(248,156,56,1) 70%);*/
    left: 19%;
    bottom: -3px
    }
    .section-padding .line2{
        left: 23%;
    }
    .section-padding .line3{
        left: 23%; 
    }
    .section-padding .line4{
        left: 23%; 
    }
.pline{
    position: absolute;
    left:0;bottom:0;
    width:100%;
    height:2px;
    background-color: #f89c38;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.service-list{
    padding: 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.service-list ul{
margin-bottom:0px;

   float:left;
  
    
}
.service-list ul li{
    font-size:20px;
    list-style:none;
    color:var(--p-color);
    padding: 25px;
}

.show-demo{
    float:left;
    width:100%;

    background-color:#fff;
}
.show-demo .fas{
    color:#f89c38;
}

.show-demo a{
    padding-left:28px;
    padding-bottom:25px;
    display:block;
    padding-top:25px;
    border-top:1px solid #f89c38;
    font-size:22px;
    color:#f89c38;
}


.show-demo a:hover{
color:#f89c38;
}
.show-demo a:hover .fas{
    color:#f89c38;
    }
    .banner img{
        height:450px;
    }
    #restoran img{
        width:100%;
    }
    .btn-yemekji{
        background:#be1e2d;
        font-size: 14px;
        color: #fff;
        padding: 12px 30px 10px;
        transition: all 0.6s ease-out;
    }
    .btn-yemekji:hover{
        background: #f89c38;
        color:#fff;
    }
    .btn-estate{
        background:#ff715d;
        font-size: 14px;
        color: #fff;
        padding: 12px 30px 10px;
        transition: all 0.6s ease-out;
    }
    .btn-estate:hover{
        background: #f89c38;
        color:#fff;
    }
    .btn-commerce{
        background:#9d68aa;
        font-size: 14px;
        color: #fff;
        padding: 12px 30px 10px;
        transition: all 0.6s ease-out;
    }
    .btn-commerce:hover{
        background: #f89c38;
        color:#fff;
    }
.techlogos{padding-top:125px;}
.techlogos img{margin-right:40px;}
.banner-1{
    width:100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
p{
    position:relative;
    font-size:19px;
}
.navbar-toggler .navbar-toggler-icon,.navbar-toggler .navbar-toggler-icon:after,.navbar-toggler .navbar-toggler-icon:before{
    background-color:#f89c38;
}

img.ad1{
width:45px;
}
.ads span{
    color:var(--p-color);
    font-size:24px;
    margin-left:20px;
}
.ad.cont{

}
.ads{
    padding:0px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
img.ad2{
    width:100%;
    border-top:1px solid #f89c38;
    display:none;

}
img.ad3{
    width:100%;
    border-top:1px solid #f89c38;
   
 
}
.add-title{
    padding:25px;
    
}
.adtext{
    margin-top:25px;
}
.contact{
    background-color: #f9f9f9;;
}
.contact-form .form-group{
    margin-bottom:20px;;
}
.form-control {
    border: 1px solid #f89c38;
    padding: 6px 15px;
    max-width: 100%;

}
textarea.form-control{
    min-height:190px;
}

@media screen and (max-width: 1383px){
    #hakkimizda .col-lg-6 p{
       font-size:16px;
       
    }
    .service-list ul li {
        font-size:17px;
    }

}
@media screen and (max-width: 1214px){
    .banner img{
        height:350px;
    }
    .techlogos img{
        margin-right:20px;  
    }
    .techlogos{
        padding-top:100px;
    }
}

@media screen and (max-width: 1183px){
    img.ad2{

        display:inline-block;
    }
    img.ad3{
display:none;
    }

}
@media screen and (max-width: 1005px){
    .banner img{
        height:unset;
        width:100%
    }
    .techlogos img{
        margin-right:40px;  
    }
    .techlogos{
        padding-top:60px;
        margin-bottom:20px;
    }
}
@media screen and (max-width: 992px){
.nav-link{
    display:inline-block;
}
.navbar-nav{
    display:block;
    width:250px;
}
}

@media screen and (max-width: 976px){
    #hakkimizda .col-lg-6 p:first-child{
        padding-top:20px;
    }
    #hakkimizda .col-lg-6 p{
        padding:0px 15px;;
        font-size:18px;
       
     } 
     .adtext p{
         font-size:18px;
     }
     #hakkimizda .col-lg-6 .banner-1{
         padding:15px;
         box-shadow: unset;
     }
 

}
@media screen and (max-width: 782px){

    .techlogos img{
        margin-right:20px;  
    }
    .techlogos{
        padding-top:60px;
    }
}
@media screen and (max-width: 752px){
    .show-demo a {
       font-size:20px;
    }
  
    .adtext p{
        font-size:17px;
    }
}
@media screen and (max-width: 591px){
    .techlogos p{padding-left:10px;} 
}
@media screen and (max-width: 572px){
    .navbar-brand img{
        width:35px;
    }
    .navbar-brand span{
    right: -4px;
    bottom: -4px;
    color: #f89c38;
    font-size: 28px;
    }
    .ad-cont{
       padding:20px;
    }

    .section-padding .fab,.section-padding .fas{
        margin-right:18px;
    }
    .show-demo a{
        padding-left:62px;
    }
    .show-demo a {
        font-size:20px;
        
     }
}
@media screen and (max-width: 537px){

    #hakkimizda .col-lg-6 p{
        padding:0px 15px;;
        font-size:16px;
       
     } 
     .adtext p{
        font-size:16px;
    }
    #yazilim{
        padding-left:15px;
        padding-right:15px;
    }
}

@media screen and (max-width: 513px){
    .navbar-nav .nav-item.active .nav-link::after{
        left:-4%;
    }
}