body{font-family: 'Soleil', sans-serif;font-weight:100;color:var(--fifth);line-height: normal}
ul{list-style: none;padding-left: 15px}
ol{list-style-position: inside}
a{text-decoration: none;}
a,i,img{transition-duration:0.4s}
:root{
    --black: #000;
    --white: #fff;
    --light_gray: #ddd;
    --first: #ef3b67;
    --second: #031B4E;
    --third: #00BDE0;
    --fourth: #999;
    --sixty: #f2f2f2;
    --seventy: #c01040;
    --box-shadow: 0 0 9px 0 rgb(109 117 143 / 5%);
    --body_background: linear-gradient(180deg, var(--second) 0%, rgba(0, 0, 0, 0.10) 60%);
    --whatsapp: #74CB6B;
    --border5: 5px;
    --border10: 10px;
    --border15: 15px;
    --border_circle: 50%;
    --imgbg: linear-gradient(0deg, var(--fifth) 7%, rgba(0, 0, 0, 0) 60%);
    --whiteTransparent: rgba(255,255,255,0.7);
    --blackTranparent: rgba(0,0,0,0.7);
    --warning: #e2a03f;
    --warningbg: #fff9ed;
}
.padding208{padding: 20px 8px}
.padding508{padding: 50px 8px}
.mbottom20{margin-bottom: 20px}
.mtop20{margin-top: 20px !important;}
.iti,.iti input{ width: 100%;}
.darkButton{padding: 10px 25px;background-color:var(--second);color:var(--white);font-weight:700;border-radius:var(--border15);display: flex;align-items: center;width: fit-content}
.darkButton span:last-child{background-color: var(--white);border-radius: var(--border10);margin-left: 20px;padding:5px 7px 0px 7px }
.darkButton svg{color: var(--second)}
.darkButton:hover{background-color: var(--first);color:var(--white);border-color:var(--seventy)}
.darkButton:hover svg{color: var(--first)}
.darkButtonRound{padding: 10px 25px;border:1px solid var(--second);color:var(--second);font-weight:700;border-radius:var(--border15);display: flex;align-items: center;width: fit-content}
.darkButtonRound span:last-child{background-color: var(--second);border-radius: var(--border10);margin-left: 20px;padding:5px 7px 0px 7px }
.darkButtonRound svg{color: var(--white)}
.darkButtonRound:hover{border-color: var(--first);color:var(--first);}
.darkButtonRound:hover span:last-child{background-color: var(--first)}
.SecondButton{padding: 10px 25px;background-color:var(--first);color:var(--white);font-weight:700;border-radius:var(--border15);display: flex;align-items: center;width: fit-content}
.SecondButton span:last-child{background-color: var(--white);border-radius: var(--border10);margin-left: 20px;padding:5px 7px 0px 7px }
.SecondButton:hover{background-color: var(--second)}
.SecondButton:hover svg{color:var(--second) !important;}
.darkButton span:first-child,.darkButtonRound span:first-child,.SecondButton span:first-child{padding-top: 3px}

/* Header */
.header{background-color: var(--iti-hover-color);z-index: 101;position: relative}
.header .logo{width: 220px;padding: 10px 0}
.header .menu{width: calc(100% - 420px);height: 88px}
.header .menu ul{margin: 0;display: inline-block}
.header .menu ul .submenu{width: max-content;background-color: var(--white);padding: 10px;position: absolute;display: none;z-index: 101;border-bottom-right-radius:5px;border-bottom-left-radius:5px;text-align: left}
.header .menu .first_li{float: left;margin-right: 20px;font-weight: 500;}
.header .menu .first_li a{padding: 10px 0}
.header .onlineRandevu{width: 200px;height: 88px;align-content:center}
.header .onlineRandevu .SecondButton{border-radius: var(--border5)}
.header .menu .submenu li{float: none;padding: 10px 10px 15px 10px;border-bottom:1px solid var(--light_gray);margin-bottom:10px;}
.header .menu .submenu li:last-child{border-bottom: 0;margin-bottom: 0}
.header .menu li .submenu li:hover a{color: var(--first)}
.header .menu li:hover .submenu,.header .menu li:hover ~ .body_overlay {display: block;transition-duration:0.4s;}
.header .menu li:hover .first_link{color: var(--first)}
.header .menu li .first_link{display: flex;align-items: center;height: 88px;border: none;background-color: transparent;}
.header .menu li a:hover{color:var(--second)}
.body_overlay {position: fixed;top: 88px;left: 0;width: 100%;height: 100%;z-index: 100;background-color: rgba(0, 0, 0, .6);display: none;}


