.main-font-1{
    font-family: 'Playfair Display', serif !important;
}
.main-font-2{
    font-family: 'Raleway', sans-serif !important;
}
.main-font-3{
    font-family: 'Raleway', sans-serif !important;
}
.fs-img{
    transition:1s;
}
.collapser{
    transform:translate(0%,0%);
}
.x-column{
    transition:all 1s;
}
.collapsable-column{
    transform:translate(-100%,0%);
    opacity:0;
    width:6.6666% !important;
}
.collapsable-column.activated{
    transform:translate(0%,0%);
    opacity:1;
    width:100% !important;
}

.slider-wrapper, .slider-wrapper > div, .slider-wrapper > div > div{
    width:100% !important;
    height:100vh !important;
}
.get-lost.activated{
    width:0% !important;
}
.full_screen_button{
    transition: all 2s;
    position:absolute;
    bottom:2%;
    left: 2%;
    z-index:9999;
}

.full_screen_button.activated{
    animation-delay:1s;
    left: -96vw;
    bottom: 2%;
}
.fullwidthbanner-container{
    height:100vh;
}
.slider-wrapper .tp-revslider-mainul{
    height:100vh !important;
    width:100% !important;
}
.ful-top.activated{
    transition:all 1s;
    position: absolute;
    right: 0;
    padding: 4em 0em 0em 5em !important;
    width: 30em !important;
    margin-top:3.25em !important;
}
.ful-bot.activated{
    transition:all 1s;
    position: absolute;
    right: 0;
    padding: 0em 5em 5em 5em !important;
    width: 30em !important;
    margin: 10em 0 0 0 !important;
}
.collapse-and-dissapear.activated{
    width:0!important;
}
.x-tabs-list button[class*="active"] {
    color:rgb(159, 135, 88) !important;
    font-weight:700 !important;
}

.x-tabs-list button[class*="active"]{
    border-bottom: 1px solid rgb(8, 50, 72) !important;
}
.x-text-headline h1{
    color: rgb(8, 50, 72) !important;
}
.float-right{
    float:Right;
}
.of-hidden{
    overflow:hidden;
}
.fs-img img{
    height:100vh;
    width:auto;
}

.white-shade{
    position:absolute;
    width:100%;
    height:100vh;
    background:white;
    top:0;
    left:0%;
    z-index:99999;
}
.animated{
    animation: transformer 1.5s 1;
    animation-fill-mode: forwards;
}
@keyframes transformer {
    0% {
        left:0%;
    }
    50%{
        left:50%;
    }
    100% {
        left:100%;
    }
}
.horizontal-tabs li img{
    padding:15px;
    width:25%;
}
.horizontal-tabs li span{
    font-size: 1.25em;
}
.tab-container .tab-column:first-child .img-wrapper{
    right:50%;
}
.tab-container{
    display:flex;
}
.tab-column{
    width:50%;
    padding:5em;
}
.tab-column .top-line{
    width:30vh;
    height:30vh;
    border:6px solid rgba(8, 50, 72,0.7);
    float:right;
}
.normal-frame .tab-column img{
    transform: translate(65%,-15%);
}
.tab-column img{
    width:30vh;
    transform: translate(-15%,15%);

}


.ul-wrapper ul{
    list-style:none;
    font-size:1.5em;
}
.double-ul-wrapper ul{
    list-style:none;
    font-size:1em;
}
.ul-wrapper ul li:first-child{
    text-transform:uppercase;
    color:black !important;
}
.ul-wrapper ul li:nth-child(n+1){
    color:rgba(0,0,0,0.35)
}
.double-ul-wrapper ul li:nth-child(n+1):hover{
    color:black;
}
.ul-wrapper ul li:nth-child(n+1):hover{
    color:black;
}



/* ANASAYFA /home-page */
.push-to-left{
    transform:translate(-35%,0);
}
.col-shadow{
    position:absolute;
    width:100%;
    height:800px;
    background:rgb(8, 50, 72);
    top:0;
    left:-100%;
}
#horizontal{
    transition:all 100ms;
}
.animated-col{
    animation: transformer 1.5s 1;
    animation-fill-mode: forwards;
}
@keyframes transformer {
    0% {
        left:-100%;
    }
    50%{
        left:0;
    }
    100% {
        left:100%;
    }
}
.left.animated-col{
    animation: transformer-left 1.5s 1;
    animation-fill-mode: forwards;
}
@keyframes transformer-left {
    0% {
        left:100%;
    }
    50%{
        left:0;
    }
    100% {
        left:-100%;
    }
}
.of_hidden{
    overflow:hidden;
}.sliding-subtitle{
     font-size:24px;
     padding-left:5em;
     font-style:normal;
     color:black;
     letter-spacing:.5em;
 }

.x-anchor-button{
    border-color: rgb(8,50,72) !important;
}
.x-anchor-text-primary{
    color: rgb(8,50,72) !important;
}
/*mrcas'in hikayes*/

.desc-stripe{
    height:25vh;
}
.quarter-pad-img img{
    height:76vh;
    width: auto;
}
.img-wrapper img{
    max-width:unset;
}
.img-wrapper{
    position:absolute;
}
.tab-column.full{
    width:100%;
}

/**header css*/

.learn_more{
    position:absolute;
    bottom:0%;
    left:50%;
    transform:translate(-50%,-50%);
}
.scroll_btn{
    position:absolute;
    bottom:7.5%;
    left:50%;
    transform:translate(-50%,-50%);
}
.centerize{
    transform:translate(-15%,0);
}
.to-front{
    z-index:999999999999
}
.normal_a{
    color:black;
}
.normal_a:hover{
    color:black;
}

.normal_a.white{
    color:white;
}
.normal_a.white:hover{
    color:white;
}


.learn_more{
    position:absolute;
    bottom:0%;
    left:50%;
    transform:translate(-50%,-50%);
}
.scroll_btn{
    position:absolute;
    bottom:7.5%;
    left:50%;
    transform:translate(-50%,-50%);
}
.centerize{
    transform:translate(-15%,0);
}
.to-front{
    z-index:99999999;
}
.normal_a{
    color:White;
}
.normal_a.black{
    color:black;
}
.normal_a:hover{
    color:White;
}
.x-off-canvas-content{
    max-width:35em !important;
}
.x-off-canvas-content > ul{
    transform:translate(0,15%);
}
.x-off-canvas-content > ul > li{
    font-size:1.75em;
    font-family: 'Playfair Display', serif !important;

}
.x-off-canvas-content > ul > li:first-child{
    font-size:1em;
    position:absolute;
    opacity:0.15
}
.x-off-canvas-content .sub-menu{
    padding-left:2em;
    opacity:0.5;
}/*

Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/