@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,700&display=swap');


   body {
     font-family: 'Cabin', sans-serif  !important;
     color: #444444;
     font-size: 14px;
     font-weight: 400;
     background: #FAFAFA;
     overflow-x: hidden;
   }
   @media (min-width: 1200px){
     .container {
       max-width: 1300px !important;
   }
   .search-box:focus {
    transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
    border: none;
    outline: none;
    box-shadow: none;
    padding-left: 15px;
    cursor: text;
    width:250px;
    border-radius: auto;
    background: #ebebeba1;
    color: black;
  }
   }
   
   
   html {
     overflow-x: hidden;
   }
   
   p {
     font-size: 16px;
     color: #ACACAC;
     font-weight: 400;
     line-height: 26px;
     font-family: 'Cabin', sans-serif  !important;
     margin-bottom: 0;
   }
   
   a:hover, a:focus {
     color: #767676 ;
   }
   
   a {
     color: #444444 ;
     /* -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out; */
   }
   
   h1, h2, h3, h4, h5 {
    font-family: 'Cabin', sans-serif  !important;
     font-size: 46px;
     font-weight: 500;
     color: #525252;
   }
   
   ul {
     margin: 0;
     padding: 0;
   }
   
   ul li {
     list-style: none;
   }
   
   a:hover,
   a:focus {
     text-decoration: none;
     outline: none;
   }
   
   a:not([href]):not([tabindex]) {
     color: #fff;
   }
   
   a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
     color: #fff;
   }
   .mb-0{
     margin-bottom:0px
   }
   .bg-transparent {
     background: transparent !important;
   }
   @media (min-width:1600px){
    .container-1600{
      max-width: 1600px !important;
    }
   }
   .container-1600 img{
    border-radius: 25px;
   }
   .bg-defult {
     background: #575B73 !important;
   }
   .investment-item{
    display: flex;
    justify-content: center;
    align-items: center;
   }
   .investment-item h4{
    font-size: 24px;
    font-weight: bold;
    color: #102648;
    /* padding-top: 26px; */
    padding-bottom: 16px;
   }
   .investment-count p{
    color: #102648;
    max-width: 300px;
    width: 100%;
   }
   /* ==========================================================================
      2.1 Section Title
      ========================================================================== */
   .section {
     padding: 80px 0;
   }
   
   .section-header {
     color: #fff;
     position: relative;
   }
   
   .section-header .section-title {
     font-size: 36px;
     margin-bottom: 20px;
     text-transform: uppercase;
    font-family: 'Cabin', sans-serif  !important;
     font-weight: 700;
     color: #263238;
     position: relative;
   }
   
   .section-header .section-title:before {
     content: '';
     position: absolute;
     bottom: -8px;
     width: 80px;
     height: 2px;
     background: #575B73;
     -webkit-transition: 0.3s;
     -moz-transition: 0.3s;
     transition: 0.3s;
   }
   
   .section-header span {
     font-size: 60px;
     color: rgba(0, 0, 0, 0.07);
     z-index: 2;
    font-family: 'Cabin', sans-serif  !important;
     font-weight: 500;
     text-transform: capitalize;
     position: absolute;
     top: 7px;
     left: 0;
     width: 100%;
   }
   
   /* ==========================================================================
      2.2 Buttons
      ========================================================================== */
   .btn {
     font-size: 14px;
     padding: 10px 30px;
     border-radius: 30px;
     font-weight: 400;
     color: #fff;
     text-transform: uppercase;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     display: inline-block;
   }
   .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: none
}
   .btn:focus,
   .btn:active {
     box-shadow: none;
     outline: none;
     color: #fff;
   }
   
   .btn-common {
    font-size: 20px;
    font-weight: 500;
    border-bottom: 3px solid #E4E4E4;
    /* background-color: #575B73; */
    position: relative;
    z-index: 1;
    color: #777777 !important;
    padding: 12px 32px;
    border-radius: 30px;
    border-radius: 0px;
    float: right;
    margin-bottom: 2rem;
     
   }
   
   .btn-common:hover {

      color: #495057 !important;
      font-size: 20px;
      font-weight: 500;
      border-bottom: 3px solid #DEE444;
      background: transparent;
  
   }
   
   .btn-effect {
     overflow: hidden;
   }
   
   .btn-effect:after {
     content: '';
     position: absolute;
     width: 0;
     height: 100%;
     z-index: 1;
     left: 0;
     top: 0;
     /* background: rgba(0, 0, 0, 0.1); */
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     transition: all 0.3s ease;
   }
   
   .btn-effect:hover:after {
     width: 100%;
   }
   
   .btn-border {
     border-style: solid;
     border-width: 2px;
     cursor: pointer;
     background-color: transparent;
     border-color: #fff;
     color: #fff;
   }
   
   .btn-border:hover {
     color: #ffffff;
     background-color: #575B73;
   }
   
   .btn-lg {
     padding: 14px 33px;
     text-transform: uppercase;
     font-size: 16px;
   }
   
   .btn-rm {
     padding: 7px 10px;
     text-transform: capitalize;
   }
   
   button:focus {
     outline: none !important;
   }
   
   .clear {
     clear: both;
   }
   
   /* ==========================================================================
      2.3 Social Iocns
      ========================================================================== */
   .social-icons {
     margin-bottom: 20px;
   }
   
   .social-icons ul {
     margin: 0;
     padding: 0;
     list-style: none;
   }
   
   .social-icons ul li {
     display: inline;
   }
   
   .social-icons ul li a {
     display: inline-block;
     margin-left: 5px;
     margin-right: 5px;
     margin-bottom: 15px;
     border-radius: 4px;
     border: 1px solid rgba(255, 254, 254, 0.07);
     line-height: 40px;
     width: 40px;
     height: 40px;
     text-align: center;
     font-size: 16px;
   }
   
   .social-icons ul li a:hover {
     color: #fff;
   }
   
   .facebook a {
     color: #4867AA;
   }
   
   .facebook a:hover {
     background: #4867AA;
   }
   
   .twitter a {
     color: #1DA1F2;
   }
   
   .twitter a:hover {
     background: #1DA1F2;
   }
   .footer-image img{
    width: 133px;
    height: 57px;
   }
   .google-plus a {
     color: #DD4D42;
   }
   .youtube i{
     font-size: 13px !important;
   }
   .linkedin i{
    font-size: 16px !important;
  }
   .twitter i{
    font-size: 13px !important;
  }
   .google-plus a:hover {
     background: #DD4D42;
   }
   
   .youtube a {
     color: #DF2926;
   }
   
   .youtube a:hover {
     background: #DF2926;
   }
   
   .linkedin a {
     color: #007BB6;
   }
   
   .linkedin a:hover {
     background: #007BB6;
   }
   
   .pinterest a {
     color: #BD081C;
   }
   
   .pinterest a:hover {
     background: #BD081C;
   }
   
   .dribbble a {
     color: #EA4C89;
   }
   
   .dribbble a:hover {
     background: #EA4C89;
   }
   
   .behance a {
     color: #0B7CFF;
   }
   
   .behance a:hover {
     background: #0B7CFF;
   }
   .mbt-40{
   
     margin-top: 91px;
     margin-bottom: 91px;
   
   }
   /* ==========================================================================
      2.4  Pre Loader
      ========================================================================== */
   #loader {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #575B73;
     z-index: 9999999999;
   }
   
   .spinner {
     width: 40px;
     height: 40px;
     top: 45%;
     position: relative;
     margin: 0px auto;
   }
   
   .double-bounce1, .double-bounce2 {
     width: 100%;
     height: 100%;
     border-radius: 50%;
     background-color: #575B73;
     opacity: 0.6;
     position: absolute;
     top: 0;
     left: 0;
     -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
     animation: sk-bounce 2.0s infinite ease-in-out;
   }
   
   .double-bounce2 {
     -webkit-animation-delay: -1.0s;
     animation-delay: -1.0s;
   }
   
   @-webkit-keyframes sk-bounce {
     0%, 100% {
       -webkit-transform: scale(0);
     }
     50% {
       -webkit-transform: scale(1);
     }
   }
   
   @keyframes sk-bounce {
     0%, 100% {
       transform: scale(0);
       -webkit-transform: scale(0);
     }
     50% {
       transform: scale(1);
       -webkit-transform: scale(1);
     }
   }
   
   /* ========================================================================== 
     -2.5 Scroll To Up 
      ========================================================================== */
   .back-to-top {
     display: none;
     position: fixed;
     bottom: 18px;
     right: 15px;
     z-index: 9;
   }
   
   .back-to-top i {
     display: block;
     width: 36px;
     height: 36px;
     line-height: 36px;
     color: #fff;
     font-size: 14px;
     text-align: center;
     border-radius: 4px;
     background-color: #102648;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
   }
   
   .overlay-2 {
     background: rgba(0, 0, 0, 0.9) !important;
   }
   
   .overlay {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     left: 0px;
     background: #575B73;
     opacity: 0.5;
     filter: alpha(opacity=80);
   }

   /* ==========================================================================
      Navbar Style
      ========================================================================== */
   .bg-faded {
     background-color: #fff;
   }
   
   .mainmenu-area {
     padding: 10px 0;
     border: none;
     margin: 0;
     -webkit-transition: 0.6s;
     -moz-transition: 0.6s;
     transition: 0.6s;
     box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
     background-color: #ffffff;
   }
   
   .mainmenu-area .menu-button {
     position: relative;
     color: #263238;
     line-height: 58px;
     top: 0;
     outline: none;
   }
   
   .logo-menu a {
     font-size: 20px;
     color: #fff;
   }
   .icon-position{
     position: absolute;
       bottom: 14px;
       right: 25px;
   }
   .menu-bg {
     background-color: #fff !important;
     z-index: 999;
   
   }
   
   .menu-bg .menu-button {
     top: 0;
   }
   
   .menu-bg .menu-button:hover {
     cursor: pointer;
     color: #575B73;
   }
   
   .menu-bg .logo-menu a {
     color: #575B73;
   }
   
   .menu-bg .navbar-nav .nav-link {
     color: #263238 !important;
   }
   
   .menu-bg .navbar-nav .nav-link:hover {
     color: #102648 !important;
   }
   
   .menu-bg .navbar-nav .active {
     color: #102648 !important;
   }
   
   .menu-button:hover {
     cursor: pointer;
     opacity: #eee;
   }
   
   .bg-white {
     background-color: #fff !important;
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
     z-index: 999;
     padding: 5px;
   }
   
   .bg-white .menu-button {
     top: 0;
   }
   
   .bg-white .menu-button:hover {
     cursor: pointer;
     color: #575B73;
   }
   
   .bg-white .logo-menu a {
     color: #575B73;
   }
   
   .bg-white .navbar-nav .nav-link {
     color: #263238 !important;
   }
   
   .bg-white .navbar-nav .nav-link:hover {
     color: #575B73 !important;
   }
   
   .bg-white .navbar-nav .active {
     color: #575B73 !important;
   }
   
   .close-button {
     cursor: pointer;
   }
   
   .navbar-expand-md .navbar-nav .nav-link {
     color: #fff;
     font-size: 18px;
     padding: 5px 0px;
     margin-left: 30px;
     position: relative;
   }

   .navbar-expand-md .navbar-nav .nav-link:before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0;
     height: 2px;
     background: #102648;
     -webkit-transition: 0.3s;
     -moz-transition: 0.3s;
     transition: 0.3s;
   }
   .justify-content-space-evenly{
     justify-content: space-evenly !important;
   }
   .navbar-expand-md .navbar-nav .active::before,
   .navbar-expand-md .navbar-nav .nav-link:hover::before {
     width: 50%;
   }

   .navbar-expand-md .navbar-nav .nav-link:focus,
   .navbar-expand-md .navbar-nav .nav-link:hover,
   .navbar-expand-md .navbar-nav .nav-link:hover:before {
     color: white;
   }
   .mobile-menu{
     line-height: 39px;
       padding-left: 40px;
   }
   .navbar-expand-md .navbar-nav .active > .nav-link,
   .navbar-expand-md .navbar-nav .nav-link.active,
   .navbar-expand-md .navbar-nav .nav-link.active:before,
   .navbar-expand-md .navbar-nav .nav-link.open,
   .navbar-expand-md .navbar-nav .open > .nav-link {
     color: #4C4D4F;
   }
   
   .navbar-expand-md .navbar-toggler {
    z-index: 99;
     border-radius: 0px;
     margin: 5px;
     cursor: pointer;
     float: right;
   }
   .mobile-nav .nav-item:hover a{
     color:#093062 !important
   }
   .navbar-expand-md .navbar-toggler i {
     color: #fff !important;
   }
   
   .mainmenu-area .navbar-nav .nav-link {
     color: #263238 !important;
   }
   .mobile-nav .nav-item{
     color: #4C4D4F;
   }
   .collapse.show {
     background: white;
     margin-bottom: 10px;
     -webkit-transition: 0.6s;
     -moz-transition: 0.6s;
     transition: 0.6s;
     border-radius: 5px;
   /* 
     border-bottom-right-radius: 40px; */
   
   }
   
   .menu-bg .collapse.show {
     background: #fff;
     margin-bottom: 10px;
     -webkit-transition: 0.6s;
     -moz-transition: 0.6s;
     transition: 0.6s;
   }
   
   .navbar-expand-md .navbar-toggler:active {
     border: 1px solid #575B73;
     color: #575B73;
   }
   .pb-141{
     padding-bottom: 141px;
   }

   .hero-area {
     
     /* background: linear-gradient(293deg, #FFFFFF41 0%, #373B45A0 100%), url(../img/bg-banner.png) no-repeat; */
     background-size: cover;
     box-shadow: 0px 5px 75px #00000029;
border-radius: 0px 0px 0px 25px;
     color: #fff;
     overflow: hidden;
     position: relative;
     height: 138px;
     margin-bottom: 100px;
   }