/* Slider */
.slider{min-height: 450px;width: 100%;clear: both;position: relative}
.slider #gallery {position: absolute;width: 100%;height: 100%;z-index: 1;}
.slider #gallery > * {position: absolute;width: inherit;height: inherit;background: transparent none 50% 50% / cover no-repeat;transition: 0.7s;visibility: hidden;opacity: 0;}
.slider #gallery > *.isVisible {visibility: visible;opacity: 1;}
.slider .slider_content{margin-top: 100px;}
.slider .top_form{display: inherit !important;position: absolute}

.slider .slider_title{transition-duration:0.5s;position:absolute;color: var(--white);min-height: 390px;align-content: center;opacity: 0;}
.slider .lit_title{position:relative;font-size: 36px;font-weight: bold;}
.slider .big_title{position:relative;font-size: 42px;line-height: 1.2em;margin-right: 15px;font-weight: normal}
.slider .proses{background-color:red;position:absolute;bottom:0;height: 10px}
.slider .slider_container{display: list-item;position: relative}
.slider a{margin-top: 35px}
.slider span svg{color:var(--first)}
@keyframes fadein { 0% {top: 0;opacity: 1} 100% {top: +10px;opacity: 0} }
@keyframes fadeout {0% {top: 10px;opacity: 0} 100% {top: 0;opacity: 1}}

