@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Annie+Use+Your+Telescope&display=swap');

body {font-family: 'Be Vietnam Pro', sans-serif;letter-spacing: 0.2px;color:#8A7767;background-color:#ffffff;}
p{margin:0;}
.lora {font-family: 'Lora', sans-serif !important;}
.bevietnam {font-family: 'Be Vietnam Pro', sans-serif;}
.annie {font-family: 'Annie Use Your Telescope', cursive;}

.back-cover {background-position: center;background-repeat: no-repeat;background-size: cover;}
.back-contain {background-position: center;background-size: contain;background-repeat: no-repeat;}
.tdnone{text-decoration:none;}
.testcevir {display: flex !important;flex-flow: row-reverse}

div#check {display: none;}

.efectim, .efectim :hover {
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
}

.efectim2, .efectim2 :hover {
    -webkit-transition: all .6s linear 0ms;
    -khtml-transition: all .6s linear 0ms;
    -moz-transition: all .6s linear 0ms;
    -ms-transition: all .6s linear 0ms;
    -o-transition: all .6s linear 0ms;
    transition: all .6s linear 0ms;
}
.borderdiv {display: block;height: 1px;width: 70%;margin: 8px auto 35px;background-color: #8a7767;position: relative;}
.borderdiv:before {content: "";display: block;width: 5px;height: 5px;background-color: #8a7767;transform: rotate(45deg);left: -5px;top: -2px;position: absolute;}
.borderdiv:after {content: "";display: block;width: 5px;height: 5px;background-color: #8a7767;transform: rotate(45deg);right: -5px;top: -2px;position: absolute;}

.borderdivtwo {
    display: block;
    height: 1px;
    width: 35%;
    margin: 8px 0 35px 0;
    background-color: #8a7767;
    position: relative;
}
    .borderdivtwo:before {
        content: "";
        display: block;
        width: 5px;
        height: 5px;
        background-color: #8a7767;
        transform: rotate(45deg);
        left: -5px;
        top: -2px;
        position: absolute;
    }

.borderdivthree {
    display: block;
    height: 1px;
    width: 35%;
    margin: 8px 0 35px;
    background-color: #8a7767;
    position: relative;
}
    .borderdivthree:after {
        content: "";
        display: block;
        width: 5px;
        height: 5px;
        background-color: #8a7767;
        transform: rotate(45deg);
        right: -5px;
        top: -2px;
        position: absolute;
    }

/*header start*/
header {padding: 5px 0;position:relative;z-index:9999;}
header a.nav-link, header a.nav-link:hover {padding: 0 !important;margin: 0 30px;color: #292d32;text-transform: uppercase;}
header a.nav-link.hvr-underline-from-center:before {background: #292d32;height: 1px;}
header .langs img {height: 30px;}
header .dropdown-toggle::after{display:none;}
header .langs ul.dropdown-menu {min-width: 45px;padding: 5px 0;margin:10px 23px;}
header .langs .dropdown-item {display: inline-flex;width: 45px;justify-content:center;align-items:center;}

header .mobilheader{display:none;}
header .desktopmenu {display: block;}
header .desktopmobil {display: none;}

header .hmenubuton {cursor: pointer;margin-left: 30px;}
header .hamburgermenu .bar1 {width: 40px;height: 2px;background-color: #8a7767;transition: 0.4s;margin-top: 15px;}
header .hamburgermenu .bar2 {width: 8px;height: 2px;background-color: #8a7767;margin: 8px 0;transition: 0.4s;opacity:1}
header .hamburgermenu .bar3 {width: 28px;height: 2px;background-color: #8a7767;margin: 8px 0;transition: 0.4s;opacity: 1;position: relative;top: -18px;float: right;}
header .hamburgermenu .bar4 {width: 40px;height: 2px;background-color: #8a7767;margin: 8px 0;transition: 0.4s;}
header .hamburgermenu .open .bar1 {-webkit-transform: rotate(-45deg) translate(-11px, 7px);transform: rotate(-45deg) translate(-11px, 7px);}
header .hamburgermenu .open .bar2 {opacity:0}
header .hamburgermenu .open .bar3 {opacity:0}
header .hamburgermenu .open .bar4 {-webkit-transform: rotate(45deg) translate(-7px, -3px);transform: rotate(45deg) translate(-7px, -3px);width: 40px;}
header.open{position:fixed;width:100%;background-color:white;}
header.open .nav-item{display:none;}
header.open .nav-item.dropdown,header.open .nav-item.hamburgermenu{display:list-item;}
.hamburgermenusect {height: 0;opacity: 0;width: 100%;top:0;visibility: hidden;}
.hamburgermenusect.open {position: fixed;z-index: 999;width: 100%;height: 100vh;opacity: 1;visibility: visible;top: 0;}
.hamburgermenusect .hamburgermenu {width: 100%;height: 100%;display: flex;align-items: center;background-color: rgba(249,248,240,0.80);}
.hamburgermenusect .hamburgermenu .row {width: 100%;}
.hamburgermenusect .hamburgermenu .desktopmenu li {list-style: none;}
.hamburgermenusect .hmenucolone a {color: #8a7667;font-size: 26px;display: block;text-decoration: none;line-height: 50px;text-transform: uppercase;}
.hamburgermenusect .hmenucolone a.hvr-underline-from-center:before {background: #8a7767;height: 2px;}
.hamburgermenusect .hmenucoltwo {padding-right: 10%;padding-left: 18%;}
.hamburgermenusect .hamburgeriletisim img {margin-right: 15px;width: 30px;}
.hamburgermenusect .hamburgeriletisim a {color: #242421;text-decoration: none;}
/*header end*/

/*whatsap and siziarayalım start*/
.ascallandwhatsapp {display: flex;align-items: flex-end;}
.asrez {background-color: #5A838A;padding: 0 40px;position: relative;border-radius: 50px;height: 45px;display: flex;z-index: 2;}
.asrez a {display: flex;align-items: center;justify-content: center;color: white;text-decoration: none;cursor:pointer}
.asrez img {width: auto !important;height: 35px;margin-right: 8px}
.aswhatsapp {background-color: #809253;border-radius: 0 50px 50px 0;position: relative;height: 45px;padding: 8px 20px 8px 50px;left: -25px;z-index: 0;}
.aswhatsapp:before {content: "";background-color: #ffffff;position: absolute;border-radius: 50px;height: 51px;width: 59px;left: -28px;z-index: 1;top: -3px;}
.aswhatsapp img {width: auto !important;height: 100%;}
/*whatsap and siziarayalım end*/

/*anasayfaslidesect start*/
.anasayfaslidesect .asimg {height: 82vh;}
.astext {display: flex;align-items: flex-end;width: 100%;height: 100%;justify-content: center;}
.anasayfaslidesect .astext h2 {font-size: 60px;height: 0;overflow: hidden;opacity: 0;color: white;text-shadow: 2px 2px 3px #252525;}
.anasayfaslidesect .active .astext h2 {height: 130px;opacity:1;}
.anasayfaslidesect .homeslide .owl-nav .owl-next {position: absolute;top:45%;right:-5px}
.anasayfaslidesect .homeslide .owl-nav .owl-prev {position: absolute;top:45%;left:-5px}

.homevideo {height: 79vh;}
.homevideo video {width: 100%;height: 100%;object-fit: cover;}
/*anasayfaslidesect end*/

/*anasayfacentesect start*/
.anasayfacentesect .aacol {display:flex;justify-content:space-between}
.anasayfacentesect .aaimg {height: 40px;margin-top: 10px;}
.anasayfacentesect h4,.acenta h4 {height: 40px;background-color: #8a7767;margin-top: 10px;color: white;font-weight: 300;font-size: 19px;border-radius: 50px;width: 225px;display: flex;align-items: center;justify-content: center;}
/*anasayfacentesect end*/

/*anasayfasectone start*/
.anasayfasectone {background-size: 50%;background-position: 15%;}
.anasayfasectone h2 {margin-bottom: 35px;font-size: 40px;font-weight: 100;}
.anasayfasectone p {line-height: 26px;font-weight: 300;}
/*anasayfasectone end*/

/*anasayfasecttwo start*/
.anasayfasecttwo h2 {margin-bottom: 10px;font-size: 40px;font-weight: 100;}
/*.anasayfasecttwo .asstwoimg {height: 65vh;}*/
.anasayfasecttwo .asstwoimg {height: 35vh;position:relative;}
.anasayfasecttwo .asstwotext {width: 100%;display: flex;align-items: start;padding: 0px 35px;color: white;background: linear-gradient(180deg, rgba(138,119,103,1) 0%, rgba(138,119,103,0) 50%);height: 0;overflow: hidden;opacity:0;}
/*.anasayfasecttwo .asstwolink:hover .asstwotext {height: 100%;padding: 30px 35px;overflow: visible;opacity: 1;}*/
.anasayfasecttwo .asstwolink .asstwotext {height: 100%;padding: 20px 25px;overflow: visible;opacity: 1;}
.anasayfasecttwo .asstwotext h4 {font-weight: 400;}
.anasayfasecttwo .kesfetbtn {background-color: #8A7767;color: white;padding: 7px 30px;border-radius: 50px;display: flex;align-items: center;justify-content: center;width: max-content;box-shadow: 1px 2px 8px #383838;}
.anasayfasecttwo .kesfetbtn img {margin-left: 10px;width: 20px}
.anasayfasecttwo .kesfetbtn:hover {padding: 7px 40px;}
.anasayfasecttwo .kesfetbtn:hover img {margin-left: 20px;}
/*anasayfasecttwo end*/

/*anasayfasectthree start*/
.anasayfasectthree .assthreebigdiv {height: 60vh;background-image: linear-gradient(191deg, rgba(37, 37, 37, 0.00) 33%, rgba(37,37,37,0.6) 100%);display: grid;align-content: flex-end;color: white;}
.anasayfasectthree .assthreebigdiv h2 {font-weight: 100;letter-spacing: 1px;line-height: 45px;margin-bottom: 20px;text-shadow: 3px 2px 5px black;}
.anasayfasectthree .kesfetbtn {background-color: #8A7767;color: white;padding: 7px 30px;border-radius: 50px;display: flex;align-items: center;justify-content: center;width: max-content;box-shadow: 1px 2px 8px #383838;}
.anasayfasectthree .kesfetbtn img {margin-left: 10px;width: 20px}
.anasayfasectthree .kesfetbtn:hover {padding: 7px 40px;}
.anasayfasectthree .kesfetbtn:hover img {margin-left: 20px;}
/*anasayfasectthree end*/



/*anasayfasectfour start*/
.anasayfasectfour h2 {margin-bottom: 10px;font-size: 40px;font-weight: 100;}
.anasayfasectfour .text-div {padding: 0 170px;}
.anasayfasectfour .asgalericol  {height: 70vh;}
.anasayfasectfour .asgalericol a:first-child .uclugaleriimg {height: 41vh;width: 60%;margin-left: 17%;}
.anasayfasectfour .asgalericol a:nth-child(2) .uclugaleriimg {height: 47vh;width: 30%;top: 10vh;position: absolute;}
.anasayfasectfour .asgalericol a:nth-child(3) .uclugaleriimg {height: 35vh;width: 50%;top: 35vh;position: absolute;right: 12%;z-index: -1;}
.anasayfasectfour .kesfetbtn {margin: 25px auto;background-color: #8A7767;color: white;padding: 7px 30px;border-radius: 50px;display: flex;align-items: center;justify-content: center;width: max-content;box-shadow: 1px 2px 8px #383838;}
.anasayfasectfour .kesfetbtn img {margin-left: 10px;width: 20px}
.anasayfasectfour .kesfetbtn:hover {padding: 7px 40px;}
.anasayfasectfour .kesfetbtn:hover img {margin-left: 20px;}
/*anasayfasectfour end*/

/*footer start*/
footer .footeriletisim h3 {font-weight:100;margin-left: 50px;}
footer .footeriletisim p {margin-bottom: 20px;}
footer .footeriletisim p:last-child {margin-bottom: 10px;}
footer .footeriletisim p img {margin-right: 18px;}
footer .footeriletisim p a {text-decoration: none;color: #8a7767;}
footer .sosyalandacenta {display: flex;justify-content: end;}
footer .sosyal i {color: #8a7767;font-size: 28px;margin: 0 20px;}
footer .acenta {display: inline-grid;}
footer .acenta img {width: 225px;margin-top: 15px;}
footer .footerend {background-color: #5A838A;}
footer .footerend span {color: white;}
footer .footerend .row {padding: 10px;align-items: center;font-size: 14px;}
/*footer end*/

/*modal start*/
.modal-dialog.modal-dialog-centered {min-width: 50%;text-align: center;}
.modal-header {justify-content: end;}
.modal-header button.close {width: 30px;height: 30px;border: none;background: transparent;font-size: 40px;display: flex;align-items: center;justify-content: center;}
/*modal end*/

/*innersectslider start*/
.innersectslider .innersliderimg {height: 55vh;}
.cratusstonepalaceaktiviteler section.innersectslider {
    display: none;
}
/*innersectslider end*/

.ipsecttwo h2 {font-size: 45px;font-weight: 100;}

/*ipsectiki start*/
.ipsectiki h3 {margin-bottom: 30px;font-weight: 100;}
.ipsectiki .iptasarim1galeriimg {height: 60vh;}
.xgaleriimg {
    height: 450px;
}
.ipsectiki button.owl-prev {position: absolute;top: 42%;left: 15px;}
.ipsectiki button.owl-next {position: absolute;top: 42%;right: 15px;}
/*ipsectiki end*/



/*Responsive*/
@media (max-width:1400px) {
.px-5 {padding-right: 2rem !important;padding-left: 2rem !important;}
.ps-5 {padding-left: 1rem !important;}
.anasayfaslidesect .asimg {height: 75vh;}
.anasayfaslidesect .active .astext h2 {height: 130px;}
.anasayfasectthree img.me-2 {height: 130px;}
.anasayfasectfour .text-div {padding: 0px 103px;}
.ipsecttwo h2 {font-size: 40px;}
}
@media (max-width:1024px) {
.myters {display: flex !important;flex-flow: column-reverse}
.asrez {padding: 0 30px;}
.asrez a {width: max-content;}
.anasayfaslidesect .asimg {height: 45vh;}
.anasayfasecttwo .asstwoimg {height: 30vh;}
.asstwobigdiv {margin-bottom: 20px;}
.anasayfasecttwo .asstwotext {padding: 35px 35px;height: 100%;opacity: 1;}
.anasayfasectthree .assthreebigdiv {height: 40vh;}
.anasayfasectfour .asgalericol {height: 61vh;}
.anasayfasectfour .asgalericol a:first-child .uclugaleriimg {height: 30vh;width: 66%;}
.anasayfasectfour .asgalericol a:nth-child(2) .uclugaleriimg {height: 30vh;width: 35%;top: 20vh;}
.anasayfasectfour .asgalericol a:nth-child(3) .uclugaleriimg {top: 23vh;right: 0;}
.ipsectiki .iptasarim1galeriimg {height: 30vh;}
.ipsectiki .text-end, .ipsectiki {text-align: center !important;}
.borderdivtwo, .borderdivthree {margin: 8px auto 20px auto;}
.ipsectiki p.bevietnam {margin-bottom: 35px;}
.innersectslider .innersliderimg {height: 39vh;}
}
@media (max-width:768px) {
.homevideo {height: 30vh;}
.px-5 {padding-right: 1rem !important;padding-left: 1rem !important;}
.anasayfaslidesect .pt-5 {padding-top: 1rem !important;}
.innerslidesect .pe-5 {padding: 0 !important;}
.innerslidesect .pt-5 {padding-top: 1rem !important;}
.anasayfaslidesect .asimg {height: 40vh;}
.anasayfaslidesect .homeslide .owl-nav img {height: 30px;}
.anasayfaslidesect .astext h2 {font-size: 40px;}
.anasayfaslidesect .active .astext h2 {height: 75px;}
.ipsecttwo h2, .anasayfasectone h2, .anasayfasecttwo h2,.anasayfasectfour h2 {font-size: 30px;}
.anasayfasectthree a {padding: 0;}
}
@media (max-width:500px)  {
.py-5 {padding-top: 2rem !important;padding-bottom: 2rem !important;}
.mb-5 {margin-bottom: 1rem !important;}
.ascallandwhatsapp {position: fixed;bottom: 0;background-color: white;width: 100%;height: 50px; }
img#logo {height: 65px;}
header .hmenubuton {margin-left: 0;}
header {padding: 0;}
.anasayfaslidesect .asimg {height: 35vh;}
.anasayfaslidesect .astext h2 {font-size: 22px;}
.anasayfaslidesect .active .astext h2 {height: 40px;}
.anasayfacentesect .aaimg {height: 28px;margin-top: 5px;}
.ipsecttwo h2, .anasayfasectone h2, .anasayfasecttwo h2, .anasayfasectfour h2 {font-size: 25px;margin-bottom: 15px;}
.anasayfasectthree .assthreebigdiv {height: 35vh;padding: 1rem !important;}
.anasayfasectthree .assthreebigdiv h2 {line-height: 25px;font-size: 20px;display:none;}
.anasayfasectfour .asgalericol a:first-child .uclugaleriimg {height: 27vh;width: 80%;margin-left: 10%;}
.anasayfasectfour .asgalericol a:nth-child(2) .uclugaleriimg {height: 23vh;width: 40%;top: 20vh;}
.anasayfasectfour .asgalericol a:nth-child(3) .uclugaleriimg {height: 25vh;}
.anasayfasectfour .asgalericol {height: 52vh;}
.anasayfasectfour .text-div {padding: 0px 8px;}
.ascallandwhatsapp {left: 0;justify-content: center;}
footer .sosyalandacenta {justify-content: center;}
.footeriletisim {text-align: center;}
footer .footeriletisim h3 {margin-left: 0;}
footer {margin-bottom: 50px;}
.hamburgermenusect .hamburgermenu {justify-content: center;}
.hamburgermenusect .hmenucolone a {font-size: 20px;line-height: 28px;}
.ipsectiki {padding: 0 !important;margin-bottom: 30px;  }
.ipsectiki p.bevietnam {margin-bottom: 20px;}
.ipsectikiyowl .owl-nav button {height: 35px;}
.ipsectikiyowl .owl-nav button img {height: 100%;}
.ipsecttwo.mt-5 {margin-top: 2rem !important;}


}
/*responsive end*/

.urnfyt {
    position: absolute;
    left: 0;
    color: #8a7767;
    padding: 7px 15px;
    border-top-right-radius: 5px;
    bottom: 0;
    background: #fff;
    font-weight: bold;
}

.innersliderimg:after {
    content: "";
    background-image: url(../images/curv.png);
    background-position: bottom;
    background-size: cover;
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    transform: rotate(-180deg);
}
.uprice {
    background-color: #8a7767;
    padding: 25px 20px;
    color: #fff;
    margin-bottom: 20px;
    border-radius: 0.25rem;
}
.uform {
    background-color: #8a7767;
    padding: 25px 20px;
    color: #fff;
    margin-bottom: 20px;
}

.uprice b {
    font-size: 25px;
    vertical-align: middle;
    margin-right: 15px;
}
.btn-csend {
    background-color: #fff;
    color: #8a7767;
}