.bold{
  font-weight: 700 !important;
}
   .hero-area .overlay {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     left: 0px;
     background: #575B73;
     opacity: 0.7;
   }
   .corporate-content{
     justify-content: center;
     text-align: left;
   }
   .corporate-item{
    /* text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; */
   }
   .contents span{
    font-size: 16px;
    font-weight: 400;
   }
   .hero-area .contents {
    text-align: center;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    margin-top: 205px;
    margin-bottom: 30px;
    line-height: 37px;
   }
   .mt-20{
     margin-top: 20px;
   }
   .hero-area .contents h2 {
    color: #fff;
    font-size: 24px;
    width: 70%;
    font-weight: bold;
    text-align: left;

   }
   
   .hero-area .contents h4 {
     font-size: 16px;
     color: #fff;
     font-weight: 300;
     line-height: 30px;
     margin-bottom: 20px;
   }
   .lni-arrow-right-position {
     position: absolute;
     cursor: pointer;
     bottom: 11px;
     right: 20px;
     font-size: 27px;
   }
   .hero-area .contents p {
     color: #fff;
     font-size: 14px;
     line-height: 26px;
   }
   
   .hero-area .contents .btn {
     margin-top: 40px;
     text-transform: uppercase;
   }
   
   .hero-area .banner_bottom_btn {
     margin-top: 40px;
   }
   
   .hero-area .banner_bottom_btn i {
     color: #fff;
     font-size: 48px;
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
   }
   
   .hero-area .banner_bottom_btn i:hover {
     color: #575B73;
   }
   
   .intro-img {
     padding: 148px 0 0px;
   }
   
   .intro-img img {
     display: block;
     height: auto;
     max-width: 100%;
   }
   
   /* ==========================================================================
    Hero Production version
    ========================================================================== */
   .hero-area-2 {
     background: url(../img/bg/hero-area-2.jpg) fixed no-repeat;
     background-size: cover;
     color: #fff;
     overflow: hidden;
     position: relative;
   }
   
   .hero-area-2 .overlay {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     left: 0px;
     background: rgba(0, 0, 0, 0.8);
     opacity: 0.8;
   }
   
   .hero-area-2 .contents {
     padding: 160px 0 140px;
   }
   
   .hero-area-2 .contents h3 {
     color: #fff;
     font-size: 48px;
     font-weight: 500;
   }
   
   .hero-area-2 .contents h2 {
     color: #fff;
     font-size: 42px;
     margin-bottom: 30px;
     font-weight: 700;
   }
   
   .hero-area-2 .contents h4 {
     font-size: 18px;
     color: #fff;
     font-weight: 400;
     line-height: 30px;
     letter-spacing: 0.5px;
     margin-bottom: 20px;
   }
   
   .hero-area-2 .contents p {
     font-size: 14px;
     color: #fff;
     line-height: 26px;
   }
   
   .hero-area-2 .contents .header-button {
     margin-top: 30px;
   }
   
   .hero-area-2 .contents .btn {
     margin: 10px;
     text-transform: uppercase;
   }
   
   .hero-area-2 .contents .tag-type ul {
     position: relative;
   }
   
   .hero-area-2 .contents .tag-type ul li {
     display: inline-block;
     padding: 10px;
     position: relative;
   }
   .flex-direction-column{
    flex-direction: column;
   }
   .sector-page .title-content{
    padding-bottom: 40px !important;
   }
   .hero-area-2 .contents .tag-type ul li a {
     color: #fff;
     text-transform: uppercase;
   }
   .fixed-top {
     position: fixed;
     top: 0;
     right: 0;
     left: 0;
     z-index: 1030;
     padding-top: 17px;
     padding-bottom: 17px;
     padding-left: 35px;
   }
   #social .section-title{
     font-size: 28px;
       color: #212529;
   }
   #social span{
     color: #525252;
   
     font-size: 16px;
   }
   #social p{
     color: #868E96;
     /* padding-top: 30px; */
     padding-bottom: 66px;
   }
   .social-p{
     color: #868E96;
     padding-top: 30px;
     padding-bottom: 115px !important;
   }
   #social:before {
     position: absolute;
     right: 0;
     width: 52%;
     height: 750px;
     content: "";
     background: url(../img/social.png);
     background-size: cover;
     background-repeat: no-repeat;
   }
   .hero-area-2 .contents .tag-type ul li:before {
     content: '';
     width: 4px;
     height: 4px;
     background: #fff;
     position: absolute;
     top: 19px;
     right: -5px;
     border-radius: 50%;
   }
   
   .hero-area-2 .contents .tag-type ul li:before:last-child {
     display: none;
   }
   
   .hero-area-2 .contents .tag-type ul li:last-child:before {
     background: transparent;
   }
   
   .hero-area-2 .contents .tag-type ul:before {
     content: '';
     width: 40px;
     height: 1px;
     background: #f1f1f1;
     position: absolute;
     top: 20px;
     margin-left: -45px;
   }
   
   .hero-area-2 .contents .tag-type ul:after {
     content: '';
     width: 40px;
     height: 1px;
     background: #f1f1f1;
     position: absolute;
     top: 20px;
     margin-left: 6px;
   }
   
   .hero-area-2 .contents .arrow-down-icon {
     border: 2px solid #fff;
     width: 42px;
     height: 42px;
     line-height: 42px;
     margin: 30px auto;
     border-radius: 50%;
     font-size: 18px;
   }
   
   .hero-area-2 .contents .arrow-down-icon a {
     color: #fff;
   }
   
   /* ==========================================================================
      Video Background
      ========================================================================== */
   #video-area {
     overflow: hidden;
     position: relative;
   }
   
   #video-area .contents {
     padding: 160px 0 80px;
   }
   
   #video-area .contents h1 {
     color: #fff;
     font-size: 50px;
     font-weight: 300;
     margin-bottom: 25px;
     line-height: 70px;
   }
   
   #video-area .contents p {
     font-size: 14px;
     color: #fff;
     font-weight: 400;
     line-height: 30px;
     letter-spacing: 0.5px;
   }
   
   #video-area .contents .btn {
     margin: 20px 10px;
     text-transform: uppercase;
   }
   
   #video-area .banner_bottom_btn {
     margin-top: 40px;
   }
   
   #video-area .banner_bottom_btn i {
     color: #fff;
     font-size: 48px;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
   }
   
   #video-area .banner_bottom_btn i:hover {
     color: #575B73;
   }
   
   /* ==========================================================================
     About Section Style
      ========================================================================== */
   #about {
     position: relative;
     background: #f9f9f9;
   }
   
   #about .box-item {
     padding: 15px 0;
   }
   
   #about .box-item .icon {
     float: left;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
   }
   
   #about .box-item .icon i {
     color: #575B73;
     display: inline-block;
     font-size: 36px;
     margin-bottom: 20px;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
   }
   
   #about .box-item .text {
     margin-left: 64px;
   }
   
   #about .box-item .text h4 {
     font-weight: 500;
     font-size: 18px;
     line-height: 22px;
   }
   
   #about .box-item .text p {
     font-size: 14px;
     line-height: 26px;
   }
   
   #about .show-box {
     margin: 30px 40px;
   }
   
   /* ==========================================================================
     About Area
     ========================================================================== */
   #about-area .about-thumb {
     position: relative;
     z-index: 1;
     margin-left: 80px;
     margin-top: 60px;
   }
   
   #about-area .about-thumb img {
     width: 100%;
     height: auto;
   }
   
   #about-area .about-thumb-2 {
     position: absolute;
     z-index: 5;
     left: 5%;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
   }
   
   /* ==========================================================================
      Clients 
      ========================================================================== */
   #clients {
     background: #f9f9f9;
   }
   
   #clients .client-item-wrapper {
     text-align: center;
     margin: 0 5px;
     -moz-transition: all .6s ease;
     -webkit-transition: all .6s ease;
     transition: all .6s ease;
   }
   
   #clients #clients-scroller img:hover {
     -moz-transition: all .6s ease;
     -webkit-transition: all .6s ease;
     transition: all .6s ease;
     opacity: 1.0;
   }
   
   #clients #clients-scroller .owl-pagination {
     display: none;
   }
   
   /* ==========================================================================
       call to action
      ========================================================================== */
   #cta {
     background: url(../img/bg/bg-cta.jpg) fixed;
     background-size: cover;
   }
   
   #cta h5 {
     color: #fff;
     font-size: 32px;
     font-weight: 500;
     line-height: 48px;
   }
   
   #cta .btn {
     margin: 30px 10px;
   }
   
   .call-action {
     background: #f9f9f9;
   }
   
   
   .call-action .cta-trial p {
     margin-bottom: 30px;
   }
   
   /* ==========================================================================
    Video promo Style
    ========================================================================== */
   .video-promo {
     background: url(../img/bg/video.jpg);
     position: relative;
   }
   
   .video-promo .video-promo-content {
     color: #fff;
   }
   
   .video-promo .video-promo-content .video-popup {
     width: 80px;
     height: 80px;
     line-height: 80px;
     text-align: center;
     border: 3px solid #fff;
     color: #fff;
     border-radius: 50%;
     display: inline-block;
     font-size: 26px;
   }
   
   .video-promo .video-promo-content h2 {
     margin-top: 30px;
     color: #fff;
     font-size: 30px;
     text-transform: uppercase;
   }
   
   .video-promo .video-promo-content p {
     color: #fff;
   }
   
   /* ==========================================================================
      Portfolio Section
      ========================================================================== */
   #portfolios {
     background: #f9f9f9;
   }
   
   #portfolios .mix {
     padding: 0px;
   }
   
   #portfolios .portfolio-item {
     padding: 10px;
   }
   
   #media-content-page .mix {
     display: none;
   }
   
   .controls {
     text-align: center;
     padding: 0px 0px 20px;
   }
   
   .controls .active {
     color: #495057 !important;
     font-size: 20px;
    font-weight: 500;
     border-bottom:3px solid #DEE444;
     background: transparent;
   }
   
   .controls .btn {
    text-transform: unset;
     margin: 2px;
   }
   
   .controls:hover {
     color: #fff;
     cursor: pointer;
   }
   
   .shot-item {
     width: 100%;
     height: 100%;
     overflow: hidden;
     position: relative;
   }
   
   .shot-item img {
     width: 100%;
     height: 100%;
     -webkit-transition-duration: 4000ms;
     -o-transition-duration: 4000ms;
     transition-duration: 4000ms;
   }
   
   .shot-item .single-content {
     background-color: rgba(22, 26, 39, 0.7);
     opacity: 0.90;
     height: 100%;
     left: 0;
     opacity: 0;
     position: absolute;
     top: 0;
     -webkit-transition-duration: 500ms;
     -o-transition-duration: 500ms;
     transition-duration: 500ms;
     width: 100%;
   }
   
   .shot-item .single-content .fancy-table {
     display: table;
     height: 100%;
     left: 0;
     position: relative;
     top: 0;
     width: 100%;
     z-index: 2;
   }
   
   .shot-item .single-content .fancy-table .table-cell {
     display: table-cell;
     vertical-align: middle;
     text-align: center;
   }
   
   .shot-item .single-content .zoom-icon a {
     color: #fff;
     font-size: 30px;
     margin-bottom: 15px;
   }
   
   .shot-item .single-content a {
     color: #fff;
     font-size: 16px;
   }
   .hover-bg .white-logo{
     display: none !important;
   }
   .hover-bg .white-logoo{
     display: none;
   }
   .hover-bg .dark-logo{
     display: block !important;
   }
   .shot-item:hover img {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1);
   }
   .mb-60{
     margin-bottom:60px
   }
   .shot-item:hover .single-content {
     opacity: 0.8;
   }
   
   /* sector */
   #sector{
     /* background-image: url(../img/world.png);
     background-position: top;
     background-repeat: no-repeat;
     background-size: cover; */
   }
   #investment .title-content p {

    color: #989898;
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    max-width: 1170px;
    letter-spacing: 0.55px;
}
   .title{
    font-size: 40px;
    font-weight: 700;
    color: #444444;
    text-align: center;
    letter-spacing: 1px;
   }
   .title-content span{
    letter-spacing: 0.45px;
    color: #747474;
    font-size: 18px;
    text-align: center;
    display: block;
    margin-bottom: 50px;
   }
   .title-hr{
      background-color: #15223D;
      width: 51px;
      height: 2px;
      margin-bottom: 37px;
      margin-top: 22px;
   }
   .bg-contact .title-content{
    margin-bottom: 70px;
   }
   .bg-contact .button-send{
    border: 1px solid #D3D3D3;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
   }
   .bg-contact .location-button{
    border: 1px solid #D3D3D3;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
   }
   .title-content{

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

   }

   #sector .title-content{
     padding-top: 92px;
     padding-bottom: 149px;
   }
   .title-content .icon-group-1880{
    text-align: center;
    margin-top: 50px;
   }
   .title-content p {

    letter-spacing: 0.5px;
    color: #767676;
    font-size: 20px;
    font-weight: 500;
    text-align: center;

    max-width: 1170px;
}
.title-content h6{
  color: #AAAAAA;
  font-size: 18px;
  font-weight: 400;
}
.details-text p {
  color: #525252;
  font-size: 18px;
  font-weight: 400;
}
#duyuru-section .title-content p {
  margin-bottom: 0px;
}

  .item:hover .icon-group-1880 {
    transform: translate(10px, -10px);
    
}
   .title-content:hover .icon-group-1880 {
    transform: translate(10px, -10px);
 
}
.border-media{
  transition: transform 0.2s linear, box-shadow 0.2s linear;
 }
   .title-content{
    transition: transform 0.2s linear, box-shadow 0.2s linear;
   }
   /* ==========================================================================
      Featured Section Start
      ========================================================================== */
   .featured-box {
     margin-top: 15px;
     margin-bottom: 15px;
   }
   
   .featured-box .featured-icon {
     float: left;
   }
   
   .featured-box .featured-icon i {
     font-size: 30px;
     color: #575B73;
     text-align: center;
     float: left;
     margin-right: 25px;
     margin-bottom: 85px;
     display: block;
   }
   
   .featured-box .featured-content {
     padding-left: 40px;
     position: relative;
   }
   
   .featured-box .featured-content .icon-o {
     font-size: 86px;
     color: rgba(0, 0, 0, 0.07);
     z-index: 2;
     font-weight: 400;
     text-transform: capitalize;
     position: absolute;
     top: 0px;
     left: 50px;
     width: 100%;
   }
   
   .featured-box .featured-content h4 {
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 10px;
     transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
   }
   
   .featured-box .featured-content p {
     font-size: 14px;
   }
   
   /* ==========================================================================
    Team Section
      ========================================================================== */
   .media-page-card:hover .media-page-details {
     opacity: 1;
   }
   
   .media-page-card {
     position: relative;
     background: #f9f9f9;
     border-radius: 5px !important;
     -webkit-transition: 0.5s;
     transition: 0.5s;

     border-radius: 0px;
     overflow: hidden;
     margin-bottom: 60px;
   }
   
   .media-page-card:hover {
     -webkit-transform: translateY(-5px);
     transform: translateY(-5px);
     box-shadow: -60px 60px 60px #0000001A;
   }
   .media-page-card:hover a{
color:#379934
  }
  
   
   .media-page-card img {
     width: 100%;
   }
   
   .media-page-card .media-page-inner {
     -webkit-transition: 0.5s;
     transition: 0.5s;
   }
   
   .media-page-card .media-page-details {
  padding:  25px 28px 39px 28px;
     width: 100%;
     -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
     transition: 0.5s;
   }
   
   .media-page-card .media-page-details .media-page-title {
    margin-bottom: 14px;
    font-size: 20px;
    font-weight: 500;
    color: #525252;
    text-align: left;

   }
  
   
   .media-page-card .media-page-details p {
    margin-bottom: 15px;
    text-align: left;
    font-weight: 300;
    font-size: 16px;
   }
   
   .media-page-card .social-list li {
     display: inline-block;
   }
   
   .media-page-card .social-list li a {
     display: block;
     height: 34px;
     line-height: 34px;
     text-align: center;
     width: 34px;
     color: #575B73;
     font-size: 14px;
     background: #fff;
     border-radius: 50px;
     -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
     transition: 0.5s;
   }
   
   .media-page-card .social-list .facebook a:hover {
     background: #4867aa;
     color: #fff;
   }
   
   .media-page-card .social-list .twitter a:hover {
     background: #1da1f2;
     color: #fff;
   }
   
   .media-page-card .social-list .google-plus a:hover {
     background: #dd4d42;
     color: #fff;
   }
   
   .media-page-card .social-list .linkedin a:hover {
     background: #007bb6;
     color: #fff;
   }
   
   .testimonial {
     background: #f9f9f9;
   }
   
   .testimonial-item {
     padding: 30px;
     margin: 15px;
     background: #fff;
     border-radius: 4px;
     border: 1px solid rgba(0, 0, 0, 0.06);
   }
   .font-size-28{
     font-size: 28px;
   }
   .testimonial-item .author {
     display: inline-block;
     margin-bottom: 20px;
   }
   
   .testimonial-item .author .img-thumb {
     float: left;
     overflow: hidden;
     position: relative;
   }
   
   .testimonial-item .author .img-thumb img {
     border-radius: 50%;
     width: 75%;
   }
   
   .testimonial-item .author .author-info {
     float: left;
     padding: 3px 0;
   }
   
   .testimonial-item .author .author-info h2 {
     font-size: 18px;
     font-weight: 500;
     line-height: 30px;
     margin-bottom: 0;
   }
   
   .testimonial-item .author .author-info h2 a {
     color: #484848;
   }
   
   .testimonial-item .author .author-info h2 a:hover {
     color: #575B73;
   }
   
   .testimonial-item .content-inner {
     overflow: hidden;
   }
   
   .testimonial-item .content-inner .description {
     width: 100%;
     margin-bottom: 10px;
   }
   
   .testimonial-item .content-inner span {
     color: #575B73;
   }
   
   .owl-pagination {
     position: absolute;
     width: 100%;
     left: 0;
     bottom: -40px;
   }
   
   .owl-theme .owl-controls .owl-page {
     display: inline-block;
     zoom: 1;
     *display: inline;
   }
   
   .owl-theme .owl-controls .owl-page span {
     display: block;
     width: 12px;
     height: 12px;
     margin: 2px 4px;
     filter: alpha(opacity=50);
     opacity: 1;
     border-radius: 30px;
     background: #fff;
     border: 2px solid #fff;
     box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
     transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
   }
   
   .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
     background: #575B73;
   }
   
   /* ==========================================================================
     Pricing Table
     ========================================================================== */
   .pricing-table {
     padding: 20px 0px 0px;
     margin: 0 auto;
     margin-bottom: 5px;
     border: 1px solid #eaeaea;
     text-align: center;
     border-radius: 4px;
     background-color: #FFFFFF;
     box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.15);
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
     margin-top: 30px;
   }
   
   .pricing-table:hover {
     box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.35);
   }
   
   .pricing-table .pricing-details h2 {
     font-size: 18px;
     color: #546E7A;
     font-weight: 500;
     padding-top: 15px;
     padding-bottom: 15px;
   }
   
   .pricing-table .pricing-details .price {
     color: #263238;
     font-size: 36px;
     line-height: 40px;
     font-weight: 500;
     letter-spacing: -1px;
     background-color: #fff !important;
     border-bottom: 1px solid #e9edf2;
     padding-bottom: 40px;
   }
   
   .pricing-table .pricing-details .price span {
     font-size: 12px;
     line-height: 15px;
     font-weight: 400;
     color: #A2A2A2;
   }
   
   .pricing-table .pricing-details ul li {
     padding: 12px;
     font-size: 14px;
   }
   
   .pricing-table .pricing-details ul li:nth-child(even) {
     background-color: #f9f9f9;
   }
   
   .pricing-table .plan-button {
     padding: 30px 0;
     background: #f9f9f9;
   }
   
   .pricing-big {
     -webkit-transform: scale3d(1.1, 1.1, 1.1);
     -moz-transform: scale3d(1.1, 1.1, 1.1);
     transform: scale3d(1.1, 1.1, 1.1);
   }
   
   /* ==========================================================================
     Slider
      ========================================================================== */
      .slider-img{
        width: 100%;
    height: 100%;
    background-size: revert;
      }
      .carousel-item:before{
        position: absolute;
    right: 0;
    opacity: 0.9;
    width: 100%;
    height: 100%;
    content: "";
    background: transparent linear-gradient(301deg, #FFFFFF41 0%, #373B45A0 100%) 0% 0% no-repeat padding-box;
    background-size: cover;
    background-repeat: no-repeat;

     
 
      }
      .carousel-item-video:before{
        /*bottom: 5px !important;*/
        position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: transparent linear-gradient(301deg, #FFFFFF41 0%, #373B45A0 100%) 0% 0% no-repeat padding-box;
    background-size: cover;
    background-repeat: no-repeat;

     
 
      }
   
   #carousel-area .carousel-item {
     background-size: 100%;
   }
   
   #carousel-area .carousel-item .carousel-caption {
     top: 42%;
     right: 0px !important;
     left: 0px !important;
     text-shadow: none;
     padding-top: 0;
     padding-bottom: 0;
   }
   
   #carousel-area .carousel-item .carousel-caption h3 {
     color: #fff;
     font-weight: 500;
     font-size: 26px;
     line-height: 38px;
   }
   
   #carousel-area .carousel-item .carousel-caption h2 {
     font-size: 90px;
     font-weight: 500;
     letter-spacing: 2.25px;
     text-shadow: 0px 3px 6px #00000029;
     
     color: #fff;
   }
   #carousel-area .carousel-item .carousel-caption p {
    font-size: 60px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-shadow: 0px 3px 6px #00000029;
   }
   #carousel-area .carousel-item .carousel-caption h4 {
     color: #ffffff;
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 30px;
   }
   
   #carousel-area .carousel-control {
     display: none;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
   }
   .justify-content-flex-end{
     justify-content: flex-end !important;
   }
   #carousel-area:hover .carousel-control {
     display: block;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-name: fadeIn;
     animation-name: fadeIn;
   }
   
   #carousel-area .carousel-control-next, #carousel-area .carousel-control-prev {
     opacity: 1;
     justify-content: space-between;
   }
   
   #carousel-area .carousel-control-next i, #carousel-area .carousel-control-prev i {
     width: 48px;
     line-height: 48px;
     height: 48px;
     color: #fff;
     font-size: 13px;
     display: inline-block;
     font-weight: bold;
     /*background: #ffffff45;*/
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
   }
   
   #carousel-area .carousel-control-next i:hover, #carousel-area .carousel-control-prev i:hover {
     opacity: 0.9;
   }
   
   #carousel-area .carousel-indicators li:hover,
   #carousel-area .carousel-indicators li.active {
     opacity: 1;
     /* width: 69px; */
     width: 23px;
   background-color: #102648;
   transition: transform .2s; /* Animation */
   transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
   }
   
   #carousel-area .carousel-indicators {
     bottom: 35px;
     justify-content: flex-start !important;
     margin-right: auto;
     margin-left: auto;
     padding-right: 15px;
     padding-left: 15px;
   }
   
   
   #carousel-area .carousel-indicators li {
    width: 11px;
    height: 11px;
    background-color: #C9C9C9;
    border-radius: 12px;
    margin-right: 0px;
   }
   
   #slider-area {
     margin-top: -1px;
   }
   
   #slider-area .btn {
     margin-right: 15px;
   }
   
   #slider-area .large_white {
     color: #fff;
   }
   
   #slider-area .about-info p {
     color: #333;
   }
   
   .contents p {
     font-size: 16px;
     font-weight: 400;
     line-height: 50px;
   }
   
   .contents .header-button .btn i {
     margin-left: 10px;
   }

   .embedVideo{
    transform: scale(1.2)!important;
    position: relative!important;
    z-index: -1!important;
   }
   .embedVideoReverse{
    display: none;
   }
   @media only screen and (max-width : 768px) {
    .embedVideo{
      transform: scale(2.3)!important;
      display: none!important;
    }
    .embedVideoReverse{
      display: block;
    }
    .news-icon {
      top: 261px !important;
 
    }
   }
   @media (max-width: 500px){
    .embedVideoReverse{
      width: 100%!important;
    }
   
   }
   
   /* ==========================================================================
      Blog 
      ========================================================================== */
   #blog .blog-item-wrapper {
     background: #fff;
     border-radius: 4px;
     box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.15);
     -webkit-transition: transform 0.2s linear, -webkit-box-shadow 0.2s linear;
     -moz-transition: transform 0.2s linear, -moz-box-shadow 0.2s linear;
     transition: transform 0.2s linear, box-shadow 0.2s linear;
   }
   
   #blog .blog-item-wrapper:hover {
     box-shadow: 0px 10px 50px 0px rgba(84, 110, 122, 0.35);
     -webkit-transform: translateY(-5px);
     transform: translateY(-5px);
   }
   
   #blog .blog-item-wrapper:hover .blog-item-img:before {
     opacity: 1;
   }
   
   #blog .blog-item-img {
     position: relative;
   }
   
   #blog .blog-item-img img {
     width: 100%;
     border-radius: 4px;
   }
   
   #blog .blog-item-text {
     padding: 20px 30px;
   }
   
   #blog .blog-item-text .date {
     font-size: 14px;
     margin-bottom: 10px;
   }
   
   #blog .blog-item-text .date i {
     margin-right: 7px;
   }
   
   #blog .blog-item-text h3 {
     line-height: 26px;
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 10px;
   }
   
   #blog .blog-item-text h3 a {
     color: #263238;
   }
   
   #blog .blog-item-text h3 a:hover {
     color: #575B73;
   }
   
   .meta-tags {
     margin-bottom: 10px;
   }
   
   .meta-tags span {
     color: #999;
     font-size: 14px;
     margin-right: 10px;
   }
   
   .meta-tags span i {
     margin-right: 5px;
   }
   
   .meta-tags span a {
     color: #999;
   }
   
   .meta-tags span a:hover {
     color: #575B73;
   }
   
   /* ==========================================================================
       Single Page Style
      ========================================================================== */
   #blog-single {
     padding: 80px 0;
     background: #ECF0F1;
   }
   
   #blog-single .blog-post {
     background: #fff;
     overflow: hidden;
     margin-bottom: 40px;
   }
   
   #blog-single .blog-post .post-thumb img {
     width: 100%;
   }
   
   #blog-single .blog-post .post-content {
     padding: 30px;
   }
   
   #blog-single .blog-post .post-content h3 {
     font-size: 30px;
     padding-bottom: 10px;
   }
   
   .blog-comment {
     background: #fff;
     padding: 50px 30px;
     margin-top: 30px;
     overflow: hidden;
   }
   
   .blog-comment h4 {
     font-size: 24px;
     margin-bottom: 30px;
   }
   
   .blog-comment .comment-list {
     list-style: none;
     margin: 0;
     padding: 0;
     margin-bottom: 50px;
   }
   
   .blog-comment .comment-list .the-comment {
     border-bottom: 1px solid #e7e6e6;
     padding-bottom: 25px;
     margin-bottom: 25px;
   }
   
   .blog-comment .comment-list .children {
     padding-left: 40px;
   }
   
   .blog-comment .avatar {
     float: left;
     margin-right: 15px;
     padding: 5px;
     border-radius: 3px;
     background: #ffffff;
     border: 1px dashed #346AFE;
   }
   
   .blog-comment .comment-author {
     margin-bottom: 10px;
   }
   .breadcrumb-item+.breadcrumb-item {
     padding-left: 0px;
   }
   .blog-comment .meta {
     margin-bottom: 10px;
     color: #999;
   }
   .breadcrumb-item+.breadcrumb-item::before {
     display: inline-block;
     padding-right:10px;
     color: white;
     content: ">";
   }
   
   .breadcrumb {
     color: #FFFFFF;
     /* position: absolute; */
     padding: 0px;
     margin-bottom: 0px;
     bottom: 10px;
     bottom: 0px;
     background-color: transparent;
     padding-bottom: 0px !important;
   
   }
   .career-counter .border-counter{
     border-right: 1px solid #D0CEBC;
     padding-right: 30px;
     margin-right: 30px;
   }
   .career-text-center .border-counter{
     border-right: 1px solid #D0CEBC;
     padding-right: 11px;
     margin-right: 11px;
   }
   .breadcrumb ul li {
     display: inline-block;
     /* margin-right: 8px;
     margin-left: 8px; */
   }

   .mb-10{
     margin-bottom: 10rem;
   }
   .career-card{
     background: #ffffff8f;
   border-radius: 5px;
   padding-left: 50px;
   padding-right: 50px;
   padding-top: 90px;
   padding-bottom: 90px;
   margin-bottom: 10rem;
   }
   .career-card:hover{
     background: #FFFFFF 0% 0% no-repeat padding-box;
   box-shadow: -60px 60px 60px #0000001A;
   border-radius: 5px;
   }
   .career-card:hover .button-all{ 
     background: #575B73 0% 0% no-repeat padding-box;
     border-radius: 5px;
     color: white;
     border:1px solid #575B73;
   }
   .pb-133{
    padding-bottom: 133px;
   }
   .career-card:hover h5{
     color: #575B73;
   }
   .bg-counter:before{
    /* background: white;
    width: 95%;
    border-radius: 0px 5px 5px 0px;
    content: '';
    background-size: 25px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    height: 900px; */
   }
   .bg-counter-pd{

    padding-top: 104px;
    padding-bottom: 133px;
   }
   .mt-5{
     margin-top: 5rem;
   }
   .career-text-center .counter, h3{
     color: #2F3841;
     font-size: 46px;
     margin-bottom: 0px;
   }
   .career-card .button-all{
     background: transparent;
     border: 1px solid #767676;
   border-radius: 5px;
   width: 70%;
   padding-top: 10px;
   padding-bottom: 10px;
   margin-top: 100px;
   }
   .career-counter .counter{
     color: #2F3841 !important;
   
     font-size: 70px;
   }
   
   .bg-banner-career{
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: space-between;
   }
   .career-card h5{
     font-size: 18px;
       color: #767676;
   }
   #career-page{
     margin-bottom: 110px;
   }
   .career-card h4{
     font-size: 30px;
       color: #767676;
   }
   .career-text h2{
     font-size: 34px;
   
     padding-bottom: 20px;
   
     color: #767676;
   }
   
   .button-career .button-all{
     margin-bottom: 1rem;
     background: #FFFFFF 0% 0% no-repeat padding-box;
     border-radius: 5px;
     padding-left: 30px;
     padding-right: 30px;
     font-size: 18px;
     padding-top: 19px;
     color: #848484;
     font-weight: 400;
     display: flex;
     align-items: center;
     justify-content: space-around;
     padding-bottom: 19px;
     margin-top: 70px;
   }
   .breadcrumb ul li i {
     margin-right: 5px;
   }
   .career-counter{
     margin-top: 70px;
     display: flex;
   
   }
   .one-counter .span-p{
     color:#767676;
     font-size: 18px;
   
   }
   .career-companies img{
     border-radius: 5px;
   }
   .breadcrumb ul li a {
     color: #fff;
   }
   .form-svg{
     margin-right: 1rem;
   }
   .breadcrumb ul li a:hover {
color:white !important;
opacity: 0.9;
   }
   .banner-form .form-control{
     border: 1px solid #767676;
     background: transparent;
     width: 90%;
   }
   #activity{
     /* margin-bottom: 100px; */
   }
   #activity-slider{
     margin-bottom: 20rem;
   }
   .info-text h1{ 
   color: #2F3841;
   font-size: 32px;
   }
   .activity-text h4{
     font-size: 34px;
     font-weight: 500;
     color: #2F3841;
   }
   .author-info h2 a{
     color: #575B73 !important;
     font-size: 22px;
   }
   .activity-text p{
     font-size: 16px;
     font-weight: 300;
     color: #767676
   }
   .activity-text hr{
   background-color: #575B73;
   height: 3px;
   width: 94px;
   margin-top:30px;
   margin-bottom:30px;
   }
   
   .activity-text{
     padding-left: 100px;
     padding-right: 100px;
     padding-top: 70px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     width: 70%;
     border: 1px solid #ACACAC;
     border-top: none;
     border-bottom-left-radius: 100px;
     border-bottom-right-radius: 100px;
     padding-bottom: 70px;
   }
   .activity-card:hover {
     transform: scale(1.1); 
     box-shadow: -60px 60px 60px #0000001A;
   }
   .activity-card:hover i {
   color:#575B73
   }
   .activity-card:hover p{
     color:#575B73
     }
   .activity-card{
     transition: transform .2s; /* Animation */
     transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
       -webkit-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
     background: #FFFFFF 0% 0% no-repeat padding-box;
       border-radius: 5px;
       display: flex;
       justify-content: center;
       padding-top: 25px;
       padding-bottom: 25px;
       border-radius: 5px;
   }
   .activity-card i {
     font-size: 50px;
     border-right: 1px solid #ACACAC;
     padding-right: 1rem;
     margin-right: 1rem;
     color: #ACACAC;
   }
   .activity-card span{
     font-size: 60px;
     color: #525252;
   
   }
   .activity-card h3{
     font-size: 20px;
     color: #ACACAC;
     margin-bottom: 0px;
     font-weight: 500;
   
   }
   .activity-card p{
     font-size: 15px;
     color: #ACACAC;
   
   }
   
   label{
    color: #767676;
   }
   .form-check-contact{
    border: 1px solid #707070;
    border-radius: 10px;
    padding: 21px 39px 21px 39px;
   }
   .location-button{
    display: flex;
    flex-direction:row;
     color: #15223D;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #d4d4d4;
    background: none;
    border-radius: 10px;
    display: inline-block;
    width: 100%;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 31px;
   }

   .button-send:hover {
    color: #15223D;
  }
  .location-button:hover {
    color: #15223D;
  }
  .button-send:hover i{
    transform: translate(10px, -10px);
  }
  .location-button:hover i{
    transform: translate(10px, -10px);
  }
   .button-send{
     display: flex;
     color: #15223D;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #15223D;
    background: none;
    border-radius: 39px;
    display: inline-block;
    width: 100%;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 31px;
   }
   .location-button i{
    color: #15223D;
    font-weight: 400;
    font-size: 11px;
    margin-left: 50px;
    /* display: inline-block; */
    width: auto;
    margin-right: 31px;
  }
   .button-send i{
    color: #15223D;
    font-weight: 400;
    font-size: 11px;
    margin-left: 50px;
    /* display: inline-block; */
    width: auto;
    margin-right: 31px;
  }
   .form-group .mt-3{
    margin-right: 14px;
   }
   ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #525252 !important;
    font-weight: 400px !important;
  }
  .form-check-contact h6{
    color: #525252 !important;
    font-size: 16px;
  }
  ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #A5A5A5 !important;
  }
  
   /* ==========================================================================
      Contact Us
     ========================================================================== */
   .form-control {
    border: 1px solid #D8D8D8;
    border-radius: 10px;
     -webkit-appearance:none;
     width: 100%;
     margin-right: 8px;
   height: auto ;
   padding: 21px 39px 21px 39px;
     color: #D8D8D8;
     font-size: 16px;
     padding-right: 5px;
   background: white;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
   }
   
   .form-control:focus {
     border: 1px solid #15223D;
     outline: none;
     box-shadow: none;
   }
   
   .btn.disabled, .btn:disabled {
     opacity: 1;
   }
   

   
   .contact-info {
     margin-bottom: 15px;
   }
   
   .contact-info i {
     font-size: 11px;
     color: #575B73;
   }
   
   .contact-info h5 {
     margin-top: 5px;
     font-size: 18px;
     font-weight: 500;
   }
   
   .contact-info p {
     font-size: 14px;
     margin-bottom: 0;
   }
   
   #contact {
     background: #ffffff;
     position: relative;
     overflow: hidden;
   }
   
   #contact .contact-block {
     overflow: hidden;
   }
   
   .text-danger {
     font-size: 14px;
     margin-top: 10px;
   }
   
   .list-unstyled li {
     color: #d9534f;
   }
   
   /* Contact Map */
   #conatiner-map {
     width: 100%;
     height: 480px;
   }
   
   #google-map-area {
     position: relative;
   }
   
   #google-map-area .container-fluid {
     padding-left: 0;
     padding-right: 0;
   }
   
   .toggle-map {
     height: 5px;
     width: 100%;
     background-color: #575B73;
     bottom: 0px;
     text-align: center;
     position: absolute;
     z-index: 106;
   }
   
   .toggle-map .map-icon {
     width: 50px;
     height: 50px;
     display: inline-block;
     -moz-border-radius: 100%;
     -webkit-border-radius: 100%;
     border-radius: 100%;
     background-color: #fff;
     border: #575B73 3px solid;
     position: relative;
     top: -46px;
   }
   
   .toggle-map .map-icon i {
     width: 44px;
     height: 44px;
     display: inline-block;
     line-height: 44px;
     text-align: center;
     font-size: 20px;
   }
   
   #google-map {
     text-align: center;
     background-color: #fff;
     height: 465px;
     position: absolute;
     bottom: -460px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
     z-index: 101;
     width: 100%;
     border-top: #575B73 3px solid;
   }
   .mb-130{
     margin-bottom: 130px;
   }
   #google-map.panel-show {
     bottom: -20px !important;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     transition: all 0.3s;
   }
   .form-wrapper ul >li a{
     color: #767676;
     font-size: 17px;
   }
   .hr-form{
     width: 100%;
     border-bottom: 1px solid #E4E4E4;
     margin-top: 20px;
     margin-bottom: 20px;
   }
   .info-form{
     margin-top: 50px;
   }
   .info-form h4{
     font-size: 18px;
     color: #767676;
     font-weight: 700;
   }
   .info-form p{
     font-size: 16px;
     color: #767676;
     font-weight: 300;
   }
   /* ==========================================================================
     19. Subscribe Style
     ========================================================================== */
   #subscribe {
     background: url(../img/bg/bg-subs.jpg);
     position: relative;
   }
   
   .subscribe-form .sub-title {
     margin-bottom: 30px;
   }
   
   .subscribe-form .sub-title h3 {
     font-size: 32px;
     margin-bottom: 10px;
     font-weight: 500;
     color: #767676;
   }
   .career-text-center{
     display: inline-block;
     position: relative;
     bottom: 33px;
     background: #FFFFFF 0% 0% no-repeat padding-box;
   border-radius: 5px;
     left: -67px;
     padding: 30px 40px 30px 40px;
   }
   
   .subscribe-form .form-wrapper {
     background-color: #ffffff;
     padding: 50px 72px 50px 72px;
     border-radius: 4px;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
   }
   
   .subscribe-form .form-wrapper .form-group {
     margin-bottom: 0px;
   }
   
   .subscribe-form .form-wrapper .form-control {
     display: block;
     width: 100%;
     font-size: 14px;
     box-shadow: none;
     color: #848484;
     text-transform: capitalize;
     background: #f7f7f7;
     border: 1px solid transparent;
     padding: 15px 30px;
     border-radius: 30px;
     background-image: none;
     background-clip: padding-box;
   }
   
   .subscribe-form .form-wrapper .form-control:focus {
     color: #212121;
     background-color: #fff;
     border-color: #575B73;
     box-shadow: none;
     outline: 0;
   }
   
   .subscribe-form .form-submit .btn {
     width: 100%;
     padding: 13px 30px;
   }
   
   #subscribe .sub-item-box {
     padding: 30px;
     margin-bottom: 30px;
     border-radius: 4px;
     background: #fff;
   }
   
   #subscribe .sub-item-box .icon-box {
     float: left;
   }
   
   #subscribe .sub-item-box .icon-box i {
     font-size: 30px;
     color: #575B73;
   }
   
   #subscribe .sub-item-box .text-box {
     margin-left: 60px;
   }
   
   #subscribe .sub-item-box .text-box h4 {
     font-size: 16px;
     font-weight: 500;
   }
   
   #subscribe .sub-item-box .text-box p {
     margin-bottom: 0;
   }
   .details-text img{
     margin-bottom: 61px;
   }
   #subscribe .sub-item-box:last-child {
     margin-bottom: 0;
   }
   
   /* ==========================================================================
      Footer Style
      ========================================================================== */
      .footer-info{
       display: flex;
       width: 100%;
       flex-direction: row;
       justify-content: space-between;
       padding-bottom: 3rem;
       margin-top: 5rem;
   
   }
   .mobile-wrap li:hover a{
     color:#102648 !important
   }
   .pt-13{
     padding-top: 13px;
   }
     
   .block-title {
     font-size: 14px;
     font-weight: 500;
     color: #263238;
     margin-bottom: 30px;
     text-transform: uppercase;
     position: relative;
   }
   .flex-item ul{
    padding-top: 20px;
    color:#767676;
    line-height: 30px;
   }
   .flex-item span{
     color:#444444;


     font-size: 18px;
     font-weight: 400;
   }
   .media-text .icon-group-1880{
     font-size: 20px;
     color: white;
   }
   footer .footer-Content {
     background-color: #FAFAFA;
     padding: 112px 0;
     color: #767676;
   }
   .modal-title{
    font-size: 24px;
   }
   
   .mousedown:hover, .mousedown:focus i{
     color:white !important
   }
   .underline{
    text-decoration: underline;
   }
   .mobile-footer{
    padding-right: 15px;
   }
   @keyframes height{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}
   .mousedown {
     
     position: absolute;
     right: 83px;
     bottom: 27px;
     z-index: 1;
     color: #fff;
     font-size: 26px;
     animation: 2.5s height infinite;
   }
   .form-group {
    margin-bottom: 35px;
}
.border-none{
  border-right: none !important;
}
.modal-dialog{
  max-width: 700px;
  margin: 6.75rem auto;
  min-height: calc(100% - 3.5rem);
}

