/* root */
body {font-family: "Nunito Sans", sans-serif !important;font-weight: normal;line-height: 1.5em;color:var(--black);background-color: var(--lightGray)}
ul {list-style: none;margin: 0;padding: 0}
a {text-decoration: none;color:var(--black)}
svg, a, img, button, button:hover, .sliderNumberCount, .sliderNumberCount:hover {transition-duration: 0.4s !important;}
input, textarea{font-size: 16px !important;}
:root {
    --first: #5c9fd6;
    --firstDark: #13297e;
    --firstLight: #eef3f9;
    --second: #9B63A6;
    --third: #f3a2be;
    --thirdLight: #fde6ee;
    --lightGray: #fafbff;
    --fontGray: #6c7a92;
    --gray: #999;
    --black: #000;
    --white: #fff;
    --radius6: 6px;
    --radius25: 25px;
    --red: #ff0000;
    --success: #74CB6B;
    --warning: #e2a03f;
    --box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .2) !important;
}
.padding508{padding: 50px 0}
.white-popup-block {background: var(--white);padding: 20px 30px;text-align: left;max-width: 650px;margin: 40px auto;position: relative;border-radius: var(--radius6);overflow: auto;box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);}
.iti{width: 100%}
.body_overlay {position: fixed;top: 106px;left: 0;width: 100%;height: 100%;z-index: 12;background-color: rgba(0, 0, 0, .6);display: none;}
.menu .topMenuSubList:hover ~ .body_overlay {display: block;}
.mbottom20{margin-bottom: 20px}

.wy-container{margin: auto;max-width: 1750px}
.pagination, .pagination .w3-bar{width:100% !important}
/* About */
.about_page{background: var(--firstLight);}
.about-label {background: var(--white);color: var(--third);padding: 10px 20px;border-radius: var(--radius25);font-weight: 600;font-size: 14px;display: inline-block;margin-bottom: 20px;}
.about-title {font-size: 48px;line-height: 1.1;font-weight: 700;color: var(--second);margin-bottom: 20px;}
.about-text {font-size: 18px;line-height: 1.8;color: var(--fontGray); max-width: 620px;margin-bottom: 35px;}
.about-list {font-size: 24px;font-weight: 600;color: var(--second);padding: 18px 0;border-bottom: 1px solid var(--third);max-width: 620px;}
.about-number {color: var(--third);font-weight: 700;margin-right: 15px;}
.about-btn {display: inline-block;margin-top: 35px;background: var(--second);color: var(--white);padding: 18px 35px;border-radius: 40px;font-size: 18px;width: auto;}
.about-btn:hover {background: var(--third);}
.about-images {position: relative;min-height: 600px;}
.img-box {position: absolute !important;border-radius: 25px;overflow: hidden !important;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}
.img-box img {width: 100%;height: 100%;object-fit: cover;}
.img-top {width: 420px;height: 300px;right: 0;top: 0;}
.img-center {width: 320px;height: 440px;right: 350px;top: 180px;z-index: 2;}
/* Home Header */
.hero{height:600px;position:relative;overflow:hidden;color:white;}
.hero-bg{position:absolute;width:100%;height:100%;animation: heroZoom 10s ease-in forwards;top:0}
.hero-overlay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.65);top:0}
/* ZOOM */
@keyframes heroZoom{0%{transform:scale(1);}100%{transform:scale(1.20);} }
.navbar{position:absolute;top:0;width:100%;z-index:5;padding:20px 40px !important;}
/* MENU */

.book-btn{border:1px solid white;padding:12px 22px;font-size:14px;display: flex;align-items: center;gap: 10px;width: fit-content;float: right;}
.book-btn:hover{background-color: var(--second);border-color:var(--black)}
.hero-content{position:relative;top:42%;transform:translateY(-50%);margin: auto;display: table;}
.hero-small{font-size:13px;letter-spacing:2px;}
.hero-title{font-size:200px;line-height:1.3;}
.hero-with{font-size:60px;font-style:italic;margin-top:-25px;margin-right: 25px;color: var(--third);}
.hero-auth{font-size:80px;letter-spacing:6px;margin-top:-15px;}
.hero-description{display: flex;align-items: center}
.hero-desc{max-width:420px;margin-top:20px;font-size:16px;line-height:1.6;}
.hero-titleContent{max-width:700px;}
.hero-dr{margin-top:40px;font-size:13px;letter-spacing:3px;color:var(--second);}
.wy-container{padding-left: 40px;padding-right: 40px}

