.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-weight:700;;    padding: 0 15px;}
.main{width:100%;background: #181d24;}
.main .left-main{width: 78%;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;}
.main .left-main .menu {position: absolute;top: 0;left: 0;width: calc(78%);display: flex;align-items: center;z-index:99;transition:.5s}
.main .left-main .menu>div{width: calc(100% - 120px);/* margin-left: 50px; */display: table;margin: 0 auto;}
.main .left-main .menu>div>div{display:table-cell;vertical-align:middle;}
.main .left-main .menu>div>div:first-child{width:150px;padding: 30px 0;transition: .5s;}
.main .left-main .menu>div>div:first-child img{transition: .5s;height: 15vh;}
.main .left-main .menu>div>div:last-child{}
.main .left-main .menu>div>div:last-child ul{display:table;float: right;}
.main .left-main .menu>div>div:last-child ul>li{display:table-cell;padding: 0px 20px;text-align: center;}
.main .left-main .menu>div>div:last-child ul>li a{font-size: 16px;color: #ffffff;border-bottom:2px solid rgba(255, 255, 255, 0.00);padding: 7px 0px;display: block;font-weight:700;}
.main .left-main .menu>div>div:last-child ul>li a:hover{border-bottom:2px solid #2A847D;}
.menu.fixed{background: #ffffff;box-shadow: 5px 4px 5px #53393354;}
.main .left-main .menu.fixed>div>div:first-child{padding: 10px 0}
.main .left-main .menu.fixed>div>div:first-child img{height:50px;/* filter: brightness(0) invert(1); */}
.main .left-main .menu.fixed>div>div:last-child ul>li a{color: #cab78e;}
.main .left-main .menu.fixed>div>div:last-child ul>li a:hover{border-bottom:2px solid #fff;}
#tesekkurler{line-height: 40px;}
.alink{margin-top:-50px; position:absolute;}
.begin{/* background: url(/img/Background.jpg) top repeat-y; *//* background-size: 100% auto; */}
.ust-colud{/* background: url(/img/ust-colud.png) no-repeat; */background-size: 100% auto;}
.kapla{position:relative}
.txtmain{width: calc(100% - 25px);/* max-width:620px; */padding-right: 25px;max-width: 800px;margin: 75px auto;/* padding: 75px 0; */}
.rtl{flex-direction: row-reverse;}
.fhed{width:100%; margin-bottom:30px}
.fhed h2, .fhed h1{font-style: italic;color: #cab78e;text-align: center;}
.fhed h1{font-size: 45px;font-weight: 900;line-height: 45px;}
.fhed h2{font-size: 24px;font-weight: 500;line-height: 27px;}
.txtright{text-align:right;}
.ftxt{font-size:15px;line-height:24px;color: #73684f;text-align: center;display: flex;flex-direction: column;align-items: center;}
.txtright.ftxt{ display: flex;  flex-direction: column;    align-items: flex-end;}
.bayraktar{position: fixed;bottom: 0;right: 20px;z-index: 9999;height: 8vh;display: flex;align-items: center;}
.bayraktar>a{display: block;}
.bayraktar>a>img{height: 70%;}
.ftxt p{margin-bottom:15px;text-align: center;font-size: 21px;line-height: 30px;}
.ftxt h1{font-style: italic;color: #cab78e;font-size: 24px;font-weight: 600;line-height: 30px;margin-top:30px;text-align: center;max-width: 410px;}
.leftcolum{ padding: 0;padding-left: 50px;}
.ftire{font-style: italic;color: #cab78e;font-weight:900;font-size:130px;position:absolute;}
.ftireend{left: auto;top: auto;bottom: 0;right: 0;}
.kroki{width:100%}
.kroki img{width:100%}
.mesafe{}
.mesafe>div>div{width: 100%;display: table;}
.mesafe>div>div>ul{ display: table-row;}
.mesafe>div>div>ul:nth-child(2n){background: #edeae2;}
.mesafe>div>div>ul>li{display: table-cell; padding: 7px;}
.mesafe>div>div>ul>li:first-child{font-weight:900;padding-left:25px;}
.mesafe>div>div>ul>li:last-child{padding-right:10px}
.galeri {/* height:78vh !important; */margin-top:50px;width: 100%;} 
.galeri .carousel__slide__inner{ height:auto}
.galeri .carousel__slide__inner img{ position:relative}
.slider-nav-thumbnails{margin-top:5px}
.carousel__slide__inner video {width: 100%;cursor: pointer;transition: 0.5s;height: 101%;-o-object-fit: cover;object-fit: cover;position: relative;}

/*zoom #laftImgBlowupLens mapsImgBlowupLens*/
#laftImgBlowupLens, #mapsImgBlowupLens{bottom: 0;}

.Planlar{display: flex;justify-content: center;max-width:1300px;margin:0 auto;margin-top: 50px;width: 90%;}
.product-photos__slider figure a{color:#533933;border: 1px solid #533933;display: block;border-radius: 15px;padding: 30px 20px;}
.product-photos__slider figure a>div{display:table; width:100%;}
.product-photos__slider figure a>div>div{display:table-cell; vertical-align:middle;    width: 50%;}
.product-photos__slider figure a>div>div:first-child{width: 70%;}
.product-photos__slider figure a>div>div:last-child{}
.product-photos__slider figure a>div>div h1{font-size: 40px; font-weight: 900;     color: #533933;}
.product-photos__slider figure a>div>div p{font-size: 17px; line-height: 24px;}
.product-photos__slider figure a>div>div span{background: #533933; color: #fff; padding: 10px 7px;}

.Planlar>div{ max-width:400px; width:100%; margin-right:15px}
.Planlar>div>div{color: #73684f;display: block;border-radius: 15px;padding: 30px 20px;border: 1px solid #eceae2;}
.Planlar>div>div>div{display:table; width:100%;}
.Planlar>div>div>div>div{display:table-cell;vertical-align:middle;}
.Planlar>div>div>div>div:first-child{width: 66%;}
.Planlar>div>div>div>div:last-child{vertical-align: bottom;width: 33%;}
.Planlar>div>div>div>div h1{font-size: 35px;font-weight: 900;color: #cab78e;}
.Planlar>div>div>div>div p{font-size: 17px; line-height: 24px;}
.Planlar>div>div>div>div span{background: #533933;color: #fff;padding: 10px 19px;display: block;border: 1px solid #A28883;font-size: 16px;text-align: center;margin-bottom: 5px;}
.Planlar .palan{display:table;margin-top:15px;font-size: 17px;width: 96%;}
.Planlar .palan>ul{ display:table-row}
.Planlar .palan>ul>li{ display:table-cell; padding:5px 0}
.Planlar .palan>ul>li:first-child{width: 49%;}
.Planlar>div>div:hover>div>div img{width:100%}
.Planlar>div>div>div>div:last-child a>img{width:100%;transition: .5s;max-width: 130px;}
.Planlar>div>div>div>div:last-child a>img:hover{/* filter: brightness(0) invert(1); *//* filter: contrast(50%); *//* filter: hue-rotate(152deg); *//* filter: url(/img/button-hover.svg); */content: url(/img/button-hover.svg);}
/*.Planlar>div a:hover>div>div h1{color: #479D96;}*/

.twon{color: #73684f;font-size: 12px;}
.twon:hover b{color:#ec2223}
.main .right-main {width: 22%;position: fixed;background: #172026;height: 100vh;right: 0;top: 0;overflow: hidden;z-index: 999;}
.main .right-main .logo{width:100%;text-align:center;margin-bottom: 3vh;}
.main .right-main .logo img{/* width:125px */height: 18vh;/* filter: brightness(0) invert(1); */}
.slader{height:100vh;width:100%;position: relative;overflow: hidden;}
.slader .img img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;position: relative;}

.slader .webust{position: absolute;top: 0;z-index: 5;width: 100%;}
.slader .webust img{
    width: 100%;
}
.slader .webalt{position: absolute;bottom: 0;z-index: 5;width: 100%;}

.slader > .carousel {  height: calc(100vh);/*margin-top: 70px;*/  overflow: hidden;  }
.slider-nav-thumbnails img{width:100%;cursor: pointer;}
.slader .bg div{padding-left:7vw;}
.slader .bg div h1{color:#fff; font-weight:700;; font-size:42px; line-height:47px}
.slader .bg div h1>span{background:#FFC400;color:#1D1F4A; font-weight:700;padding: 0 10px;line-height: 67px;}

.leftslider{width:100%;/* background: #fff; */margin-bottom: 75px;}
.leftslider .slick-list, .leftsliderteam .slick-list{padding-left: 0px !important;margin:60px 0;}
.leftslider .slick-list{margin:0;}
.slick-slide img {width: 100%;}
.leftslider .slick-slide{margin-right: 25px;}

h1, h2{ font-weight:normal; letter-spacing:.1px}
.colum{width:100%;/* padding-top: 7vh; */text-align:center;margin-bottom:3vh;}
.finis h1, .uyum-woman h1, .colum h1{}
.finis h2, .uyum-woman h2, .colum h2{margin-top:5px;}
.uyum-woman h1, .uyum-woman h2{text-align:right}

.beyaz{color:#fff !important}
.twoflex{display:flex;overflow: hidden;padding: 50px 0 0 0;width: 90%;margin: 0 auto;max-width: 1300px;}
.twoflex>div{flex-wrap: wrap;display: flex;width:50%;align-content: center;justify-content: flex-start;}
.twoflex>div:first-child>img{    width: 100%;    position: relative;    top: 50%;    transform: translateY(-50%);}
.twoflex>div:last-child{}
.twoflex>div:last-child ul{width:100%}
.twoflex>div:last-child ul li{border-bottom:1px solid #fff; 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;  padding-left: 20px;}
.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;/* padding: 50px 0 0 0; */flex-wrap: wrap;width: 90%;margin: 0 auto;max-width: 1300px;}
.treeflex>div{text-align: left;flex-wrap: wrap;align-items: center;display: flex;justify-content: center;font-size:16px;line-height:20px;padding: 20px 0px;width: calc((100% / 3) - 12px);border: 1px solid #e6e0d2;border-radius: 15px;color: #73684f;margin-right: 16px;}
.treeflex>div:last-child{margin-right: 0;}
.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-weight:700;}

.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-weight:700}

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

.image-container{display:flex;align-content: center;justify-content: flex-end;align-items: flex-end;position: relative;/* background: #ffffff; */padding-bottom: 50px;/* padding-left: 50px; */padding-top: 50px;}
.image-container>img{ width:100%;}

.text-container{padding: 10vh 0;display: flex;justify-content: center;background: #f9f0eb;}
.text-container>div{width: 90%;max-width: 1400px;color: fff;}
.text-container h2{font-size: 26px;line-height: 43px;text-align: center;letter-spacing: 1px;color: #ac835e;}
.text-container h1{text-align: center;letter-spacing: 1px;font-size: 39px;line-height: 41px;max-width: 1200px;margin: 0 auto;margin-bottom: 10px;color: #172026;font-family: SangBleu Empire;width: 90%;}

.image-container>div{position: absolute !important;max-width: 70%;text-align: right;margin-bottom: 5vh;margin-right: 5vh;position:relative;z-index: 3;}
.image-container>div h2{color: #fff;font-size: 18px;line-height: 27px;margin-bottom: 26px;letter-spacing: 1px;}
.image-container > div h1 {color: #fff;font-size: 18px;margin-bottom: 10px;letter-spacing: 2px;}

.image-container.txtleft{display: flex;justify-content: flex-start;padding-right: 50px;padding-top: 0;padding-right: 0;}
.image-container.txtleft>div{margin-right: 0;margin-left: 5vh;}
.image-container.txtleft h1, .image-container.txtleft h2{text-align: left;}
 
.text-img-container {width: 100%;display: flex;flex-direction: row;align-content: center;align-items: center;padding-bottom: 75px;color: #ac835e;background: url("/img/ustyaprak.svg?v=4") no-repeat center top #f9f0eb;background-size: 100% auto;}
.text-img-container>div{color: #fff;}
.text-img-container>div.resim{width: 65%;}
.text-img-container>div{padding:0 50px;width: 35%;}
.text-img-container>div>img{width: 100%;}
.text-img-container>div h1{font-size: 40px;margin-bottom: 15px;}
.text-img-container>div h2{font-size: 31px;margin-bottom: 10px;letter-spacing:2px;line-height: 37px;font-weight: 600;color: #172026;}
.text-img-container>div p{font-size: 18px;line-height: 32px;margin-bottom: 15px;color: #000;}

.text-img-container > div p:last-child {margin-bottom: 0px;}

.ikili{width: calc(100%);display: flex;flex-direction: row;align-items: flex-start;justify-content: space-between;/* background: #fff; */position:relative;padding: 25px 50px 50px 0;}
.ikili>div{width: calc(50% - (25px / 2));display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-end;}
.ikili>div>img{width:100%}
.poptext{position: absolute !important;max-width: 70%;text-align: right;margin-bottom: 3vh;margin-right: 3vh;z-index: 3;color: #fff;}


.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{}
.foter.could-bottom{ background:url(/img/could-bottom.png) no-repeat bottom; background-size:100% auto}
.foter .iletisim{position:relative;width:100%;text-align:center;display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;}
.foter .iletisim img{width:630px}
.foter .iletisim>div{position:absolute;width:100%;max-width: 410px;text-align:center;margin-bottom: 50px;}
.foter .iletisim>div h1{font-size: 45px;font-weight: 900;color: #cab78e;font-style: italic;margin-bottom:25px;}
.foter .iletisim>div h2{font-size: 16px;line-height: 21px;font-weight:500;color: #73684f;}
.foter .iletisim>div a{font-size:36px;line-height:40px;font-weight:900;color: #cab78e;margin-top:25px;display:block}
.foter .tarif{width: 100%;text-align: center;margin-top: 40px;}
.foter .tarif a{color: #73684f;padding: 11px 20px;font-size: 18px;border: 1px solid #eceae2;font-weight: 900;display: block;margin: 0 auto;width: 380px;}
.foter .Copyright{font-size: 13px;display: flex;flex-direction: row;align-content: center;justify-content: space-between;width: calc(100% - 100px);margin: 0 auto;color: #73684f;padding: 40px 0;}
.foter .Copyright a{}

.right-main { color: #fff;}
.right-main>div{padding: 0 40px;}
.right-main>div:first-child{height: calc(100vh - 8vh);display: flex;align-items: center;}
.right-main>div:last-child{height: 8vh;background: #ffffff;position:relative;}
.right-main>div:last-child a{color: #15191e;/* font-weight: bold !important; */}
.right-main>div:last-child>a:first-child{font-size: 27px;font-weight:700;line-height: 8vh;display: block;float: left;letter-spacing: 0;}
.right-main>div:last-child .sohbet{font-size: 15px;font-weight:700;line-height: 18px;display: block;float: right;letter-spacing: .1px;width: 110px;margin-top: 2vh;}
.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-weight: 800; */font-size: 35px;line-height: 34px;margin-bottom: 1vh;}
.right-main p{font-size: 13px;line-height: 21px;}
.right-main form{padding: 1vh 0; position:relative}
.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}
.right-main input, .right-main textarea{width: calc(100%);font-size: 13px;padding: 1.2vh 2vh;margin-bottom: 7px;border: 1px solid #57646c;border-radius: 12px;color: #172026;/* font-weight: 700; */font-family: 'Euclid Square';}
.right-main textarea{height: 120px;}
.right-main p small{font-size: 11px;line-height: 14px;}
.right-main .info{width:100%;margin-top: 10px;display: flex;align-items: center;}
.right-main .info input{width:30px;height:30px;padding: 0;margin: 0;border-radius:15px}
.right-main .info  p{width: calc(100% - 38px);float: right;padding-left: 6px;}
.right-main .gonder{width: 196px;background: none;color: #fff;border: 2px solid #fff;font-weight:700;font-size: 16px;margin-top: 2vh;cursor:pointer;}
.right-main .gonder:hover{background: #cfa276;border: 2px solid #845c44;}

.round { position: relative; float:left}
.round label {background-color: #fff;border: 1px solid #57646c;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: 6px;opacity: 0;position: absolute;top: 7px;transform: rotate(-45deg);width: 12px;}
.round input[type="checkbox"] {  visibility: hidden;}
.round input[type="checkbox"]:checked + label {background-color: #ca9d75;border-color: #eac29b;}
.round input[type="checkbox"]:checked + label:after {  opacity: 1;}



/*carousel*/
.carousel__slide__inner {overflow: hidden;position: relative;width: 100%;height: 100%;display: flex;justify-content: center;align-items: flex-end;}

.doAnimation .slick-active .carousel__slide__inner .carousel__image, .doAnimation .slick-active .carousel__slide__inner .carousel__text {-webkit-animation: scale-out 0.875s cubic-bezier(0.7, 0, 0.3, 1) 0.375s both;animation: scale-out 0.875s cubic-bezier(0.7, 0, 0.3, 1) 0.375s both;transform: scale(1.3);}
.carousel__slide__overlay {background-color: transparent;background-size: 100%;height: 100%;left: 0;opacity: 0.5;position: absolute;top: 0;width: 100%;z-index: 2;}
.slick-active .carousel__slide__overlay {animation: scale-in-hor-left 1.375s cubic-bezier(0.645, 0.045, 0.355, 1) 0.25s reverse both;}

.carousel__text {position: absolute;color: #533933;z-index: 2;margin-bottom: 5vh;display: none;}
.carousel__text h1{font-size: 55px;font-weight: 500;color: #fff;text-align: center;line-height: 75px;letter-spacing: 2px;}
.carousel__text h2{font-size: 25px;line-height: 32px;/* font-style: italic; *//* width: 420px; *//* font-weight: 600; */color: #fff;letter-spacing: 3px;text-align: center;}
.carousel__text h3{font-size: 18px;line-height: 30px;/* font-style: italic; */max-width: 800px;/* font-weight: 600; */color: #fff;letter-spacing: 1px;text-align: center;}
.carousel__image {-o-object-fit: cover;object-fit: cover;transform: scale(1);width: 100%;z-index: 1;position: absolute;bottom: 0;cursor: pointer;}


.item{width:100%}
.item .genelhead {font-size: 2.2vw;line-height: 2.8vw;color: #ca9d75;text-align: center;}
.item .genelhead.white{color:#fff}
.item .genelhead>span{display: block;font-family: SangBleu Empire;color: #f9f0eb;}
.icortala{display: flex;flex-direction: column;align-items: center;align-content: center;}

.maps-mesafe{width: 90%;margin: 0 auto;max-width: 1620px;color: #ca9d75;display: flex;flex-direction: row;flex-wrap: wrap;margin: 60px auto;}
.maps-mesafe>div{width: calc((100% / 5) - 15px);border: 1px solid #292f38;padding: 17px 10px;border-radius: 20px;margin-block: 10px;margin-right: 15px;text-align: center;}
.maps-mesafe ul{display: flex;flex-direction: column;justify-content: center; align-items: center;}
.maps-mesafe ul>li{font-size: 12px;line-height: 17px;text-transform: uppercase;}
.maps-mesafe ul>li:last-child{font-weight: 600;margin-top: 3px;font-size: 16px;line-height: 22px; color: #fff;}
.maps-mesafe ul > li div {width: 50px;background: #bf9b73;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 100%;margin-bottom: 9px;}
.maps-mesafe ul > li div > span {font-family: 'Museo 700';color: #181d24;font-size: 26px;display: block;}
.bigtxt {font-family: SangBleu Empire;}
.mobilteklifbutton{display: none;background: #ca9d75;width: 100%;justify-content: center;}
.mobilteklifbutton a{display: block;padding: 30px;color: #181d24;text-align: center;font-size: 18px;font-weight: 600;}
.right-main .info a{color: #ca9d75;font-size: 13px;}
.dtipi{width: 100%;display: flex;align-items: center;margin: 20px 0;justify-content: space-between;}
.dtipi>div{margin-right: 7px;}
.dtipi>div:first-child{font-size: 12px;letter-spacing: 2px;width: 124px;}
.dtipi input{position: absolute;-webkit-clip-path: polygon(0 0,0 0,0 0,0 0);clip-path: polygon(0 0,0 0,0 0,0 0);width: 40px;}
.form-control-checkbox__icon, .form-control-checkbox__label {position: relative;/* min-height: 20px; */cursor: pointer}
.form-control-checkbox__icon:after, .form-control-checkbox__label:after {content: "";display: block;position: absolute;top: -10px;right: -5px;bottom: -10px;left: -5px}
.form-control-checkbox__icon {height: 25px;width: 25px;border-radius: 30px;box-shadow: inset 0 0 0 1px #ac835e;flex-shrink: 0;overflow: hidden;transition-property: border-color}
.form-control-checkbox__icon:before {content: "";display: block;position: absolute;height: 25px;width: 25px;border-radius: 50%;left: 0;top: 0;background: url(/img/checkbox.svg);background-color: #ac835e;background-size: 10px;background-position: 50%;background-repeat: no-repeat;transition-property: opacity;opacity: 0}
.form-control-checkbox__icon, .form-control-checkbox__label {position: relative;cursor: pointer;margin-right: 10px;font-size: 12px;line-height: 18px;}
.form-control-checkbox input  {position: absolute;-webkit-clip-path: polygon(0 0,0 0,0 0,0 0);clip-path: polygon(0 0,0 0,0 0,0 0);width: 40px;}
.form-control-checkbox {display: flex;align-items: center;}
.form-control-checkbox__label a {color: #181d24;font-size: 12px;position:relative;z-index:1}
.dtipi input:checked ~ .form-control-checkbox__icon:before {opacity: 1;}

@-webkit-keyframes scale-out {
    0% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes scale-out {
    0% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes scale-in-hor-left {
    0% {
        transform: translateX(-100%) scaleX(0);
        transform-origin: 0% 0%;
        opacity: 1;
    }

    50% {
        transform: translateX(-50%) scaleX(0.5);
        transform-origin: 0% 0%;
        opacity: 1;
    }

    100% {
        transform: translateX(0) scaleX(1);
        transform-origin: 0% 0%;
        opacity: 1;
    }
}

@keyframes scale-in-hor-left {
    0% {
        transform: translateX(-100%) scaleX(0);
        transform-origin: 0% 0%;
        opacity: 1;
    }

    50% {
        transform: translateX(-50%) scaleX(0.5);
        transform-origin: 0% 0%;
        opacity: 1;
    }

    100% {
        transform: translateX(0) scaleX(1);
        transform-origin: 0% 0%;
        opacity: 1;
    }
}
/*carousel bitti*/
@media(max-width:1700px) { 
    .right-main h1{  font-size: 29px;    line-height: 29px;}
    .treeflex>div h3{font-size: 18px;  line-height: 22px;}
    .right-main > div {padding: 0 30px;}    
    .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{font-size: 15px;}
    .mesafe > div > div > ul > li{
    padding: 7px 5px;
    font-size: 14px;
}
    .mesafe > div > div > ul > li:first-child{
    padding-left: 15px;
}

}

@media(max-width:1500px) { 
.foter .iletisim>div h1, .fhed h1{ font-size: 35px;  line-height: 40px;}
    .treeflex>div{padding: 15px 0px;}
    .fhed h2{ font-size: 19px; line-height: 23px;}
    .ftire{font-size: 80px;display: none;}
    .ftxt{font-size: 14px; line-height: 18px;}
    .ftxt h1{ font-size: 19px;  line-height: 23px;  max-width: 320px;    margin-top: 15px;}
    .fhed{ margin-bottom: 15px;}
    .Planlar>div>div>div>div h1{font-size:30px; line-height:33px}
  .foter .iletisim>div h2,  .Planlar .palan, .foter .tarif a{font-size:15px;}
    .foter .iletisim>div{max-width:250px}
    .foter .iletisim img{width: 60%;}

   .carousel__text{ left: 12vw;}
   .carousel__text h1{font-size: 35px; line-height: 45px;}
   .carousel__text h2{ font-size: 20px; line-height: 24px;  width: 300px;}
    .right-main input, .right-main textarea{padding: 9px 10px;font-size: 13px;}
    .right-main > div:last-child > a:first-child{font-size:20px}    
    .right-main h1 {font-size: 25px;line-height: 25px;margin-bottom: 5px;font-weight:700;}
    .right-main p {font-size: 14px;margin-bottom: 7px;line-height: 16px;}
    .uyum-woman > div{width:370px}
    .right-main .gonder{margin-top: 10px;font-size: 15px;/* width: 136px; */}
    .right-main textarea {  height: 100px;}
    .twoflex>div:last-child ul li{font-size: 14px;line-height: 21px;padding: 10px 0 10px 20px;}
    .right-main > div:last-child .sohbet{font-size: 13px;line-height: 15px;position: absolute;right: 0px;margin-top: 17px;display: none;}
    .right-main>div:last-child>div{right:20px;top: -53px;}
    .fiveflex > div{padding: 30px 45px;}
    .treeflex>div{}
    .right-main>div:first-child{height: calc(100vh - 60px);}
   .bayraktar,  .right-main > div:last-child{height: 60px;}
    .right-main>div:last-child>a:first-child{    line-height: 60px;}

}

@media(max-width:1400px) {
    .mesafe > div > div > ul > li { padding: 7px 4px; font-size: 12px;}
    .treeflex>div{padding: 10px 0px;}
    .main .left-main .menu>div{  width: calc(100% - 60px);}
    .main .left-main .menu>div>div:first-child{width: 13vh;}
    .main .left-main .menu>div>div:last-child ul>li{ padding: 0px 15px;}
    .main .left-main .menu>div>div:last-child ul>li a{  font-size: 15px;}
    .right-main p small {font-size: 10px;line-height: 11px;}
    .right-main .info p{width: calc(100% - 31px);}
    .right-main > div { padding: 0 30px;}
    .right-main input, .right-main textarea{padding: 8px 10px;font-size: 12px;margin-bottom: 4px;border: 1px solid #A28883;}
    .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: 11px;margin-bottom: 5px;line-height: 13px;font-weight: 300;}
    .right-main .gonder{margin-top: 10px;font-size: 14px;width: 130px;}
    .right-main textarea {  height: 80px;}
    .fiveflex > div{padding: 25px 30px;}
    .Planlar>div>div{padding: 10px 10px;}
    .Planlar>div{margin-right:10px}
    .treeflex>div{
    margin-right: 10px;
}    
    .uyum-woman > div { right: 20px;}
    .product-photos__slider .slick-dots, .slader .slick-dots, slider .slick-dots{left:65px !important}
    .round label{width: 20px;height: 20px;}
    ::-webkit-input-placeholder {font-size: 12px;}
    :-ms-input-placeholder {font-size: 12px;}
    ::placeholder {font-size: 12px;}
  

}

@media(max-width:1200px) {
     .mesafe > div > div > ul > li { padding: 6px 0px 6 4px; font-size: 11px;}
        .main .left-main .menu>div>div:first-child{}
    .main .left-main .menu>div>div:last-child ul>li{padding: 0px 12px;}
    .main .left-main .menu>div>div:last-child ul>li a{font-size: 14px;}
.main .right-main .logo { margin-bottom: 11px;}
.right-main h1 { font-size: 20px;  line-height: 20px;}
.right-main .gonder{font-size: 11px;width: 120px;border: 1px solid #fff;margin-top: 5px;}
.right-main input, .right-main textarea {padding: 6px 8px;margin-bottom: 2px;}
.right-main>div:last-child>div {right: 20px;top: -40px;}
.treeflex>div {}
.right-main>div:last-child>div img { width: 50px;}
.twoflex>div{/* overflow:hidden; *//* max-height:300px */}
.Planlar>div>div>div>div h1{font-size:25px; line-height:28px}
.foter .iletisim>div h2, .Planlar .palan, .foter .tarif a{font-size: 13px;margin-top: 1px;}
.twoflex>div:first-child{}
.twoflex>div:last-child{}
.right-main > div { padding: 0 20px;}
.right-main textarea { height: 60px;}
    ::-webkit-input-placeholder {font-size: 10px;}
    :-ms-input-placeholder {font-size: 10px;}
    ::placeholder {font-size: 10px;}
}

@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: 11px;line-height: 13px;}
.right-main p small {font-size: 9px;line-height: 11px;}
.right-main>div:last-child .sohbet{display:none}
.right-main>div:last-child>div { right: 20px;  top: -10px;}
.treeflex>div {}
.twoflex>div:first-child>img{}
}

@media(max-width:1070px) {
    .main .left-main .menu{width:100%}
.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%; */}  
   .right-main>div:last-child{display:none}
    .twoflex, .Planlar, .treeflex{width:96%}
}

@media(max-width:800px) 
{
    .bayraktar{z-index: 999;bottom: 0;position: relative;background: #f9f0eb;width: 100%;right: auto;padding-bottom: 30px;display: flex;justify-content: center;}
    .bayraktar>a>img{
    height: auto;
    width: 150px;
}
    #tesekkurler{line-height:40px;}
    .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}
     .mobile-menu{display:block}
     .carousel__text{text-align:center;left: 0;width: 100%;top: 20vh;}
     .carousel__text h1, .carousel__text h2{margin:0 auto}
     .twoflex, .Planlar, .treeflex{display:table;width: calc(100% - 50px);padding: 25px 0 0 0;}
  .Planlar>div, .treeflex>div, .ftxt h1, .twoflex>div{width:100%;display:table;text-align:center;max-width: 100%;margin-bottom: 10px;}
    .txtright{text-align:center}
    .twoflex > div:first-child > img{width:90%; margin-bottom:15px}
    .Planlar>div>div>div>div h1, .palan, .mesafe > div > div > ul > li:first-child{text-align:left}
    .foter .tarif a{width:60vw}
    .main .left-main .menu > div > div:last-child{display:none}
    .main .left-main .menu > div > div:first-child{width:100%; text-align:center}
    .txtmain{ width: 100%;  padding: 0;}
    .mapsImg{width:100% !important}
    .fhed{margin-top:20px}
    .colum{margin-bottom:0px}
    .treeflex{padding-top:25px}
    .galeri .slick-arrow{width:40px !important; height:40px !important;background-position: 19px !important;}
    .galeri .slick-next{background-position: 19px !important;}
    .Planlar{padding:0px}
    .foter .iletisim img{width:100%}
    .mobile-menu>ul>li{width: 25%;}
    .mobile-menu>ul>li a{display: block;}
    .mobile-menu>ul>li a img{width: 50px;}
    .round label:after{left:2px;top:3px}
   .text-container>div>div{margin-bottom:25px}
   .text-container{padding:5vh 0}
   .item .genelhead{font-size: 23px;line-height: 31px;width: 90%;margin: 0 auto;}
   .krokidiv{display: flex;flex-direction: column;align-items: center;}
   .krokidiv>img{width: 270%;margin-left: -20%;}
   .maps-mesafe > div {width: calc((100% / 2) - 15px);}
   .text-img-container.left{margin-top:-1px}
   .bayraktar>a{padding:40px}
   .mobilteklifbutton{display:flex}
}

@media(max-width:500px) {
    .carousel__text{left: 5%;width: 90%;}
     .carousel__text h1 {font-size: 30px;line-height: 35px;} 
    .carousel__text h2{font-size: 18px;line-height: 22px;margin-top: 10px;}
    .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; *//* transform: translateX(-47%); */}
    .slader .bg{   position: relative; background: #1D1F4A; text-align: center;height: 30vh;}
    .slader .bg div {padding-left:0;width: 100%;}
    .main .right-main{background: #181d24;z-index: 1;/* padding-bottom: 35px; */}
    .right-main h1 {font-size: 33px;text-align: center;margin-bottom: 15px;}
    .right-main p {font-size: 16px;line-height: 20px;text-align: center;}
    .twoflex > div:last-child ul li {    }
    .treeflex{}
    .treeflex>div {}    
    .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%;}
    .right-main > div:last-child {display: none;}
    
     .iletisim>div h1{font-size: 25px !important;line-height: 30px !important;margin-bottom: 10px !important;}
      .iletisim>div h2{ width: 80%; margin: 0 auto;  line-height: 15px !important;}
      .foter .iletisim>div a{ font-size: 30px;    line-height: 33px;    margin-top: 10px;}
      .foter .tarif a{ width: 80%;  font-size: 15px;}
    .foter .Copyright{display: table;width: 90%;margin: 0 auto;margin-bottom: 110px;margin-top: 25px;}
    .foter .Copyright>div{display:table;width: 90%;padding:7px 0;font-size: 16px;text-align: center;margin: 0 auto;margin-bottom: 13px;}
    .foter .Copyright>div a{   font-size: 14px;}
    .product-photos__slider .slick-dots, .slader .slick-dots, slider .slick-dots{display:flex;top: auto;margin: 0 auto;left: auto !important;right: 10px;}
    .slader .slick-dots li.slick-active button{ margin-top: -5px;}
    .product-photos__slider .slick-arrow, .slader .slick-arrow, .slider .slick-arrow{left: 15px;bottom: 7px;}
    .product-photos__slider .slick-arrow.slick-next, .slader .slick-arrow.slick-next, .slider .slick-arrow.slick-next{left: 57px;bottom: 7px;}

    .carousel__text {display:none}
    .main .left-main{display: flex;flex-direction: column;}
    .main .left-main .menu{position: relative; background:#817271 }
    .main .left-main .menu>div{width:100%}

.image-container > div h1, .text-container h1{font-size: 20px;line-height: 24px;font-weight: 700;margin: 0 auto;}
.image-container>div h2, .text-container h2{font-size: 18px;line-height: 25px;}

.image-container {padding-bottom: 25px !important;/* padding-left: 10px; */padding-top: 10px;}
.image-container > div {margin-bottom: 10px;margin-right: 10px}
.text-img-container{display: flex;flex-direction: column;padding-bottom: 20px;}
.text-img-container>div{width:100% !important;}
.text-img-container.left{flex-direction: column-reverse;}
.text-img-container.left>div{padding: 30px 35px;}
.text-img-container>div.resim{padding:0!important}
.text-img-container>div:last-child {padding: 30px 35px;}
.image-container.txtleft > div {margin-right: 0;margin-left: 10px;}

.ikili {padding: 10px 10px 10px 10px;display:flex;flex-direction: column;}
.ikili > div {width: 100%;margin-bottom: 10px;}
.leftslider{margin-bottom: 50px;}
.leftslider .slick-slide {margin-right: 0;}
.slick-dots li {width: 13px;height: 8px;margin: 0 4px;}
 .main .right-main .logo {margin-bottom: 51px;}
 .main .left-main .menu > div > div:last-child{display:block}
    .bayraktar {z-index: 3;padding-bottom: 55px;height: auto;}
 
}