.mobile-menu{display:none;background:#fff;position:fixed;bottom: 0px;margin:0 auto;z-index:100;padding: 10px 10px 5px 10px;border-radius: 20px 20px 0 0;border: 1px solid #E5E5E5;box-shadow: 1px 1px 13px rgb(0 0 0 / 30%);left: calc(50% - 125px);}
.mobile-menu>ul>li{display:table-cell;padding: 5px;}
.teklifal{border: 1px solid #c8d0d4;line-height: 45px;display: block;float: left;border-radius: 10px;background: #f4f6f7;font-family: 'Gilroy-ExtraBold';padding: 0 15px;}
.dil{position:absolute;right:30px}
.dil a{border:1px solid #1d1f4a; padding:13px;}
.onay{text-align:left!important}
.main{width:100%}
.main .left-main{width: 75%;position: relative;overflow: hidden;}
.main .left-main .head{background: #fff;height: 80px;box-shadow: 5px 1px 5px rgb(0 0 0 / 15%);position: fixed;top: 0;left: 0;width: calc(75%);display: flex;align-items: center;/* justify-content: center; */padding-left: 16px;z-index:99;}
.main .left-main .head img{height:42px;filter: invert(21%) sepia(4%) saturate(5251%) hue-rotate(522deg) brightness(72%) contrast(38%);}
.main .right-main{width: 25%;position:fixed;background: #7f7164;height:100vh;right:0;top:0;overflow: hidden;}
.slader{height:100vh;width:100%;position: relative;}
.slader img{height: 100%;-o-object-fit: cover;object-fit: cover;position: relative;width: 100%;z-index: 1;cursor: pointer;}
.slader .bg{position: absolute;z-index: 1;bottom: 0;width: 100%;height: 40vh;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);display: flex;align-items: center;}
.slader .bg div{padding-left:7vw;}
.slader .bg div h1{color:#fff;font-family: 'Gilroy-ExtraBold'; font-size:42px; line-height:47px}
.slader .bg div h1>span{background:#FFC400;color: #000000;font-family: 'Gilroy-ExtraBold';padding: 0 10px;line-height: 67px;}

h1, h2{ font-weight:normal; letter-spacing:.1px}
.colum{width:100%; margin-top:7vh; text-align:center;  margin-bottom:3vh}
.finis h1, .uyum-woman h1, .colum h1{font-family: 'Gilroy-ExtraBold';font-size:40px;line-height:44px;color: #684d4d;}
.finis h2, .uyum-woman h2, .colum h2{font-family: 'Gilroy-medium';font-size:22px;line-height:25px;color: #684d4d;margin-top:5px}
.uyum-woman h1, .uyum-woman h2{text-align:right}

.beyaz{color:#fff !important}
.twoflex{display:flex;overflow: hidden;max-height: 450px;}
.twoflex>div{flex-wrap: wrap;align-items: center;display: flex;width:50%;}
.twoflex>div:first-child>img{    width: 100%;    position: relative;    top: 50%;    transform: translateY(-50%);}
.twoflex>div:last-child{background: #e7dfd9;padding:50px;width: calc(50%);}
.twoflex>div:last-child ul{width:100%}
.twoflex>div:last-child ul li{
  border-bottom: 1px solid #eee9e5;
  font-size:15px;
  line-height:22px;
  padding:14px 0;
  width:100%;
  background-image: url('/img/plus.svg');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 13px;
  padding-left: 20px;
  color: #684d4d;
  }
.uyum-woman{width:100%; position:relative}
.uyum-woman img{width:100%}
.uyum-woman>div{position:absolute;right:7vw;display: flex;align-items: center;height:100%;top: 0;width: 470px;}
.treeflex{display:flex;background: #e7dfd9;padding:50px 0;flex-wrap: wrap;}
.treeflex>div{text-align:center;flex-wrap: wrap;align-items: center;display: flex;justify-content: center;font-size:16px;line-height:20px;padding:0 65px;width: calc(100% / 3);color: #684d4d;}
.treeflex>div img{width:100%; max-width:110px;}
.treeflex>div h3{display:block;width:100%;font-size:20px;line-height:24px;margin-top:15px;margin-bottom:5px;font-family: 'Gilroy-Bold';}

.fiveflex{display:flex;flex-wrap: wrap;}
.fiveflex>div{text-align:center;flex-wrap: wrap;align-items: center;display: flex;justify-content: center;font-size:16px;line-height:20px;padding:0 65px;border-right:1px solid #F4F6F7;padding-top:35px;padding-bottom:35px;width: calc(100% / 3);}
.fiveflex>div img{width:100%; max-width:90px;}
.fiveflex>div h3{display:block;width:100%;font-size: 15px;line-height: 21px;margin-top:15px;margin-bottom:5px;font-family: 'Gilroy-Bold';color: #684d4d;}

.treeflex>div h3{display:block;width:100%;font-size:20px;line-height:24px;margin-top:15px;margin-bottom:5px;color: #684d4d;}
.gribg{width:100%; height:24px; background:#F4F6F7}
.mavibg{width:85%;height:24px;background: #807163;margin-top:4vh;position:relative}


.galeriflex{display:flex;width:100%; position:relative}
.galeriflex>div{text-align:center;flex-wrap: wrap;align-items: center;display: flex;justify-content: center; width:calc(100% / 3) }
.galeriflex>div>img{width:100%; opacity:.5}
.galeriflex>div:first-child>img{opacity:1}
.galeriflex>div:first-child>img{opacity:1}
.galeriflex>div:nth-child(2n+1) img{opacity:1}
.galeriflex .navi{position:absolute;width:100%;height:100%;align-items: center;display:flex;z-index: 1;}
.galeriflex .navi>div{position:absolute}
.galeriflex .navi>div:first-child{left:25px}
.galeriflex .navi>div:last-child{right:25px}
.refflex{display:flex;width:100%;flex-wrap: wrap; }
.refflex>div{text-align:center;flex-wrap: wrap;align-items: center;display: flex;justify-content: center; width:calc(100% / 6 ) }
.refflex>div img{width:90%}

.finis{width:100%; position:relative}
.finis .bg{background:rgba(0, 0, 0, 0.65); position:absolute; width:100%; height:100%; top:0; left:0;align-items: center;display: flex;justify-content: center;}
.finis h1, .finis h2{text-align:center}
.finis h2{font-size:30px}
.finis img{width:100%}
.teklif-not{position:absolute;bottom:15px;width:100%;text-align:center;color:#fff;font-size:13px;max-width: 80%;left: 10%;}
.foter{width:calc(100% - 50px); height:80px; padding:0 25px}
.foter>div:first-child{float:right;text-align:right;font-size:13px;color: #807163;line-height: 75px;}
.foter>div:last-child{float:left;width:75px;padding: 25px 0 0 0;}
.foter>div:last-child>img{width:100%;filter: invert(21%) sepia(4%) saturate(5251%) hue-rotate(522deg) brightness(72%) contrast(23%);}

.right-main{color:#fff; }
.right-main>div{padding: 0 50px;}
.right-main>div:first-child{height:calc(100vh - 90px);display: flex;align-items: center;}
.right-main>div:last-child{height:90px;background: #e6dfd9;position:relative}
.right-main>div:last-child a{color: #684d4d;}
.right-main>div:last-child>a:first-child{font-size:30px;font-family: 'Gilroy-Bold';line-height:90px;display: block;float: left;letter-spacing: 0;}
.right-main>div:last-child .sohbet{font-size: 15px;font-family: 'Gilroy-Bold';line-height: 18px;display: block;float: right;letter-spacing: .1px;width: 110px;margin-top: 28px;}
.right-main>div:last-child>div{position:absolute;right: 69px;top: -46px;}
.right-main>div:last-child>div img{width: 60px;}

.right-main h1{color:#fff;font-family: 'Gilroy-ExtraBold'; font-size:40px; line-height:44px; margin-bottom:15px}
.right-main p{font-size: 16px;margin-bottom:10px;line-height: 21px;}
.right-main form{padding: 15px 0;position:relative}
.right-main input, .right-main textarea{width: calc(100%);font-size: 16px;padding: 12px 10px;margin-bottom: 7px;border: 2px solid #e6dfd9;border-radius: 12px;font-family: 'Gilroy-SemiBold';color: #7f7164;}
.right-main textarea{height: 120px;}
.right-main p small{font-size: 12px;line-height: 14px;}
.right-main .info{width:100%;margin-top: 10px;}
.right-main .info input{width:30px; height:30px; border-radius:15px}
.right-main .info  p{width: calc(100% - 38px);float: right;}
.right-main .gonder{width: 156px;background: none;color: #fff;border: 2px solid #fff;font-family: 'Gilroy-Bold';font-size: 16px;margin-top: 15px;cursor:pointer;}
.right-main .gonder:hover{background: #e6dfd9;border: 2px solid #e6dfd9;color: #807163;}

.round { position: relative; float:left}
.round label {background-color: #fff;border: 2px solid #e6dfd9;border-radius: 50%;cursor: pointer;height: 28px;left: 0;position: absolute;top: 0;width: 28px;}
.round label:after {border: 2px solid #fff;border-top: none;border-right: none;content: "";height: 6px;left: 5px;opacity: 0;position: absolute;top: 6px;transform: rotate(-45deg);width: 12px;}
.round input[type="checkbox"] {  visibility: hidden;}
.round input[type="checkbox"]:checked + label {  background-color: #32ba46;  border-color: #32ba46;}
.round input[type="checkbox"]:checked + label:after {  opacity: 1;}

.loadingform{position:absolute;width:100%;height:100%;display: none;background: #0a0a0a;opacity: 0.6;z-index: 3;}
.loadingform>div{display: table;width: 100%;height: 100%;}
.loadingform>div>div{display:table-cell;vertical-align:middle;text-align: center;}
.loadingform>div>div>img{width:auto}


@media(max-width:1700px) {
    .treeflex>div h3{font-size: 18px;  line-height: 22px;}
    .right-main > div { padding: 0 40px;}    
    .right-main > div:last-child > a:first-child{font-size:23px}
    .fiveflex > div h3{font-size: 15px;line-height: 21px;}
    .fiveflex > div{padding: 30px 45px;}
    .treeflex>div{padding: 0 45px;font-size: 15px; line-height:20px}
}

@media(max-width:1500px) {    
    .right-main input, .right-main textarea{padding: 9px 10px;  font-size: 14px;}
    .right-main > div:last-child > a:first-child{font-size:20px}    
    .right-main h1 { font-size: 32px; line-height: 36px; margin-bottom: 5px;    font-family: 'Gilroy-Bold';}
    .right-main p {  font-size: 15px;   margin-bottom: 8px; line-height: 18px;}
    .finis h1, .uyum-woman h1, .colum h1{font-size: 30px; line-height: 34px;}
    .uyum-woman > div{width:370px}
    .right-main .gonder{margin-top: 10px;}
    .right-main textarea {  height: 100px;}
    .twoflex>div:last-child ul li{font-size: 14px;line-height: 21px;padding: 10px 0 10px 20px;}
    .twoflex>div:last-child{padding:40px}
    .right-main > div:last-child .sohbet{font-size: 13px;line-height: 15px;font-family: 'Gilroy-Medium';position: absolute;right: 0px;margin-top: 17px;}
    .right-main>div:last-child>div{right:20px;top: -53px;}
    .fiveflex > div{padding: 30px 45px;}
    .treeflex>div{padding: 0 45px;}
    .right-main>div:first-child{height: calc(100vh - 60px);}
    .right-main > div:last-child{height: 60px;}
    .right-main>div:last-child>a:first-child{    line-height: 60px;}

}

@media(max-width:1300px) {
    .right-main > div { padding: 0 30px;}
    .right-main input, .right-main textarea{padding: 8px 10px;font-size: 13px;margin-bottom: 4px;}
    .right-main > div:last-child > a:first-child{font-size:20px}
    .right-main h1 {font-size: 25px;line-height: 26px;}
    .finis h2, .uyum-woman h2, .colum h2{font-size: 16px;line-height: 20px;max-width: 80%;margin: 0 auto;}
    .right-main p {font-size: 13px;margin-bottom: 5px;line-height: 16px;}
    .finis h1, .uyum-woman h1, .colum h1{font-size: 25px;line-height: 28px;max-width: 80%;margin: 0 auto;margin-bottom: 8px;}
    .right-main .gonder{margin-top: 10px;font-size: 14px;width: 130px;}
    .right-main textarea {  height: 80px;}
    .fiveflex > div{padding: 25px 30px;}
    .treeflex>div{padding: 0 30px;font-size: 14px; line-height:18px}
    .twoflex>div:last-child{padding:30px}
    .twoflex>div:last-child ul li {line-height: 18px;padding: 7px 0 7px 20px;}
    .uyum-woman > div { right: 20px;}
    ::-webkit-input-placeholder {font-size: 13px;}
    :-ms-input-placeholder {font-size: 13px;}
    ::placeholder {font-size: 13px;}
  

}

@media(max-width:1280px) {
.right-main>div:last-child .sohbet{display:none}
.right-main>div:last-child>div { right: 20px;  top: -10px;}
.treeflex>div {  padding: 0 20px}
.right-main>div:last-child>div img { width: 50px;}
.twoflex>div{ overflow:hidden; max-height:300px}
.twoflex>div:first-child{ width:40%}
.twoflex>div:last-child{width:60%}
}

@media(max-width:1100px) {
.right-main > div {padding: 0 20px;}
.right-main input, .right-main textarea{font-size: 12px;}
.right-main h1 {font-size: 18px;line-height: 20px;}
.right-main p {font-size: 12px;line-height: 14px;}
.right-main p small { font-size: 10px;    line-height: 12px;}
.right-main>div:last-child .sohbet{display:none}
.right-main>div:last-child>div { right: 20px;  top: -10px;}
.treeflex>div {  padding: 0 20px;font-size: 13px;}
.twoflex>div:first-child>img{width:auto; height:100%}
}

@media(max-width:1000px) {
.right-main{width: 100% !important;position: relative !important;height: auto !important;}
.right-main>div:first-child{height:auto;padding: 35px;}
.main .left-main{  width: 100%;}
.main .left-main .head{  width: 100%;}
.right-main>div:first-child>div{width:100%}
.right-main p { font-size: 14px;  line-height: 16px;}
.right-main input, .right-main textarea {padding: 9px 10px;font-size: 14px;margin-bottom: 7px;}
.right-main p small {  font-size: 12px;   line-height: 14px;}
    .right-main .gonder { }
    .right-main .info{ height:34px}
    .twoflex > div:first-child > img {width: 100%;height: auto;top: 0;transform: translateY(0%);}
    .twoflex{display:table;width: 100%;}
    .twoflex>div {width: 100% !important;display:table;max-height: 100%;}
    .mobile-menu{display:block}
}

@media(max-width:700px) 
{
    .treeflex>div img {max-width: 90px;}
    .fiveflex>div img {max-width: 60px;}
    .fiveflex > div {padding: 15px 10px;width: calc(100% / 3);}
    .fiveflex > div h3 {font-size: 13px; line-height: 18px;}
    .refflex>div {   width: calc(100% / 3 );}
    .uyum-woman>div{position: relative;width: 100%;right: auto;text-align: center;display: table;margin-top: 7vh;margin-bottom: 3vh;}
     .uyum-woman>div h1,.uyum-woman>div h2{text-align:center}
     .dil{right:16px}
     .dil>a{padding:10px}
}

@media(max-width:500px) {
    .main .left-main .head {  height: 60px;}
    .main .left-main .head img { height: 36px;}
    .slader .bg div h1 {font-size: 35px; line-height: 37px;}
    .slader .bg div h1>span { padding: 0px 10px; line-height: 60px;}
    .slader { height: auto;}
    .slader img{height: 60vh;}
    .slader .bg{position: relative;background: #684d4e;text-align: center;height: 30vh;}
    .slader .bg div {padding-left:0;width: 100%;}
    .main .right-main{}
    .right-main h1 {  font-size: 35px;text-align: center;margin-bottom: 15px;line-height:40px}
    .right-main p {    font-size: 16px;    line-height: 20px;    text-align: center;}
    .twoflex > div:last-child ul li {    }
    .treeflex{  padding: 35px 0;}
    .treeflex>div {padding: 0 20px;font-size: 13px;margin-bottom: 35px;width: 100%;}    
    .treeflex>div:last-child{margin-bottom:0}
    .finis img {  width: 140%;}
    .finis h2{font-size: 12px;line-height: 16px;width:100%;max-width: 100%;}
    .finis h1{font-size: 16px;line-height: 20px;width:100%;max-width: 100%;}

    .foter{height:auto;padding: 25px 0;margin-bottom: 75px;width: 100%;}
    .foter > div:first-child {float: none;text-align: center;font-size: 13px;color: #7B848C;line-height: 16px;margin-bottom: 25px;width: 100%;}    
    .foter > div:last-child {   float: none;   width: 100%;   padding:0;  text-align:center}
    .foter>div:last-child>img{width:100px}
.right-main > div:last-child {display: none;}

}