/* Header Page */
.header_other{box-shadow: var(--box-shadow);height: auto;color:var(--black);overflow: visible !important;}
.header_other .book-btn{border-color: var(--black)}
.header_other .logo svg{fill: var(--second);}
.header_other .navbar{padding: 10px 40px !important;}
.topWhatsApp svg{width: 20px; height: 20px}

/* Menü */
.menu a{text-decoration:none;margin:0 18px;display: block}
.menu a:hover{color: var(--third)}
.app-menu{display: none}
.topMenuList{float: left;border: none !important;text-align: left;height: 40px}
.submenu_text{display: flex;align-items: center;gap:7px}
.menu .topMenuSubList:hover .submenu_content {opacity: 1;visibility: visible}
.submenu_content{opacity: 0;visibility: hidden;position: absolute;min-width: 315px;box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);z-index: 13;color: var(--black);background-color: var(--white);transition-duration: 0.4s !important;margin-top: 10px;border-radius: var(--radius6);}
.submenu_content li:last-child{border: 0 !important;}
.menu_list{overflow:hidden;display:inline-flex}


.aboutImage{margin: 0 20px 10px 0;border-radius: var(--radius25);float: left}
.about li,.blogLeft li,.serviceText li{padding-left: 28px;line-height: 1.9em;display: flex;position: relative}
.about li:before,.blogLeft li:before,.serviceText li:before{content: "✓";position: absolute;left: 0;width: 20px;height: 20px;display: flex;justify-content: center;align-items: center;color: var(--second);border-radius: 50%;top: 3px;font-weight: bold;font-size: 18px;}

.playWrite{font-family: "Playwrite US Trad", cursive;}
.videos_page{background-color: var(--thirdLight)}
.videos_page .w3-half:first-child .w3-row{padding-right: 30px}
.videos_page h2{margin: 0 0 35px 0;font-size: 48px;color: var(--first)}
.videos_page p{font-size: 18px;margin: 25px auto;float: none;color: var(--fontGray)}
.videos_page .bottom{display: flex;align-items: center;margin-top: 35px}
.videos_page .bottom .w3-col{padding-right: 25px;margin-right: 25px;border-right: 1px solid var(--second);width: max-content}
.videos_page .bottom .w3-col span{font-size: 62px;color: var(--second);}
.videos_page .bottom .w3-col div{color: var(--first);font-weight: bold;width: max-content;font-size: 13px;}
.videos_page .bottom .about-btn{margin-top: 0}
.videos_page iframe{border-radius: var(--radius6)}

.service .serviceImg{height: 380px;color: var(--white);overflow: hidden}
.service .serviceImg:nth-child(1),.service .serviceImg:nth-child(4),.service .serviceImg:hover:nth-child(2),.service .serviceImg:hover:nth-child(3){background-color: var(--third);transition-duration: 0.4s}
.service .serviceImg:nth-child(2),.service .serviceImg:nth-child(3),.service .serviceImg:hover:nth-child(1),.service .serviceImg:hover:nth-child(4){background-color: var(--second);transition-duration: 0.4s}
.service .serviceTitle{height: 100%;align-content: center;padding: 0 30px}
.service .serviceTitle h3{position: relative}
.service .serviceTitle h3:after{content:"";position: absolute;background-color: var(--white);height: 3px;width: 100px;top: 100%;text-align: center;margin-top: 10px;left: calc(50% - 50px);}
.service .serviceTitle p{margin: 30px 0}
.service .serviceTitle a{padding: 5px 18px;border: 1px solid var(--white);}

