@font-face {
    font-family: "Helvetica Neue Light";
    src: url('../fonts/HelveticaNeueLTPro-LtCn.otf');
}
@font-face {
    font-family: "Helvetica Neue Bold";
    src: url('../fonts/HelveticaNeueLTPro-BdCn.otf');
}
.maincontainer {
    padding: 0;
}
.fontCaveat{
    font-family: 'Caveat', cursive;
}
.fontpoppins{
    font-family: 'Poppins', sans-serif;
}
.fontlato{
    font-family: 'Lato', sans-serif;
}
.white{
    color:WHITE;
}
body,html{
    overflow: hidden !important;
}

div.menu{
    width:100%;
    text-align: center;
    position: fixed;
    height:auto;
    top:25%;
    left:0;
    z-index:8;
    transition: all 0.5s ease-in-out;
}
/*div.menu a.logo{
    display: inline-block;
    background-size:100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
div.menu a.logo img{
    visibility: hidden;
    max-width: 450px;
}
div.menu a.logo{
    background-image:url('../images/sdemirlogo1.png');
}
div.menu.fixmenu a.logo{
    background-image:url('../images/sdemirlogo2.png');
}*/
hr.hr1{
    visibility: hidden;
}
div.menu ul li{
    float:left;
    display:inline-block;
    list-style: none;
    margin-left: 14px;
}
div.menu ul li:first-child{
    margin-left:0;
}
div.menu ul{
    display: inline-block;
    padding:0;
}
div.menu ul li a,div.menu ul li a:active,div.menu ul li a:hover{
    font-family: 'Helvetica Neue Light', sans-serif;
    font-size:18px;
    font-weight: BOLD;
    color:WHITE;
    text-decoration: none;
}
@media(max-width: 400px){
    div.menu ul li a,div.menu ul li a:active,div.menu ul li a:hover{
        font-size: 16px;
    }
}
div.menu.fixmenu ul li a{
    color: #343434;
}
div.menu ul li a img{
    transition: all 0.5s ease-in-out;
    max-width: 450px;
    margin-top: -140px;
}
div.menu.fixmenu{
    top:0;
    position: fixed;
}
div.menu.fixmenu img{
    max-width: 150px;
    margin-top: -33px;
}
div.layer{
    transition: all 0.5s ease-in-out;
    position: fixed;
    width:100%;
    height:100%;

}
div.layer1{
    text-align: center;
    top:0;
    left:0;
    z-index:5;
    /*background-color: #272727;*/
  /*  background: linear-gradient(45deg, #b1b1b1, #666666, #3e3e3e, #323232);
    -webkit-animation: gradient 5s infinite ease-in-out;
    -o-animation: gradient 5s infinite ease-in-out;
    animation: gradient 5s infinite ease-in-out;
    background-size:600% 600%;*/
    background-color: #3e3e3e;
    background-image: url('../images/indexbg2.jpg');
    background-repeat: no-repeat;
    background-size:100% auto !important;
    background-position: 0 100%;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
@-webkit-keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

div.layer2{
    top:0;
    left:-100%;
    z-index:5;
    background-color: #ffffff;
    background-image: url('../images/hakkimdabgsb1.jpeg');
    background-repeat: no-repeat;
    background-size:100% auto !important;
    background-position: 0 100%;

}
div.layer3{
    top:100%;
    left:0;
    z-index:5;
    background-color: #ffffff;
    background-image: url('../images/yatirimlarimbg.jpg');
    background-repeat: no-repeat;
    background-size:100% auto !important;
    background-position: 0 100%;
}
div.layer4{
    top:0;
    left:100%;
    z-index:5;
    background-color: #ffffff;
    background-image: url('../images/iletisimbg.jpg');
    background-repeat: no-repeat;
    background-size:100% auto !important;
    background-position: 0 100%;
}
div.layer2.half{
    top:0;
    left:-80%;
    z-index:6;
    box-shadow: 9px 4px 16px 4px #000000;
}
div.layer3.half{
    top:80%;
    left:0;
    z-index:6;
    box-shadow: 2px -10px 16px 4px #000000;
}
div.layer4.half{
    top:0;
    left:80%;
    z-index:6;
    box-shadow: -10px -1px 16px 4px #000000;
}

div.layer.opened{
    top:0;
    left:0;
}




div.layer div.container{
    max-height: 70%;
    margin-top:15%;
    overflow-y: auto;
}
/* width */
div.container::-webkit-scrollbar {
    width: 0;
}

/* Track */
div.container::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
div.container::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
div.container::-webkit-scrollbar-thumb:hover {
    background: #555;
}
h1.hakkimda{
    font-family: 'Caveat', cursive;
    text-align: right;
    color:GRAY;
}
img.inline{
    float:left;
    max-width: 150px;
    padding:5px;
    margin-right:5px;
}
.mycontent p{
    font-family: 'Helvetica Neue Light', sans-serif;
    font-weight:500;
    font-size:20px;
    text-align: justify;
}

p.sign{
    font-family: 'Caveat', cursive;
    text-align: right;
    color:GRAY;
    font-size: 46px;
}

ul.contact{
    padding: 0;
}
ul.contact li{
    width: 100%;
    list-style: none;
}

ul.contact.webs li {
    text-align: right;
}
ul.contact.mails li{
    text-align: left;
}
ul.contact li a{
    color:BLACK;
    font-family: 'Helvetica Neue Light', sans-serif;
    font-size: 24px;
}
h2{
    font-family: 'Helvetica Neue Light', sans-serif;
    color:GRAY;
    font-size: 30px;
}
ul.social{
    display: inline-block;
    padding:0;
}
ul.social li{
    float:left;
    padding:10px;
    list-style: none;
}
ul.social li a{
    font-size: 15px;
    width: 25px;
    padding: 10px;
    height: 25px;
    /* border: 1px solid BLACK; */
    color: BLACK;
}

@media(max-width: 991px){
    div.layer .container{
        max-height: 90% !important;
        margin-top: 30% !important;
        padding-bottom:50%;
    }
    div.menu.fixmenu ul li a img{
        display:none;
    }
    p.hakkimda{
        font-size:16px;
    }
    div.menu.fixmenu {
        top: 50px;
    }
    div.menu.fixmenu a.logoli{
        position: fixed;
        width: 24% !important;
        left: 38%;
        top: 5%;
    }
    div.menu a.logoli {
        position: fixed;
        width: 50% !important;
        left: 25%;
        top: 25%;
    }
    a.logoli img{
        display:block !important;
        max-width: 100% !important;
    }
    div.layer2.opened{
        background-size:auto 100% !important;
        background-position: 50% 100%;
    }
    ul.contact li{
        width: 100%;
        list-style: none;
        text-align: center !important;
    }
    h2.mc{
        text-align: center;
    }
    ul.social li a span{
        display:none;
    }
    ul.social li a{
        font-size: 25px;
    }
}