@media (min-width: 992px) {
  .kurumsal-none-mobile{
    display: none !important;
  }
  .menu-bg .dark-logo:before {
    content: "";
    position: absolute;
    width: 150px;
    height: 195px;
    background: white 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 99px #00000029;
    border-radius: 0px 0px 25px 25px;
    z-index: -1;
    left: -46px;
    top: -36px;
  }
  .faaliyet-link .bg-kurumsal{
    width: 100%;
    margin-right: 1rem;
  }
  .faaliyet-link .bg-faaliyet{
    width: 100%;
    margin-left: 1rem;
  }
  #carousel-area .carousel-item .carousel-caption p {
    max-width: 950px;
}
.media .item-media{
  height: 556px;
}
.prl{
  padding-right: 0px;
  padding-left: 0px;
}
}
@media (min-width:3000px){
  #carousel-area .carousel-item .carousel-caption p {
    font-size: 43px;
    color: #fff;
    line-height: 52px;
}
#carousel-area .carousel-item .carousel-caption p {
  max-width: 2000px !important;
}
#carousel-area .carousel-item .carousel-caption h2 {
  font-size: 98px;
  font-weight: 700;
  color: #fff;
}
}
@media (max-width:1366px){
  #carousel-area .carousel-item .carousel-caption {
    top: 42%;
    right: 0px !important;
    left: 35px !important;
    text-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
}

}
@media (max-width: 991px) {
  .kurumsal-none-desktop{
    display: none !important;
  }
  .kurumsal-bg-left:before {
    height: 550px !important ;
    transform: translateY(539px) !important ;
}

.kurumsal-bg-right:before {
  height: 750px !important;
  transform: translateY(395px) !important;
}
}
.content-left{
  padding-left: 20px;
  background: white;
  border-radius: 5px;
  text-align: start;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-right: 20px;
  margin-bottom: 2rem;
  }
  .content-right{
    padding-left: 20px;
    background: white;
    border-radius: 5px;
    text-align: start;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-right: 20px;
    }
  .sustainability h3{
    font-size: 28px;
    color: #444444;
    text-align: start;
  }
   @media (min-width: 992px) {
     .mousedown {
         display: block;
     }
     .sustainability h3{
      text-align: end;
    }
    .sustainability .content-left p{ 
      font-size: 18px;
      color: #525252;
      font-weight: 400;
      padding-left: 36%;
    }
    .content-left{
    text-align: end;
    padding-right: 60px;
    }
    .content-left .title-hr{
    margin-top: 50px;
    margin-bottom: 50px;
    }
    
    .sustainability .content-right p{ 
      font-size: 18px;
      color: #525252;
      font-weight: 400;
      padding-right: 41%;
    }
    .content-right h3{
      font-size: 28px;
      color: #444444;
      text-align: start !important;
    }
    .content-right{
    background: white;
    border-radius: 5px;
    text-align: start;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 60px;
    }
   .career-img{
    margin-top: -24px;
   }
 
     .map{
      border-radius: 0px 10px 10px 0px;
     }
     .group-companies-card{
       width: 80%;
       margin-right: 5rem;
     }
    
     .group-companies-logo{
       width: 20%;
     }
   }
   .bg-flex{
    display: flex;
    align-items: center;
    flex-direction: column;
   }