.imageEffect{position:relative;overflow: hidden}
.imageEffect:after{content: '';position: absolute;width: 200%;height: 0%;left: 50%;top: 50%;background-color: rgba(255, 255, 255, .3);transform: translate(-50%, -50%) rotate(-45deg);z-index: 1;}
.imageEffect:hover:after,.imageEffect:active:after{height: 250%;transition: all 600ms linear !important;background-color: transparent;}

/* Blog list */
.blog_list-top{margin-bottom: 40px}
.blog_list-label{font-size: 24px;font-weight: bold;color: var(--first);}
.blog_list-title{font-size: 36px;margin-top: 15px;}
.blog_list .blog_list_content .blog_list_element{margin: 0 2% 25px 2%}
.blog_list .blog_list_content:first-child .blog_list_element{margin-left: 0;margin-right: 4%}
.blog_list .blog_list_content:last-child .blog_list_element{margin-right: 0;margin-left: 4%}
.blog_list_element img{border-radius: var(--radius25)}
.blog_bottom{border-bottom: 1px solid var(--lightGray);margin-bottom: 15px;padding-bottom: 15px;display: flex;align-items: center;}
.blog_list-category{margin-right: 20px;background-color: var(--third);color: var(--white);padding: 2px 10px;border-radius: var(--radius6);}
.blog_list-date{display: flex;align-items: center;gap: 7px;color: var(--gray);}
.blog_list-text{font-size: 24px}
.blog_listRow{display: flex;flex-wrap:wrap}

/* Blog Detail */
.blogLeftImage img{border-radius: var(--radius25);margin-bottom: 25px}

/* Footer */
.footer{font-size: 14px;color: var(--firstDark);background-color: var(--thirdLight)}
.footer-middle .w3-half{float: none;margin: 35px auto}
.footer-arkejans{font-weight: bold;text-decoration: underline;}
.footer-arkejans:hover{color: var(--second)}
.footer-social{margin-top: 25px}
.footer-social li{display: inline;margin-right: 20px;fill: var(--firstDark);}
.footer-social li:hover{fill: var(--first);color:var(--first)}
.footer-social li:last-child{margin-right: 0}
.footer-copy-text{text-align: center}
.footerLogo{fill: var(--second)}
.whatsAppIcon{right: 20px;bottom: 20px;position: fixed;border-radius: 50%;padding: 13px 15px;z-index: 99;}

/* Contact Page */
.contact_address{background-color: var(--firstDark);color:var(--white)}
.contact_address .adress_title{font-size: 36px}
.contact_address .contact_content:nth-child(2) .contact_element, .contact_address .contact_content:nth-child(3) .contact_element, .contact_address .contact_content:nth-child(4) .contact_element{padding-left: 20px;position: relative;height: 250px;}
.contact_address .bottomText{position: absolute;bottom: 0;}
.contact_form label{font-size: 18px}
.contact_form .formRow{margin-bottom: 20px}
.contact_form input{font-size: 16px;padding: 12px;border: 1px solid var(--gray);border-radius: var(--radius6);}
.contact-top{margin-bottom: 50px;text-align: center}
.contact_form .about-btn{margin-top: 0;border:0}
.contact_form .about-btn:disabled{cursor:inherit;background-color:var(--gray)}
.messageReturn{margin-top: 10px;border: 1px solid var(--iti-arrow-color);padding: 20px;border-radius: var(--radius6);display: none}

/* Services Detail */
.service_detail{overflow-x: auto;}
.serviceRight{margin-left: 30px;}

