@import "fonts.css";
html, body {font-family: 'Sofia Pro', sans-serif;overflow: hidden;background: #1E1E1E;}
:root {
    --main-color:#2460AB;
    --main-color-flu: rgba(36,96,171,.8);
}
.font-nycd {font-family: 'Caveat', cursive;font-size: 45px;}
.table-content{display: table; width: 100%; height: 100%;}
.table-cell-content{display: table-cell; vertical-align: middle; text-align: center;}
.table-content.left{display: table; width: 100%; height: 100%;}
.table-content.left .table-cell-content{display: table-cell; vertical-align: middle; text-align: left;}
.disp-block {display: block !important;}
.m0 {margin: 0 !important;}
.p0 {padding: 0;}
* {outline: none !important;}
.fl-r {float: right;}
.s-margin {margin: auto 60px;}
.df-center {display: flex;align-items: center;}
p.baslik{color: var(--main-color);font-size: 65px;font-family: 'Caveat', cursive;line-height: normal;font-weight: 200;}
p.baslik.small{font-size: 40px !important;}
p.baslik.big{font-size: 135px !important;}
.mt75 {margin-top: 75px !important;}
.mt50 {margin-top: 50px !important;}
.mt30 {margin-top: 30px !important;}
.mobile-visible{display:none;}
.wp-mesaj {position: fixed;bottom: 30px;right: 30px;z-index: 5;}
.wp-mesaj img{max-width: 50px;}
a {text-decoration: none !important;}
.h-fix {height:1px; min-height: 100%;}
.h-full {height:100%;}
.img-box {width: 100%; position: relative; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; background-color: transparent;}
.img-box::after {display: block; padding-bottom: 100%; content: '';}
.img-box.h50::after {display: block; padding-bottom: 50% !important; content: '';}
.h-m100 {min-height: 100vh;}
.img-box p.type {padding: 8px 30px; color: #fff; font-weight: 500; letter-spacing: 1px; position: absolute;bottom: 30px; right: 0; border-radius: 100px 0 0 100px;}
.img-box p.type.satilik {background: #34db3a;}
.img-box p.type.kiralik {background: #dce50d; color: #000;}
.m0a {margin: 0 auto; display: inline-block;position: relative;left: 50%;transform: translateX(-50%);}
h1.head {font-weight: 200;font-size: 45px;margin: 15px 0;color: #ffffff;}
.pl0 {padding-left: 0;}
/* width */
::-webkit-scrollbar {width: 5px;}
/* Track */
::-webkit-scrollbar-track {background: #1E1E1E;}
/* Handle */
::-webkit-scrollbar-thumb {background: linear-gradient(90deg, #1E1E1E, #505050);border-radius: 100px;}
.show {display: block !important;}

header {display: flex;transition:all .4s;align-items: center;justify-content: center;position: absolute;top: 0;left: 50%;width: auto;z-index: 4;transform: translateX(-50%);}
header.active {left: 0;transform: translateX(0);width: 33.3%;}
header.active .content {width: 100%;}
header.active ul{display: none;}
header .content {transition:all .4s;display: flex;align-items: center;justify-content: center;padding:50px 30px;backdrop-filter: blur(10px);flex-direction: column;background: rgba(0,0,0,.2);}
header .content ul {padding: 0;margin:0;margin-top:20px;list-style: none;}
header .content ul li {float: left;margin-right:15px;}
header .content ul li:last-child {margin-right:0;}
header .content ul li a img {filter: brightness(0) invert(1);transition: all .4s;}
header .content ul li a:hover img {transform: scale(2);}


#home {display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;min-height: 100vh;}
#home .item {position:relative;flex: 0 0 33.3%;border: 0.5px solid #000;background-size: cover;background-repeat: no-repeat;background-position: center center;height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0 40px;text-align: center;gap: 30px;}
#home .item:not(.active) {cursor:pointer;}
#home .item .overlay {background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 32.08%);transition:all .4s;position: absolute;bottom: 0;left: 0;width: 100%;height: 70%;z-index: 1 !important;}
#home .item:hover .overlay {height: 100%;}
#home .item.active .overlay {height: 100%;}
#home .item * {position: relative;z-index: 2;}
#home .item img.logo {max-height: 80px;/* transform: translateY(150%); */transition: all .4s;top: 30px;margin-top: 200px;}
#home .item p.text {/* margin-top:40px; */font-size: 16px;color: #fff;font-weight: 200;line-height: 200%;padding: 0 15%;top: 50px;}
#home .item a.more {display: inline-block;transition:all .4s;padding: 10px 50px;border:2px solid transparent;background: #fff;font-weight: 300;font-size: 18px;color: #000;border-radius: 100px;}
#home .item a.more:hover {background: transparent;color: #fff;border-color: #fff;}
#home .item p.text {/* transform: translateY(150px); */opacity: 0;transition: all .4s;}
#home .item a.more {/* transform: translateY(50px); */opacity: 0;transition-delay: 0s;top: 70px;}
#home .item:hover p.text {top: 0;opacity: 1;transition-delay: .1s;}
#home .item:hover a.more {/* transform:translateY(0); */opacity: 1;top: 0;transition-delay: .15s;}
#home .item:hover img.logo {transform: translateY(0);top: 0;}
#home .item.hiddenn {opacity: 0;visibility: hidden;transition: all .4s;}
#home .item.active{border:0;}
#home .item.active p.text {transform:translateY(0);opacity: 1;top: 0;}
#home .item.active a.more {display: none;top: 0;}
#home .item.active img.logo {transform: translateY(0);top: 0;}
#home .item ul {padding: 0;margin:0;margin-top:20px;list-style: none;opacity: 0;visibility: hidden;transform: translateY(60px);transition: all .4s;}
#home .item.active ul {opacity: 1;visibility: visible;transform: translateY(0);transition-delay: .6s}
#home .item ul li {float: left;margin-right:15px;}
#home .item ul li:last-child {margin-right:0;}
#home .item ul li a img {filter: brightness(0) invert(1);transition: all .4s;}
#home .item ul li a:hover img {transform: scale(2);}




#right-content {position: absolute;width: 66.6%;right: 0;top: 0;height: 100vh;background:#1E1E1E;z-index: 3;transform: translateY(130%);transition: all .4s ease-in-out;overflow: auto;}
#right-content.active {transform: translateY(0%);}
#right-content a.close_menu {position: sticky;top: 100px;right: auto;left: calc(92%);z-index: 3;}
#right-content a.close_menu img{filter: brightness(0) invert(1);}
#right-content .content #items {display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;padding: 0 70px;}
#right-content .content #items .item {flex: 0 0 25%;padding: 30px;}
#right-content .content #items .item img{width: 100%;height: 100%;object-fit: contain;opacity: .4;transition: all .4s;filter: grayscale(100%) invert(1);border-radius: 15px;}
#right-content .content #items .item:hover img{opacity: 1;filter: none;}
#right-content .content #items .item img {}





@media screen and (max-width:768px)
{
    body {overflow-y: auto !important;}
    .s-margin {margin: 0 15px;}
    header {width: 100%;position: relative;backdrop-filter: none;height: 70px;}
    header .content {width: 100%;padding: 10px 30px;flex-direction: row;justify-content: space-between;}
    header .content ul{margin-top: 0;}
    header .content img.logo {transform: translateX(-10px);max-height: 50px;}
    #home {flex-direction: column;height: calc(100svh - 70px);min-height: calc(100svh - 70px);overflow-y: hidden;}
    #home .item {height: 25vh;width: 100%;border-right: 0;border-left: 0;background-size: cover;background-position: center;border: 0;}
    #home .item:first-child {border-top: 0;}
    #home .item.active {height: auto;padding: 20px;}
    #home .item:not(.active) p.text {margin: 0;line-height: normal;display: none;}
    #home .item img.logo {height: 100%;flex: 2;transform: none;max-height: 60px;}
    #home .item .overlay {height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 52%) 32.08%);}
    #home .item:not(.active) ul {display: none;}
    #home .item:not(.active) a.more {display: none;}
    #home .item p.text {line-height: normal;font-size: 12px;margin-top: 15px;display: none}
    #home .item ul {line-height: normal;font-size: 12px;margin-top: 15px;}
    #home .item.active img.logo {}
    #home .item.active p.text {margin-top: 5px;}
    #home .item.active ul {margin-top: 5px;}
    #right-content a.close_menu svg {left: 88%;top: 98px;transform: scale(.5)}
    #right-content a.close_menu {left: 80%;top: 50px;}
    #right-content h1.head {margin: 0;font-size: 26px;margin-top: -25px;}
    #right-content {width: 100%;overflow-x:hidden !important;top: auto;bottom: 0;}
    #right-content .content #items {padding: 0 20px;margin-top: 30px;}
    #right-content .content #items .item {flex: 0 0 50%;padding: 10px;}
    #home .item.active[page=agency] img.logo{margin-top: 30px;}
    #home .item img.logo {top: 0;margin-top: 0;}
}
@media screen and (min-width: 769px) and (max-width: 1500px)
{
    #home .item p.text {font-size: 14px;line-height: normal;margin-top: 15px;}
    #home .item a.more {margin-top: 10px;padding: 5px 20px;font-size: 14px;font-weight: 500;}
    #home .item img.logo {max-height: 60px;}
    header .content {padding: 30px;}
    header .content ul {margin-top: 10px;}
    h1.head {margin: 20px 0;font-size: 36px;}
    #right-content a.close_menu {left: 88%;top: 98px;}
    #right-content a.close_menu svg {left: 88%;top: 98px;transform: scale(.7)}
    #right-content .content #items {margin-top: 40px;}

}
@media screen and (min-width: 1800px)
{

    #home .item p.text {min-height: auto;}
    #home .item.active p.text {min-height:auto;}
}