@import url('https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Lato:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');


body {
    font-family: 'Nunito', sans-serif;
       background-color:#f8f8f8;
}
.back-gri{
    background-color:#f8f8f8;
}
.back-white{
    background-color:#fff;
}
.no-padding-lg{
    padding:0px;
}
.main-navbar .navbar-right.navbar-right-yeni{
    bottom:20px;
    transition:  height .5s ease;
}
.main-navbar .right-top{
    position:absolute;
    right:0px;
    top:5px;
    align-items:center;
    display:flex;
}
.main-navbar .right-top span{
    font-size:13px;
    margin-left:5px;
    margin-right:20px;
    margin-top:6px;
    margin-right:20px;

}
   
    .main-navbar .right-top span:before {
        content:':';
        margin-right:5px;
    }

.main-navbar .navbar-right{
    bottom:15px;
}
.main-navbar .border-main{
    height:1px;
    width:80%;
    border-bottom:1px solid #ddd;
    position:absolute;
    right:0px;
    bottom:18px;
}

.main-navbar .navbar-brand{
    display:flex;
    align-items:center;
        margin-left: 0px;
        margin-top:13px;
}
.main-navbar .navbar-brand .image-area {
    width:280px;
    height:50px;
}
    .main-navbar .navbar-brand .image-area img {
        max-width:100%;
        max-height:100%;
    }

.main-navbar .navbar-brand .text-area{
    color:#3f82bd;
    font-size:35px;
    font-weight:800;
    margin-left:20px;
      transition: margin 1s ease;
}
.black-back{
    background-color:#2b2b2b;
}
.main-navbar .nav-link a,
 .main-navbar.nav-link a:hover, 
.main-navbar .nav-link a:focus {
    font-weight: 800;
    color: #000;
    font-size: 13px;
    text-decoration: none;
}
.main-navbar .nav-link:after {
    content: '';
    margin-left: 7px;
    margin-right: 7px;

}
.main-navbar .nav-link:last-child:after {
    content:'';

}
.main-navbar .nav-link.mar-no:after {
    margin-right:0px;
    margin-left:0px;
}

.e-ticaret-area{
    height: 136px;
    padding: 50px 10px;
    position: absolute;
    right: 0px;
    z-index:999;
    top:-0px;
     transition: height .5s ease;
}
.main-navbar .navbar-right{
    position:absolute;
    right:0px;
}
.main-navbar .e-ticaret-logo-area{
    width:130px;
    height:34px;
}
    .main-navbar .e-ticaret-logo-area img {
        max-width:100%;
        max-height:100%;
    }









.layout-navbar .navbar-brand {
    width: 150px;
    height: 150px;
}

   

.layout-navbar .navbar-right {
    position: absolute;
    right: 0px;
    top: 20px;
}

.layout-navbar .navbar-iletisim {
    font-size: 15px;
    font-weight: 600;
    display: flex;
}

    .layout-navbar .navbar-iletisim .img-wrapper {
        width: 28px;
        height: 25px;
        text-align: center;
    }

    .layout-navbar .navbar-iletisim span:before {
        content: ':';
    }

.menu-navbar .navbar-right {
    position: absolute;
    right: 0px;
    top: -75px;
    padding-top:10px;
    border-top:1px solid #ddd;
}

.menu-navbar .nav-link {
    padding: 0px;
}

    .menu-navbar .nav-link a,
    .menu-navbar .nav-link a:hover,
    .menu-navbar .nav-link a:focus {
        font-weight: 800;
        color: #000000;
        font-size: 14px;
        text-decoration: none;
    }

    .menu-navbar .nav-link:after {
        content: '|';
        margin-left: 12px;
        margin-right: 12px;
        color: #838485;
    }

    .menu-navbar .nav-link:last-child:after {
        content: '';
        margin-left: 0px;
    }

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0px;
    height:30px;
}
.footer{
    margin-top:40px;
}