.service_other{padding: 45px 30px;background-color: var(--thirdLight);border-radius: var(--radius25);}
.service_other h5{border-bottom: 1px dotted var(--second);color: var(--second);margin-bottom: 20px;padding-bottom: 20px;}
.service_other a{font-size: 18px;padding: 10px 0;margin-bottom: 10px;display: block;border-bottom: 1px solid var(--third);color:var(--firstDark)}
.service_other a:hover{color: var(--second)}
.service_dr{background-color: var(--firstLight);border-radius: var(--radius25);padding: 40px 30px;}
.service_dr .dr_title{display: flex;align-items: center;margin-bottom: 20px;border-bottom: 1px solid var(--gray);padding-bottom: 20px;}
.service_dr .dr_img{width: 120px;}
.service_dr h3{font-weight: bold;margin: 0;color: var(--second);}
.service_dr h4{color: var(--fontGray);font-size: 18px;}
.service_dr img{width: 100px;height: 100px; padding: 10px; border:1px dashed var(--third);border-radius: 50%}
.serviceImage img{border-radius: var(--radius25);}
.serviceLeftTitle{display: flex;align-items: center;background-color: var(--firstLight);border-radius: var(--radius25);margin-bottom: 30px;}
.serviceLeftTitle p{font-size: 18px}
.serviceLeftTitle .w3-col:nth-child(1){padding: 0 30px;width: calc(100% - 400px)}
.serviceLeftTitle .w3-col:nth-child(2){width: 400px}
.serviceText{font-size: 18px;line-height: 1.5em}
.serviceText h1, .serviceText h2, .serviceText h3, .serviceText h4, .serviceText h5, .serviceText h6{font-size: 24px;font-weight: 500}
.serviceText ul{margin-bottom: 10px}