.p-item p{
    font-size: 16px;
    color: #525252;
    font-weight: 400;
   }
   .governance-item h2{
    font-size: 42px;
    font-weight: 700;
    color: #444444;
   }
   .governance-item p{
    font-size: 22px;
    font-weight: 400;
    color: #444444;
    margin-bottom: 40px;
   }
   .governance-item i{
     color:#15223D
   }
   .governance-content:hover i{
    transform: translate(10px, -10px);
   }
   .kurumsal-bg-left:before{
    background: white;
    width: 94%;
    content: '';
    background-size: 25px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    border-radius: 0px 5px 5px 0px;
    height: 450px;
    transform: translateY(249px);
    
  }
  .kurumsal-bg-right:before{
    background: white;
    width: 94%;
    content: '';
    background-size: 25px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    border-radius: 5px 0px 0px 5px;
    height: 500px;
    transform: translateY(229px);
  }
   @media (min-width: 2400px) {
    .bg-counter:before {
      height: 900px;
  }
  .modal-dialog{
    margin: 15% auto;
  }
  }


   /* .mousedown:before {
     content: "";
     position: absolute;
     left: 50%;
     bottom: 100%;
     transform: translateX(-50%);
     height: 113px;
     width: 1px;
     background-color: #fff;
     margin-bottom: 14px;
   } */
   
   .flex-item ul{
     margin-bottom: 2rem;
   }
   .pt-40{
     padding-top:40px
   }
   .textwidget {
     font-size: 14px;
     line-height: 24px;
     margin-bottom: 10px;
     display: flex;
     align-items: flex-start;
   }
   
   .textwidget p {
     color: #546E7A;
   }
   
   footer .menu {
     padding-left: 0;
   }
   
   footer .menu li {
     padding-bottom: 12px;
   }
   
   footer .menu li a {
     color: #546E7A;
   }
   
   footer .menu li a:hover {
     color: #575B73;
   }
   
   .contact-footer {
     margin: 0;
     padding: 0;
     display: inline-block;
   }
   
   .contact-footer li {
     padding: 3px 0;
     margin-bottom: 15px;
   }
   
   .contact-footer li strong {
     float: left;
   }
   
   .contact-footer li span {
     margin-left: 73px;
     display: block;
   }
   
   .contact-footer li span a {
     color: #546E7A;
   }
   
   .contact-footer li span a:hover {
     color: #575B73;
   }
   
   .instagram-footer {
     padding: 0;
   }
   
   .instagram-footer li {
     display: block;
     width: 33%;
     float: left;
     padding: 0 5px 5px 0;
     margin: 0;
   }
   
   .instagram-footer li a img {
     width: 100%;
   }
   
   .footer-social li {
     display: inline-block;
     border-radius: 5px;
     margin-right: 12px;
   }
   
   .footer-social li a {
    background-color: transparent;
    border: 1px solid #767676;
    border-radius: 5px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    text-align: center;
    width: 34px;
    display: inline-block;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
   }
   
   .footer-social li:hover {
     background-color: #575B73;

   }
   
   #copyright {
     background-color: #FAFAFA;
     padding: 20px 0 10px;
     border-top: 1px solid #C9C9C9;
     color: #546E7A;
   }
   
   #copyright p {
     margin-bottom: 0;
     line-height: 40px;
   }
   #page{
     margin-bottom: 2rem;
   }
   #copyright p a {
     color: #546E7A;
   }
   .page-button:hover{
    border: 1px solid #15223D;
    color: #15223D;
  }
  .page-button .icon-group-1880{
    width: auto;
    color: #CECECE;
    padding-left: 40px;

  }
  .page-button:hover a{
    color: #15223D;
  }
  .page-button:hover .icon-group-1880{
    transform: translate(10px, -10px);

color:#15223D
  }
  .policies-title{
    display:flex;
    justify-content: center;
  }
  .policies-title .title-content{
    width: 60%;
  }
   .page-button{
     border: 1px solid #CECECE;
       border-radius: 39px;
       background: transparent;
       padding:13px 40px 13px 31px;
       color:#767676;
       cursor: pointer;
       margin-right: 55px;

   }
   .page-pt{
     margin-top: 10rem;
    background: white;
    padding-top: 44px;
    padding-bottom: 37px;
    padding-left: 115px;
   }
   .page-li-title{
    margin-right: 36px;
    font-size: 16px;
    font-weight: bold;
    color: #767676;
   }
   .page-button a{
     color: #ACACAC;
   }
   
   #copyright p a:hover {
     color: #767676;
   }
.corporate-slider .owl-stage-outer{
  overflow: hidden;
  margin: 0rem calc(50% - 50vw) 0 0;
}



   .page-button:hover{
     color:#2F3841;
     background-color: white;
   }
   .corporate-slider{
    /* width: 1300px; */
    margin: 0 auto;
    margin-bottom: 129px;
   }
   .page-button:hover i{
   color:#575B73
   }
   .align-items-center{
     align-items: center;
   }
   .bottom-link h2{
    color: white;
    font-size: 24px;
    font-weight: 400;
   }
   #copyright .nav-inline .nav-link {
     color: #767676;
     padding: 10px 0;
     margin-right: 70px;
   }
  .corporate-slider .owl-dots{
    margin-top: 44px;
   }
   .mobile-nav .panel-default>.panel-heading{
    margin-bottom: 0rem;
   }
   .bottom-link-kurumsal{
    background: linear-gradient(90deg, #575B73 0%, #e1dd00ba 100%) ,url(../img/kurumsal.png) no-repeat;
    padding-bottom: 40px;
    padding-top: 103px;
    background-size: cover;
    padding-right: 59px;
    margin-bottom: 1rem;
    text-align: end;

   }
   .bottom-link-faaliyet{
    background: linear-gradient(90deg, #575B73 0%, #e1dd00ba 100%) ,url(../img/faaliyet.png) no-repeat;
    padding-bottom: 40px;
    padding-top:103px;
    background-size: cover;
    padding-left: 59px;

   }

   .bottom-icon .icon-group-1880{
     color: white;
   }
   .bottom-link:hover .icon-group-1880{
    transform: translate(10px, -10px);
  }
   .counter-slider{
    background: white;
    padding: 55px;
    border-radius: 5px;
   }
   #copyright .nav-inline .nav-link:hover {
     color: #575B73;
   }
   .corporate-content h1{
    letter-spacing: 1px;
    text-align: center;
    color: #444444;
    font-size: 40px;
    margin-bottom: 0px;
   
   }
   .corporate-content span{
    letter-spacing: 0.45px;
    color: #747474;
    font-size: 18px;
   }


   .corporate-counter h3{
     border-bottom: 1px solid #575B73;
   }
   .corporate-counter p{
     font-weight: bold;
     color: #767676;
     padding-top: 25px;
   }
   .corporate-content p{
    font-size: 18px;
    color: #525252;
    font-weight: 400;
     
     }
     .corporate-content .title-hr{
      display: inline-block;
   
     }
     .corporate-counter .counter{
       color: #2F3841;
       font-size: 99px;
     }
     .counter-icon{
       position: absolute;
       top: 20px;
       font-size: 30px;
       margin-left: 10px;
       font-weight: 300;
   
     }
     .corporate-counter{
       margin-top: 60px;
     }
   /* ==========================================================================
    Counter Section Style
    ========================================================================== */
   .counters {
     background: url(../img/bg/bg-counter.jpg) fixed;
     position: relative;
   }
   
   .counters .facts-item {
     text-align: center;
     color: #fff;
     border: 1px dotted #fff;
     border-radius: 4px;
     padding: 30px;
   }
   .pt-100{
     padding-top:122px
   }
   .counters .facts-item .icon {
     margin-bottom: 15px;
   }
   
   .counters .facts-item .icon i {
     font-size: 40px;
     color: #fff;
   }
   
   .counters .facts-item .fact-count h3 {
     font-size: 40px;
     color: #fff;
     font-weight: 400;
     line-height: 40px;
   }
   
   .counters .facts-item .fact-count h4 {
     font-size: 15px;
     color: #fff;
     margin-bottom: 0;
   }
   
   .counter-item {
     text-align: center;
     padding: 30px;
     background: #f9f9f9;
     border: 1px solid #eaeaea;
     margin: 15px 0;
   }
   .font-400{
     font-weight: 400;
   }
   .counter-item .icon {
     margin-bottom: 20px;
   }
   .card:hover svg{
     fill:#ffffff !important
   }
   .card:hover .card-title{
     color:white !important
     
   }
   .card:hover  p{
    color:white !important
    
  }
  .slider-icon .icon-group-1880{
    font-size: 40px;
    color: white;
    margin-top: 41px;
  }

  .carousel-caption:hover .icon-group-1880{
    transform: translate(10px, -10px);
  }


  .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    /* background: #15223D;
    width: 23px; */
    
}
   .card svg{
     fill:#444444!important
   }
   .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    margin: 0px !important;
    height: 10px;
    margin-right:7px !important;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
   .counter-item .icon i {
     font-size: 40px;
     color: #575B73;
   }
   
   .counter-item .fact-count h3 {
     font-size: 50px;
     font-weight: 500;
     line-height: 60px;
   }
   .counter-item .fact-count h4 {
     font-size: 18px;
     margin-bottom: 0;
   }

