@charset "utf-8";
/* CSS Document */


.accordion {  width: 100%;  height: 100vh;  overflow: hidden;}

.accordion ul {  width: 100%;  display: table;  table-layout: fixed;  margin: 0;  padding: 0;}

.accordion ul li {  display: table-cell;  vertical-align: bottom;  position: relative;  width: 33.33%;  height:100vh;  background-repeat: no-repeat;background-position: center center;  transition: all 500ms ease; background-size: cover;}

.accordion ul li::after {    content: '';    position: absolute;z-index: 999;    right: -57px;    width: 57px;    height: 100vh;    background: url("../pageFile/golgeSag.png") no-repeat left top;}

.accordion ul li div {  display:flex;  overflow: hidden;  width: 100%; height:auto;}

.accordion ul li div a {  display: block;  height:100vh;  width: 100%;  position: relative;  z-index: 3;  vertical-align: bottom;  padding: 15px 20px;  box-sizing: border-box;  color: #fff;  text-decoration: none;  font-family: Open Sans, sans-serif;  transition: all 200ms ease;}

.accordion ul li div a * {  opacity: 1;  width: 100%;  text-overflow: ellipsis;  position: relative;  z-index: 5;  white-space: nowrap;  overflow: hidden;}

.accordion ul li div a h2 {  font-family: Montserrat, sans-serif;  text-overflow: clip;  font-size: 24px;  text-transform: uppercase;  margin-bottom: 2px;top: 160px;}

.accordion ul li div a p {  top: 160px;  font-size: 13.5px;}

.accordion ul li:nth-child(1) { background-image: url("../pageFile/envoy-petrol-bg.jpg"); }
.accordion ul li:nth-child(2) { background-image: url("../pageFile/envoy-enerji-bg.jpg"); }
 .accordion ul li:nth-child(3) { background-image: url("../pageFile/envoy-fire-bg.jpg"); }

 
.accordion ul:hover li { width: 30%; }
.accordion ul:hover li:hover { width: 40%; }
.accordion ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); }
.accordion ul:hover li:hover a * {  opacity: 1;  -webkit-transform: translateX(0);  transform: translateX(0);}

.ana-side-menu-sol-stn{display: flex;flex-direction: row;width: 100%;height: 100%;}
.ana-side-menu-sag-stn{display: flex; justify-content: space-between; align-items: center;width: 98px; height: 100%; flex-direction: column;height: 100%;border-right: 1px solid #fc671a;}
.logo-giris-box{width: 100%; height: 100%; display: flex; flex-direction: column;justify-content:  center; align-items: center;font: 50px 'Exo-ExtraBold';color: #fff; overflow: hidden; }
.ana-side-giris-ara-line{background-color: #fc671a;width: 1px; height: 100%;display: flex; justify-content:  center; align-items: center; }

.ana-side-giris-logo{max-height: 40px;display: flex; justify-content: center;transition: all 1s ease;    -webkit-transition: all  1s ease;}
.ana-side-giris-logo img{max-height: 102px;}
.ana-side-title{font: 24px 'Montserrat-Bold'; color: #fff; display: flex; justify-content: center;position: relative; top: 16%; text-align: center;}


 @media screen and (max-width: 600px) 
{
body { margin: 0; }
.accordion { height: auto; }
.accordion ul li,
.accordion ul li:hover,
.accordion ul:hover li,
.accordion ul:hover li:hover {
  position: relative;  display: table;  table-layout: fixed;  width: 100%;  -webkit-transition: none;  transition: none;    height: 33.33vh;}
 .accordion ul li div a{height: 25vh;}
	.ana-side-giris-logo img{max-height: 80px;}
}
 .accordion ul li:nth-child(1) {background-position: top center;}
.accordion ul li:nth-child(2) { background-position: center; }
.accordion ul li:nth-child(3) { background-position: top center;}
    
    
.logo-box{position: absolute;width: 100%;height: 100% !important;display: block;}

.logo-box img{top: 50%;  position: relative;    display: table;         }
.logo-motusgrup{max-width: 332px;margin: -45px auto 0;}
.btn-genel-giris{position: absolute !important;width: 100% ; top: 60%;text-align: center;height: 120px; font: 43px 'BebasNeue-Bold'; color: #fff;}


.logo-scf{max-width: 242px;margin: -62px auto 0;}
.logo-motuscrankshaft{max-width: 278px;margin: -91px auto 0;}
.logo-motusdokum{max-width: 294px;margin: -47px auto 0;}