/* Login */
.loginpage{width: 100%;background:#f1f2f3;color:#888ea8;align-items:center;display: flex;padding: 100px 0;height: 100vh}
.logincontent{width:450px;background: transparent;padding:50px 20px;border-radius: 20px;border:1px solid #e0e6ed;box-shadow: 0 0 40px 0 rgba(94, 92, 154, 0.06);margin: 0 auto}
.mbottom20{margin-bottom: 20px}
.loginpage label{color:#0e1726}
.loginpage .form-control{border:1px solid #bfc9d4}
.loginpage .btn-primary{box-shadow:0 10px 20px -10px rgba(0, 123, 255, 0.59);transition: transform .5s, box-shadow 1s;text-transform: uppercase;font-weight: bold}
.loginpage .btn-primary:hover{box-shadow: 0 10px 10px rgba(0, 123, 255, 0.59);}
.loginMessage{display:flex;align-items:center}
.loginMessage b{display: block;margin-bottom: 4px}
.loginMessage .loginIcon{width: 46px;position: relative;margin-right: 10px;height: 46px;text-align: center;align-content: center;}
.loginMessage .loginIcon:before{content: '';width: 100%;border-radius: var(--radiusCircle);height: 100%;opacity: 0.1;position: absolute;left: 0;top: 0;}
.loginMessage .loginIcon.error:before{background-color:var(--red)}
.loginMessage .loginIcon.success:before{background-color:var(--success)}
.loginMessage .loginIcon.warning:before{background-color:var(--warning)}
.loginMessage .loginIcon.error svg{color: var(--red)}
.loginMessage .loginIcon.success svg{color: var(--success)}
.loginMessage .loginIcon.warning svg{color: var(--warning)}
.loginpage .bgButton{text-transform: uppercase;}
.loginpage .bgButton {background-color: var(--firstDark);color: var(--white);}

/* TABLET - IPAD YATAY */
@media only screen and (min-width: 992px) and (max-width: 1366px) and (orientation: landscape) {

}

/* TABLET - IPAD DİK */
@media (min-width: 600px) and (max-width: 1024px) and (orientation: portrait)  {

}

/* MOBIL CSS YATAY */
@media only screen and (max-width: 999px) and (orientation: landscape) {

}

/* MOBIL CSS */
@media only screen and (max-width: 559px) {
    .navbar .topWhatsApp{display: none}
    .app-menu {background-color: transparent !important;float: right;padding: 0;border: 0;margin-top: 15px;display: block}
    .app-menu .inner:before {transform: translateY(-150%) rotate(0);}
    .app-menu .inner:before, .app-menu .inner:after {background: var(--white);content: "";display: block;height: 4px;left: 0;position: absolute;right: 0;top: 50%;transform-origin: center;transition: .15s;}
    .app-menu .inner {display: block;height: 12px;position: relative;width: 22px;}
    .app-menu.active .inner:before{transform: translateY(-50%) rotate(-45deg);}
    .app-menu.active .inner:after{transform: translateY(-50%) rotate(45deg);}
    .header_other .app-menu .inner:before, .header_other .app-menu .inner:after{background-color: var(--black)}
    .menu_list{display:inline;position: fixed;top:120px;bottom: 0;right: 0;background-color:var(--white);color:var(--black);visibility:hidden;opacity: 0;left: 105%;overflow-y:auto;transition-duration: 0.4s;font-size: 22px}
    .topMenuList{float: none;}
    .topMenuSubList{margin-left: 16px;}
    .menu .topMenuSubList:hover .submenu{height: auto !important;}
    .submenu_content{position: relative;box-shadow: none;opacity: 0;visibility: hidden}
    .navbar,.header_other .navbar{padding: 20px !important;align-items: baseline !important;}
    .navbar .w3-col:first-child{width: 75%;margin-bottom: 20px}
    .navbar .logo svg{width: 150px}
    .navbar .menu{width: 25%;z-index: 10}
    .hero-title{font-size: 72px}
    .hero-content{padding: 20px}
    .hero-description{display: grid;align-items:normal;margin-top:20px}
    .hero-content{top: 230px}
    .hero-desc{max-width:100%;order:3;}
    .hero-with{order: 1;margin-top:0}
    .hero-auth{order:2;font-size:60px;margin-top:55px}
    .videos_page h2,.about-title{font-size: 32px}
    .wy-container{padding: 0 20px}
    .w3-padding-64{padding-top: 32px !important;padding-bottom: 32px !important;}
    .videos_page .bottom .w3-col span{font-size: 44px}
    .videos_page .bottom .w3-col div{font-size: 10px}
    .videos_page .bottom{margin: 20px 0}
    .service .serviceImg,.about-images{height: auto}
    .service .serviceTitle{padding: 20px}
    .videos_page iframe{width: 100%}
    .service .serviceImg:nth-child(3),.service .serviceImg:nth-child(4){display: grid}
    .service .serviceImg:nth-child(3) .serviceTitle,.service .serviceImg:nth-child(4) .serviceTitle{order:2}
    .service .serviceImg:nth-child(3) .imageEffect,.service .serviceImg:nth-child(4) .imageEffect{order:1}
    .about-btn{margin: 20px 0}
    .img-box{position: relative !important;}
    .about-images .img-top{width: auto}
    .about-images .img-center{right: inherit;top: 20px}
    .blog_list_content{margin-bottom: 20px}
    .blog_list .blog_list_content .blog_list_element{margin: 0 !important;}
    .blog_list-title{line-height: normal}
    .footer-section .w3-right-align,.footer-copy-text{text-align: left !important;}
    .aboutImage{margin: 0 0 35px 0;width: -webkit-fill-available}
    .serviceRight{margin-left: 0}
    .serviceLeftTitle{display: block}
    .serviceLeftTitle .w3-col:nth-child(1){padding-top: 30px;width: 100%}
    .contact_form .formRow{margin-top: 20px}
    .contact_form .w3-container{padding: 5px 0}
    .contact_address .bottomText{position: relative}
    .contact_address .contact_content:nth-child(2) .contact_element, .contact_address .contact_content:nth-child(3) .contact_element, .contact_address .contact_content:nth-child(4) .contact_element{height: auto;margin-top: 20px;padding: 0}
    .topMenuSubList.active .submenu_content {opacity: 1;visibility: visible}
    .topMenuSubList.active{height: auto !important;overflow: visible;}
    .topMenuSubList{overflow:auto;padding: 0 !important;}
    .topMenuSubList .submenu_text{padding: 8px 16px}
    .header_other{background-color: var(--white);position: sticky;top:0}
    .hero-bg{animation: none}
}