.section-subtitle{
  padding-top: 12px;
}
.card img{
  width: 75px;
  height: 74px;
  margin-bottom: 30px;
  z-index: 2;
}
.card span{
  text-align: center;
  font-weight: bold;
  color: white;
  z-index: 2;

}
.card:hover .details-card{
  transform: translateY(-50px);
  -webkit-transition: transform 0.2s linear, -webkit-box-shadow 0.2s linear;
  -moz-transition: transform 0.2s linear, -moz-box-shadow 0.2s linear;
  transition: transform 0.2s linear, box-shadow 0.2s linear;
}
.card:hover i{
  opacity: 9;
}
.details-card{
  margin-bottom: 40px;
  color: white;
  z-index: 9;
  text-align: center;
}
.bg-counter-index{
  border-radius: 25px;
  text-align: center;
  background-repeat: no-repeat;
  object-fit: cover;
  background-size: cover;
  background-image: linear-gradient(180deg, #FFFFFF00 0%, #3E4465B7 100%), url(../img/bg-sayi.png);
}
.bg-counter-index h3{
  font-size: 75px;
    color: #102648;
    line-height: 91px;
    font-weight: bold;
}
.card i{
  opacity: 0;
  text-align: center;
  color: white;
  z-index: 9;
}

   .card{
    
     background: #FFFFFF 0% 0% no-repeat padding-box;
   border: 0px solid #FFFFFF;
   border-radius: 25px;
   margin-right: 1rem;

   -webkit-transition: transform 0.2s linear, -webkit-box-shadow 0.2s linear;
   -moz-transition: transform 0.2s linear, -moz-box-shadow 0.2s linear;
   transition: transform 0.2s linear, box-shadow 0.2s linear;
       width: 100%;
       object-fit: cover;
       background-size: cover;
       justify-content: flex-end;
       opacity: 0.8;
   }
   .active-energy{
    background-size: cover;
    color:white;
    background-image: linear-gradient(37deg, #15223D 0%, #e1dd0096 100%), url(../img/cagri-merkezi.png);
   }
   .active-energy .card-title{
    color:white;
   }
   .active-energy p{
    color:white !important;
   }
   .active-energy svg {
    fill: #ffffff !important;
    }
    .active-energy span {
      color:white !important;
    }
    .active-energy .icon-group-1880 {
      color:white !important;
    }


   .energy:hover{
 
    background-image: url(../img/energy.png);
    background-size: cover;
   background-image:linear-gradient(37deg, #15223D 0%, #e1dd0096 100%), url(../img/energy.png);
    /* background-image: url(../img/sektor-hover.png), transparent linear-gradient(37deg, #15223D 0%, #E1DD00 100%) 0% 0% no-repeat padding-box; */
    border: none;

    border-radius: 5px;
  }
  .card:hover .icon-group-1880{
    color:white;
    transform: translate(0px, 23px);
  
  }
.hover-i {
  transition: transform 0.2s linear, box-shadow 0.2s linear;
}
.hover-i:hover .icon-group-1880{
  transform:translate(10px, -10px)

}
.sector-p{
  padding-top: 12px;
  padding-bottom: 30px;
}
  
  .icon-group-1880{
    width: 100%;
    display: inline-block;
    color:#15223D;
    cursor: pointer;
    transition: transform 0.2s linear, box-shadow 0.2s linear;
  }
  .tel:hover{
 
    background-image: url(../img/tel.png);
    background-size: cover;
   background-image:linear-gradient(37deg, #15223D 0%, #e1dd0096 100%), url(../img/tel.png);
    border: none;

    border-radius: 5px;
  }
  .solar:hover{
 
    background-image: url(../img/solar.png);
    background-size: cover;
   background-image:linear-gradient(37deg, #15223D 0%, #e1dd0096 100%), url(../img/solar.png);
    border: none;

    border-radius: 5px;
  }
  .card1{
    background-image: url(.);
  }
  .card1:hover{
 

    background-size: cover;
   background-image:linear-gradient(37deg, #15223D 0%, #e1dd0096 100%);
    border: none;

    border-radius: 5px;
  }
  .card:hover{
    background: transparent linear-gradient(180deg, #FFFFFF00 0%, #373B45 100%) 0% 0% no-repeat padding-box;
border-radius: 25px;
  }
  .destek:hover{
 
    background-image: url(../img/destek.png);
    background-size: cover;
   background-image:linear-gradient(37deg, #15223D 0%, #e1dd0096 100%), url(../img/destek.png);
    border: none;

    border-radius: 5px;
  }
  .muhendis:hover{
 
    background-image: url(../img/muhendis.png);
    background-size: cover;
   background-image: transparent linear-gradient(180deg, #FFFFFF00 0%, #373B45 100%), url(../img/muhendis.png);
    border: none;
    background: transparent linear-gradient(180deg, #FFFFFF00 0%, #373B45 100%) 0% 0% no-repeat padding-box;
border-radius: 25px;

    border-radius: 5px;
  }
  .card3{
    background-image: url(../img/insaat.png);
  }
   .card3:hover{
  
  
     background-size: cover;
    background-image:linear-gradient(37deg, #15223D 0%, #e1dd0096 100%);
     border: none;

     border-radius: 5px;
   }
   .card2{
    background-image: url(../img/madencilik.png);
   }
   .card2:hover{
 

    background-size: cover;
   background-image:linear-gradient(37deg, #15223D 0%, #e1dd0096 100%);
    border: none;

    border-radius: 5px;
  }
   .card:hover .lni-arrow-right-position{
     color:#575B73 !important
   }

   .card:hover .hover-svg{
     fill:#ffffff !important
   }

   .card-title{
 
    margin-top: 138px;

     color:#262626;
     font-size: 32px;
     font-weight: 500;
   }
   .card p{
     color:#525252;
     font-size: 14px;
     font-weight: 400;
     margin-bottom: 31px;
   }
   
   .main-content {
     position: relative;
   }
   .main-content .owl-theme .custom-nav {
     position: absolute;
     top: 20%;
     left: 0;
     right: 0;
   }
   
   
   .main-content .owl-theme .custom-nav .owl-prev {
     left: 0;
   }
   .main-content .owl-theme .custom-nav .owl-next {
     right: 0;
   }
   .owl-stage{padding-left:0px !important;}
   
   .menu-bg .icon-hamburger:before{
     color:#4C4D4F !important
   }
   .menu-bg .icon-search:before{
     color:#4C4D4F !important
   }
   .pulsating-circle {
     position: absolute;
     width: 30px;
     height: 30px;
   }
   .mt-50{
     margin-top: 50px;
   }
   .pulsating-circle:before {
     content: '';
     position: relative;
     display: block;
     width: 200%;
     height: 200%;
     box-sizing: border-box;
     margin-left: -50%;
     margin-top: -50%;
     border-radius: 45px;
     background-color:  #1F8D86;
     animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
   }
   .green:before{
     background-color:  #15223D !important
   }
   .green:after{
     background-color:  #15223D !important
   }
   .yellow:before{
     background-color:  #DEE444 !important
   }
   .yellow:after{
     background-color:  #DEE444 !important
   }
   .orange:before{
    background-color:  #FA9C00 !important
  }
  .orange:after{
    background-color:  #FA9C00 !important
  }
   .pulsating-circle:after {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     width: 100%;
     height: 100%;
     background-color: #1F8D86 ;
     border-radius: 15px;
     animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
   }
   .hr-line{
     width: 100%;
     height: 2px;
     margin-top: 4rem;
     background-color:#E4E4E4;
   }
   @keyframes pulse-ring {
     0% {
       transform: scale(0.33);
    }
     80%, 100% {
       opacity: 0;
    }
   }
   @keyframes pulse-dot {
     0% {
       transform: scale(0.8);
    }
     50% {
       transform: scale(1);
    }
     100% {
       transform: scale(0.8);
    }
   }
   .corporate-content b{
     color: #525252;
   }
   .span-title{
     font-size: 20px;
     color: #575B73;
     font-weight: 500;
   }
   .section-title{
    font-size: 35px;
    color: #444444;
    margin-top: 6px;
   }
   .mtb-155{
     margin-top: 128px;
     margin-bottom: 58px;
   }
   
   
   .inline-block{
     display: inline-block;
   }
   
   .pb-20{
     padding-bottom: 20px;
   }
   
   .mobile-wrap   a{
     color:#767676
   }
   .menu-line a{
     display: flex;
     align-items: center;
     width: 100%;
     justify-content: space-between;
   }
   .mt-83{
     margin-top: 83px;
   }
   .menu-text span{
    display: flex;
    align-items: center;


  }
  #career-section .title-content p {

    margin-bottom: 0px;

}
.mb-0{
  margin-bottom: 0px !important;
}
.career-footer{
  z-index: 9;
  background: transparent linear-gradient(94deg, #15223D 0%, #E1DD00 100%) 0% 0% no-repeat padding-box;
  border-radius: 10px;
  padding: 32px 58px 33px 58px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.career-footer p{
  color: white !important;
  font-size: 22px !important;
}
.career-footer:hover i{
  transform: translate(10px, -10px);
}
.career-footer i{
  color: white !important;
  font-size: 30px !important;
}
   #career-section p{
    color: #525252;
    font-size: 16px;
    font-weight: 400;
   }
  .menu-ul .arrow-button{
    font-size: 14px;
    margin-right: 30px;
    margin-left: 30px;
    width: 40px;

   }
   .portlet .tabbable-line > .tab-content {
     padding-bottom: 0;
   }
   .tab-pane-bg{
     background-color: #fff;
     border-bottom: 3px solid #eee;
     border-image: linear-gradient(90deg, #093062 0%, #102648 100%) 30;
   }
   
   .button-all{
     overflow: hidden;
     background: #FFFFFF 0% 0% no-repeat padding-box;
     border-radius: 5px;
     padding-left:25px;
     padding-right: 25px;
     font-size: 18px;
     color: #848484;
     font-weight: 400;
     display: flex;
     align-items: center;
     justify-content: space-around;
   }
   .owl-item.center .item{
     
   }
   
   #sync1{float:left;}
   #sync2{    display: flex;
     /* width: 300px; */
     float: left;
     flex-wrap: nowrap;
     flex-direction: column;
   }
   
   #sync1 .item {
     background: #0c83e7;
     padding: 80px 0px;
     margin: 5px;
     color: #FFF;
     border-radius: 3px;
     text-align: center;
   }
   #copyright .icon-group-1880 {
     font-size: 10px !important;
     margin-right: 20px;
     color: #767676;

   }
   #sync2 .item{
     background: #FFFFFF 0% 0% no-repeat padding-box;
     border-radius: 4px;
     cursor: pointer;
     margin-right: 5px;
   }
   #sync2 .item h1 {
     font-size: 100px;
     color: #ACACAC;
     text-align: right;
   }
   #investment .title-hr{
    width: 51px;
    text-align: center;
    display: inline-block;
  }
.bg-counter-pd .title-hr{
    width: 51px !important;
     text-align: center;
     display: inline-block;
   }
   #media .title-hr{
    width: 25px;
    text-align: center;
    display: inline-block;
  }
   .owl-theme .owl-nav {
     /*default owl-theme theme reset .disabled:hover links */
   }
   .owl-theme .owl-nav [class*='owl-'] {
     transition: all 0.3s ease;
   }
   .owl-theme .owl-nav [class*='owl-'].disabled:hover {
     background-color: #D6D6D6;
   }
   .menu-ul{
    height: 100%;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    padding-top: 25px;
    padding-bottom: 25px;
    width: 50%;
    margin-right: 2rem;
   }
   
   
   .hover-bg{
     background-color:white
   }
   .hover-bg .icon-search:before{
     color: #4C4D4F !important;
   }
   .menu-line:hover i{
    transform: translate(10px, -10px);
   }
   .hover-bg a{
     color: #4C4D4F !important;
   }
   /* .hover-inline{
   opacity: 0;
   } */
   .height-100{
     height: 100%;
   }
   .menu-line:hover .hover-inline{
   opacity: 0.9;
   }
   .menu-line:hover{
     border-bottom: 1px solid #102648;
   }
   .menu-text{
     position: absolute;
     bottom: 20px;
     left: 45px;
     color: white;
   }
   .menu-text h3{
     color: #15223D;
     font-size: 35px;
   }
     .menu-line{   
       padding-bottom: 16px;
       border-bottom: 1px solid #ACACAC;
       margin-bottom: 20px;
       color: #4C4D50;
     }
   #sync1.owl-theme {
     position: relative;
   }
   #sync1.owl-theme .owl-next,
   #sync1.owl-theme .owl-prev {
     width: 22px;
     height: 40px;
     margin-top: -20px;
     position: absolute;
     top: 50%;
   }
   #sync1.owl-theme .owl-prev {
     left: 10px;
   }
   .nav-link-before:after{
     content:"|";
     margin-left: 10px;
   }
   #sync1.owl-theme .owl-next {
     right: 10px;
   }
   /* #career{
     background-image: url("../img/bg-kariyer.png");
     background-repeat: no-repeat;
     width: 100%;
     background-size: cover;
   } */
   .career-content{
     border: 1px solid #D0CEBC;
     padding: 70px 50px 70px 50px;
     border-radius: 4px;
     -webkit-transition: transform 0.2s linear, -webkit-box-shadow 0.2s linear;
     -moz-transition: transform 0.2s linear, -moz-box-shadow 0.2s linear;
     transition: transform 0.2s linear, box-shadow 0.2s linear;
     margin-bottom: 20px;
   }
   .mb-50{
     margin-bottom: 50px;
   }
   .career-content span{
   
     color: #262626;
     font-size: 18px;
     font-weight: 500;
   
   }
   .career-content h2{
    color: #262626;
    font-size: 24px;
   }
   .career-content p{
     font-size: 14px;
     font-weight: 300;
     margin-bottom: 20px;
     color:#262626
   }
   .career-button{
     border: 1px solid #D0CEBC;
     border-radius: 5px;
     margin-top: 5rem;
     padding: 10px 40px 10px 40px;
   }
   .career-content:hover{
     background: #FFFFFF 0% 0% no-repeat padding-box;
   /* box-shadow: -60px 60px 60px #0000001A; */
   box-shadow: -60px 60px 60px #0000001A;
   }
   .career-content:hover .career-button{
     background-color: #66A80F;
     color:white
   }
   .career-content:hover span{
     color: #66A80F ;
   }
   .career-content:hover p{
     color:#ADB5BD
   }
   #career{
    background-color: white;
   }
   .footer-banner{
     /* background: #FFFFFF ; */
       border-radius: 5px;
       overflow: hidden;
       margin: 0 auto;

       position: relative;
       z-index: 99;
  
   }
   .button-a{
     color:#15223D
   }
   .button-a .icon-group-1880{
     margin-left: 7px;
     color: #15223D;
   }
   .form-group .button-a{
    position: absolute;
    right: 97px;
    display: flex;
    padding: 15px 30px;
    color: #15223D !important;
    background: none;
    border: none;
    cursor: pointer;
   }
   .banner-text h4{
     color: #444444;
     font-size: 24px;
     margin-top: 50px;
   }
   .banner-text p{
     margin-bottom: 50px;
     font-size: 16px;
     font-weight: 400;
   }
   .banner-button{
     background: #575B73 ;
     border-radius: 5px;
     color:white;
     border: none;
     margin-right: 20px;
     padding:10px 30px 10px 30px
   }
   .max-width{
     max-width: 1080px;
   }
   .before-bg:before{
    /* border-radius: 0px 10px 10px 0px;
    border-bottom-style: solid;
    border-width: 0px 0px 3px 0px; */
    /* border-image: linear-gradient(90deg, #15223D 0%, #15223Dbf 100%) 1; */
    background: white;
    width: 40%;
    content: '';
    background-size: 25px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    height: 190px;
   
   }
  .hover-bg .hover-bg-li-mobil .icon-hamburger:before {
    color: #4C4D4F  ;
}

.mr-102{
  margin-left: 102px;
}
   .bg-banner{
    height: 175px;
     background-color: white;
     border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-radius: 0px 10px 10px 0px;
    /* border-bottom-style: solid; */
    border-width: 0px 0px 3px 0px;
    /* border-image: linear-gradient(85deg, #15223D 0%, #E1DD00 100%) 1; */
   }

  .mobile-search{
    position: absolute;
    right: 0px;
  }
  @media (max-width:1300px){
    .slider-icon .icon-group-1880 {
      font-size: 17px;
      color: white;
      margin-top: 20px;
  }
  #carousel-area .carousel-indicators {
    bottom: 8px;}
  }
  @media (min-width:1200px){
    .tydesktop{
      transform: translateY(-342px);
    }
    .activity-img p {
     max-width: 425px;
  }
  }
   @media (max-width:1200px){
     .page-button{
  
       margin-bottom: 1rem;
   
     }
     .lottie{

      transform: translateY(0px) !important;
    }
     #our-values .d-flex{
      flex-wrap: wrap;
     }
     .search-box:focus {
      width:180px !important;
    }
     
     .button-send {
      width: 100% !important;
      padding: 10px;
  }
  .location-button{
    width: 100% !important;
      padding: 10px;
  }
 
     .bg-counter:before{
      height: 100%;
     }
 
     .career-text-center{
       display: inline-block;
       position: absolute;
       bottom: 0px;
       background: #FFFFFF 0% 0% no-repeat padding-box;
     border-radius: 5px;
       left: 15px !important;
       padding: 30px 40px 30px 40px;
     }
     .page-button-mobile{
       flex-direction: column;
     }
     .page-li-title{
       margin-bottom: 1rem;
     }
   }
   @media (min-width: 768px) and (max-width: 1024px) {
     .section-header .section-title {
       font-size: 22px;
     }
     .owl-theme .owl-dots, .owl-theme .owl-nav{
      text-align: left;
      margin-left: 20px;
    }

     #hero-area .contents {
       padding: 148px 0 48px;
     }
     #hero-area .contents h1 {
       font-size: 26px;
     }
     .intro-img {
       padding: 130px 0;
     }
     #video-area .contents h1 {
       font-size: 32px;
       line-height: 48px;
     }
     .contents .head-title {
       font-size: 24px !important;
     }
     .contents h4 {
       font-size: 22px;
       line-height: 38px;
     }
     .navbar-expand-md .navbar-nav .nav-link {
       padding: 12px 5px;
       font-size: 13px;
       margin-left: 15px;
     }
     .mainmenu-area .menu-button {
       line-height: 46px;
     }
     .item-boxes h4 {
       font-size: 16px;
     }
     #carousel-area .carousel-item .carousel-caption {
       top: 35%;
     }
     #carousel-area .carousel-item .carousel-caption h3 {
       font-size: 22px;
     }
     #carousel-area .carousel-item .carousel-caption h2 {
       font-size:25px;
     }
     .call-action .cta-trial h3 {
       font-size: 18px;
     }
     #features .box-item .text h4 {
       font-size: 12px;
     }
     #features .box-item .icon {
       width: 48px;
       height: 48px;
       margin: 5px 0;
     }
     #features .box-item .icon i {
       line-height: 48px;
     }
     #features .content-left .text {
       margin-right: 60px;
     }
     #features .content-right .text {
       margin-left: 60px;
     }
     #cta h5 {
       font-size: 18px;
     }
     #cta .btn {
       margin: 22px 5px;
     }
     .media-page-card {
       margin-bottom: 30px;
     }
     .counters .facts-item {
       margin-bottom: 30px;
     }
     .subscribe-form {
       margin-bottom: 30px;
     }
     .subscribe-form .sub-title h3 {
       font-size: 22px;
     }
     .pricing-table .pricing-details ul li {
       font-size: 13px;
     }
     #blog .blog-item-wrapper {
       margin-bottom: 30px;
     }
     #blog .blog-item-text h3 {
       font-size: 14px;
     }
     .footer-social li {
       margin-right: 2px;
     }
     .widget {
       margin-top: 30px;
     }
   }
   .nav-link  .icon-group-1880{
     width: auto;
   }
   .nav-link:hover  .icon-group-1880{
    width: auto;
    color:#575B73 !important
  }
  .nav-link:hover .icon-group-1880 {
    transform: translate(10px, -10px);
}
.button-a:hover .icon-group-1880 {
  transform: translate(10px, -10px);
}
#carousel-area{
  box-shadow: 0px 5px 75px #00000029;
}
   @media(min-width:1421px){
   
     /* .footer-banner {
       width: 1421px;
   } */
   
   }
   #social{
     margin-top: 150px;
   }
   @media(min-width:1300px){
     .navbar-expand-md .navbar-nav .nav-link {
       margin-left: 67px;
     }
     .main-content{
       width: 1300px;
       margin: 0 auto;
     }
     #sector .owl-stage-outer{
      overflow: hidden;
      margin: 0rem calc(50% - 50vw) 0 0;
      margin-bottom: 52px;
    }
     
   }
   @media(min-width:1920px){
    .gnav > ul > li:hover .menu {
      max-height: 500px !important;
  }
  

  #social:before {

    width: 52%;
    height: 750px;


}




   }
 

    @media (max-width: 412px) {
      .bg-media:before {
    height: 0px !important;
    }
    .career-counter .border-counter {
      margin-bottom: 1rem;
      padding-right: 0px;
      margin-right: 0px;
      border-right: none;
      
      }
    .career-counter {
      margin-top: 70px;
      display: flex;
      flex-direction: column;
      align-items: center;
      /* line-height: 41px; */
    }
  #myTabContent .nav-content {
    flex-direction: column-reverse;
  }
  .grup-item{
    flex-direction: column;
  }
  #myTabContent .button-all{
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 1rem;
  }
  .footer-social li {

    margin-bottom: 1rem;
}
  #social .nav-content {
    flex-direction: column-reverse;
  }
  #social .button-all{
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 1rem;
  }
  .banner-form .form-group{
    flex-direction: column;
  }
  .banner-form .form-control {
    width: 100%;
    margin-bottom: 1rem;
}
.banner-button{
  margin-right: 0px;
}

}
.Corporate  .pt-100 {
  padding-top: 38px;
}
.certificate{
  margin-top: 2rem;
     }
     .certificate-item:hover::before {
      width: 100%;
  }
     .certificate-item:before {
      transition: 0.3s;
      border-bottom-style: solid;
      border-width: 0px 0px 3px 0px;
      border-image: linear-gradient(to right, #15223D 0%, #E1DD00 100%) 1;
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0;
      background: #102648;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      transition: 0.3s;
  }

   @media (max-width: 768px) {
     .services-slider {
       display: flex;
       flex-direction: column;
       flex-wrap: nowrap;
   }
   .contact-info table{
    height: 512px !important;
   }
   #contact-form-before h2{
    text-align: center;
    font-size: 29px !important;
   }
  .mission-content{
    padding: 30px !important;
   }
   .banner-form{
    margin-bottom: 20px;
  }
   .group-content{
    display: flex;
    flex-direction: column;
   }
   .group-img{
    margin-bottom: 1rem;
   }

   .certificate-item .d-flex{
    flex-direction: row !important;
   }
   .certificate-item{
    max-width: 100% !important;
    margin-right: 1rem;
    width: 100%;
    margin-bottom: 1rem;
   }
   #activity .d-flex{
    flex-wrap: wrap !important;
    flex-direction: column ;
   }
   .activity-icon{

    width: 100% !important;
   }
   .news-img-details {
    margin: -42px 0 auto !important;
}
   .mobile-wrap{
    margin: 0 auto;
    display: flex;
    text-align: center;
    justify-content: space-around;
   }
   #copyright .nav{
    flex-direction: column;
   }
   .faaliyet-link {
    display: flex;
    flex-direction: column;
}
   #carousel-area .carousel-item .carousel-caption h2 {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
}
   .Corporate  .pb-141 {
    padding-bottom: 0px;
  
  }
   #carousel-area .carousel-item .carousel-caption p {
    font-size: 20px;
    color: #fff;
}
   .search-a .d-flex{
    justify-content: center;
   }
   .search-button-two a {
    width: 100%;

    margin-right: 0 !important;
    margin-left:  0 !important;
}
   .wrap {
    width: 95%;
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
}

   .kurumsal-bg-left:before {
    height: 700px !important;
    transform: translateY(408px) !important;
}
.kurumsal-bg-right:before {
  height: 850px !important;
  transform: translateY(228px) !important;
}
   .navbar-collapse{
    margin-top: 2rem;
    margin-bottom: 2rem;
   }
   .mousedown {
    position: absolute;
    right: 22px;
    bottom: 0px;
    z-index: 1;
    color: #fff;
    font-size: 26px;
    animation: 2.5s height infinite;
}
   .media-content .media-item p {
    margin-top: 337px !important;

}
   .breadcrumb ul li {
    margin-right: 0px;
    margin-left: 0px;
}
.media-item{
padding: 40px !important;
}

.breadcrumb-item+.breadcrumb-item::before {
  display: inline-block;
  padding-right: 5px;
  color: white;
  content: ">";
  padding-left: 5px;
}
.breadcrumb{
  padding: 0px
}
   .career-card .arrow-button {

    margin-right: 0px;
    margin-left: 0px;
}
.career-card .button-all {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
   #career {
    margin-top: 34px !important;
}
.career-text-center {
  display: inline-block;
  position: relative !important; 
  bottom: 0px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 5px;
  left: 0px !important;
  width: 100%;
  margin-top: 1rem;
}

