:root{
    --second: #EC744A;
    --third: #47A779;
    --fourth: #571702;
    --black: #000;
    --light: #FCF8F4;
    --white: #fff;
    --red: #ff0000;
    --gray: #f6f7fa;
    --darkgray: #cdd9e1;
    --lightgray: #f6f7fa;
    --darkblack: #1f2732;
    --radius: 100px;
    --radius30: 30px;
    --radius6: 6px;
    --imgbg: linear-gradient(0deg, var(--third) 0%, rgba(0, 0, 0, 0) 55%);
    --imgbgSecond: linear-gradient(0deg, var(--second) 0%, rgba(0, 0, 0, 0) 55%);
    --whatsapp: #74CB6B;

}
/*New */
.secondBG,.thirdBG,.blackBG,.second_hover:hover,.third_hover:hover,.black_hover:hover{color:var(--white) !important;transition-duration: 0.5s;}
.secondBG,.second_hover:hover{background-color: var(--second) !important;}
.thirdBG,.third_hover:hover{background-color: var(--third) !important;}
.blackBG,.black_hover:hover{background-color: var(--third) !important;}
.borderLeft{padding: 6px 0 6px 25px;border-width:0 0 0 2px; border-style: solid;text-align: left}
.iti{width: 100%}
.whatsAppIcon {right: 20px;bottom: 20px;position: fixed;background-color: var(--whatsapp);color: var(--white);border-radius: 50%;padding: 13px 15px 10px 15px;z-index: 99;}
.whatsAppIcon a, .callIcon a,.shopIcon a{display:block;}
.shopIcon {left: 20px;bottom: 20px;position: fixed;background-color: var(--second);color: var(--white);border-radius: 50%;padding: 13px 15px 10px 15px;z-index: 99;}


h1,h2,h3,h4,h5,h6{line-height: 1.2em}
body{font-family: 'Manrope', sans-serif; font-size: 16px;}
a,svg,.neden div,li,.button_second{transition-duration: 0.4s;}
ul{list-style: none;margin: 0;padding: 0}
button{border: none;}
.button_second{width: fit-content;background-color: var(--second);padding: 10px 15px;border-radius: var(--radius6);text-align: center;color:var(--white);font-weight: 800;}
.hdark_bg:hover{background-color: var(--black);}
.hdark_bg a:hover{text-decoration: none}
.blight{background-color: var(--lightgray)}
.padding508{padding: 50px 8px !important}
.ptopbottom30{padding:30px 0;}
.bradius30{border-radius: 30px}
.bradius10{border-radius: 10px}
.m3-center{width: 75%;margin: auto}
.text_hover:hover{color:var(--second);}
.container_left{padding-left: 50px}
.container_right{padding-right: 50px}
.little_title{width: max-content;padding: 7px 23px 5px 23px;border-radius: var(--radius);border:1px solid;font-size: 13px}
.little_title:before{content: "";width: 7px;height: 7px;border-radius: 7px;margin: -2px 8px 0 0;display: inline-block !important;vertical-align: middle;}
.display_a{display: block;overflow: auto;height: 100%;width: 100%;position: absolute;z-index: 3;top: 0;left: 0;}
.displayFlex{display: flex;align-items: center}
.padding_right30{padding-right: 30px}

/* Header */
.header .headerContent{display: flex;align-items: center;padding: 12px 0}
.header .logo{width: 250px !important;}
.header .menu{width: calc(100% - 430px)}
.header .menu .menu_list{float: none;width: fit-content}
.header .menu .submenu {position: relative;}
.header .menu .submenu svg{margin-left: 5px}
.header .menu .submenu_content {display: none;position: absolute;background-color: var(--light);min-width: 315px;box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);padding: 12px 16px;z-index: 1;color: var(--black);margin-top: 7px}
.header .menu .submenu:hover .submenu_content {display: block;}
.header .menu .w3-ul li{float: left;border:none;text-align: left}
.header .menu .w3-ul li a,.header .menu .w3-ul .submenu{font-weight: 600;font-size: 15px}
.header .menu .w3-ul li a:hover{color:var(--second);}
.header .menu .w3-ul .submenu:hover svg{color: var(--second);fill: var(--second)}
.header .menu .w3-ul .active a{color:var(--second)}
.header .button_second{width: 180px;font-size: 19px;font-weight: bold}


/* Slider */
.slider h1{font-size: 60px;font-weight: 900;line-height: 1.2em}
.slider .right{margin-top: 50px}