.footer .back-black{
    background-color:#f8f8f8;
    padding:50px 0px;
    
}
    .footer .back-black .logo-area {
        width:280px;
        height:50px;
    }
        .footer .back-black .logo-area img {
            max-width:100%;
            max-height:100%;
        }
        .footer .back-black .menu-area li{
            list-style-type:none;
        }
        .footer .back-black .menu-area li a:before{
            content:'\f0da';
            font-family:'FontAwesome';
            color:#858585;
            margin-right:5px;

           
        }
        .footer .back-black .menu-area li a,
        .footer .back-black .menu-area li a:hover,
        .footer .back-black .menu-area li a:focus{
            color:#858585;
            font-size:14px;
            font-weight:600;
            text-decoration:none;

        }
        .footer .back-black .iletisim-area{
            color:#848484;
            font-size:14px;
            font-weight:600;
           
        }
        .footer .back-black .iletisim-area .flex{
            margin-bottom:15px;
        }
    .footer .back-black .iletisim-area .flex img{
        margin-right:10px;

    }
     .footer .back-black .social-area .flex{
         justify-content:space-between;
     }
    .footer .back-black .social-area .icon-wrapper{
        width:30px;
        height:30px;
        
    }
    .footer .back-black .social-area .icon-wrapper img{
        width:100%;
    }
        .footer .back-black .social-area .text{
            font-size:14px;
            color:#848484;
            text-align:center;
            margin-bottom:20px;
            font-weight:700;
        }
        .footer .back-blue .icon-wrapper{
            width:30px;
            height:30px;
        }
            .footer .back-blue .icon-wrapper img {
                width:100%;
            }

        .footer .back-blue{
            background-color:#00c8c8;
            padding:10px 0px;
        }
        .footer .back-blue .text{
            color:#7d7d7d;
            font-size:14px;
        }
      
        .mavi{
            color:#3f82bd;
        }
        .main-body{
            margin-top:136px;
        }
        .back-blue{
            background-color:#00c8c8;
        }
        .image-area.image-yeni img{
            height:65px;
           transition: height 1s ease;
        }
         .main-navbar .navbar-brand .text-yeni {
            font-size:25px;
            margin-left:10px;
                transition: margin 1s ease;
        }
         .e-ticaret-area-yeni{
             height:91px;
             padding:25px 10px;
             transition: height .5s ease;
         }
        .main-navbar .nav-link-yeni a, .main-navbar .nav-link-yeni a:hover, .main-navbar .nav-link-yeni a:focus{
            font-size:12px;
        }
        .navbar-expand-lg .navbar-nav .nav-link.nav-link-yeni{
            height:25px;
                transition: height 1s linear;
        }
      
        .image-area img{
            height:125px;
             transition: height 1s ease;
        }

@media(max-width:1440px) {
  
  
}


@media(max-width:1199px) {
   
     .main-navbar .navbar-brand .text-area{
         font-size:25px;
     }
    .menu-navbar .nav-link a {
        font-size: 12px;
    }

    .layout-navbar .navbar-brand {
        width: 110px;
        height: 110px;
    }

    .menu-navbar .navbar-right {
        top: -35px;
    }
    .main-navbar .nav-link a, .main-navbar.nav-link a:hover, .main-navbar .nav-link a:focus{
        font-size:12px;
    }
    .main-navbar .border-main {
        width:77%;
    }

}

@media (min-width:992px) and (max-width: 1023px) {
    .menu-navbar .nav-link:last-child:after {
        content: '';
        margin-right: 0px;
    }
   

   
}

@media(max-width:991px) {
    .no-padding-lg{
    padding:10px;
}
   .main-navbar .right-top{
        top:5px;
    }
   .main-navbar .right-top span{
       margin-right:0px
   }
   .main-navbar .right-top .margin-right{
       margin-right:20px;
   }

     .navbar-brand .image-area img{
        height:100px;
    }
       
    .main-navbar .navbar-toggler-icon {
        width: 30px;
        height: 3px;
        background-color: #3f82bd;
        display: block;
        margin-top: 2px;
        margin-bottom: 4px;
    }

    .main-navbar .navbar-toggler {
        border: 1px solid #ddd;
        padding: 8px;
        position:absolute;
        right:0px;
        top:30px;
    
    }
    .main-navbar .navbar-right.navbar-right-yeni{
        bottom:5px;
    }
    .main-navbar .navbar-right{
        position:relative;
        right:0px;
        margin-left:-15px;
        margin-right:-15px;
        margin-top:10px;
        border-top:1px solid #848484;
        padding:20px;
        bottom:0px;
        background-color: #f8f8f8;
    }
    .main-navbar .nav-link:after{
        content:'';
    }
 
    .navbar-e-ticaret{
        position:absolute;
        top:20px;
        right:60px;
    }
    .layout-navbar .menu-navbar{
        width:100%;
    }
    .layout-navbar .menu-navbar  .navbar-right{
        width:100%;
        top:0px;
        background-color:white;
        border-bottom:1px solid #ddd;
        padding:20px;
        z-index:1;
    }
    .layout-navbar .menu-navbar .nav-link{
        margin-bottom:5px;
    }
        .layout-navbar .menu-navbar .nav-link:after{
            content:'';
        }
        .e-ticaret-area{
            padding:10px;
            height:auto;
            right:-15px;
           
        }


}

@media(max-width:767px) {
    .layout-navbar .navbar-iletisim {
        font-size: 13px;
    }
    .e-ticaret-area{
        padding:5px;
    }
  

}

@media(max-width:425px) {
    .layout-navbar .navbar-iletisim {
        display: block;
        font-size: 13px;
    }

    .navbar-e-ticaret {
        width: 100px;
        position: absolute;
        right: 60px;
        top: 45px;
    }
    .footer .back-black .logo-area{
        height:40px;
    }
  

        .navbar-e-ticaret img {
            width: 100%;
        }
        .main-navbar .right-top{
            display:block;
        }
        .main-navbar .navbar-toggler{
            top:30px;
        }
        .main-navbar .right-top .margin-right{
            margin-right:0px;
        }
        .main-navbar .flex div{
            width:30px;
            text-align:right;
        }
        .main-navbar .navbar-brand{
            margin-left:0px;
        }
}

@media(max-width:375px) {
    .main-navbar .navbar-brand .text-area{
        margin-left:5px;
    }
   
}

@media(max-width:320px) {
}