.button-career .button-all{
  width: 100%;
}



   #investment .mtb-155 {
    margin-top: 62px;

}
#media {
  margin-top: 66px;
}
   #sector .title-content {
    padding-top: 45px;
}
   .card {
    /* padding: 19px 12px 19px 11px */
 
}
.square .media-item p {
  margin-top: 180px !important;
}
.card-title {
  margin-top: 61px;
}
.media-a {
  bottom: 0 !important;
  margin-left: 0 !important;
}
.toggle .tabs .tab {
  margin: 2px 0px 0 !important;
  padding-right: 12px !important;
}
    .ga-vertical-gallery .main-container{
      width: 100% !important;
      margin-bottom: 1rem;
    }
     .footer-info {
       display: flex;
       text-align: center;
       width: 100%;
       flex-direction: column !important;
   }
   
   .widget{
     margin-top: 3rem;
   }
   }
   @media (max-width: 640px) {
     
     .controls .btn {
       padding: 10px 24px;
     }
     .bg-white .collapse.show {
       background: #fff;
     }
     .navbar-toggleable-sm > .container {
       width: 100%;
       padding-left: 30px;
       padding-right: 30px;
     }
   
     .navbar-expand-md .navbar-nav .active > .nav-link, .navbar-expand-md .navbar-nav .nav-link.active, .navbar-expand-md .navbar-nav .nav-link.active::before, .navbar-expand-md .navbar-nav .nav-link.open, .navbar-expand-md .navbar-nav .open > .nav-link {
       background: #ddd;
     }
     .navbar-expand-md .navbar-nav .nav-link {
       padding: 4px 12px;
       text-align: center;
       margin-bottom: 3px;
       margin-left: 0;
     }
     .navbar-expand-md .navbar-nav .nav-link::before {
       display: none;
     }
     .mainmenu-area {
       padding: 0;
     }
     #carousel-area .carousel-item .carousel-caption {
       /* top: 30%; */
     }
     #carousel-area .carousel-item .carousel-caption h3 {
       font-size: 16px;
     }
     #carousel-area .carousel-item .carousel-caption h2 {
       font-size: 30px;
     }
     #carousel-area .carousel-item .carousel-caption h4 {
       font-size: 14px;
     }
     #carousel-area .carousel-item .carousel-caption .btn {
       margin: 8px 5px;
       padding: 7px 16px;
       text-transform: capitalize;
       font-size: 14px;
     }
     .section-header .section-title {
       font-size: 22px;
     }
     .call-action .cta-trial h3 {
       font-size: 22px;
     }
     #hero-area .contents {
       padding: 100px 0 20px;
     }
     #hero-area .contents h1 {
       font-size: 18px;
     }
     .contents .head-title {
       font-size: 18px !important;
     }
     .contents h4 {
       font-size: 18px;
       line-height: 30px;
     }
     .mainmenu-area .menu-button {
       display: none;
     }
     .intro-img {
       padding: 100px 0;
     }
     .menu-wrap {
       padding: 10px;
     }
     .icon-list a {
       padding: 5px 0;
     }
     .icon-list a::before {
       top: 5px;
     }
     .bg-faded {
       background: #fff !important;
     }
     #video-area .contents h1 {
       font-size: 30px;
       line-height: 48px;
     }
     #features .content-right span {
       float: none;
     }
     #features .content-left span {
       float: none;
     }
     #features .box-item .icon {
       margin: 12px 0;
     }
     #features .box-item .text h4 {
       font-size: 13px;
     }
     .subscribe-form {
       margin-bottom: 30px;
     }
     #blog .blog-item-wrapper {
       margin-bottom: 30px;
     }
     #about-area .about-thumb-2 {
       top: 64%;
     }
     .media-page-card {
       margin-bottom: 30px;
     }
     .table-left {
       margin: 0px 0px;
     }
     .counters .facts-item {
       margin-bottom: 30px;
     }
     .widget {
       margin-top: 30px;
     }
     .float-right {
       float: left !important;
     }
   }
   @media (min-width: 480px) and (max-width: 785px) {
    .navbar-expand-md .navbar-brand, .navbar-expand-md .navbar-toggler {
      margin: 12px 15px;
    }
   }

   @media (min-width: 320px) and (max-width: 480px) {
     .navbar-toggleable-sm > .container {
       width: 100%;
       padding-left: 30px;
       padding-right: 30px;
     }
     .search-container{
      display: none;
    }
     .modal-dialog {
      max-width: 300px !important;
      margin: 2.75rem auto;
      min-height: calc(100% - 3.5rem);
  }
  .main-content{
    width: 290px !important;
    margin: 0 auto; 
  }
  #sector .owl-stage-outer{
   overflow: hidden;
   margin: 0rem calc(50% - 50vw) 0 0;
   margin-bottom: 52px;
 }

     .form-group .button-a {
      position: absolute;
      right: 29px;
      display: flex;
      padding: 15px 30px;
      color: #15223D !important;
  }
     .bg-white .collapse.show {
       background: #fff;
     }
     .mainmenu-area {
       padding: 0;
     }
     .bg-faded {
       background: #fff !important;
     }
     .navbar-expand-md .navbar-brand, .navbar-expand-md .navbar-toggler {
       margin: 12px 15px;
     }
     .navbar-expand-md .navbar-nav .active > .nav-link, .navbar-expand-md .navbar-nav .nav-link.active, .navbar-expand-md .navbar-nav .nav-link.active::before, .navbar-expand-md .navbar-nav .nav-link.open, .navbar-expand-md .navbar-nav .open > .nav-link {
       background: #f1f1f1;
     }
     .navbar-expand-md .navbar-nav .nav-link {
       padding: 5px 12px;
       text-align: center;
       margin-bottom: 3px;
       margin-left: 0px;
     }
     .mainmenu-area .menu-button {
       display: none;
     }
     .navbar-expand-md .navbar-nav .nav-link::before {
       display: none;
     }
     .section-header .section-title {
       font-size: 20px;
       line-height: 30px;
     }
     .contents .head-title {
       font-size: 16px !important;
     }
     .contents h4 {
       font-size: 18px;
       line-height: 30px;
     }
     #carousel-area .carousel-item .carousel-caption {
       top: 36%;
     }
     #carousel-area .carousel-item .carousel-caption h3 {
       font-size: 13px;
     }
     #carousel-area .carousel-item .carousel-caption h2 {
       font-size: 20px;
     }
     #carousel-area .carousel-item .carousel-caption h4 {
       font-size: 11px;
     }
     #carousel-area .carousel-item .carousel-caption .btn {
       margin: 8px 5px;
       padding: 7px 16px;
       text-transform: capitalize;
       font-size: 14px;
     }
     #carousel-area .carousel-control-next i, #carousel-area .carousel-control-prev i {
       background: transparent !important;
     }
     #carousel-area .carousel-control-next i:hover, #carousel-area .carousel-control-prev i:hover {
       background: transparent !important;
       border: none !important;
     }
     .call-action .cta-trial h3 {
       font-size: 14px;
       line-height: 22px;
     }
     .text-right {
       text-align: left !important;
     }
     #features .box-item {
       text-align: center;
     }
     #video-area .contents {
       padding: 80px 0 60px;
     }
     #video-area .contents h1 {
       font-size: 18px;
       line-height: 32px;
     }
     .video-promo .video-promo-content h2 {
       font-size: 18px;
     }
     .controls .btn {
       font-size: 12px;
       text-transform: capitalize;
     }
     #cta h5 {
       font-size: 18px;
       line-height: 30px;
     }
     #cta .btn {
       margin: 10px 0;
     }
     .media-page-card {
       margin-bottom: 30px;
     }
     .pricing-tables .pricing-table {
       margin-bottom: 30px;
     }
     .subscribe-form {
       margin-bottom: 30px;
     }
     .subscribe-form .sub-title h3 {
       font-size: 20px;
     }
     .subscribe-form .form-wrapper {
       padding: 30px 20px;
     }
     #subscribe .sub-item-box .text-box h4 {
       font-size: 15px;
     }
     #blog .blog-item-wrapper {
       margin-bottom: 30px;
     }
     #blog .blog-item-text h3 {
       font-size: 18px;
     }
     #blog .blog-item-text .meta-tags span {
       margin-right: 5px;
     }
     .counters .facts-item {
       margin-bottom: 30px;
     }
     #contact .section-title {
       font-size: 22px;
     }
     .social-icons ul li a {
       width: 36px;
       height: 36px;
       line-height: 36px;
       margin-left: 0px;
     }
     #blog-single .blog-post .post-content {
       padding: 15px;
     }
     #blog-single .blog-post .post-content h3 {
       font-size: 15px;
     }
     .blog-comment .comment-author {
       margin-bottom: 40px;
     }
     .blog-comment .comment-list .children {
       padding-left: 0;
     }
     .breadcrumb ul li {
       line-height: 28px;
     }
     .widget {
       margin-top: 30px;
     }
     #about-area .about-thumb-2 {
       top: 64%;
     }
     .contact-deatils {
       margin-top: 30px;
     }
     #copyright p {
       line-height: 24px;
       font-size: 11px;
     }
     #copyright .nav-inline .nav-link {
       padding: 8px 0;
       font-size: 11px;
     }
     .float-right {
       float: left !important;
     }
   }
   .certificate-item{
    max-width: 430px;
    margin-right: 1rem;
    width: 100%;
    position: relative;
   }
   .bg-certificate{
    background: white;
    padding: 15px 10px 15px 10px;
    align-items: center;
   }
   .certificate-item h5{
     font-size: 25px;
   }
   .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: none;
    background: transparent;
}
   @media (min-width:768px){
     .mobile-nav{
      display: none;
     }
     .border-media{
      height: 270px;
     }
     .mobile-search{
      display: none;
        }
   }
   @media (min-width:768px){
    .media-item p{
      margin-right: 0px !important;
    }
  
  }

   .submit-button .btn-common {
    font-size: 16px;
    font-weight: 500;
    border-bottom: none;
    background-color: #575B73;
    position: relative;
    z-index: 1;
    color: white!important;
    padding: 12px 32px;
    border-radius: 5px !important;
    border-radius: 0px;
    float: right;
    margin-bottom: 2rem;
}
   .post-thumb img{
max-width: 100%;
   }
   .owl-dots{
     margin-top: 2rem;
   }
   @media (max-width:992px){
     #social .title-content p{
       color: white !important;
       margin-top: 1rem;
     }
     .search-container{
      display: none;
     }
     .activity-card-item{
      padding: 30px !important;
     }
    
     .bg-contact{

      padding: 30px !important;
     }
     .menu-text {
      left: 25px;

  }
  .white-logo:before {
    background: #3d444f00 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 10px 99px #00000000 !important;
}
  .bg-logo:before {
    background: #ffffff00 !important;
    box-shadow: 0px 10px 99px #00000000 !important;
}
  .contact-info .button-send {

  }
  .sliderCertificateImage{
    height: 30% !important;
    object-fit: contain;
  }
  .career-img img{
    margin-top: 1rem;
  }
  .mt-83 {
    margin-top: 50px !important;
}
  .owl-theme .owl-dots, .owl-theme .owl-nav{
    text-align: left;
    margin-left: 20px;
  }

  .contact-content{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    padding-left: 1rem!important;
    padding-right: 1rem !important;
  }
  input[type=checkbox] + label{
    margin-top: 10px !important;
    margin-bottom: 0px !important;
  }
  .mr-20 {
    margin-right: 9px !important;
  }

  .page-pt {
    margin-top: 10rem;
    padding-left: 0px !important;
}
  #sustainability-accordion .panel-default>.panel-heading {
    padding-right: 12px;
    padding-left: 20px !important;
    padding-top: 23px !important;
    padding-bottom: 23px !important;
    color: #444444 !important;
}
  #sustainability-accordion .panel-default>.panel-heading a {
    font-size: 15px !important;

}
  .form-check-contact .d-flex{
    flex-direction: column;
  }
  .height-122{
    height: 200px !important;
  }
  .form-check-contact .form-group{
    margin-bottom: 10px !important
  }



  .career-footer{
    display: flex;
    flex-direction: column;
  }


  .governance-img{
    margin-top: 20px;
  }
  .before-bg:before{
border:none !important
   
   }
   .bg-banner{
     border: none !important;
   }
  .menu-text h3 {
    font-size: 21px;
}
     .button-send {
      width: 50%;
      padding: 10px;
    }
    .location-button{
      width: 50%;
      padding: 10px;
    }
    .mobile-form{
      flex-direction: column;
    }
     .corporate-content{
       width: 100%;
     }
     .grup-item .d-flex{
      flex-direction: column;
     }
     .owl-carousel .owl-stage-outer {
      margin-bottom: 20px;
  }
  .bg-counter-pd{
    padding-right: 0px;
  }
  .media .col-lg-6{
    margin-top: 2rem;
  }
  .sector{
    background: white;
  }

     .navbar{
       padding: 0px;
     }
     .media-mobile{
      justify-content: space-around !important;
      margin-bottom: 1rem;
     }
     .border-counter {
       border-right: 1px solid #D0CEBC;
       padding-right: 30px;
       margin-right: 30px;
   }
   .toggle .tabs {
    overflow: hidden;
    line-height: 36px;
    margin-top: 1rem;
    margin-bottom: 1rem;}

   .career-card{
     margin-bottom: 2rem !important;
   
   }
   .activity-text{
     width: 100%;
   }
   .activity-card{
     margin-bottom: 1rem;
   }
   .career-text-center{
     display: inline-block;
     position: absolute;
     bottom: 0px;
     background: #FFFFFF 0% 0% no-repeat padding-box;
   border-radius: 5px;
     left: 15px ;
     padding: 30px 40px 30px 40px;
   }
   video{
    height: 430px !important;
    width: 100%;
   }
     .slider-img{
  height: 430px;
      width: 100%;
     }
     .mobile-tab{
       justify-content: flex-start !important;
       margin-top: 1rem;
     }
     .mobile-wrap{
       flex-wrap: wrap;
     }
     .w-50{
       width: 100% !important;
     }
     .mobile-footer{
       flex-direction: column;
       padding: 10px;
   
     }
     .mobile-logo-footer{
       display: flex;
       margin-bottom:2rem;
       justify-content: space-around;
     }
     #social:before {
   
       width: 100%;
       height: 50%;
     }

     .bg-banner{
       height: auto;
       
     }
   }
   .group-companies-content p{
     color: #767676;
       font-size: 18px;
       font-weight: 500;
       padding-top: 15px;
   } 
   .group-companies-content h1{
     color: #767676;
     font-size: 34px;
     font-weight: 700;
   }
   .mt-146{
     margin-top: 146px;
   }
   /* .gnav > ul > li {
     display: table-cell;
   
   }
    */
   .gnav > ul > li:hover .menu {
     max-height: 400px;
     opacity: 1;
   }
   
   .gnav > ul .menu {
     height: auto;
     transition: all 0.2s ease-in;
     max-height: 0;
     opacity: 0;
     overflow: hidden;
     width: 50%;
    border-radius: 25px;
     top: 136px;
     /* text-align: center; */
     position: absolute;
     background: #FFFFFF 0% 0% no-repeat padding-box;
     padding-left: 25px;
     justify-content: flex-start;
   }
   .gnav > ul .menu .menu_inner {
     padding: 1em 0;
   }
   .mt-details{
    margin-top: 4rem;
    margin-bottom: 10px;
   }
   .gnav > ul .menu .menu_inner li {
     display: inline-block;
     margin: 0 0.5em;
   }
   .justify-content-space-around{
     justify-content: space-around;
   }
   .justify-content-space-between{
     justify-content: space-between;
   }
   #career{
     margin-top: 150px;
   }
   .social-item{
     background: #FFFFFF;
     padding-left: 50px;
     padding-right: 50px;
     padding-top: 10px;
     border-radius: 4px;
   }
   .social-item h2{
     font-size: 208px;
     display: flex;
     justify-content: flex-end;
     color: #ACACAC;
   }
   .panel .owl-nav{
     display: inline-block;
       right: 0;
       position: absolute;
       margin-top: 70px;
   }
   .ptb-10{
     padding-top: 10px;
     padding-bottom: 10px;
   }
   .owl-nav .lni-chevron-left{
     background: white;
     padding: 15px;
     font-weight: bold;
     border-radius: 4px;
     line-height: 50px;
     font-size: 18px;
     color: #A7A7A7;
     cursor: pointer;
     margin-right: 10px;
   }
   .owl-nav .lni-chevron-right{
     background: white;
     padding: 15px;
     font-weight: bold;
     border-radius: 4px;
     line-height: 50px;
     font-size: 18px;
     color: #A7A7A7;
     cursor: pointer;
   }
   .nav-button .lni-chevron-left{
     background: white;
       padding: 15px;
       font-weight: bold;
       border-radius: 4px;
       line-height: 50px;
       font-size: 18px;
       color: #A7A7A7;
       cursor: pointer;
   }
   .nav-button .lni-chevron-right{
     background: white;
       padding: 15px;
       font-weight: bold;
       color: #A7A7A7;
       border-radius: 4px;
       line-height: 50px;
       cursor: pointer;
       font-size: 18px;
   }
   
   .social-item h3{
     /* padding-bottom: 20px; */
     color:#575B73;
     font-size: 28px;
     text-align: left;
   }
   .social-item-nav:hover .span-rakam{
     color:#102648 !important
   }
   .social-item-nav{
     text-align: left;
   background-color: white;
   padding: 62px  36px  62px 36px;
   cursor: pointer;
   border-radius: 4px;
   }
   .social-item-nav h2{
     font-size: 20px;
     color: #E4E4E4;
     text-align: left;
   }
   .social-item-nav p{
     font-size: 16px;
     color:#ADB5BD;
     text-align: left;
     padding-top: 0px !important;
     padding-bottom: 0px !important;
   
   
   }
   .social-item-nav .span-rakam{
     position: relative;
     right: -31px;
     color:#E4E4E4 !important;
     line-height: 94px;
     display: inline-block;
     align-content: center;
     /* float: right; */
     font-size: 140px !important;
     overflow: visible;
     z-index: 99999;
   
   }
   
   .ga-vertical-gallery .services-slider {
     display: flex;
   }
   .ga-vertical-gallery .slider-main {
     width: 100%;
   }
   
   .ga-vertical-gallery .main-container {
     height: 100%;
     width: 43%;
     margin-right: 1rem;
     box-shadow: -60px 60px 60px #0000001a;
     background: white;
     border-radius: 4px;
   }
   .ga-vertical-gallery .nav-container {
     display: flex;
     flex-direction: column;
     justify-content: space-around;
   }
   @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .ga-vertical-gallery .nav-container {
       width: 100%;
       height: 100%;
    }
   }
   /* .nav-container .slick-active{
   display: none !important;
   } */
   
   @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .ga-vertical-gallery .nav-container .slider-nav.slick-initialized.slick-slider.slick-vertical {
       height: inherit;
       height: 100%;
    }
   }
   .ga-vertical-gallery .nav-container img {
     max-height: 135px;
     height: 63px;
     width: 76px;
   }
   .ga-vertical-gallery .nav-container .slick-current img {
     box-shadow: 0 0 4px 2px rgba(108, 232, 220, 0.9);
   }
   .ga-vertical-gallery .nav-container .slick-slide {
     max-height: 100%;
     margin-bottom: 22px;
   }
   .ga-vertical-gallery .slick-slide.slick-current.slick-active {
     width: 100% !important;
   
   }
   /* .slick-slide.slick-current.slick-active    .social-item-nav{
     display: none !important;
   } */
  
   .slick-slide.slick-current.slick-active    .span-rakam{
/* color:#102648 !important */
opacity: 0.3;
   }
   .opacity{
     opacity:0.6
   }
   .footer-social i{
   color:#767676 ;
   font-size: 15px;
   }
   .footer-social li:hover i{
     color:white !important;
     font-size: 15px;
     }
   .section-social{
     margin-top: 30px;
     margin-bottom: 60px;
   }
   .ga-vertical-gallery .slider-nav.slick-initialized.slick-slider.slick-vertical {
     display: flex !important;
     flex-direction: column-reverse;
     text-align: center;
     text-align: -webkit-center;
     height: 100%;
     justify-content: center;
   }
   .mt-130{
     margin-top: 130px;
   }
   @media screen and (min-width: 1400px) {
     .ga-vertical-gallery .slider-nav.slick-initialized.slick-slider.slick-vertical {
       justify-content: flex-end ;
       width: 70%;
       
    }
   
   }
   @media (min-width:768px) and (max-width:868px){
    .search-container{
      display: none;
    }
   }
   @media (min-width:1200px) and (max-width:1440px){
    .search-box:focus{
      width:180px !important;
    }
    .navbar-expand-md .navbar-nav .nav-link {
      margin-left: 50px;
  }
   }

  
   /* .slick-slide {
     transform: scale(1);
     transition: .3s ease-in-out all;
   } */
   /* .slider-nav .slick-current {
     opacity: 1;
     visibility: hidden;
     width:0px !important;
     height: 0px !important;
   } */
   .mb-70{
     margin-bottom: 70px;
   }
   @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .ga-vertical-gallery .slick-next, .ga-vertical-gallery .slick-prev {
       top: 0px;
    }
   }
   .ga-vertical-gallery .slick-next:before, .ga-vertical-gallery .slick-prev:before {
     color: transparent;
   }
   .ga-vertical-gallery .slick-next {
     right: unset;
     transform: rotate(-90deg);
   }
   @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .ga-vertical-gallery .slick-next {
       right: 0px;
    }
   }
   .grup-item:hover{
     /* box-shadow: 0px 16px 40px #0000001A; */
   }
   .grup-item:hover img{
     filter: none;
   }
   .ga-vertical-gallery .slick-prev {
     left: unset;
     transform: rotate(90deg);
   }
   @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .ga-vertical-gallery .slick-prev {
       left: 0px;
    }
   }
   .gray-filter{
     filter: grayscale(100%);
   }
   .mb-150{
   
     margin-bottom:150px;}
   
     .group-companies-text, .grup-item{
   margin-bottom: 1rem;
     }
   .group-companies-card h3{
    font-size: 24px;
    margin-bottom: 26px;
    color: #525252;
    font-weight: bold;
   
   }
   .group-companies-card p{
    font-size: 16px;
    margin-bottom: 55px;
    color: #ACACAC;
    font-weight: 400;
   
   }
   .group-companies-card a{
     font-size: 16px;
     margin-bottom: 26px;
     color:#767676
   
   }
   .grup-item:hover .group-companies-card a{
   
     color:#575B73
   
   }
   .policies-title .title-hr{
    margin-top: 12px;
    margin-bottom: 28px !important;
   }
   .mb-30{
     margin-bottom: 30px !important;
   }
   .grup-item{
     background: #FFFFFF 0% 0% no-repeat padding-box;
     border-radius: 0px 20px 20px 0px;
   justify-content: space-between;
   align-content: space-between;
   /* padding: 89px 99px 45px 99px; */
   padding:50px 50px 50px 50px;
   margin-bottom: 0px;

   }
   .panel-item{
    background: #FFFFFF 0% 0% no-repeat padding-box;

  }
   .group-companies-logo{
     align-items: center;
   }
   /* #group-companies .title-content{
     margin-top: 71px;
   } */
   .grup-item:before {
    transition: 0.3s;
    border-bottom-style: solid;
    border-width: 0px 0px 3px 0px;
    border-image: linear-gradient(to right, #15223D 0%, #E1DD00 100%) 1;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
 
    background: #102648;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.grup-item:hover::before {
  width: 98%;
}
.panel-item:before {
  transition: 0.3s;
  border-bottom-style: solid;
  border-width: 0px 0px 3px 0px;
  border-image: linear-gradient(to right, #15223D 0%, #E1DD00 100%) 1;
  content: '';
  position: absolute;

  left: 0;
  width: 0;

  background: #102648;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.panel-item:hover::before {
  width: 100%;

}
   /* .grup-item:hover {

    transition: 0.3s;
    border-bottom-style: solid;
    border-width: 0px 0px 3px 0px;
    border-image: linear-gradient(to right, #15223D 0%, #E1DD00 100%) 1;
   } */
   .group-companies-card .icon-group-1880 {
     margin-top: 24px;
   }
   .group-companies-card:hover .icon-group-1880 {

    transform: translate(10px, -10px);
  }
   .top-0{
     top: 0;
   }
   .z-index-9{
     z-index: 9;
   }
   .mt-190{
   
     margin-top: 160px;
   
   }
   .margin-0{
     margin: 0px !important;
   }
   .toggle .tabs {
     overflow: hidden;
     line-height: 36px;
   }
   .toggle .tabs .tab {
     border-bottom: 3px solid #E4E4E4;
     font-size: 20px;
     font-weight: 500;
     padding-right: 32px;
     float: left;
     color: #777777;
     margin: 2px 8px 0;
     cursor: pointer;
   }
   .toggle .tabs .tab.active {
     color: #818181;
     border-bottom: 3px solid #DEE444;
   }
   .toggle .panels .panel {
     padding-top:21px;
     display: none;
   }
   .toggle .panels .panel:first-child {
     display: block;
   }
   .item{
     z-index: 2;
   }
   /* .media-item .arrows-icon{
     position: absolute;
     left: -10px;
     transition: all 1s ease;
   opacity: 0;
   } */
   .font-size-17{
    font-size: 15px;
   }
   .nav-tabs{
     border-bottom: none;
   }
   .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: transparent !important;
    border-top: transparent;
    border-left: transparent;
    border-right: transparent;
    border-color:transparent
}
   /* .media-item:hover .arrows-icon {
   opacity: 0.9;
     left: 100px;
     transition: all 1s ease;
   } */
   
   .media-item .top-text, .media-text, .arrows-icon{
   
     z-index: 99;
     position: relative;
     cursor: pointer;
   }
 
   /* .item:hover .bg-media{
     min-height:100%;
     background:linear-gradient(279deg, #FFFFFF00 0%, #575B73 100%);
     background-size:cover;
   } */
   .media-content{
    background-image: url("../img/haberitem.png");
    width: 100%;
    height: 420px;
    background-repeat: no-repeat;
    background-size: cover;
 
   }
   .mb-100{
    margin-bottom: 100px;
   }
   .media-content:before {
    content: '';
    display: block;
    position: absolute;
    height: 67%;
    width: 100%;
    bottom: 0;
    transition: height 0.3s ease-out;
    background: transparent linear-gradient(0deg, #15223D 0%, #E1DD0000 100%) 0% 0% no-repeat padding-box;
  }
  .media-content:hover:before {
    background: linear-gradient(90deg, #15223D 0%, #E1DD00 100%);
    height: 100%;
    opacity:0.8
  }
  .media-contentt:hover:before {
    background: linear-gradient(90deg, #15223D 0%, #E1DD00 100%);
    height: 100%;
    opacity:0.8
  }
  
   .square:hover i{
     color:white
   }
   .square {
    /* background-image: url("../img/media.png"); */
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .square:before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    transition: height 0.3s ease-out;
    background: transparent linear-gradient(180deg, #FFFFFF00 0%, #3E4465B7 100%) 0% 0% no-repeat padding-box;
    }
  /* .square:hover:before {
    background: linear-gradient(90deg, #15223D 0%, #E1DD00 100%);
    height: 100%;
    opacity:0.8
  } */
  .media .slick-dots li button:focus, .slick-dots li button:hover {
    /* outline: 0;
    background-color: #6C6C6C;
    width: 18px; */
    background: #15223D;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #15223D;
  width: 23px;
  transition: transform .2s;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
  
}
.media-a{
  position: absolute;
  bottom: 9px;
  z-index: 9;
  margin-left: 44px;
  color: #525252;
  font-weight: bold;
}
.media .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  /* background-color: #6C6C6C;
  width: 23px; */
}
.media .slick-dots li.slick-active button {
  /* background-color: #6C6C6C;
  width: 23px; */
}
.media-a i{
  margin-right: 7px;
}
  .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 35px;
    display: flex;
    justify-content: flex-end;
}
  .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    bottom: -29px;
    list-style-type: none;
    justify-content: flex-end;
 }
  .slick-dots li {
 

    color: #6C6C6C;
     margin-left: 1px;
    width: auto;

 }
 .slick-dots li button:before {
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;

  content: '';
  text-align: center;
  opacity: .25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

 .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  padding: 5px;
  cursor: pointer;
  color: #C9C9C9;
  background: #C9C9C9;
  border-radius: 12px;
}
#activity .media-item {
  padding: 20px 40px 20px 40px !important;
  color: white;
  display: flex;
    flex-direction: column;
    justify-content: space-between;
}
  .slick-dots li.slick-active button {
    background-color: #15223D;
    width: 10px;


 }

 .cagri-merkezi .investment-count{
   border-right:1px solid #ACACAC ;
 }
 #activity .border-media .media-text p {
  margin-top: 27px !important;
  font-size: 18px;
  margin-bottom: 10px !important;

}
.activity-hover:hover svg {
  fill: #ffffff !important;

}
.cagri-merkezi .investment-item h4 {
  font-size: 16px;
  font-weight: 400 !important;

}