/* Web Tasarım Slider */
.wt_slider{background-color: #001726;color:var(--white);background-image:url("../images/capture-hero-bg.webp");background-position:center}
.wt_slider h1{font-size: 64px;margin: 10px 0;}
.wt_slider h1 span{color: var(--second);}
.wt_slider h2{font-size: 20px;font-weight: 100;margin-bottom: 40px;}
.wt_slider .buy_now{margin-bottom: 20px}
.icon_box{padding:8px 16px;background-color:#FFFFFF17;border:1px solid #FFFFFF1C;border-radius: 100px;width: fit-content;display: flex;align-items: end;margin-top: 40px;}
.icon_box div{font-size: 13px;margin-left: 10px;}
.form_Container{background-color: var(--white);padding: 32px;border-radius: 12px;color: var(--black)}
.form_ContainerTitle{border-bottom:1px solid var(--darkgray);padding-bottom: 30px;text-align: center}
.form_ContainerTitle span{font-size: 24px;font-weight: bold}
.form_ContainerTitle p{font-size: 16px;margin: 5px 0 0 0}
.form_body{padding-top: 30px}
.form_body input,.form_body select{background-color: #F3F4F6;color:var(--black);border:1px solid #E1E2E4;padding: 12px 16px;border-radius: var(--radius6);margin-top: 5px}
.form_body label{font-size: 14px;font-weight: bold}
.form_body .form_name,.form_mail{padding-right: 8px}
.form_body .form_surname,.form_phone{padding-left: 8px}
.form_body .w3-row{padding: 12px 0}
.form_body .form_submit{padding: 16px 0;font-weight: bold;border-radius: var(--radius6);font-size: 18px}
.sales .form_body .w3-row>.w3-half,.sales .form_body .w3-row>.w3-col{padding: 0 8px}
.sales .form_submit{width: 100%}
.buy_now a{width: fit-content;padding: 10px 15px;border-radius: var(--radius6);text-align: center;font-weight: 800;}
.wt_info .info_title .borderLeft{margin: auto;font-size: 12px;font-weight: bold;width: fit-content;letter-spacing:2px;border-color: var(--second)}
.wt_info .w3-twothird{margin: 35px auto auto auto;float: none}
.wt_info h3{font-size: 48px}
.wt_info h3 span{color:var(--third)}
.wt_info .w3-twothird p{font-size: 18px}
.wt_oneColumn,.wt_twoColumnFirst{background-image:linear-gradient(180deg, var(--white) 0%, var(--darkgray) 100%);}
.wt_oneColumn .w3-content{position: relative;padding: 64px}
.wt_oneColumn .background_overlay,.wt_twoColumnFirst .background_overlay{border-radius: 16px;background-image:url("../images/digital-track-bg.webp");background-repeat:no-repeat;background-size:contain;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;top: 0;left: 0;position: absolute;width: 100%;height: 100%;border:1px solid #b0c1cc}
.wt_oneColumn .wt_oneColumnContent,.wt_twoColumn .wt_twoColumnContent{margin: 30px auto auto auto;float: none}
.wt_oneColumn b{font-size: 56px}
.wt_oneColumn p,.wt_twoColumnFirst p{font-size: 18px}
.wt_oneColumn img,.wt_twoColumnFirst img{border: 1px solid var(--darkgray);border-radius: 12px}
.wt_oneColumn .w3-row-padding,.wt_twoColumnFirst .w3-row-padding{margin-top: 30px}
.wt_twoColumnFirstContainer{position: relative;padding: 40px}
.wt_twoColumnFirst b{font-size: 30px}
.wt_twoColumnFirst{border-radius: 16px}
.wt_twoColumn .wt_twoColumnFirst:first-child{margin-right: 10px}
.wt_twoColumn .wt_twoColumnFirst:last-child{margin-left: 10px}
.wt_leftImage .info_title{margin: 20px 0;letter-spacing: normal}
.wt_leftImage .borderLeft b{font-size: 16px}
.wt_leftImage .borderLeft p{font-size: 14px;font-weight: 100;letter-spacing: normal}
.wt_leftImage .info_check b{font-size: 24px;display: block;margin-bottom: 16px}
.wt_leftImage .info_check li{display: flex;align-items: center;font-size: 18px;margin-bottom: 14px}
.wt_leftImage .info_check svg{color: var(--third);margin-right: 7px}
.wt_LItwoColumnContent h4{font-size: 48px;line-height: 1.2em;color:var(--second)}
.wt_LItwoColumnContent b{font-size: 48px;line-height: 1.2em}
.wt_LItwoColumnContent p{font-size: 18px}
.wt_LIColumnFirstContainer{background-image:url("../images/digital-focused-bg.webp");background-position:center center;background-size:contain;position: relative}
.wt_leftImage .background_overlay{background-image:radial-gradient(at center center, var( --third ) 0%, #5EDFFF00 70%);opacity:0.5}
.wt_LItwoColumnFirst{display: flex}
.wt_LIColumnFirstContainer{padding: 50px}
.wt_LIColumnFirstContainer img{width: 450px;height: 400px;border-radius: 12px;box-shadow:0px 16px 26px -6px rgba(29.99999999999997, 36.999999999999964, 51.99999999999996, 0.15);border:1px solid var(--darkgray)}
.wt_Property .wt_oneColumnContent{float: none;margin: auto}
.wt_Property .wt_oneColumnContent b{font-size: 48px}
.wt_Property .wt_oneColumnContent p{font-size: 18px}
.wt_PropertyContent .wt_PropertyText{border-radius: 12px;border:1px solid var(--darkgray);padding: 32px}
.wt_Property .w3-row:first-child{margin-bottom: 30px}
.wt_PropertyContent b{font-size: 24px}
.wt_PropertyContent .row:nth-child(1){margin-right: 20px;margin-bottom: 20px}
.wt_PropertyContent .row:nth-child(2){margin-left: 20px;margin-right: 20px;margin-bottom: 20px}
.wt_PropertyText .icon{margin-bottom: 20px}
.wt_PropertyText .icon span{background-color: var(--lightgray);padding: 12px;border-radius: var(--radius6);display: flex;width: fit-content;margin: auto}
.wt_PropertyText .icon span svg{color: var(--third)}
.blogMain .blogContent{background-color: var(--lightgray);border-radius: 12px;border:1px solid var(--darkgray);}
.blogMain .blogContent:first-child{margin: 0 20px}
.blogMain .blogContent img,.blogMain .blogContent iframe{border-top-left-radius: 12px;border-top-right-radius: 12px}
.blogMain .blogContent .blogTextContent{padding: 30px 24px 24px 24px;min-height:285px;}
.blogMain .blogContent .blogTextContent b{height: 75px;display: block;line-height: 1.2em;font-size: 20px}
.blogMain .blogContent .blogTextContent span{font-weight: bold;display: flex;align-items: center}
.blogMain .blogContent .blogTextContent span svg{margin-top: 2px;margin-left: 5px}
.blogMain .blogContent .blogTextContent p{margin:0;}
.blogMain .blogContent .blog_img{position: relative}
.blogMain .blogContent .blog_img .blog_category{font-size: 15px;padding: 5px 16px;position: absolute;bottom: -15px;background-color: var(--darkblack);border-radius: var(--radius6);margin-left: 24px;color: var(--white);font-weight: bold;}


/* Deneyim */
.deneyim{background-color: var(--third);}
.deneyim .w3-quarter span{font-size: 60px !important;font-weight: 900}
.deneyim .w3-quarter{font-size: 20px;color:var(--white) !important;font-weight: 900;text-align: center;}

/* Neden */
.neden{text-align: center}
.neden_first,.neden_third{border:1px solid var(--black);padding:50px 30px;margin: 50px 0}
.neden_first:hover,.neden_third:hover{border-color: var(--third);color: var(--third)}
.neden_first{border-right: 0;border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
.neden_second{padding:50px 0;background-color: var(--second);color:var(--white);fill:var(--white)}
.neden_second > div:nth-of-type(1){padding: 50px 30px}
.neden_third{border-left: 0;border-top-right-radius: 30px;border-bottom-right-radius: 30px;}
.neden h2{font-size: 48px}
.neden .neden_icon{margin-bottom: 20px}
.neden b{font-size: 22px}

/* Hakkımızda */
.hakkimizda h3{font-size: 48px}
.hakkimizda .button_second{margin-top: 50px}
.hakkimizda p{line-height: 1.8em}
.hakkimizda .w3-content{border-bottom: 1px solid var(--third)}
.hakkimizda .little_title:before{background-color: var(--black)}

/* Hizmetler */
.hizmetlerimiz{padding-bottom: 100px !important;}
.hizmetlerimiz svg{border: 1px solid var(--second);fill:var(--second);border-radius: 4px;margin-bottom: 20px;margin-right: 10px;padding:10px}
.hizmetlerimiz svg:hover{fill:var(--white);background-color: var(--second)}
.hizmetlerimiz h4{font-size: 48px}
.hizmetlerimiz .little_title{color: var(--second);border-color:var(--second);}
.hizmetlerimiz .little_title:before{background-color: var(--second)}
.hizmetlerimiz .imgContent{overflow: hidden;position: relative;}
.hizmetlerimiz .imgContent:before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;border-radius: var(--radius30);background: var(--imgbg);}
.hizmetlerimiz img{border-radius: var(--radius30);border: 1px solid var(--second)}
.hizmetlerimiz .titleContent{position: absolute;bottom: 50px;left: 50px;font-size: 24px;font-weight: bold;z-index: 2;}
.hizmetlerimiz .w3-third{position: relative}
.hizmetlerimiz .mentorTitle{position: absolute;bottom: 85px;left: 50px;font-size: 13px;z-index: 2}
.hizmetlerimiz .procedureContainer{color:var(--white);clear: both;margin-top: 25px}
.hizmetlerimiz .procedureContainer a:hover ~ .imgContent:before{background: var(--imgbgSecond)}

/* Mentor */
.mentor{background-color: var(--third);color:var(--white)}
.mentor h5{font-size: 48px}
.mentor .button_second{margin-top: 30px}
.mentor .w3-row{padding-top: 30px}
.mentor .left{width: 85px;margin-right: 35px}
.mentor .right{width: calc(100% - 120px);}
.mentor .w3-stretch{margin-top: -100px}
.mentor .padding508{margin-top: 100px}
.mentor .little_title:before{background-color: var(--white)}

/*  Eğitim */
.egitim .hakkimizda p{font-size: 20px;line-height: normal}
.egitim .hakkimizda ul{padding: revert }
.egitim .hakkimizda li{margin-bottom: 20px;list-style: square}
.egitim .egitim_img{text-align: right}
.egitim .hakkimizda .little_title{color: var(--third)}
.egitim .hakkimizda .little_title:before{background-color: var(--third)}
.egitim .wt_info .w3-twothird, .egitim .wt_info .w3-third{float: left;margin: 35px auto auto auto}
.egitim .wt_info .w3-third{border:1px solid var(--darkgray);padding:35px 25px;text-align:left;border-radius:20px}
.egitim .wt_info .w3-third .title{font-size: 20px;color:var(--second);margin-bottom:15px;display:block;border-bottom:1px dashed var(--darkgray);padding-bottom: 15px}
.egitim .wt_info .w3-third span{font-weight: bold}
.egitim .wt_info .w3-third li{margin-bottom: 7px}
.egitim .wt_info .w3-third li svg{color:var(--second);margin-right: 7px}
.egitim .wt_education .title{font-size: 36px;display: block}
.egitim .wt_education .subtitle{font-size: 20px;margin: 2em 0 1em;display: block;color: var(--third)}
.egitim .wt_education .eduction_title{border: 1px solid var(--darkgray);border-radius: var(--radius6);padding: 20px;font-weight: bold;margin: 1em 0;display: flex;align-items: center}
.egitim .wt_education .icon{border: 4px solid var(--darkgray);border-radius: 100%;background-color: var(--white);width: 26px;height: 26px;float: left;margin-right: 25px;}
.egitim .hakkimizda .w3-content{border-bottom: 0}
.egitim .wt_education .buy_now a,.egitim .wt_info .buy_now a{width: auto;padding: 15px;margin-top: 1em}

/* Ekip */
.ekip h6{font-size: 48px}
.ekip .left,.ekip .right{width: 50%}
.ekip .right .w3-row:nth-child(1){padding-bottom: 12px}
.ekip .button_second{margin-top: 50px}
.ekip .w3-content{border-bottom: 1px solid var(--third)}
.ekip .little_title{color: var(--second);border-color:var(--second);}
.ekip .little_title:before{background-color: var(--second)}

/* Yorum */
.yorum .left{border: 1px solid var(--black)}
.yorum .left img{border-radius: 50%}
.yorum .left .w3-row:nth-child(1){margin-bottom: 15px;}
.yorum h6{font-size: 48px}
.yorum .yorum_isim{width: 70px;height: 70px;background-color: var(--second);color:var(--white);border-radius: 50%;text-align: center;align-content: center;display: grid;font-weight: bold;font-size: 32px;margin: auto}
.yorum .little_title:before{background-color: var(--black)}

/* Blog */
.blog h6{font-size: 48px}
.blog a{font-size: 22px;margin-top: 20px;font-weight: bold}
.blog a:hover{color: var(--second);}
.blog .little_title{color: var(--second);border-color:var(--second);}
.blog .little_title:before{background-color: var(--second)}

/* İletişim */
.iletisim_page h2{font-size: 19px;}
.iletisim_page h3{font-size: 36px}
.iletisim_page label{font-size: 22px;margin-bottom: 10px;display: block}
.iletisim_page .right .w3-row{margin-bottom: 20px}
.iletisim_page .right input,.iletisim_page .right select,.iletisim_page .right textarea{font-size: 16px;padding: 12px;border:1px solid var(--darkgray);border-radius:var(--radius6)}
.iletisim_page button{border: none;border-radius: 10px !important;}
.iletisim_page .contact_form .requ{display: none;position: absolute;right: 17px;background-color: var(--red);color:var(--white);border-top-right-radius:10px;border-bottom-right-radius:10px;padding: 12px 15px;margin-top: 1px;}
.iletisim_page .contact_form .w3-container{position: relative}
.iletisim_page .mesajdonus{display: none}
.iletisim_page .mesajdonus{background-color: var(--third);color:var(--white);padding: 24px;font-weight: bold}
.iletisim_page .mtop30{margin-top: 30px}

/* Footer */
.footer{background-color: var(--lightgray);}
.footer .w3-content{border-top:1px solid var(--darkgray)}
.footer b{font-size: 22px}
.footer ul{padding-top: 10px}
.footer li{padding: 5px 0}
.footer li a:hover{text-decoration: underline}
.footer .iletisim b{display: block;margin-bottom: 15px}
.footer .col1{width: 50px;float: left}
.footer .col2{width: calc(100% - 50px);float: left}
.footer .col3{width: 50px;margin-top: 15px;float: left}
.footer .col4{width: calc(100% - 50px);margin-top: 20px;float:left}
.footer .copyright{color:var(--darkblack);font-size: 14px}

/*Slider Container Fixed Css */
.sliderContainer{overflow: hidden;position: relative;}
.sliderContainer > div{position: relative;display: inline-block;}
.sliderContainer > div > div {display: contents;float: left;position: relative;}

/* Blog Detay */
.blog_detay .blog_top{background-color: var(--darkblack);color:var(--white);background-size: inherit;background-image:url('../images/bgshape.png?v1')}
.blog_detay .blog_top a{padding: 5px 7px}
.blog_detay .blog_top a:hover{background-color: var(--second);}
.blog_detay h1{text-transform: uppercase}
.blog_detay .home_link, .blog_detay .page_link{display: inline-block}
.blog_detay .page_link:before{content: "";vertical-align: middle;background-color: var(--second);width: 10px;padding: 0 5px 0 10px;height: 2px;display: inline-block;margin: 0 15px;}
.blog_detay .blog_detail{border:1px solid var(--darkgray)}
.blog_detay .blog_text{padding: 30px;font-size: 17px;line-height: 1.5}
.blog_detay .blog_info{border-bottom: 1px solid var(--darkgray);padding-bottom: 20px}
.blog_detay .blog_info div{display: inline-block;margin-right: 25px;font-size: 14px}
.blog_detay .blog_info svg{fill:var(--second);margin-right: 5px}
.blog_detay .other_news,.blog_detay .follow_us{padding:20px;border: 1px solid var(--darkgray);margin-bottom: 30px}
.blog_detay .other_news h2,.blog_detay .follow_us h4{margin: 0 0 20px 0;font-size: 20px;color:var(--second)}
.blog_detay .other_news .left{width: 75px;margin-right: 20px}
.blog_detay .other_news h3{margin:0;font-size: 16px}
.blog_detay .other_news .date{font-size: 13px}
.blog_detay .other_news svg{margin-right: 5px;fill:var(--second)}
.blog_detay .other_news .w3-row{margin-bottom: 20px}
.blog_detay .blog_right{padding-left: 30px}
.blog_detay ul{list-style: none;margin: 0;padding: 0}
.blog_detay .blog_bottom{margin-bottom: 20px}
.blog_detay .follow_us .w3-row div{display: inline-block;margin-right: 5px;vertical-align: middle}
.blog_detay h2{color:var(--third)}


/* Güncel Haberler Page */
.gh_page .title{margin-bottom: 30px}
.gh_page .title b{font-size: 19px}
.gh_page h1{font-size: 48px}
.gh_page.blogMain .blogContent:first-child{margin:10px !important;}
.gh_page .w3-third{padding: 0}
.gh_page.blogMain .blogContent .blogTextContent b{font-size: 21px;height: 80px;display: block;color:var(--fourth)}
.gh_page.blogMain .blogContent a{display: grid}
.blogMain .blogContent .blogTextContent span{margin-top:15px}

/* Hizmet Page */
.hizmet_page .hizpage_top{background-color: var(--darkblack);color:var(--white);background-size: inherit;background-image:url('../images/bgshape.png?v1')}
.hizmet_page .hizpage_top a{padding: 5px 7px}
.hizmet_page .hizpage_top a:hover{background-color: var(--second);}
.hizmet_page h1{text-transform: uppercase}
.hizmet_page .home_link, .hizmet_page .page_link{display: inline-block}
.hizmet_page .page_link:before{content: "";vertical-align: middle;background-color: var(--second);width: 10px;padding: 0 5px 0 10px;height: 2px;display: inline-block;margin: 0 15px;}
.hizmet_page .hizpage_detail{border:1px solid var(--darkgray);margin-bottom: 30px}
.hizmet_page .hizpage_text{padding: 30px}
.hizmet_page .other_hizpage{padding:20px;border: 1px solid var(--darkgray);margin-bottom: 30px}
.hizmet_page .other_hizpage h6{margin:0 0 20px 0;font-size: 20px;color: var(--second)}
.hizmet_page .other_hizpage .w3-row{margin-bottom: 20px}
.hizmet_page .hizpage_right{padding-left: 30px}
.hizmet_page .hizpage_text p{margin: 0}
.hizmet_page .hizpage_detail li{position: relative;padding-left: 50px;margin: 20px}
.hizmet_page .hizpage_detail li:before{content: "✓";position: absolute;left: 0;top: calc(50% - 25px);width: 25px;height: 25px;background-color: var(--third);display: flex;justify-content: center;align-items: center;color: var(--white);border-radius: 50%;font-size: 16px;font-weight: bold;}
.hizmet_page h2,.hizmet_page h4{color: var(--second);font-size: 30px}
.hizmet_page .hizpage_bgthird{background-color: var(--third);padding: 20px;color:var(--white)}

.wt_faq img{border-radius: var(--radius6)}
.wt_faq .faq_button {overflow: auto;cursor: pointer;background-color: var(--gray);border:1px solid var(--darkgray);color: var(--black);padding: 9px 10px 8px 10px;border-radius: var(--radius6);margin-bottom: 5px;}
.wt_faq .faq_content .title {font-weight: bold;float: left;padding-left: 10px;width: calc(100% - 20px);}
.wt_faq .faq_content .icon{width: 15px}
.wt_faq .faq_content ul{margin: 0;padding: 0}
.wt_faq .faq_button:hover,.wt_faq .active{background-color: var(--second);border-color:var(--second);color:var(--white)}
.wt_faq .faq_content .icon {width: 15px;}
.wt_faq .faq_content .answer {display: none;padding: 20px 30px;}
.wt_faq .faq_content .rotate {-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.wt_faq h4{font-size: 14px;font-weight: normal;color:var(--darkblack);margin: 0}
.wt_faq h5{margin-bottom:20px;color:var(--second);margin-top: 0}

.wt_more .padding508{border-top:1px solid var(--darkgray)}
.wt_more h3{font-size: 20px}
.wt_more li,.blog_detay li{position: relative;padding-left: 40px;line-height: 1.6em;}
.wt_more li:before,.blog_detay li:before{content: "✔";position: absolute;left: 15px;width: 20px;height: 20px;display: flex;justify-content: center;align-items: center;color: var(--third);border-radius: 50%;top: 3px;font-weight: bold;font-size: 18px;}

.rakip_analizi svg{margin-right: 7px;color:var(--third)}
.rakip_analizi li{display: flex;align-items: center;font-size: 18px;margin-bottom: 14px;}
.rakip_analizi h5{font-size: 48px;color:var(--second)}

    /* Odeme */
.sales_success .icon svg{color: var(--third)}
.sales_success .title b,.sales_error .title b{font-size: 36px}
.sales_success .title p, .sales_error .title p{font-size: 20px}
.sales_success .title span, .sales_error .title span{color: var(--second);border-bottom: 1px solid}
.sales_success .w3-twothird{display: contents}
.sales_success .w3-left-align,.sales_success .w3-right-align,.sales_success .title_ozet{border: 1px solid var(--darkgray);padding: 10px;border-bottom: 0}
.sales_success .w3-left-align{border-left: 0}
.sales_success .last{border-bottom: 1px solid var(--darkgray)}
.sales_error .icon svg{color:var(--red)}


.mobil_menu{display: none}
.messageReturn .message{font-size: 18px;font-weight: bold;text-align: center;background-color: var(--third);color:var(--white);border: var(--radius6);padding: 12px}

/*Modal */
.modalContainer{position: fixed;top:10%;left: 15%;right: 15%;bottom:10%;border-radius: var(--radius30);z-index: 2;padding: 50px;display: none;background-color: var(--white);}
.modalContent{overflow-y: scroll !important;height: -webkit-fill-available;font-size: 13px}
.modalCloseBtn{position: relative;height: 50px}
.modalClose{margin-bottom: 20px;position: absolute;right: 0}
.modalClose:hover{color: var(--red)}
.mesafeli-sozlesme .title{font-size: 18px}
.mesafeli-sozlesme p{margin: 0}
.mesafeli-sozlesme .w3-row-padding{margin-bottom: 2em}
.mesafeli-sozlesme .satisHizmet{border:1px solid var(--darkgray);margin: 20px 0}
.mesafeli-sozlesme .satisHizmet .w3-quarter{border-right:1px solid var(--darkgray);padding: 10px}
.mesafeli-sozlesme .satisHizmet .w3-quarter:last-child{border-right: 0}
.mesafeli-sozlesme .satisHizmet .w3-row:nth-child(2) .w3-quarter{border-top: 1px solid var(--darkgray);height: 40px}
.mesafeli-sozlesme .modalOkudum{padding: 16px 0 !important;font-weight: bold;border-radius: var(--radius6);font-size: 18px;}
.sales .modal{font-weight: bold;text-decoration: underline;background-color: transparent !important;color: var(--black)}
.body_overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color: rgba(0, 0, 0, .6);display: none;}

/* Error Page */
.error_page h1{font-size: 36px;color:var(--second)}
.error_page h2{font-size: 24px;font-weight: 100}
.error_page .error_title, .error_page .error_svg{margin-bottom: 20px}
.error_page .error_btn{display: inline-flex}

.cayma .title, .cerez .title,.mesafeli-sozlesme .title, .gizlilik .title{font-size: 36px}
.cayma .button_second{padding: 10px 15px;margin-top: 30px}
.cerez .cerez-title div{padding: 10px;background-color: var(--darkgray)}
.cerez .cerez-body div{padding: 10px}
.cerez .cerez-body ul{list-style: square;padding: inherit;padding-top: 0}
.cerez .cerez-body{padding: 15px;border-bottom: 1px solid var(--darkgray)}
.cerez .cerez-content{margin: 15px 0}
.gizlilik ul{list-style: square;margin: revert;padding: revert}
.mesafeli-sozlesme a{display: inline;text-decoration: underline}

.w3-x{float: left;padding: 0 8px}

/* TABLET - IPAD YATAY */
@media only screen and (min-width: 992px) and (max-width: 1366px) and (orientation: landscape) {
    img {width:100%;height: auto}
    .mobil_menu{display: block}
}

/* TABLET - IPAD DİK */
@media (min-width: 600px) and (max-width: 1024px) and (orientation: portrait)  {
    img {width:100%;height: auto}
    .mobil_menu{display: block}
}

/* MOBIL CSS YATAY */
@media only screen and (max-width: 999px) and (orientation: landscape) {
    .w3-half, .w3-third, .w3-twothird, .w3-threequarter, .w3-quarter {
        float: left !important;
        width: 100% !important;
    }

    .yorum .w3-half .w3-half{width: 49.99% !important;}
    .blogMain .w3-twothird .w3-half{width: 49.99% !important}
    .wt_slider .w3-half,.hakkimizda .w3-half,.wt_leftImage .w3-half{width: 49.9% !important;}
    .neden .w3-third,.wt_oneColumn .w3-third,.wt_PropertyContent .w3-third,.gh_page .w3-third{width: 33.33% !important;}
    .wt_oneColumn .w3-twothird{width: 66.66% !important;}
    .gh_page.blogMain .blogContent .blogTextContent b{font-size: 18px}
    .blog_right{margin-top: 20px}
    .mobil_wrapper ul{margin-bottom: 80px}
    body {line-height: 1.5;overflow: hidden;position: relative}

    .mobil_menu{display: block}
    /* Menu */
    .menu,.menu_right{display: none}
    .mobil_menu .app-hamburger{background-color: transparent !important;right: 15px;top:35px;position: absolute}
    .mobil_menu .inner{display: block;height: 12px;position: relative;width: 22px;}
    .mobil_menu .inner:before,.mobil_menu .inner:after{background: var(--third);content: "";display: block;height: 4px;left: 0;position: absolute;right: 0;top: 50%;transform-origin: center;transition: .15s;}
    .mobil_menu .inner:before{transform: translateY(-150%) rotate(0);}
    .mobil_menu .inner:after{transform: translateY(50%) rotate(0);}
    .mobil_menu .active .inner:before{transform: translateY(-50%) rotate(-45deg);}
    .mobil_menu .active .inner:after{transform: translateY(-50%) rotate(45deg);}
    .mobil_menu .mobil_wrapper{z-index:99;position: fixed;top:88px;background-color: var(--lightgray);width: 100%;height: 100%;padding:25px;left: 105%;overflow-y: auto;border-top:1px solid var(--darkgray)}
    .mobil_menu .list_menu,.mobil_menu .submenu{padding-bottom: .75rem}
    .mobil_menu .submenu .arrow{align-items: center;display: flex;margin-left: auto;}
    .mobil_menu .submenu .arrow svg{stroke-width:0;stroke: currentColor;fill:currentColor;color:var(--third);display: inline-block;width: 1em;height: 1em;margin-right:5px}
    .mobil_menu .submenu .left{display: flex;flex-direction:column}
    .mobil_menu .list_menu .link,.mobil_menu .submenu button{text-decoration: none;align-items: center;box-shadow: none;font-size: 1rem;font-weight: 700;padding: 1rem 0;position: relative;background-color:transparent;border:none;border-bottom:1px solid var(--darkgray);display: flex;justify-content: flex-start}
    .submenu_content li{margin: 0 1rem;padding:1.5rem 0;border-bottom: 1px solid var(--lightgray)}
    .mobil_menu .submenu button,.submenu_content a{display: flex;color:var(--black)}
    .mobil_menu .list_menu .link:after{    border-bottom: 1px solid var(--gray);bottom: 0;content: "";left: 1.5rem;position: absolute;right: 1.5rem;transition: .15s;}
    .sub_back svg{margin-right: 10px;display: inline-flex;}
    .list_menu .icon, .submenu .icon{color:var(--third);margin-right: 10px;display: flex;justify-content: flex-start}
    .sub_back{font-size: 1.2rem !important;background-color:var(--gray);padding:1rem 1rem 1rem;border-bottom: 1px solid var(--darkgray);border-top: 1px solid var(--darkgray);font-weight: bold}
    .sub_right{position: fixed;height:100%;background-color:var(--white);top:88px;left:105%;z-index: 2;overflow: auto;width: 100%}
    .slider h1{font-size: 36px}
    .slider .padding508{padding:0 8px !important;}
    .blog_detay .blog_right{padding-left: 0}
    .blog_detay .other_news{margin-top: 30px}
    .mentor .w3-stretch,.mentor .padding508{margin-top: 0}
    .mentor h5,.ekip h6,.yorum h6,.blog h6{font-size: 34px}
    .deneyim .w3-quarter{font-size: 20px;color:var(--white) !important;font-weight: 900;text-align: center;margin-bottom: 20px;width: 50%}

    .padding508{padding: 20px 10px !important}
    .wt_slider .icon_box img{width: 20px;height: 20px}
    .wt_slider h1,.wt_info h3,.wt_LItwoColumnContent b,.wt_Property .wt_oneColumnContent b{font-size: 44px}
    .wt_slider .buy_now a{width: auto;padding: 15px}
    .form_ContainerTitle span{font-size: 18px}
    .form_ContainerTitle p{font-size: 14px}
    .form_body .form_surname, .form_phone{padding-left: 0}
    .form_body .w3-row{padding: 6px 0}
    .form_body .w3-row:first-child .w3-half{width: 50%}
    .form_body .form_phone{padding-top: 12px}
    .form_body .form_mail{padding-right: 0}
    .iti{width: 100%}
    .wt_LIColumnFirstContainer{padding: 20px}
    .wt_LIColumnFirstContainer img{width: 100%;height: auto}
    .wt_Property .wt_oneColumnContent b{line-height: 1.2em}
    .blogMain .w3-twothird{margin-top: 20px}
    .footer .w3-quarter{margin-bottom: 20px}
    .neden h2{font-size: 34px;width: 100%;line-height: 1.2em}
    .wt_info .buy_now a{margin-top: 1em;width: auto}
    .egitim .hakkimizda .w3-half{width: 100%}
    .egitim .hakkimizda .displayFlex{display: block}
    .sales .form_body .w3-half{width: 100% !important;padding: 6px 0}
    .sales .form_body .w3-row{padding: 0}
    .modalContainer{left: 2%;right: 2%;top: 2%;bottom: 2%;padding: 20px;z-index: 2}
    .mesafeli{margin: 6px 0}
    .sales .fatura_turu{height: 50px}
    .sales .modal{margin: 0;padding: 0}
    .rakip_analizi .w3-container{padding: 0}
    .padding_right30{padding-right: 0;}
    .wt_faq .wt_faq_title{margin-top: 20px}
    .wt_faq .w3-container,.wt_more .w3-container{padding: 0 10px !important}
}

/* MOBIL CSS */
@media only screen and (max-width: 559px) {
    body {line-height: 1.5;overflow: hidden;position: relative}
    img {width:100%;height: auto}
    .mobil_menu{display: block}
    /* Menu */
    .menu,.menu_right{display: none}
    .mobil_menu .app-hamburger{background-color: transparent !important;right: 15px;top:35px;position: absolute}
    .mobil_menu .inner{display: block;height: 12px;position: relative;width: 22px;}
    .mobil_menu .inner:before,.mobil_menu .inner:after{background: var(--third);content: "";display: block;height: 4px;left: 0;position: absolute;right: 0;top: 50%;transform-origin: center;transition: .15s;}
    .mobil_menu .inner:before{transform: translateY(-150%) rotate(0);}
    .mobil_menu .inner:after{transform: translateY(50%) rotate(0);}
    .mobil_menu .active .inner:before{transform: translateY(-50%) rotate(-45deg);}
    .mobil_menu .active .inner:after{transform: translateY(-50%) rotate(45deg);}
    .mobil_menu .mobil_wrapper{z-index:99;position: fixed;top:88px;background-color: var(--lightgray);width: 100%;height: 100%;padding:25px;left: 105%;overflow-y: auto;border-top:1px solid var(--darkgray)}
    .mobil_menu .list_menu,.mobil_menu .submenu{padding-bottom: .75rem}
    .mobil_menu .submenu .arrow{align-items: center;display: flex;margin-left: auto;}
    .mobil_menu .submenu .arrow svg{stroke-width:0;stroke: currentColor;fill:currentColor;color:var(--third);display: inline-block;width: 1em;height: 1em;margin-right:5px}
    .mobil_menu .submenu .left{display: flex;flex-direction:column}
    .mobil_menu .list_menu .link,.mobil_menu .submenu button{text-decoration: none;align-items: center;box-shadow: none;font-size: 1rem;font-weight: 700;padding: 1rem 0;position: relative;background-color:transparent;border:none;border-bottom:1px solid var(--darkgray);display: flex;justify-content: flex-start}
    .submenu_content li{margin: 0 1rem;padding:1.5rem 0;border-bottom: 1px solid var(--lightgray)}
    .mobil_menu .submenu button,.submenu_content a{display: flex;color:var(--black)}
    .mobil_menu .list_menu .link:after{    border-bottom: 1px solid var(--gray);bottom: 0;content: "";left: 1.5rem;position: absolute;right: 1.5rem;transition: .15s;}
    .sub_back svg{margin-right: 10px;display: inline-flex;}
    .list_menu .icon, .submenu .icon{color:var(--third);margin-right: 10px;display: flex;justify-content: flex-start}
    .sub_back{font-size: 1.2rem !important;background-color:var(--gray);padding:1rem 1rem 1rem;border-bottom: 1px solid var(--darkgray);border-top: 1px solid var(--darkgray);font-weight: bold}
    .sub_right{position: fixed;height:100%;background-color:var(--white);top:88px;left:105%;z-index: 2;overflow: auto;width: 100%}
    .slider h1{font-size: 36px}
    .slider .padding508{padding:0 8px !important;}
    .blog_detay .blog_right{padding-left: 0}
    .blog_detay .other_news{margin-top: 30px}
    .mentor .w3-stretch,.mentor .padding508{margin-top: 0}
    .mentor h5,.ekip h6,.yorum h6,.blog h6{font-size: 34px}
    .deneyim .w3-quarter{font-size: 20px;color:var(--white) !important;font-weight: 900;text-align: center;margin-bottom: 20px;width: 50%}

    .padding508{padding: 20px 10px !important}
    .wt_slider .icon_box img{width: 20px;height: 20px}
    .wt_slider h1,.wt_info h3,.wt_LItwoColumnContent b,.wt_Property .wt_oneColumnContent b{font-size: 44px}
    .wt_slider .buy_now a{width: auto;padding: 15px}
    .form_ContainerTitle span{font-size: 18px}
    .form_ContainerTitle p{font-size: 14px}
    .form_body .form_surname, .form_phone{padding-left: 0}
    .form_body .w3-row{padding: 6px 0}
    .form_body .w3-row:first-child .w3-half{width: 50%}
    .form_body .form_phone{padding-top: 12px}
    .form_body .form_mail{padding-right: 0}
    .iti{width: 100%}
    .wt_LIColumnFirstContainer{padding: 20px}
    .wt_LIColumnFirstContainer img{width: 100%;height: auto}
    .wt_Property .wt_oneColumnContent b{line-height: 1.2em}
    .wt_PropertyContent .row:nth-child(1){margin-right: 0}
    .blogMain .w3-twothird{margin-top: 20px}
    .blogMain .blogContent:first-child{margin: 0 0 20px 0}
    .footer .w3-quarter{margin-bottom: 20px}
    .neden h2{font-size: 34px;width: 100%;line-height: 1.2em}
    .wt_info .buy_now a{margin-top: 1em;width: auto}
    .egitim .hakkimizda .w3-half{width: 100%}
    .egitim .hakkimizda .displayFlex{display: block}
    .sales .form_body .w3-half{width: 100% !important;padding: 6px 0}
    .sales .form_body .w3-row{padding: 0}
    .modalContainer{left: 2%;right: 2%;top: 2%;bottom: 2%;padding: 20px;z-index: 2}
    .mesafeli{margin: 6px 0}
    .sales .fatura_turu{height: 50px}
    .sales .modal{margin: 0;padding: 0}
    .rakip_analizi .w3-container{padding: 0}
    .padding_right30{padding-right: 0;}
    .wt_faq .wt_faq_title{margin-top: 20px}
    .wt_faq .w3-container,.wt_more .w3-container{padding: 0 10px !important}
}
