.language-li{
    margin-right:25px
}
.language-li li:hover{
    transition:.5s;
    opacity:.8
}
.language-li li{
    display:inline-block;
    margin-right:8px
}
.mt-10{
    margin-top:70px
}
.mobile-lang{
    display:none;
    float:right;
    padding:0;
    margin-left:0;
    position:relative;
    bottom:21px
}
.mobile-lang li{
    float:left;
    margin-right:12px;
    font-size:13px
}
.map-col-bg{
    margin-top:0!important
}
.page-img{
    margin-bottom:50px
}
.featured-thumbnail:hover{
    cursor:pointer
}
.color-white,.whatsApp i{
    color:#fff!important
}
.dokumanlar table thead tr,.ttm-bgcolor-yass .widget-categories a{
    font-weight:500
}
.ttm-bgcolor-yass .widget-title{
    font-weight:400!important
}
.ttm-bgcolor-yass .widget-categories{
    background:0 0!important;
    margin-top:0!important
}
.ttm-bgcolor-yass{
    background:#cccccc0a;
    border:1px solid #cccccc29
}
.form-call-wrapper *{
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
    font-size:20px;
    color:#505050
}
.form-call-wrapper{
    display:block;
    background:0 0;
    border:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    float:none;
    font-style:normal;
    text-transform:none;
    max-width:none;
    max-height:none;
    -moz-opacity:1;
    -webkit-opacity:1;
    opacity:1;
    outline:0;
    overflow:visible;
    text-decoration:none;
    vertical-align:top;
    word-spacing:normal;
    letter-spacing:normal;
    position:fixed;
    bottom:25px;
    right:25px;
    margin-left:-25px;
    margin-top:-25px;
    width:50px;
    height:50px;
    text-align:center;
    font-size:6.25px;
    line-height:50px;
    -webkit-font-smoothing:antialiased;
    z-index:1000;
    cursor:pointer
}
.callMe{
    right:100px
}
.whatsApp:before{
    border-color:#25d366!important
}
.whatsApp:after{
    background:#25d366!important
}
.whatsApp .form-call-btn{
    background-color:#25d366!important
}
.form-call-wrapper:after,.form-call-wrapper:before{
    content:"";
    border-radius:100%;
    position:absolute;
    top:0;
    left:0;
    width:50px;
    height:50px;
    -webkit-transform-origin:center center;
    -ms-transform-origin:center center;
    transform-origin:center center;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    z-index:9;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
.form-call-wrapper:after{
    background:#ddd;
    -webkit-animation:3s linear infinite lexprofitBackAnim;
    animation:3s linear infinite lexprofitBackAnim
}
.form-call-wrapper:before{
    border:1px solid #ddd;
    -webkit-animation:3s linear -.5s infinite lexprofitBorderAnim;
    animation:3s linear -.5s infinite lexprofitBorderAnim
}
.form-call-wrapper .form-call-btn{
    z-index:10;
    position:absolute;
    background-color:#ccc;
    border-radius:100%;
    width:100%;
    height:100%
}
.form-call-wrapper .form-call-btn .form-call-phone-icon{
    font-family:Flaticon-call-button;
    font-size:40px;
    font-style:normal;
    text-align:center;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.form-call-wrapper .form-call-btn .form-call-phone-icon:before{
    content:"\e907";
    color:#888
}
.form-call-wrapper:hover .form-call-btn{
    background-color:#bbb;
    -webkit-animation:1s linear infinite lexprofitBoundingAnim;
    animation:1s linear infinite lexprofitBoundingAnim
}
.form-call-wrapper:hover:after{
    background-color:#aaa
}
.form-call-wrapper:hover:before{
    border-color:#aaa
}
@-webkit-keyframes lexprofitBackAnim{
    0%{
        -webkit-transform:scaleX(.7) scaleY(.7);
        transform:scaleX(.7) scaleY(.7)
    }
    25%{
        -webkit-transform:scaleX(1.2) scaleY(1.2);
        transform:scaleX(1.2) scaleY(1.2)
    }
    50%{
        -webkit-transform:scaleX(1.5) scaleY(1.5);
        transform:scaleX(1.5) scaleY(1.5)
    }
    65%{
        -webkit-transform:scaleX(1.2) scaleY(1.2);
        transform:scaleX(1.2) scaleY(1.2);
        opacity:.7
    }
    to{
        -webkit-transform:scaleX(.7) scaleY(.7);
        transform:scaleX(.7) scaleY(.7);
        opacity:0
    }
}
@keyframes lexprofitBackAnim{
    0%{
        -webkit-transform:scaleX(.7) scaleY(.7);
        transform:scaleX(.7) scaleY(.7)
    }
    25%{
        -webkit-transform:scaleX(1.2) scaleY(1.2);
        transform:scaleX(1.2) scaleY(1.2)
    }
    50%{
        -webkit-transform:scaleX(1.5) scaleY(1.5);
        transform:scaleX(1.5) scaleY(1.5)
    }
    65%{
        -webkit-transform:scaleX(1.2) scaleY(1.2);
        transform:scaleX(1.2) scaleY(1.2);
        opacity:.7
    }
    to{
        -webkit-transform:scaleX(.7) scaleY(.7);
        transform:scaleX(.7) scaleY(.7);
        opacity:0
    }
}
@-webkit-keyframes lexprofitBorderAnim{
    0%{
        -webkit-transform:scaleX(1) scaleY(1);
        transform:scaleX(1) scaleY(1)
    }
    50%{
        -webkit-transform:scaleX(1.5) scaleY(1.5);
        transform:scaleX(1.5) scaleY(1.5)
    }
    to{
        -webkit-transform:scaleX(2) scaleY(2);
        transform:scaleX(2) scaleY(2);
        opacity:0
    }
}
@keyframes lexprofitBorderAnim{
    0%{
        -webkit-transform:scaleX(1) scaleY(1);
        transform:scaleX(1) scaleY(1)
    }
    50%{
        -webkit-transform:scaleX(1.5) scaleY(1.5);
        transform:scaleX(1.5) scaleY(1.5)
    }
    to{
        -webkit-transform:scaleX(2) scaleY(2);
        transform:scaleX(2) scaleY(2);
        opacity:0
    }
}
@-webkit-keyframes lexprofitBoundingAnim{
    0%,30%,60%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    15%{
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }
    45%{
        -webkit-transform:rotate(-15deg);
        transform:rotate(-15deg)
    }
}
@keyframes lexprofitBoundingAnim{
    0%,30%,60%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    15%{
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }
    45%{
        -webkit-transform:rotate(-15deg);
        transform:rotate(-15deg)
    }
}
.ttm-product-image-box{
    border:1px solid #cccccc30
}
#banner-modal .modal-dialog{
    top:15%
}
#banner-modal .close{
    position:absolute;
    right:10px;
    z-index:99;
    font-size:45px
}
#banner-modal .modal-body{
    padding:0
}
#banner-modal img{
    width:100%;
    border-radius:5px
}
body.ar{
    text-align:right!important
}
.popin.generalAnnounce{
    width:450px
}
.popin{
    background-color:rgba(32,32,32,.95);
    width:270px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    padding:20px;
    color:#c9c9c9;
    font-size:12px;
    line-height:17px;
    position:fixed;
    left:15px;
    bottom:15px;
    z-index:999;
    border-radius:5px
}
.popin .closeBtn{
    cursor:pointer;
    display:block;
    font-size:21px;
    position:absolute;
    margin-right:8px;
    right:8px;
    top:10px;
    z-index:1
}
.header-5 .header-top-languages .container,.header-5 .p-relative,.video-content{
    position:relative
}
.popin .closeBtn:hover{
    opacity:.8;
    transition:.5s
}
.popin .title-cerez{
    font-size:18px;
    line-height:1;
    font-weight:400;
    margin-bottom:5px;
    color:#fff
}
.popin.generalAnnounce a{
    color:#fff;
    text-decoration:underline
}
.popin.generalAnnounce p{
    line-height:20px;
    color:#fff;
    font-size:12px;
    margin-bottom:0
}
#menu-footer-services i{
    margin-right:3px
}
.dokumanlar table{
    width:100%;
    border-spacing:0;
    border:none;
    border-collapse:collapse;
    font-weight:300
}
.dokumanlar table tr{
    transition:.3s
}
.dokumanlar table tr:not(:first-child):hover{
    background-color:#f7f7f7
}
.dokumanlar table tr td{
    padding:16px 18px;
    font-size:14px;
    color:#a3a3a3
}
.dokumanlar table thead td{
    background-color:#727272;
    color:#ffff!important
}
.dokumanlar table tbody tr td:first-child a{
    color:inherit
}
.dokumanlar table tbody tr td:last-child a{
    color:#eb0e1d;
    font-weight:400;
    transition:.3s
}
.dokumanlar table tbody tr td:last-child a:hover{
    color:#ff848c
}
.dokumanlar .blog-sidebar .sidebar-widget.search form{
    display:flex
}
.dokumanlar .blog-sidebar .sidebar-widget.search input{
    width:auto
}
.dokumanlar .blog-sidebar .sidebar-widget.search input[type=text]{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    height:60px
}
.dokumanlar .blog-sidebar .sidebar-widget .ara-btn{
    cursor:pointer;
    display:inline-block;
    height:60px;
    line-height:50px;
    border-radius:0 25px 25px 0;
    background-color:#eaebed;
    border:1px solid transparent;
    font-size:14px;
    color:#1e1e1e;
    outline:0;
    padding:0 20px;
    -webkit-transition:5s;
    transition:.5s
}
.dokumanlar .blog-sidebar .sidebar-widget .ara-btn:hover{
    background-color:#eb0e1d;
    color:#ffff
}
.dokumanlar .blog-sidebar .sidebar-widget .ara-btn i{
    transform:translate(-24%,20%);
    position:relative
}
.dokumanlar .blog-sidebar .sidebar-widget p::after{
    content:"";
    height:2px;
    display:block;
    width:20%;
    margin-top:5px;
    background-color:#eb0e1d
}
.one-vitrin{
    padding:60px 0
}
.header-3 .fixed-header{
    background-color:var(--theme-color-1)!important
}
.btn-home-footer,.header-3 .header-btn .ttm-btn.ttm-btn-size-md,.header-3 .top-contact li,.header-3 .top-contact li a{
    color:var(--theme-header-color)!important
}
.header-4-color *{
    color:var(--theme-color-1)!important
}
.header-5 .header-top-languages{
    position:absolute;
    top:-35px;
    right:15px
}
.wrap-team .featured-thumbnail:hover{
    cursor:auto
}
.mobile-button-only a{
    border:0!important
}
@media(max-width:577px){
    .popin{
        display:none!important
    }

    #banner-modal img
    {
        display: none;
    }
}
.calltoaction-info{
    -webkit-transition:.6s;
    -o-transition:.6s;
    transition:.6s;
    background-color:var(--theme-header)!important;
    max-width:100%;
    padding:58px 0;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    background-blend-mode:color-burn;
    color:var(--theme-header-color)!important
}
.call-to-action.action-style3 .content-title{
    font-size:2em;
    margin-bottom:25px;
    color:var(--theme-header-color)!important;
    line-height:11px
}
#kurumsal{
    color:#000
}
#kurumsal .card-body{
    padding:43px 54px
}
#kurumsal .card-body h1{
    font-size:35px
}
input.error{
    border:1px solid red!important
}
.video-content{
    box-shadow:1px 1px 3px 2px #ccc
}
.video-content .overflow i{
    color:#fff;
    font-size:48px;
    position:absolute;
    margin-left:auto;
    margin-right:auto;
    left:0;
    right:0;
    text-align:center;
    top:45%
}
.video-content .overflow{
    position:absolute;
    z-index:99;
    background:#21252970;
    width:100%;
     height: 82%;
}
.video-content h4{
    font-size:17px;
    padding:16px 25px;
    font-weight:600
}
.video-content:hover{
    opacity:.7;
    transition:.5s
}
 .lang-ar .accordion-body{
     text-align: right !important;
}

 .banner-subtitle{
     font-size: 40px;
     font-weight: 700;
     margin: 0;
     color: #000;
}




 .banner-subtitle span {
        display: block;
    font-size: 16px;
    font-weight: 400;
    color: #666;
 }

 .lang-ar .contact-info
 {
    text-align: right;
 }

 .lang-ar .odometer-inside,  .lang-ar .phone-number
 {
    direction: ltr;
    display: block;
 }

  .lang-ar .about-wrap.style1 .about-img-wrap .about-img-two
  {
        right: 133px;
  }

  .lang-ar input[name="iletisim_data[telefon]"], .lang-ar input[name="biziArayin[telefon]"]
  {
        direction: ltr;
  }

  .headerTitle
  {
        color: #fff;
    font-size: 68px;
    font-weight: 800;
    margin-bottom: 15px;
  }

  .client-title
  {
        font-size: 24px;
    color: #000;
  }

  .counter-title
  {
        font-size: 34px;
    line-height: 1;
    margin: 0 0 10px;
    color: #fff;
    font-weight: 500;
  }

  #banner-modal .login-form-wrap .login-form .btn
  {
    padding: 7px 35px;
  }

  #banner-modal .login-form-wrap
  {
        padding: 43px 40px 19px;
    margin: 0;
  }

  #banner-modal h3
  {
    font-size: 22px;
    line-height: 30px;
  }

  #banner-modal label
  {
    font-size: 14px;
    margin: 0px;
    margin-bottom: 6px;
  }

  #banner-modal .btn-close
  {
    position: absolute !important;
    right: 13px;
    top: 10px;
    z-index: 999;
  }

  #banner-modal input
  {
        height: 43px;
  }

  .breadcrumb-title h1
  {
    color: #fff;
  }

  @media (min-width: 992px)
  {

        .modal-lg, .modal-xl {
            --bs-modal-width: 1000px;
        }
  }

  @media ( max-width:768px )
  {
    .detail-hero .hero-slide-item
    {
            padding-top: 82px !important;
    }
    .detail-hero .login-form-wrap
    {
            margin-top: 82px;
    }

    .contact-info li:nth-child(3)
    {
        display: none !important;
    }

      .contact-info li
      {
        width: auto !important;
        margin: 0 !important;
      }

      .contact-info
      {
        justify-content: space-between;
        margin-bottom: 15px;
      }
  }