.mb-10{
  margin-bottom: 10px;
}
.activity-hover svg {
  fill: #444444!important;
}
 .activity-hover:before {
  content: '';
  display: block;
  position: absolute;
  height: 0%;
  width: 100%;
  bottom: 0;
  transition: height 0.2s ease-out;
  background: transparent linear-gradient(0deg, #15223D 0%, #E1DD0000 100%) 0% 0% no-repeat padding-box;
}
.top-text h5{
  font-size: 20px;
}
.activity-hover:hover:before {
  background: linear-gradient(90deg, #15223D 0%, #E1DD00 100%);
  height: 100%;
}
.activity-hover:hover .top-text h5{
  color: white;
}

.activity-hover:hover .media-text p{
  color: white;
}
.activity-hover:hover i{
  color: white;
  z-index: 99999;
  position: relative;
}
  .duyuru-hover:before {
    content: '';
    display: block;
    position: absolute;
    height: 0%;
    width: 100%;
    border-radius: 23px;
    bottom: 0;
    transition: height 0.2s ease-out;
    background: transparent linear-gradient(180deg, #FFFFFF00 0%, #3E4465B7 100%) 0% 0% no-repeat padding-box;
  }
  .duyuru-hover:hover:before {
    background: linear-gradient(180deg, #FFFFFF00 0%, #3E4465B7 100%);
    height: 100%;
    border-radius: 23px;
  }
  .duyuru-hover:hover .top-text{
    color: white;
  }
  
  .duyuru-hover:hover .media-text p{
    color: white;
  }
  .duyuru-hover:hover i{
    color: white;
    z-index: 99999;
    position: relative;
  }


   .item  {
  position: relative;
}
   .bg-media:before {
   
     content: '';
     z-index: 1;
     opacity: 0.1;
     display: block;
     position: absolute;
     height: 100%;
     top: 0px;
     left: 0;
     width: 100%;
 
     transition: all 0.3s ease;
     background: linear-gradient(90deg, #15223D 0%, #E1DD00 100%);
   }
   .slick-dotted.slick-slider {
    bottom: 0;
}
   .slides:hover .bg-media:before {
     opacity: 0.7;
     transition: all 1s ease; 
   }
   .bg-media{
     /* filter: grayscale(100%); */
     background-image: url("../img/media.png");
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-size: cover;
   }
   .media-item{
     padding:40px;
     color: white;
   }
   .border-media .media-text p{
    margin-top: 67px !important;
   }
   .media{
     margin-top: 64px;
   }
   .square 
    .media-item p{
    
      margin-top: 340px;
       margin-bottom: 25px;
       width: 75%;
     

   }
   .media-item p{
    
    margin-top: 375px;

     margin-bottom: 25px;
     margin-right: 170px;
     color: white;
     font-size: 20px;
   
   }

   .top-text span{
     margin-right: 35px;
     color: #525252;
   }
   .media-bg{
     background-color:white
   }
   .mr-1{
     margin-right: 10px;
   }
   .border-media{
    margin-bottom: 1rem;
    border-radius: 23px;
     /* border-bottom-style: solid;
     border-width: 0px 0px 3px 0px;
   
     border-image: linear-gradient(to right,  #15223D 0%, #E1DD00 100%) 1; */
   }
 
   .media-bg{
     color: #525252;
   
   }
   .media-bg p{
     color: #525252;
   }
   .panel-title{
   
     margin-bottom: 0px;
   
   }
   .media-bg i{
     background: -webkit-linear-gradient(#82D164 0% 0%);
     -webkit-background-clip: text;
     /* -webkit-text-fill-color: transparent; */
   }
   .panel-default{
     background-color: white;
     border-radius: 5px;
   }
   .panel-body{
     padding-right: 40px;
     padding-left: 40px;
     padding-top: 20px;
     padding-bottom: 20px;
     color: #767676;
     border-radius: 5px;
   }
   b{
   
     font-weight: 500;
   
   }
   .panel-default>.panel-heading {
     border-radius: 5px;
     /* margin-bottom: 1rem; */
     padding-right: 40px;
     padding-left: 40px;
     padding-top: 20px;
     padding-bottom: 20px;
     color: #767676;
     background-color: #fff;
     border-color: white;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
   }
   
   .panel-default>.panel-heading a {
     display: block;
     color:#767676;
     font-size:18px
   }
   .info-text h1{
     color: #2F3841;
   }
   #sustainability-accordion .panel-default>.panel-heading a:after {
    top: 4px;
  }
   .panel-default>.panel-heading a:after {
     content: "";
     position: relative;
     top: 1px;
     font-size: 24px;
     display: inline-block;
     font-weight: 400;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     float: right;
     transition: transform .25s linear;
     -webkit-transition: -webkit-transform .25s linear;
   }
   
   .panel-default>.panel-heading a[aria-expanded="true"] {
     /* background-color: white; */
   }
   .mtb-80{
     margin-top: 80px;
     margin-bottom: 60px;
   }
   .panel-default>.panel-heading a[aria-expanded="true"]:after {
     content: "\2212";
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
   }
   
   .panel-default>.panel-heading a[aria-expanded="false"]:after {
     content: "\002b";
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
   }
   
   .accordion-option {
     width: 100%;
     float: left;
     clear: both;
     margin: 15px 0;
   }
   
   .accordion-option .title {
     font-size: 20px;
     font-weight: bold;
     float: left;
     padding: 0;
     margin: 0;
   }
   
   .accordion-option .toggle-accordion {
     float: right;
     font-size: 16px;
     color: #6a6c6f;
   }
   
   
   
   
   .button-hover {
     transition: all 0.8s ease-in-out;
   }
   
   .button-hover:hover i {
     animation: move 0.6s ease-in-out forwards;
   }
   .button i {
     vertical-align: middle;
   }
   @keyframes move {
     0% {
       transform: translateX(0px);
       opacity: 1;
    }
     32% {
       opacity: 0.2;
    }
     68% {
       transform: translateX(64px);
    }
     69% {
       transform: translateX(-32px);
       opacity: 0;
    }
     100% {
       transform: translateX(0px);
       opacity: 1;
    }
   }
   #governance{
     margin-top: 134px;
   }
   .governance-img img{
    border-radius: 5px;
    width: 100%;
    margin-bottom: 60px;
   }
   .governance-content{
    display: flex;
    align-items: center;
   }
   /* .mt-60{
     margin-bottom: 60px;
   } */
.pb-102{
  padding-bottom: 102px !important;
}

   #group-companies .title-hr{
     margin-bottom: 44px ;
   }

   .policies-card{

     border-radius: 0px 10px 10px 0px;
   }
   .pt-67{
     padding-top: 67px;
   }
   #group-companies .title-content p {
    margin-bottom: 0px !important;
    padding-top: 0px !important;
}
.faaliyet-li li{
  font-size: 18px;
  color: #525252;
  font-weight: 400;
}
@media (min-width:1200px){
  /* .policies-bg{
    margin-bottom: 120px;
  } */
  .policies-card .title-content{
    margin-top: 56px !important;
  }
  .card{
  height: 600px;
  }
  .counter-slider {
    height: 500px;
  }
  .mb-200{
    margin-bottom: 200px;
  }
  .mb-170{
    margin-bottom: 170px;
  }
  #career-section:before{
    background: white;
    border-radius: 0px 5px 5px 0px;
    width: 91%;
    content: '';
    background-size: 25px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    height: 800px;
    transform: translateY(167px);

  }
.career-img img{
  border-radius: 5px;
}
  /* #news-section:before{
    background: white;
    border-radius: 0px 5px 5px 0px;
    width: 91%;
    content: '';
    background-size: 25px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    z-index: -1;
    height: 100%;
    transform: translateY(500px);

  } */
  #news-text:before{
    background: red;
    border-radius: 0px 5px 5px 0px;
    width: 91%;
    content: '';
    background-size: 25px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    z-index: -1;
    height: 50%;
    transform: translateY(500px);

  }
  .w-90{
    width: 90%;
  }
  .policies-bg:before{
   background: white;
   width: 91%;
   content: '';
   background-size: 25px;
   background-repeat: no-repeat;
   position: absolute;
   left: 0;
   height: 407px;
   border-radius: 0px 10px 10px 0px;
   border-bottom-style: solid;
   border-width: 0px 0px 3px 0px;
   border-image: linear-gradient(90deg, #15223D 0%, #E1DD00 100%) 1;
  }
}
.height-60{
  height: 60px;
}
#governance .title-hr {
  margin-bottom: 30px;
  margin-top: 0px;
}
.mt-60{
  margin-top: 60px;
}
#map{
  position: relative;
  z-index: 1;
}
 @media (min-width:1600px){
  #map{
    margin-right: 10%;
    border-radius: 0px 10px 10px 0px;
  
   }

  }
.pt-58{
  padding-top: 58px;
}
.contact-bg-mobile{
  /* padding-bottom: 141px; */
}

.button-send{
  color:#A5A5A5 !important
}
.location-button{
  color:#A5A5A5 !important
}
#contact-form-before h2{
  font-size: 40px;
  color: #767676;
  font-weight: bold;
  margin-bottom: 10px;
  letter-spacing: 1px;
}
#contact-form-before .form-control{
  background-color: transparent;
}
  @media (max-width:1700px){
  #map{
    margin-right: 0px !important;
  
   }
   /* .contact-bg-mobile{
     background-color: white;
   } */
  
    }

    @media (min-width:1440px){
      .footer-info:before{
        border-bottom: 1px solid #C9C9C9;
        content: '';
        /* width: 100%; */
        display: inline-block;
        height: 1px;
        transform: translateY(104px);
        position: absolute;
        left: 0;
        margin-left: 5%;
        margin-right: 5%;
        right: 0;
         
      }
     
      }
   
@media (max-width:1440px){
  .main-content{
    /* width: 1320px; */

    
  }
  #sector .owl-stage-outer{
   overflow: hidden;
   margin: 0rem calc(50% - 50vw) 0 0;
   margin-bottom: 52px;
 }

  .bg-counter:before{
    width: 100% !important;
   }
   .footer-info {
    border-bottom: 1px solid #C9C9C9;
}
   .kurumsal-bg-left:before{
width: 100%;
  }
  #sector .owl-stage-outer{
    overflow: hidden;
    margin: 0rem calc(50% - 50vw) 0 0;
    margin-bottom: 52px;
  }
  .kurumsal-bg-right:before{
    width: 100%;
      }
   }
@media (min-width: 2500px){
  .kurumsal-bg-left:before{
    width: 82% !important;
  }
  .kurumsal-bg-right:before{
    width: 82% !important;
  }
.bg-career:before {
    background: white;
    width: 94%;
    content: '';
    background-size: 25px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 49%;
    height: 66%;
}}
@media (max-width:1200px){
  .policies-bg{
    margin-bottom: 60px;
    padding-bottom: 75px;
background: white;
border-radius: 0px 10px 10px 0px;
border-bottom-style: solid;
border-width: 0px 0px 3px 0px;
border-image: linear-gradient(90deg, #15223D 0%, #E1DD00 100%) 1;
  }
  .detailtext{
    width: 100% !important;
  }
  .detailmenu{
    margin-top: 2rem !important;
    width: 100% !important;
  }
  .policies-title .title-content{
    width: 100%;
  }
  .card{
    height: 650px;
  }
  .contact-content .col-lg-4{
    margin-bottom: 2rem;
    max-width: 100%;
  }
  .contact-content {
    flex-direction: column;
}
  
}
@media (max-width:1250px){
  .bg-counter:before{
    height: 1000px;
    width: 100% !important;
   }
}
.media-contentt:before
{
    content: '';
    display: block;
    position: absolute;
    height: 30%;
    width: 100%;
    bottom: 0;
    transition: height 0.3s ease-out;
    background: transparent linear-gradient(0deg, #15223D 0%, #E1DD0000 100%)
}
.info-body{
  max-height: 500px;
    overflow-y: scroll;
}
.media-content:hover:before {
  background: linear-gradient(90deg, #15223D 0%, #E1DD00 100%);
  height: 100%;
  opacity: 0.8;
}
.mb-100{
  margin-bottom: 100px;
}
.pl-0{
  padding-left: 0px;
  padding-right: 0px;
}
.pt-23{
  padding-top: 23px;
}
.news-icon{
  top: 330px;
  padding-bottom: 29px;
  padding-left: 26px;
  padding-right: 26px;
  position: absolute !important;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.news-icon i{
  color: white;
  font-size: 20px;
}
.news-icon span{
  color: white;
  font-size: 20px;

  position: absolute;
  right: 15px;

}
.hover-news:hover .icon-group-1880{
  transform: translate(10px, -10px);
}

.media-content .media-item p {
  margin-top: 313px;
  margin-bottom: 25px;
  margin-right: 170px;
  color: #525252;
  font-size: 16px;
  position: relative;
  font-weight: 400;
}
.contact-item{
  font-size: 22px;
    font-weight: bold;
    color: #525252;
}
.contact-img{
  margin-right: 26px;
}
.contact-content{
  background: #FFFFFF ;
  box-shadow: 0px 1px 25px #00000029;
  border-radius: 10px;
  width: 100%;
  display: flex;
  padding: 56px 83px 56px 83px;
  transform: translateY(58px);
  height: 100%;
  position: relative;
  z-index: 2;
}
.contact-item h5{
  color:#525252;
  font-size: 18px;
  font-weight: 400;
}
.height-122{
  height: 122px ;
}

#governance .row{
  max-width: 1080px !important;
}
#contact-before:before{
  background: white;
  width: 100%;
  content: '';
  background-size: 25px;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  height: 700px;
}

.content-right .title-hr{
margin-top: 50px;
margin-bottom: 50px;
}
.sustainability h4{
  font-size: 35px;
  color: #444444;
}
.sustainability p{
  color: #525252;
}
.sustainability-accordion{
  margin-bottom: 20px;
  margin-top: 20px;
  background: transparent linear-gradient(94deg, #15223D 0%, #E1DD00 100%) 0% 0% no-repeat padding-box;
  border-radius: 10px;
  padding-top: 33px;
  padding-bottom: 33px;
  padding-left: 30px;
  display: flex;
  align-items: center;
}
.pl-130{
  padding-left: 130px;
}
.sustainability-accordion h5{
  margin-left: 30px;
margin-bottom: 0px;
  color: white;
  font-size: 22px ;
  padding-top: 5px;
  font-weight: bold;
}
#sustainability-accordion .panel-default>.panel-heading {
  background: transparent linear-gradient(93deg, #27418C 0%, #163773 22%, #093062 46%, #022C57 71%, #002B54 100%) 0% 0% no-repeat padding-box;
  border-radius: 16px;
  border-radius: 10px !important;
  padding-top: 21px !important;
  padding-bottom: 21px !important;
  color: #FFFFFF !important;
}
#sustainability-accordion  .panel-default>.panel-heading a {
  display: block;
  color: #444444;
  font-size: 22px;
}
#sustainability-accordion .panel-default>.panel-heading a:after{
  font-size: 24px !important;
  color: white !important;
}
#sustainability-accordion .panel-body {
  /* padding-left: 91px; */
}
.panel-body p{
  color: #767676;
  font-size: 16px;
}
.panel-body ul li{
  color: #767676;
  list-style: outside;
  font-size: 16px;
}
.text-center ul li{
  font-size: 16px;
    color: #ACACAC;
}
.faaliyet-link{
  display: flex;
}
.faaliyet-link .bg-kurumsal{
  width: 100%;
}
.faaliyet-link .bg-faaliyet{
  width: 100%;
}

@media (max-width:800px){
  .card{
    height: 500px !important;
  
  }
}
@media (max-width:878px){
}
  @media (max-width:600px){
    .slider-img{
      height: 400px;
      background-size: cover;

    }
    .main-content{
      width: 700px;
    }
    #sector .owl-stage-outer{
     overflow: hidden;
     margin: 0rem calc(50% - 50vw) 0 0;
     margin-bottom: 52px;
   }}
   
