@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800&subset=latin-ext");
.noselect, img {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                   supported by Chrome and Opera */ }

.space-25 {
  height: 25px; }

.space-50 {
  height: 50px; }

.space-100 {
  height: 100px; }

body {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif !important;
  overflow: hidden; }
  body ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  body a {
    text-decoration: none; }

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  background: #A40014;
  text-align: center;
  padding: 50px 0; }
  .loading .loading-disli-div {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .loading .loading-disli-div img:first-child {
      animation: disli-animation 4s infinite linear; }
    .loading .loading-disli-div img:last-child {
      animation: disli-animation 4s infinite linear;
      animation-direction: reverse; }

@-moz-keyframes disli-animation {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }
@-webkit-keyframes disli-animation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
@keyframes disli-animation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
.top-menu {
  z-index: 99;
  position: absolute;
  height: 110px;
  padding: 25px 0; }
  .top-menu .menu-div ul {
    display: flex;
    align-items: center; }
    .top-menu .menu-div ul li {
      float: left;
      font-size: 17px;
      font-weight: 400;
      padding: 0 25px;
      position: relative;
      height: 50px;
      line-height: 50px; }
      .top-menu .menu-div ul li a {
        color: #fff;
        text-decoration: none; }
      .top-menu .menu-div ul li ul {
        display: none;
        position: absolute;
        background: #fff;
        left: -32%;
        width: 182%;
        border-top: solid 5px #A40014;
        top: 95%; }
        .top-menu .menu-div ul li ul::after {
          content: '';
          position: absolute;
          left: 39%;
          top: -15px;
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-bottom: 15px solid #A40014;
          clear: both; }
        .top-menu .menu-div ul li ul li {
          text-align: center;
          margin: 0;
          width: 100%;
          padding: 5px 0;
          border-bottom: solid 1px #dedede;
          height: initial; }
          .top-menu .menu-div ul li ul li:hover a {
            color: #A40014; }
          .top-menu .menu-div ul li ul li a {
            color: #464646;
            font-size: 15px;
            display: block; }
    .top-menu .menu-div ul .menu-social-li {
      padding: 0 5px 0 10px; }
    .top-menu .menu-div ul .menu-lang-li {
      background: #A40014;
      height: initial;
      padding: 5px 15px;
      font-size: 15px;
      margin-top: -9px;
      line-height: 25px !important; }
      .top-menu .menu-div ul .menu-lang-li a {
        display: flex;
        align-items: center; }
        .top-menu .menu-div ul .menu-lang-li a svg {
          width: 20px;
          height: 20px; }
      .top-menu .menu-div ul .menu-lang-li ul {
        width: 100%;
        left: 0; }
        .top-menu .menu-div ul .menu-lang-li ul:after {
          border: none; }
        .top-menu .menu-div ul .menu-lang-li ul li a {
          display: block !important; }

.tablet-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100; }
  .tablet-menu:after {
    content: '';
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0; }
  .tablet-menu .menu {
    background: #fff;
    height: 100vh;
    position: relative;
    z-index: 101; }
    .tablet-menu .menu .menu-header {
      height: 25%;
      background: url("../images/sliders/slider1.jpg") no-repeat center;
      background-size: cover;
      position: relative; }
      .tablet-menu .menu .menu-header .close-div {
        width: 40px;
        height: 40px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 20px;
        right: 20px; }
        .tablet-menu .menu .menu-header .close-div svg {
          color: #A40014; }
    .tablet-menu .menu .menu-logo {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 120px; }
    .tablet-menu .menu .menu-inner {
      background: url("../images/menu-background-copy.png") no-repeat bottom center;
      background-size: cover;
      height: 100%; }
      .tablet-menu .menu .menu-inner div {
        display: flex;
        justify-content: center;
        margin-bottom: 30px; }
        .tablet-menu .menu .menu-inner div ul {
          width: 70%; }
          .tablet-menu .menu .menu-inner div ul li {
            color: #474747;
            margin: 4px 0;
            font-size: 16px; }
            .tablet-menu .menu .menu-inner div ul li a {
              color: #474747; }
          .tablet-menu .menu .menu-inner div ul .mobile-menu-title {
            color: #A40014;
            font-weight: 600; }
      .tablet-menu .menu .menu-inner:after {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        height: 35%;
        width: 2px;
        border-right: solid 1px #dedede; }

.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100; }
  .mobile-menu:after {
    content: '';
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0; }
  .mobile-menu .menu {
    background: #fff;
    height: 100vh;
    position: relative;
    z-index: 101; }
    .mobile-menu .menu .menu-header {
      height: 15%;
      background: url("../images/sliders/slider1.jpg") no-repeat center;
      background-size: cover;
      position: relative; }
      .mobile-menu .menu .menu-header .close-div {
        width: 30px;
        height: 30px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 20px;
        right: 20px; }
        .mobile-menu .menu .menu-header .close-div svg {
          color: #A40014; }
    .mobile-menu .menu .menu-logo {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 90px; }
.mobile-menu .menu .menu-logo a img{
  width: 70%;
margin-left:15%;
}
    .mobile-menu .menu .menu-inner {
      background: url("../images/menu-background-copy.png") no-repeat bottom center;
      background-size: cover;
      height: 100%; }
      .mobile-menu .menu .menu-inner div {
        display: flex;
        justify-content: center;
        margin-bottom: 30px; }
        .mobile-menu .menu .menu-inner div ul {
          width: 100%; }
          .mobile-menu .menu .menu-inner div ul li {
            margin: 13px 0; }
            .mobile-menu .menu .menu-inner div ul li a {
              color: #474747;
              font-size: 16px; }
          .mobile-menu .menu .menu-inner div ul .mobile-menu-title {
            font-weight: 600; }
            .mobile-menu .menu .menu-inner div ul .mobile-menu-title a {
              color: #A40014; }
            .mobile-menu .menu .menu-inner div ul .mobile-menu-title svg {
              float: right; }
            .mobile-menu .menu .menu-inner div ul .mobile-menu-title .feather-chevron-up {
              display: none; }

.swiper-container {
  height: 100% !important; }
  .swiper-container .swiper-wrapper .swiper-slide {
    position: relative; }
    .swiper-container .swiper-wrapper .swiper-slide:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100%;
      background: rgba(0, 0, 0, 0.7); }

.slider-slogan-div {
  position: absolute;
  z-index: 5;
  left: 5%;
  top: 35%; }
  .slider-slogan-div h2 {
    color: #fff;
    font-size: 57px;
    font-weight: 600; }
  .slider-slogan-div h3 {
    color: #fff;
    font-size: 32px; }
  .slider-slogan-div .slider-control-ul {
    margin-top: 50px; }
    .slider-slogan-div .slider-control-ul li {
      color: #fff;
      float: left; }
      .slider-slogan-div .slider-control-ul li svg {
        width: 55px;
        height: 55px;
        opacity: 0.5;
        margin-right: 50px;
        cursor: pointer; }
        .slider-slogan-div .slider-control-ul li svg:hover {
          opacity: 1; }
    .slider-slogan-div .slider-control-ul li:last-child {
      left: 15%;
      display: block !important; }

.president {
  background: #A40014; }
  .president .president-image {
    display: flex;
    align-items: center;
    justify-content: center; }
  .president .president-message {
    background: #A40014;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 25px 40px;
    width: 95%; }
    .president .president-message h3 {
      margin-bottom: 40px; }
    .president .president-message h4 {
      text-align: right; }

.product-tab {
  margin-top: 60px; }
  .product-tab .tabs {
    margin-top: 60px; }
    .product-tab .tabs li {
      float: left;
      width: 33%;
      text-align: center; }
      .product-tab .tabs li a {
        border-bottom: solid 1px #9F9F9F;
        text-decoration: none;
        color: #474747;
        padding: 10px 15px;
        font-weight: 600; }
        .product-tab .tabs li a.active {
          background: #474747;
          color: #fff;
          position: relative; }
          .product-tab .tabs li a.active::after {
            content: '';
            position: absolute;
            left: calc(50% - 10px);
            top: -10px;
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #474747;
            clear: both; }

.product-banner .row div {
  height: 300px;
  background-size: cover; }
  .product-banner .row div .product-banner-div {
    display: flex;
    align-items: flex-end; }
    .product-banner .row div .product-banner-div .product-banner-title-div {
      width: 100%;
      height: 50px;
      background: rgba(0, 0, 0, 0.6);
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
      .product-banner .row div .product-banner-div .product-banner-title-div h3 {
        font-size: 15px !important;
        font-weight: 600;
        width: 100%;
        margin: 0;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center; }
      .product-banner .row div .product-banner-div .product-banner-title-div img {
        display: none;
        opacity: 0;
        margin-top: 15px !important; }
  .product-banner .row div:first-child > div {
    background: url("../images/aluminyum_image.png") no-repeat center; }
  .product-banner .row div:nth-child(2) > div {
    background: url("../images/kaliphane_image.png") no-repeat center; }
  .product-banner .row div:last-child > div {
    background: url("../images/metal_isleme_image.png") no-repeat center; }

.video-seperator {
  height: 500px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center; }
  .video-seperator div {
    position: relative;
    z-index: 9999;
    text-align: center; }
    .video-seperator div h2 {
      font-size: 55px;
      font-weight: 600;
      color: #fff; }
    .video-seperator div h3 {
      font-size: 45px;
      font-weight: 600;
      color: #fff;
      margin-bottom: 30px; }
  .video-seperator::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999; }
  .video-seperator video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -100; }

.global {
  display: flex;
  justify-content: center;
  align-items: center; }

.owl-carousel .owl-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 75px;
  border: none; }
  .owl-carousel .owl-item img {
    width: 94% !important;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'>\a  <filter id='grayscale'><feColorMatrix type='saturate' values='0.1'/></filter>\a</svg>#grayscale");
    /* Firefox 10+ */
    filter: gray alpha(opacity=100);
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .4s ease;
    /* Chrome and Safari efekt*/
    -webkit-backface-visibility: hidden;
    /* efekt i┼şlemi s─▒ras─▒nda d─▒┼şar─▒ ta┼şmas─▒n. */ }
  .owl-carousel .owl-item img:hover {
    filter: none;
    -webkit-filter: grayscale(0%); }

.footer {
  height: 250px;
  background: #A40014 url("../images/footer.png") no-repeat right;
  -webkit-background-size: cover;
  background-size: cover;
  display: flex;
  align-items: center; }
  .footer ul {
    margin-left: 8%; }
    .footer ul li {
      color: #fff;
      margin: 5px 0;
      font-size: 15px; }
      .footer ul li a {
        color: #fff; }
    .footer ul li:first-child {
      margin-bottom: 10px;
      font-size: 17px; }

.lightbox22 a img {
  width: 24.5%;
  margin-bottom: 5px; }

.lightbox .lb-dataContainer .lb-data .lb-details .lb-number {
  display: none !important; }

.page-top-menu {
  height: 76px;
  position: relative;
  padding: 0 !important; }
  .page-top-menu .row {
    height: 100%; }
  .page-top-menu .logo-div {
    margin: auto;
    text-align: center; }
    .page-top-menu .logo-div a img {
      width: 80%; }
  .page-top-menu .menu-div ul li {
    padding: 0 20px; }
    .page-top-menu .menu-div ul li a {
      color: #333; }
    .page-top-menu .menu-div ul li ul {
      width: 200%;
      left: -35%; }
      .page-top-menu .menu-div ul li ul li {
        padding: 10px 5px; }
  .page-top-menu .menu-div ul .menu-lang-li {
    margin-right: 50px; }
    .page-top-menu .menu-div ul .menu-lang-li a:first-child {
      color: #fff; }
    .page-top-menu .menu-div ul .menu-lang-li ul li a {
      color: #464646 !important; }
  .page-top-menu .hamburger-menu-icon li {
    color: #333 !important; }

.page-header {
  height: 150px;
  background: url("../images/page-header-bg.png") no-repeat center;
  display: flex;
  align-items: flex-end;
  padding: 15px 0; }
  .page-header h3 {
    color: #fff;
    font-size: 22px; }

.page-left-menu ul li {
  border: solid 1px #dedede;
  border-top: none;
  padding: 13px 12px;
  font-size: 14px;
  font-weight: 500; }
  .page-left-menu ul li a {
    color: #212529; }
  .page-left-menu ul li.active a {
    color: #A40014;
    font-weight: 500; }
  .page-left-menu ul li:hover a {
    color: #A40014;
    font-weight: 500; }
  .page-left-menu ul li:first-child {
    background: #A40014;
    color: #fff;
    border-top: solid 1px #dedede !important; }
    .page-left-menu ul li:first-child:hover {
      font-weight: 500; }
  .page-left-menu ul li:last-child {
    border: none; }

.page-right-div .img-div {
  max-height: 300px;
  overflow: hidden; }
  .page-right-div .img-div img {
    width: 100%; }
.page-right-div .content-div p {
  font-size: 15px; }
.page-right-div .content-div .title {
  color: #A40014;
  font-size: 17px;
  font-weight: 500; }
.page-right-div .content-div ul {
  list-style: disc; }
  .page-right-div .content-div ul li {
    margin: 12px 0;
    list-style-position: inside; }

.tarihce-content-div p:nth-child(odd) {
  color: #A40014;
  margin-bottom: 0;
  font-weight: 600; }

.vizyon-content-div ul li {
  margin: 5px 0 !important; }

.misyon-content-div p {
  color: #A40014;
  font-weight: 500; }
.misyon-content-div ul li {
  margin: 5px 0 !important; }

.iletisim-content-div .tesis-tab {
  padding: 10px 30px;
  background: #ededed;
  cursor: pointer;
  margin-right: 20px; }
  .iletisim-content-div .tesis-tab.active {
    background: #A40014;
    color: #fff; }
.iletisim-content-div .tesis-1, .iletisim-content-div .tesis-2 {
  display: none; }
  /* .iletisim-content-div .tesis-2, .iletisim-content-div .tesis-3 {
    display: none; } */

/*# sourceMappingURL=main.css.map */