/* logo */
.st0 {fill-rule: evenodd;}  .st0, .st1 {fill: #d2d0d0;}  .st2 {fill: #e72d50;}  .st3 {fill: #e72f5f;}  .st4 {fill: #2d2a29;}  .st5 {fill: #e72d5e;}  .st6 {fill: #383532;}  .st7 {fill: #e51333;}  .st8 {fill: #d1d6ec;}  .st9 {fill: #b3b6dc;}

/* info_doctor */
.info_doctor .info_img{position: relative}
.info_doctor .open_hoursContent{bottom:0;right: 35px;position: absolute}
.info_doctor .open_time{background-color: #f4f3f2;color:#716f6f;padding:25px;border-radius:var(--border15);position: relative;width: 300px;}
.info_doctor .open_clock{position: absolute;top:-20px;right: -20px;background-color: #f4f3f2;padding: 10px 10px 7px 10px;border-radius:var(--border_circle);border:3px solid var(--white)}
.info_doctor b{font-size: 18px;margin-bottom: 20px;display: block}
.info_doctor .w3-row{font-size: 16px;margin-bottom: 7px}
.info_doctor h1,.info_doctor h2{margin: 0}
.info_doctor h2{color: var(--first);font-size: 18px}
.homeInfoLinkLeft{padding-right:10px;margin-top:20px}
.homeInfoLinkRight{padding-left: 10px;margin-top:20px}
.homeInfoLinkLeft a,.homeInfoLinkRight a{width: 100%;text-align:center;height:55px;align-content:center;display: block}

/* List One */
.list_one{background-color: var(--sixty)}
.list_one h3,.list_one h5{color:var(--first);margin-bottom: 30px;font-size: 36px}
.list_one .list_content{border-radius: var(--border10);margin-right: 15px;padding: 18px;box-shadow: var(--box-shadow);background-color: var(--white);min-height: 480px}
.list_one .list_content img{border-radius: var(--border10);border-bottom-left-radius: 0;border-bottom-right-radius: 0;margin-bottom: 20px}
.list_one .list_content b{font-size: 16px;}
.list_one .list_one_button{margin: auto;display: table}
.list_one .darkButton svg{color: var(--white)}

/* List Two */
.list_two .list_twoContent{background-color: var(--sixty);padding: 50px 30px;border-radius: var(--border10)}
.list_two .list_content{overflow: auto;border-bottom:1px solid var(--iti-border-gray);padding:20px 0}
.list_two .list_content b{font-size: 24px}
.list_two .list_content .w3-half:last-child{padding-left: 10px}
.list_two .list_content:last-child{border-bottom: 0}
.list_two .SecondButton svg{color: var(--first);}
.list_two .w3-half:first-child .list_twoContent{margin-right: 15px}
.list_two .w3-half:last-child .list_twoContent{margin-left: 15px}
.list_two h4,.list_two h5{font-size: 28px}
.list_two img{border-radius: var(--border10)}

/*Slider */
.sliderCont {overflow: hidden;position: relative;}
.sliderCont .w3-third{text-align: center}
.sliderCont > div{position: relative;display: inline-block;}
.sliderCont > div > div {display: contents !important;float: left !important;position: relative !important;}

/* Contracted Hospital */
.contracted_hospital .w3-quarter{margin: 15px 0}
.cont_hospital a{margin: auto;margin-top: 30px;}
.SecondButton span:last-child svg {
    color: var(--first);
}

/* Blog */
.blog_list h6{font-size: 30px;margin-bottom: 30px}
.blog_list .blog_listContent{position: relative;margin-right: 15px}
.blog_list .blog_listContent img{border-radius: var(--border15)}
.blog_list .blog_listContent a{display: flex}
.blog_list .blog_listContent .blog_link:before{content:'';width: 100%;height: 100%;position: absolute;top:0;left: 0;background-color: rgb(0,0,0,0.4);border-radius: var(--border10)}
.blog_list .blog_listContent .blog_listTitle{position: absolute;bottom:75px;font-size: 18px;left: 15px;right:15px;color: var(--white);font-weight: 700}
.blog_list .blog_listContent .blog_listDate{position: absolute;top: 20px;left: 15px;background-color: var(--white);padding: 7px 14px 5px 14px;font-size: 10px;font-weight: 700;border-radius: var(--border5);}
.blog_list .blog_listContent .blog_listCat{position: absolute;bottom: 25px;left: 15px;color: var(--white);background-color: var(--first);padding:4px 8px;border-radius: var(--border5);font-size: 12px;font-weight: 700}
.blog_list .blog_listContent svg{color: var(--second);border-radius: var(--border_circle);position: absolute;bottom: 22px;right: 15px;background-color: var(--white)}
.blog_list .blog_listContent a:hover:before{background-color: rgb(0,0,0,0.2)}
.blog_list .blog_listContent a:hover svg{color: var(--first)}

/* Page Cat URL */
.page .cat_url{background-color: var(--iti-hover-color);}
.page .cat_url .w3-auto{border-top:1px solid var(--iti-border-gray);padding: 20px 0}
.page .cat_url ul{padding: 0;display: flex;align-items: center}
.page .cat_url li{float: left;margin-right: 15px;font-size: 12px;font-weight: 700}
.page .cat_url li a{display: flex;align-items: center}
.page .cat_url li a.active,.page .cat_url li a:hover{color: var(--first)}
.page .cat_url li svg{margin-left: 15px}
.page .sub_cat_img{overflow: auto}
.page .sub_cat_img img{border-radius: var(--border15);border:1px solid var(--iti-border-gray)}
.page .sub_cat_title{font-size: 22px;font-weight: 700;margin-top: 25px;height: 75px}
.page .sub_cat_title:hover,.page .sub_cat h2{color:var(--first)}
.page .sub_cat_content{margin-right: 20px}
.page .sub_cat h2{font-size: 28px}
.page .sub_cat{margin-top: 50px}
.page .cat_title p{font-size: 18px}
.page .sub_list{margin-bottom: 50px}
.page .sub_cat .w3-quarter{margin-bottom: 20px}

/*Page Single */
.page_single{line-height: 1.2em}
.page_single img{border-radius: var(--border15);width: 100%}
.page_single iframe,.page iframe{width: 100%;height: 350px}
.page_single .imgcontent{position: relative;overflow: hidden;margin-bottom: 35px}
.page_single .date{position: absolute;bottom: 30px;right: 30px;font-size: 12px;font-weight: 700;background-color:var(--white);color:var(--first);padding: 7px 12px;border-radius: var(--border5);box-shadow: var(--box-shadow)}
.page_single h1{font-size: 24px;line-height: 1.2em}
.page_single h2,.page_single h3,.page_single h4,.page_single h5,.page_single h6{font-size: 18px}
.page_single li,.other_page li{position: relative;padding-left: 28px;line-height: 1.9em;}
.page_single li:before,.other_page li:before{content: "✓";position: absolute;left: 0;width: 20px;height: 20px;display: flex;justify-content: center;align-items: center;color: var(--first);border-radius: 50%;top: 3px;font-weight: bold;font-size: 18px;}
.page_single .single_contents li:before{content: none}
.page_single .single_contents li a:before{content: counters(list-item, '.', decimal) '. ';display: inline-block;counter-increment: item;flex-grow: 0;flex-shrink: 0;margin-right: .2em;float: left;}
.page_single .single_contents ul{margin: 0;padding: 0}
.page_single .single_contents ul ul{margin-left: 1.2em}
.page_single .single_contents ul ul ul{margin-left: 1.4em}
.page_single .single_contents ul ul ul ul{margin-left: 1.6em}
.page_single .single_contents .content_table{font-size: 18px;font-weight: 700}
.page_single .single_contents ul a:hover{color:var(--first);text-decoration: underline}
.page_single .single_contents{margin:20px 0;background-color:var(--sixty);border-radius:var(--border15);padding:20px;font-size:13px}
.page_single .right .right_content{margin-left: 25px}
.page_single .right_search{background-color:var(--first);padding:20px;border-radius:var(--border10);margin-bottom:30px}
.page_single .right_search .search_input{padding:7px;width:calc(100% - 55px);float:left;border:none;height:45px;border-top-left-radius:var(--border5);border-bottom-left-radius:var(--border5)}
.page_single .right_search button{width: 55px;border: none;border-top-right-radius:var(--border5);border-bottom-right-radius:var(--border5)}

.contact .contact_title{margin-bottom: 45px !important;font-size: 36px !important;font-weight: 700}
.contact .contact_address,.contact .contact_maps{margin-top:40px}
.contact h1{font-size: 30px}
.contact h2{font-size: 16px;font-weight: 100}
.contact h3,.contact h4{font-size: 20px}

.ozgecmis h2{color: var(--first);font-size: 20px;font-weight: 100}
.ozgecmis h5{font-size: 24px}
.gizlilik-politikamiz a{color:var(--first)}

.page_search b{font-size: 24px}

/*Search */
.pages{margin: 20px 0}
.pages li{float: none;margin: 0 3px;line-height: inherit;list-style-type: none;display: inline-block;vertical-align: middle;padding-left:initial}
.pages li a{color: var(--fourth);width: 36px;display: table-cell;font-size: 14px;background: var(--light_gray);text-align: center;position: relative;line-height: 36px;border-radius: var(--radius6);border: 1px solid var(--iti-text-gray);}
.pages .pagesLink.active a,.pages .pagesLink a:hover{color: var(--white);background-color: var(--first);border-color: var(--first);}
.pages .pagesLink:before{display: none}


    /* footer */
.footer{background-color:var(--sixty);border-top: 1px solid var(--iti-border-gray);color:var(--iti-arrow-color);padding: 50px 0 20px 0}
.footer b{margin-bottom: 10px;display: block;font-size: 18px}
.footer ul{padding-left: 0;}
.footer li{margin-bottom: 5px;font-size: 14px}
.footer li:before{content:"■";font-size:18px;vertical-align:middle;line-height:20px;margin-right:7px;color:var(--first)}
.footer li a:hover{color: var(--first);text-decoration: underline}
.footer .doctorContent strong{font-size: 24px;color:var(--first)}
.footer p{font-size: 13px;}
.footer .doctorContent{padding-right: 10px;margin-right:15px;border-right: 1px solid var(--iti-hover-color)}
.footer .footer_bottom{margin-top: 20px;padding-top: 20px;border-top: 1px solid var(--iti-hover-color);display: flex;align-items: center}
.footer .footer_bottom b{margin-bottom: 0}
.footer .footer_bottom p{margin: 4px 0}


.top_contBtn{display: block;margin-top: 50px;background-color: var(--first);width: max-content;border-radius: var(--border);color: var(--white);font-weight: 500;padding: 18px 35px}
.top_contBtn:hover{background-color: var(--second)}
.buton_detail{background-color: var(--second);color: var(--white);font-weight: bold;padding: 12px;}
.buton_detail:hover{background-color: var(--black)}
.displayFlex{display: flex}
.displayFlex p{margin: auto auto 30px auto}

/* Alert */
.alert-light-warning{color:var(--warning);background-color:var(--warningbg);border: 1px solid var(--warning);border-radius: 5px;padding: 0.9375rem}



.whatsAppIcon{right: 20px;bottom: 20px;position: fixed;background-color:var(--whatsapp);color:var(--white);border-radius:50%;padding:13px 15px;z-index: 99}
.whatsAppIcon a,.callIcon a{display: block}
.callIcon{bottom: 20px;left: 20px;position: fixed;background-color: var(--first);color: var(--white);border-radius: 50%;padding: 15px 15px 12px 15px;z-index: 99;}
.mobilContent{display: none}

/* Fonts */
/* Soleil */
@font-face {font-family: 'Soleil';font-style: normal;font-weight: 700;font-display: swap;src: url(../images/fonts/SoleilBold.woff2) format('Woff');}
@font-face {font-family: 'Soleil';font-style: normal;font-weight: 400;font-display: swap;src: url(../images/fonts/SoleilRegular.woff2) format('Woff');}
@font-face {font-family: 'Soleil';font-style: normal;font-weight: 100;font-display: swap;src: url(../images/fonts/SoleilLight.woff2) format('Woff');}


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

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

}

/* MOBIL CSS YATAY */
@media only screen and (max-width: 999px) and (orientation: landscape) {
    body{background-color: #212121;z-index: 9999;}
    body::after{background: url('../images/phone_device.jpg');background-position:  top; background-repeat:  no-repeat; background-size: cover; content:'';display: block;height: 500px}
    body div{display: none}
}

/* MOBIL CSS */
@media only screen and (max-width: 559px) {
    .desktop,.menu{display: none}
    .mobilContent{display: block}
    .app-hamburger{appearance: none;background-color: transparent !important;border: 0;margin: 0;padding: 10px;}
    .inner{display: block;height: 12px;position: relative;width: 22px;}
    .inner:before, .inner:after{;background: var(--white);content: "";display: block;height: 4px;left: 0;position: absolute;right: 0;top: 50%;transform-origin: center;transition: .15s;}
    .deactive .inner:before{transform:translateY(-150%) rotate(0)}
    .deactive .inner:after{transform:translateY(50%) rotate(0)}
    .active .inner:before{transform: translateY(-50%) rotate(-45deg)}
    .active .inner:after{transform: translateY(-50%) rotate(45deg)}
    .sr-only{clip: rect(0,0,0,0);border: 0;height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;white-space: nowrap;width: 1px;}
    .list_one .w3-quarter{margin-bottom: 20px}
    .list_two .list_content .w3-half:last-child{padding-left: 0;margin-top: 10px}
    .list_two .w3-half:last-child .list_twoContent{margin-left: 0;margin-top: 20px;margin-right: 15px}
    .blog_list .w3-quarter,.footer .w3-quarter{margin-bottom: 20px}
    .footer .doctorContent{border-right: 0}
    .footer_bottom .w3-half{margin-bottom: 10px;text-align: left !important;}
    .footer .footer_bottom{display: inline-grid}
    .info_doctor .open_hoursContent{position: relative;margin-bottom: 20px;right: auto;bottom: auto}
    .info_doctor .info_img{padding: 0}
    .info_doctor .info_img img{display: none}
    .slider .slider_content{padding: 0 16px}
    .slider .lit_title{font-size: 18px}
    .slider .big_title{font-size: 24px}
    .slider{min-height: 300px}
    .slider .slider_content{margin-top: 50px}
    .header .onlineRandevu{width: 100%}
    .header .onlineRandevu a{margin: auto}
    .onlineRandevu{height: auto !important;margin: 15px auto}
    .page .cat_url ul{padding: 0 20px}
    .page_single .right .right_content{margin-left: 0;margin-top: 20px}
    .page .cat_url ul{display: inline-grid}
    .page .cat_url li{margin-right: 0;margin-bottom: 10px}
    /*menu */
    .app-hamburger{appearance: none;background-color: transparent !important;border: 0;margin: 0;padding: 10px;}
    .inner{display: block;height: 12px;position: relative;width: 22px;}
    .inner:before, .inner:after{;background: var(--black);content: "";display: block;height: 4px;left: 0;position: absolute;right: 0;top: 50%;transform-origin: center;transition: .15s;}
    .deactive .inner:before{transform:translateY(-150%) rotate(0)}
    .deactive .inner:after{transform:translateY(50%) rotate(0)}
    .active .inner:before{transform: translateY(-50%) rotate(-45deg)}
    .active .inner:after{transform: translateY(-50%) rotate(45deg)}
    .mobil_menu{position: relative;top:20px;float: right;width: 50px}
    .mobilmenuContent {
        background-color: #f6f7fa;
        width: 100% !important;
        height: 100%;
        transition: 0.4s;
        top: 155px;
        position: fixed;
        overflow-y: auto;
        left: 105%;
        overflow-x: hidden;
        bottom: 50px;
        z-index: 1;
        padding-bottom: 60px;
    }
    .mobilmenuContent ul{margin: 0;padding: 0;overflow-y: auto}
    .firstMenu .sub_dropdown {
        display: none;
        background-color: var(--white);
        padding: 0 2rem;
        border-top: 1px solid var(--iti-border-gray);
        margin-top: -1px;
    }
    .mobilmenuContent .firstMenu button,.mobilmenuContent .firstMenu a {
        padding-bottom: 1rem;
        border-bottom: 1px solid var(--iti-border-gray);
        margin: 2rem;
        margin-bottom: 0;
        font-size: 18px;
        font-weight: bold;
        position: relative;
        display: block;
        width: -webkit-fill-available;
        text-align: left;
        color: var(--black);
    }
    .mobilmenuContent button {
        background-color: transparent;
        border: none;
        color: var(--white);
        margin: 0;
        padding: 0;
    }
    .mobilmenuContent svg {
        position: absolute;
        right: 0;
        top: 5px;
    }
    .mobilmenuContent .drop_menu{position: relative}
    .msnLink{    width: min-content !important;
        right: 0 !important;
        position: absolute !important;
        top: 0 !important;
        margin-top: 0 !important;}
    .info_doctor .open_time{width: 100%}
    .info_doctor .open_time .w3-half{width: 50%}
    .page_single img{width: 100%}
    .page .sub_list .w3-quarter{width: 50%}
    .page .sub_cat_title{height: 85px}
    .homeInfoLinkLeft{padding-right:0;}
    .homeInfoLinkRight{padding-left: 0}
    .list_two .list_twoContent{background-color: transparent;padding: 50px 0}
    .blog_list .w3-quarter{width: 50%}
    .blog_list .blog_listContent .blog_listTitle{bottom:50px;font-size: 14px}
    .header .onlineRandevu{display: none}



}