@media (max-width:500px){
  .slider-img{
    height: 400px;
    background-size: cover;
    object-fit: cover;

  }
  .main-content{
    width: 700px;
  }
  #sector .owl-stage-outer{
   overflow: hidden;
   margin: 0rem calc(50% - 50vw) 0 0;
   margin-bottom: 52px;
 }
  .pt-100{
    padding-top: 55px !important;
  }
  .hero-area {
    background-size: auto;
    width: 100%;
}
  .hero-area .contents {
    text-align: left;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    margin-top: 107px !important;
    margin-bottom: 8px;
}
  .corporate-content h1 {
   font-size: 25px;
}
  .sustainability-accordion h5 {
    font-size: 19px;
    margin-left: 15px;

  }

  .hero-area .contents {
    margin-top: 183px;

}
.hero-area .contents h2 {

  font-size: 21px;
}
  #carousel-area .carousel-item .carousel-caption {
    left: 0px !important;

}
  #carousel-area .carousel-indicators {
    bottom: 20px !important;
}
.mousedown {
  bottom: 8px;
}
#sector .title-content{
  padding-bottom: 2rem !important;
}
.media-item p{
  margin-right: 5px;
}
.banner-form .form-control{
  margin-bottom: 0px;
}
.footer-Content .flex-item{
  width: 100%;
}
}
#search .modal-content{
  background-image: linear-gradient(37deg, #15223D 0%, #e1dd00 100%), url(../img/energy.png);
  border-radius: 0px;
  height: 100vh;
}
#search .modal-dialog{
  max-width: 100% !important;
  width: 100% !important; 
  margin: 0px !important;
}
.search {
  width: 100%;
  position: relative;
  display: flex;
}

.searchTerm {
  width: 100%;
  border: 3px solid white;
  border-right: none;
  padding-left: 20px;
  height: 35px;
  border-radius: 39px 0 0 39px;
  outline: none;
  color: #9DBFAF;
}

.searchTerm:focus{
  color: #102648;
}

.searchButton {
  width: 40px;
  height: 36px;
  border: 1px solid #102648;
  background: #102648;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
}

.wrap{

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#search .modal-header .close {
  padding: 10px 30px 10px 30px;
  margin: 0px;
  border: 1px solid white;
  border-radius: 35px;
}
#search .close{
  font-size: 20px;
    line-height: 30px;
}
.wrap h5{
  font-size: 25px;
  color: white;
  text-align: center;
  margin-bottom: 2rem;
}
.search-a a{
  border: 1px solid white;
  border-radius: 39px;
  background: transparent;
  padding: 13px 40px 13px 31px;
  color: white;
  cursor: pointer;
  /* margin-right: 55px; */
  margin-top: 2rem;
}
.search-a i{
width: auto;
color: white;
margin-left: 20px;

}
.search-a-hover:hover i{
  transform: translate(10px, -10px);
  }
.mr-20{
  margin-right: 20px;
}
.search-button-two a{
  width: 100%;
    display: flex;
    margin-right: 5rem;
    margin-left: 5rem;
    justify-content: space-between;
}

input[type=checkbox] + label {
  display: block;
  cursor: pointer;
  padding: 0.2em;
  margin-top: 20px;
  margin-bottom: 20px;
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox] + label:before {
  content: "\2714";
  border:1px solid #767676;
  border-radius: 0.2em;
  display: inline-block;
  width: 20px;
  height: 20px;
  padding-left: 0.2em;
  padding-bottom: 0.3em;
  margin-right: 0.2em;
  vertical-align: bottom;
  color: transparent;
  transition: .2s;
}

input[type=checkbox] + label:active:before {
  transform: scale(0);
}

input[type=checkbox]:checked + label:before {
  background-color: #15223D;
  border-color: #15223D;
  color: #fff;
}

input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}

input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}
video {
  object-fit: cover;
  width: 100%;
  height: 100%;

}
.news-img-details{
  margin: -94px 0 auto;
}
.ilke-p{
  max-width: 92%;
  display: inline-block;
  /* color: #444444 !important; */
  letter-spacing: 0.6px;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: bold;
}
.news-width{
  max-width: 1300px;
  max-height: 640px;
}
.news-img{
  margin: -120px 0 20px;
  max-width: 100%;
  border-radius: 5px;
  display: flex;
  margin: 0 auto;
  margin-bottom: 30px;
  margin-top: 28px;
}
@media (min-width:2500px){
  #carousel-slider .container{
    max-width: 2000px !important;
  }
}
.media .owl-carousel .owl-item img{
  object-fit: cover;
}
.margin-auto{
  margin:0 auto
}
.detailcontent {
  position: relative;
  color: #333;

}

.detailtext {
  /* position: relative; */

  line-height: 1.6;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.before-tarim:before{
  content: "";
  background: transparent linear-gradient(270deg, #FFFFFF00 0%, #3E4465B7 100%) 0% 0% no-repeat padding-box;
  width: 100%;
  position: absolute;
  height: 100%;
  border-radius: 25px;
}
.section-img{
  position: relative;
  border-radius: 25px;
}
.detailtext h1 img {
  display: inline-block;
  width: 50px !important;
  vertical-align: middle;
  margin-right: 10px;

}
.text-p{

  display: flex;
  align-items: center;
  justify-content: center;

}
.detailtext p{
  margin-top: 40px;
  margin-bottom: 75px;
  width: 87%;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #747474 !important;
}
.text-p p{
  margin-top: 92px;
  margin-bottom: 1rem;
  width: 87%;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #747474;
}
.detailtext img {
  height: 200px !important;
}
.detailtext h1 span {
  font-size:30px;
  display: inline-block;
  vertical-align: middle;
}
.detailmenu {
  background-color: #ebeef0ad;
  padding: 20px 30px 30px;
  margin: -65px 0 40px;
  width: calc(30% - 60px);
  float: right;
}
#dmtitle {
  font-size: 28px;
  font-weight: 700;
  border-bottom: 1px solid #ccc;
  padding-bottom: 18px;
  margin-bottom: 14px;
  margin: 0;
  color: #525252;
  /* color: transparent; */
  /* background: #ff6421;
  background: linear-gradient(to right, #15223D  0, #E1DD00 100%); */
  -webkit-background-clip: text;
}
.detailmenu a {
  position: relative;
  display: inline-block;
  font-size: 18px;
  color: #666;
  padding: 10px 0;
  transition: color .3s;
}
.detailmenu a:hover:before {
  opacity: 1;
  width: 100%;
}

.detailmenu a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  width: 0;
  height: 2px;
  background-color: #673ab7;
  background: linear-gradient(to right, #15223D  0, #E1DD00 100%);
  transition: all ease-in-out .3s;
}
.detailmenu a:hover {
  color:#15223D;
}
.cursor {
  display: inline-block;
  line-height: 35px;
  margin: 3rem 10px 10px 0;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 5px;
  color: #15223D;
  min-width: 250px;
}
.cursor:before {
  float: left;
  content: "";
  background-image: url(https://www.aydemenerji.com.tr/upload/custom/default/cursor.svg);
  background-size: contain;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.activity-icon{
  
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-content: center;
  text-align: center;
  width: 250px;
  margin-right: 1rem;
  border-radius: 5px;
  padding: 20px 20px 10px 20px;
  margin-bottom: 1rem;
  border-bottom-style: solid;
  border-width: 0px 0px 3px 0px;
  border-image: linear-gradient(to right, #15223D 0%, #E1DD00 100%) 1;
}
.activity-icon p{
  width: 100%;
  font-size: 16px;
}
.activity-icon img{
  height: 69px !important;
  width: 73px !important;
}

.activity-icon-hover:before {
  content: '';
  display: block;
  position: absolute;
  height: 0%;
  width: 100%;
  bottom: 0;
  transition: height 0.2s ease-out;
  background: transparent linear-gradient(0deg, #15223D 0%, #E1DD0000 100%) 0% 0% no-repeat padding-box;
}
.activity-icon-hover:hover:before {
  background: linear-gradient(90deg, #15223D 0%, #E1DD00 100%);
  height: 100%;
}

.activity-icon-hover:hover  p {
  z-index: 9;
  color: white !important;
}
.activity-icon-hover:hover .a{
fill:white !important;
z-index: 9;
}
.activity-icon-hover:hover svg{
  z-index: 9;
}
.sliderCertificateImage {
    position: absolute;
    right: 10%;
    bottom: 25%;
    width: auto;
    height: 200px;
    object-fit: cover;
}

.search-box {
  transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  background: none;
}
.search-box + label .search-icon {
  color: black;
}
.search-box:hover {
  color: white;
  background: none;
}
.search-box:hover + label .search-icon {
  color: white;
}
.search-box:focus {
  transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
  border: none;
  outline: none;
  box-shadow: none;
  padding-left: 15px;
  cursor: text;
  width:300px;
  border-radius: 10px;
  background: #ebebeba1;
  color: black;
}
.search-box:focus + label .search-icon {
  color: black;
}
.search-box:not(:focus) {
  text-indent: -5000px;
}
#search-submit {
  position: relative;
  left: -5000px;
}
.search-icon {
  position: relative;
  left: -34px;
  color: white;
  cursor: pointer;
}
.error-inner{
  background-image: url(../img/404-bg.png);
  width: 100%;
  height: 1000px;
  background-size: 100% 100%;
  position: relative;
  margin-bottom: -100px;
  background-position: 0 4px;
  background-repeat: no-repeat;
}
.error-inner::before{
  position: absolute;
  left: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 100%;
  background:linear-gradient(90deg, #575B73 0%, #e1dd00b5 100%);
  opacity: .7;
}
.error-inner h1{
 position: absolute;
 text-align: center;
 left: 50%;
 top: 26%;
 transform: translate(-50%, -26%);
 font-size: 45px;
 color: #fff;
 z-index: 999;
 width: 100%;
}
.error-inner h1 small{
  display: block;
  font-size: 32px;
}
.titles{
  font-weight: 800;
  color: transparent;
  font-size:491px;
  background: url("../img/golge.png") no-repeat;
  background-position: 0px 2px;
  background-size: 100% 100%;
  -webkit-background-clip: text;
  position:relative;
  height: 100%;
  width: 100%;
  padding-top: 230px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align:center;
  line-height:90px;
  letter-spacing: -8px;
  /* top: 400px;*/
  z-index: 9;
  font-weight: bold;
}
.error-inner img{
  position: absolute;
  left: 0;
  width: 100%;
  top: -5.5px;
  height: 100%;
  z-index: 99;
}
.error-inner .error-inner-detail{
position: absolute;
bottom: 6%;
width: 400px;
text-align: center;
left: 0;
right: 0;
margin: 0 auto;
z-index: 9999;
}
.error-inner .error-inner-detail p{
color: #fff;
font-size: 18px;
}
.error-inner .error-inner-detail a{
background-color: #fff;
color: #575B73;
display:  flex;
width: 50%;
margin: 30px auto;
padding: .5rem 2rem;
border-radius: 50px;
border: 2px solid #575B73;
}
.error-inner .error-inner-detail a i{
width: 10px;
margin-left: 20px;
}
@media(max-width:1199px) {
.titles, .error-inner{
  background-size: 150% 100%;
}
.error-inner img{
  width: 150%;
}
.error-inner h1{
  text-shadow: 0 0 5px rgba(0, 0, 0, .8);
}
}
@media(max-width:991px) {
.titles{
  font-size: 391px;
}
.titles, .error-inner{
  background-size: 180% 100%;
}
.error-inner img{
  width: 180%;
}
}
.lottie{
  max-width: 1291px;
  max-height: 890px;
  width: 100%;
  height: 100%;
  transform: translateY(-361px);
}
.border-radius{
  border-radius: 25px;
}
@media (max-width:767px){
  .mr-30{
    margin-right: 0px !important;
   }
}
@media(max-width:768px) {
.titles{
  font-size: 340px;
}
.center{
  font-size: 20px !important;
}
.dark-logo img{
  width: 40px !important;
}
.white-logoo{
  width: 40px !important;
}
.bg-contact .title-content {
  margin-bottom: 14px;
}
.titles, .error-inner{
  background-size: 200% 100%;
}
.error-inner img{
  width: 200%;
}
}
@media(max-width:650px) {
.titles{
  font-size: 300px;
}
.titles, .error-inner{
  background-size: 250% 100%;
}
.error-inner img{
  width: 250%;
}
.error-inner .error-inner-detail{
  width: 100%;
}
.error-inner .error-inner-detail a{
  width: 55%;
}
}
@media(max-width:550px) {
.titles{
  font-size: 200px;
}
.titles, .error-inner{
  background-size: 300% 100%;
}
.error-inner img{
  width: 300%;
}
}
@media(max-width:400px) {
  .titles{
    font-size: 180px;
  }
  .titles, .error-inner{
    background-size: 300% 100%;
  }
  .error-inner img{
    width: 300%;
  }
  .error-inner .error-inner-detail{
    width: 80%;
    bottom: 1%;
  }
  .error-inner .error-inner-detail a {
    width: 70%;
}
}
.carousel-inner{
  box-shadow: 0px 5px 75px #00000029;
border-radius: 0px 0px 0px 25px;
}
.owl-stage-outer{
  border-radius: 25px;
}
#activity h2{
  font-size: 40px;
  font-weight: bold;
  color: #444444;
  text-align: center;
}
#activity span{
  color: #747474;
  font-size: 22px;
  font-weight: 300;
}

.activity-card-item{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 60px #0000000f;
  border-radius: 25px;
  padding: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  transition: transform .5s;
}
.activity-card-item:hover{
  transform: scale(1.1);
}
.activity-card-item h3{
  font-size: 32px;
  letter-spacing: 0.8px;
  color: #444444;
  margin-top: 40px;
  margin-bottom: 10px;
  text-align: center;
}
.activity-card-item  p{
  margin-top: 40px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #747474;
}
.activity-card-item span{
  color:#747474;
  letter-spacing: 0.45px;
  font-size: 18px;
}
.activity-card-section{
margin-top: 140px;
}
.activity-img h4{
  font-size: 40px;
    letter-spacing: 1px;
    color: #15223D;
    margin-bottom: 20px;
}
.activity-img p{
  font-size: 20px;
  color: #747474;
  letter-spacing: 0.5px;
}
.activity-img{
  margin-top: 188px;
}
.before-activity-img:before{
  /* content: "";
  background: url(../img/activity-img.png);
  position: absolute;
  width: 100%;
  height: 808px;
  right: 0px;
  max-width: 1050px; */
}
.card:before{
  content: '';
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  display: block;
  position: absolute;
  height: 50%;
  width: 100%;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  bottom: 0;
  transition: height 0.3s ease-out;
  background: transparent linear-gradient(0deg, #373b45a8 0, #e1dd0000 100%)
}
.card:hover:before {
  height: 100%;
  background: transparent linear-gradient(180deg, #FFFFFF00 0%, #373B45 100%) 0% 0% no-repeat padding-box;
}
.white-logo:before{
  content:"";
  position: absolute;
  width: 150px;
height: 195px;
background: #3D444F 0% 0% no-repeat padding-box;
box-shadow: 0px 10px 99px #00000029;
border-radius: 0px 0px 25px 25px;
z-index: -1;
left: -46px;
top: -36px;
}
.white-logo{
  position: relative;
}
.bg-logo{
  position: relative;
  z-index: 3;
}
.bg-logo:before{
  content:"";
  position: absolute;
  width: 210px;
  height: 507px;
background: #FFFFFF;
box-shadow: 0px 10px 99px #00000029;
border-radius: 25px 25px 0px 0px;
z-index: -1;
left: -46px;

top: -88px;



}
.mission-content{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 25px;
  padding: 60px;
  text-align: center;
  margin-bottom: 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mission-content h3{
  color: #15223D;
  letter-spacing: 0.8px;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 30px;
}
/* .our-values-content{

width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 20px;
} */

.our-values-content h2{
  font-size: 24px;
  color:white;
  margin-top: 11px;
  text-align: center;
}
.our-values-content img{
  width: 72px;
  height: 72px;
}

.contact-info tr{
  color: #747474;
  font-size: 16px;
  letter-spacing: 0.4px;
  font-weight: 300;

}
.contact-info a{
  color: #747474;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.55px;
}

.bg-contact{
  background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 10px 60px #0000001A;
border-radius: 25px;
padding: 60px 90px;
z-index: 3;
transform: translateY(-341px);
position: relative;
}
.group-content{
  background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 25px;
padding: 40px;
display: flex;
align-items: center;
margin-top: 70px;
}
.group-img{
  margin-right: 40px;
  max-width: 180px;
max-height: 150px;
width: 100%;
height: 100%;
}
.group-text h4{
  letter-spacing: 0.8px;
color: #15223D;
font-size: 32px;
font-weight: 500;
}
.group-text p{
  letter-spacing: 0.5px;
color: #747474;
font-size: 16px;
font-weight: 500;
margin-bottom: 20px;
}
.group-text a{
  letter-spacing: 0.45px;
color: #A5A5A5;
font-size: 16px;
}
.corporate-item{
  /* max-width: 330px;
  max-height: 420px; */
  width: 100%;
  height: 100%;
  border-radius: 25px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;

}
.border-radius-0{
  border-radius: 0px !important;
}
.corporate-item img{
  border-radius: 25px;
}
.corporate-item-before:before {
  content: '';
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  display: block;
  position: absolute;
  height: 50%;
  width: 100%;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  bottom: 0;
  transition: height 0.3s ease-out;
  background: transparent linear-gradient(0deg, #373b45a8 0, #e1dd0000 100%);
  
}
.corporate-item-before:hover:before {
  height: 100%;
  background: transparent linear-gradient(180deg, #FFFFFF00 0%, #373B45 100%) 0% 0% no-repeat padding-box;
}
.corporate-item-before:hover .corporate-item {
  transform: translateY(-50px);
  -webkit-transition: transform 0.2s linear, -webkit-box-shadow 0.2s linear;
  -moz-transition: transform 0.2s linear, -moz-box-shadow 0.2s linear;
  transition: transform 0.2s linear, box-shadow 0.2s linear;
}
.corporate-item-before:hover .icon-group-1880 {
  color: white;
  transform: translate(0px, 23px);
}
.mr-30{
  margin-right: 30px;
}

.corporate-item-before:hover:before {
  height: 100%;
  border-radius: 25px;
  background: transparent linear-gradient(180deg, #FFFFFF00 0%, #373B45 100%) 0% 0% no-repeat padding-box;
}
.corporate-item-before:hover i{
  opacity: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.corporate-item i{
text-align: center;
color: white;
margin-bottom: 2rem;
opacity: 0;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;

}
.corporate-item-before{
  height: 420px;
  background-repeat:no-repeat !important;
  background-size: cover;
  border-radius: 25px;
  max-width: 330px;
    width: 100%;
    position: relative;
    margin-bottom: 2rem;
    margin-top: 40px;
    border: 0.5px solid #373b45a8;
    background-position: center 30px !important;
}
.corporate-item h5{
  letter-spacing: 0.6px;
color: #FFFFFF;
font-size: 24px;
font-weight: bold;
text-align: center;
margin-bottom: 0px;
}
.corporate-item p{
  letter-spacing: 0.4px;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
.flex-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#details img{
  border-radius: 25px;
  background-size: cover;
  max-width: 450px;
  max-height: 572px;
  width: 100%;
  height: 100%;
  margin-bottom: 2rem;
}
#details h5{
  letter-spacing: 1px;
  color: #444444;
  font-size: 40px;
  font-weight: bold;
}
#details span{
  letter-spacing: 0.45px;
color: #747474;
font-size: 18px;
font-weight: 300;

}
#details p{
  letter-spacing: 0.5px;
color: #747474;
font-size: 20px;
font-weight: 500;
margin-top: 40px;
}
#details .col-md-8{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.button-career{
  border: 1px solid #D3D3D3;
  border-radius: 10px;
  color: #A5A5A5;
  padding: 9px 30px;
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  max-width: 213px;
}
.dark-logo{
  position: relative;
}
.flexCorporate{
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-top: 100px;
  width: 100%;
  max-width: 520px;
}
.flexCorporate .img{
  background: #3D444F 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 99px #00000029;
  border-radius: 0px 0px 25px 25px;
  max-width: 190px;
  height: 190px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flexCorporate h5{
  color: #3D444F !important;
}
.flexCorporate p{
  color: #747474 !important;
}
.corporate-item {
  justify-content: center !important
}