@font-face {
  font-family: Gotham;
  src: url('../fonts/Gotham-Medium.otf');
  font-weight: 500;
}

@font-face {
  font-family: Gotham;
  src: url('../fonts/Gotham-Light.otf');
  font-weight: 400;
}

@font-face {
  font-family: Gotham;
  src: url('../fonts/Gotham-Thin.otf');
  font-weight: 300;
}


@font-face {
  font-family: Gotham;
  src: url('../fonts/Gotham-Ultra.otf');
  font-weight: 600;
}

@font-face {
  font-family: GothamBook;
  src: url('../fonts/Gotham-Book.otf');
  font-weight: 500;
}


/*********************  GENEL AYARLAR ***************/
*{
    font-family: Gotham;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: Gotham;
    font-weight: 400;
}

body{
    background-color: #4B6D8C;

}

b, strong{
    font-weight: 500;
}

.grecaptcha-badge{
    display: none;
}



/************************** PRE LOADER *******************************/
#preloader{
    position: fixed;
    top:0;
    right:0;
    left:0;
    bottom:0;
    background:#C4DFF2;
    z-index:99999999999999;
}

#preloader.sv{
    background:#c4e1f5;
}



#preloader.sv .flip-box{
    width: 600px;
    margin-left:-300px;
    margin-top:-110px;
}



.flip-box {
    background-color: transparent;
    width: 300px;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
    position: absolute;
    left:50%;
    top:50%;
    margin-left:-150px;
    margin-top:-55px;
}


.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}


.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}


.flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
}


.flip-box-front {
    background-color: #bbb;
    color: black;
}


.flip-box-back {
    background-color: dodgerblue;
    color: white;
    transform: rotateY(180deg);
}




.flip-box-inner {
    -webkit-animation: rotation 3s infinite linear;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotateY(0deg);
    }
    to {
        -webkit-transform: rotateY(360deg);
    }
}



















/***********************  TOP MENÜ *****************************/
.primary_nav li a{
    font-weight: 500;
}
ul.sub-menu.open{
    background-color:rgba(37,61,83,.95) !important;
}

.logo a.brand img{
    margin-left:60px;
}



/********************** ANA NAVİGASYON ****************/
.secondary_nav_widgetized_area{
    background-color:rgba(37,61,83,.95);
}
.secondary_nav_widgetized_area nav a{
    font-family: GothamBook;
}

.secondary_nav_widgetized_area .widget h4,
.secondary_nav_widgetized_area .widget div{
    font-weight: 400;
}

.secondary_nav_widgetized_area nav ul li a:before{
    background:#253D53;
}


.secondary_nav_widgetized_area nav ul li a:hover, .secondary_nav_widgetized_area nav ul li a:active, .secondary_nav_widgetized_area nav ul li a.active, .secondary_nav_widgetized_area nav ul li a:focus{
    background-color:transparent;
}


.secondary_nav_widgetized_area nav ul:after{
    height:auto;
}


.secondary_nav_widgetized_area ul.sub-menu{
    display: none !important;
}



.secondary_nav_widgetized_area li:hover > ul.sub-menu{
    display: block !important;
}

.secondary_nav_widgetized_area li > span{
    color: white;
    display: block;
    margin: 5px 10px 5px 30px;
    padding-bottom: 5px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    font-size:16px;
}






/************************* FORM AYARLARI **********************************/
.form-control:focus, input:focus, select:focus,
input.form-control, textarea.form-control{

    background-color:transparent;
    border-color:white !important;
    color:white;
    border-radius: 10px;
    min-height: auto;
    padding:10px;
}
input.form-control[readonly]{
    background:none;
}

select.form-control{
    background-color: rgba(  0,0,0,0 );
    background-image:url("https://bac.clinic/static/xenia/img/select-arrow.png");
    color:white;
    font-family: Gotham;
}
select option{
    font-family: Gotham;
    font-size:16px;
    color:black !important;

}
.form-group label:not(.error){
    font-family: Gotham;
    font-size:16px;
    font-weight: 500;
    color:white;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: white !important;
}



/************************************************** HAİR FORM **********************************************************/
#hair_form{
    display: block;
    max-width: 450px;
    border:2px solid #577593;
    background-color: #ffffff;
    border-radius: 15px;
    height:500px;
    width: 100%;
    margin:0 auto;
    position: absolute;
    top: 200px;
    z-index:1;
    left: 79px;
}

#hair_form h2{
    font-weight: 600;
    text-transform: none;
    margin: 15px 0;
    background:white;
    color: #577593;
    font-size: 16px;
}

#hair_form .paginate ul{
    list-style: none;
    counter-reset: say;
}

#hair_form .paginate ul:after{
    content: "";
    display: block;
    clear:both;
}

#hair_form .paginate ul li{
    float:left;
    width:25%;
    text-align: center;
    font-size:12px;
    position: relative;
    z-index: 3;
}

#hair_form .paginate ul li:before{
    content: counter( say );
    counter-increment: say;
    display: block;
    margin:0 auto;
    text-align: center;
    width: 25px;
    height:25px;
    line-height: 25px;
    background-color: #dbdbdb;
    color:#333;
    border-radius: 5px;
    z-index:2;
    font-size: 12px;
}

#hair_form .paginate ul li.active:before{
    background-color: #577593;
    color:white;
}

#hair_form .paginate ul li:after{
    content: "";
    display: block;
    height:2px;
    width: calc( 100% - 25px );
    background-color: #dbdbdb;
    position: absolute;
    left:0;
    top:11px;
    transform:translateX( -50% );
    z-index:-1;
}


#hair_form .paginate ul li.active:after{
    background-color: #577593 ;
}


#hair_form .paginate ul li:first-child:after{
    display: none;
}



#hair_form .holder{
    position:relative;
    margin:15px;

    height:400px;
    overflow: hidden;


}


#hair_form .holder .sayfa{
    position: absolute;
    width:100%;
    top:0;
    left:0;
    background-color: #fafafa;
    border: 1px solid #ddd;
    z-index:1;
    transition:left 300ms ease-out;
    padding:0 15px 15px 15px;
}

#hair_form .holder #hair_form_sayfa2,
#hair_form .holder #hair_form_sayfa3,
#hair_form .holder #hair_form_sayfa4{
    left:calc( 100% + 15px );

}





#hair_form .holder .sayfa select,
#hair_form .holder .sayfa select:focus{
    -webkit-appearance: auto !important;
    color:unset;
    border-radius: unset;
    width: 100%;
    border: 1px solid #a0a0bb !important;
    padding: 8px;
}


#hair_form .holder .sayfa .buttons{
    padding:30px 15px;
}

#hair_form .holder .sayfa .btn-next,
#hair_form .holder .sayfa .btn-back{
    border-color:#577593;
    color:#577593 !important;
}

#hair_form .holder .sayfa .btn-next:before,
#hair_form .holder .sayfa .btn-back:before{
    background-color:#577593 !important; ;
}

#hair_form .holder .sayfa .btn-next:hover,
#hair_form .holder .sayfa .btn-back:hover{
    color:white !important;
    background-color: white !important;
}


#hair_form .holder .sayfa h3{
    font-size: 14px;
    font-weight: 500;
    color:#577593;
    margin:15px 0;
    text-transform: none;
}





#hair_form_sayfa1 .gender{
    padding:0 43px;
}
#hair_form_sayfa1 .gender img{
    border: 1px solid #b0b0b0;
    filter: brightness(1.2) grayscale(1) opacity(.7);
    transition: filter 300ms ease-out;
    cursor:pointer;
}

#hair_form_sayfa1 .gender img:hover{
    filter: brightness(1.2) grayscale(.5) opacity(.9);
}

#hair_form_sayfa1 .gender img.active{
    filter:none;
}


#hair_form_sayfa2 .history{
    text-align: center;
}

#hair_form_sayfa2 .btn-yes,
#hair_form_sayfa2 .btn-no{
    display: inline-block;
    width: 100px;
    height:100px;
    border: 1px solid #577593;
    color:#577593;
    line-height: 100px;
    text-align: center;
    opacity: 0.5;
    transition: all 300ms ease-out;
}

#hair_form_sayfa2 .btn-yes:hover,
#hair_form_sayfa2 .btn-no:hover{
    opacity: 1;
}

#hair_form_sayfa2 .btn-yes.active,
#hair_form_sayfa2 .btn-no.active{
    background-color: #577593;
    color:white;
    opacity: 1;
}






#hair_form_sayfa3 .erkekler,
#hair_form_sayfa3 .kadinlar{
    display: none;
}


#hair_form_sayfa3 .erkekler.active,
#hair_form_sayfa3 .kadinlar.active{
    display: block;
}

#hair_form_sayfa3 .erkekler img,
#hair_form_sayfa3 .kadinlar img{
    border: 1px solid #b0b0b0;
    filter: brightness(1.2) grayscale(1) opacity(.7);
    transition: filter 300ms ease-out;
    cursor:pointer;
}

#hair_form_sayfa3 .erkekler img:hover,
#hair_form_sayfa3 .kadinlar img:hover{
    filter: brightness(1.2) grayscale(.5) opacity(.9);
}

#hair_form_sayfa3 .erkekler img.active,
#hair_form_sayfa3 .kadinlar img.active{
    filter:none;
}



#hair_form_sayfa4 .inputs input,
#hair_form_sayfa4 .inputs input:focus{
    border: 1px solid #a0a0bb !important;
    padding: 8px !important;
    border-radius: 8px !important;
    width: 100%;
    margin:15px 0;
    color:#a0a0bb !important;

}

#hair_form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
     color: #a0a0bb !important;
     opacity: 1; /* Firefox */
 }


#hair_form :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #a0a0bb !important;
}

#hair_form ::-ms-input-placeholder { /* Microsoft Edge */
    color: #a0a0bb !important;
}







/********************** BOOK A CONSULTATİON *******************************/
#myModal .form-control:focus, #myModal input:focus, #myModal select:focus,
#myModal input.form-control, #myModal textarea.form-control{
    border-color:#4B6D8C !important;
    color:#4B6D8C
}
#myModal label{
    color:#4B6D8C;
}


#myModal ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white !important;
    opacity: 1; /* Firefox */
}

#myModal :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white !important;
}

#myModal ::-ms-input-placeholder { /* Microsoft Edge */
    color: white !important;
}


#myModal .modal-header,#myModal .modal-footer{
    background: #4B6D8C;
    color: white;
}


#myModal .modal-dialog{
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 3px 3px 3px rgba(0,0,0,.4);
}
#myModal .modal-footer button{
    width: 100%;
    border-radius: 10px;
    background: none;
    border-color:white !important;
}

#myModal .modal-footer button:before,
#myModal .modal-footer button:after{
    display: none;
}





    /******************* TOP BAR ************************/
.header.transparent{
    background-color: transparent !important;
}
.mainbar{
    background: transparent !important;


}
#page_wrapper .primary_nav li.last a{
    display: inline-block;
    padding:10px !important;
    background:white;
    border-radius:5px;
    color:#4B6D8C;
    font-weight: 500;
}

.header nav.primary_nav ul li a:before{
   background: #253D53;
}


a.menu-toggler{
    transform: translate(0, -50%) scale(1.4);
}

#menu_title{
    margin-top:5px;
    font-size:7px;
}

.header nav.primary_nav .sub-nav{
    border-radius: 10px;
}

.header nav.primary_nav .sub-nav li a{
    margin:15px !important;
    font-weight: 400;
}

a.menu-toggler{
    top:56%
}

#dil_secimi{
    position: absolute;
    display: inline-block;
    top:37px;
    right:130px;
    color:white;
}

#dil_secimi a{
    color:white;
    font-family: Gotham;
    display: inline-block;
    padding:0 5px;
    font-weight: 600;
}



/************************** VİTRİN **************************************/

#vitrin{
    background-image: url("../images/anasayfa-foto/body_bg.png");
    background-size: contain;
}

#vitrin .twentytwenty-overlay{
    display: none;
}


/****************************** FORM ********************************************/
#form{
    width:300px;
    position: absolute;
    top:55px;
    left:50px;
    z-index:3
}


#form2{
    padding:0 15px 100px 15px;
    display: none;
}

#form .btn, #form2 .btn{
   border-color:white;
    background: white;
    color:#4B6D8C !important;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    font-weight: 500;
}


#form .btn:before, #form2 .btn:before{
    background: white;
}

/**************************** MAİN TAB *******************************************/


#main-tab .tab-content{
    border-top: 5px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;

}
#main-tab .nav-tabs li a{
    font-weight: 500;
    color: #4B6D8C;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: white;
    opacity: .4;
    font-size:11px;
    padding:3px;
}


#main-tab .nav-tabs li.active a{
    border-top: none;
    opacity: 1;

}

#main-tab .tab-pane{
    padding:16px;
}
#main-tab *{
    color:white;
}


#main-tab .btn{
   border-color:white;
    background: white;
    color:#4B6D8C !important;
    border-radius: 10px;
    overflow: hidden;
}


#main-tab .btn:before{
    background: white;
}


/***************************** DOKTOR ******************************/
#doktor{
    background: #f8fcfd;
    color: #4B6D8C;
}
#dr_aciklama{
    padding:10% 20px;
}


#doktor h2:first-child{
    transform: translateX(-100px);
}






/******************************* FEEDBACK *****************************************/
#feedback{
    padding:50px 0;
    background-color:#B6D8EB;
}
#feedback *{
    color:#4B6D8C;
}

#feedback img{
    display:inline !important;
}


#feedback .btn{
   border-color:#4B6D8C;
    background: #4B6D8C;
    color:#B6D8EB !important;
    border-radius: 10px;
    overflow: hidden;
}


#feedback .btn:before{
    background: #4B6D8C;
}
#feedback .slick-prev:before{
    content:'<'
}

#feedback .slick-next:before{
    content:'>'
}

#feedback .slick-prev:before, #feedback .slick-next:before{
    font-size:80px;
    top:-40px;
    left:-20px;
    color:#4B6D8C
}



/************************** WHY **************************************/
#why{
    background-image: url("../images/anasayfa-foto/why_bg.png%3Fv=1");
    background-position: center center;
}



#why ul li img{
    margin-right:15px;
    margin-top:-3px;
}
#why ul li, #why h2{
    text-align: right;
    color:white;
    list-style: none;
    margin:16px 0;
}


#why h2{
    margin:50px 15px 50px 0;

}


#why h2 img{
    max-width: 110px;
    margin-top: -8px;
    margin-left: 4px;
}
#why ul{
    padding:0px 16px 50px 16px;
}

/************************** İSTANBUL **************************************/
#istanbul{
    background-image: url("../images/anasayfa-foto/istanbul.jpg");
    background-position: center left;
    padding:60px 0 140px 0;
}


#istanbul h2{
    margin:50px 0 50px 0;
    color:#4B6D8C;
}
#istanbul p{
    color:#4B6D8C;
}



#istanbul .btn{
    border-color:#4B6D8C;
    background: #4B6D8C;
    color:#B6D8EB !important;
    border-radius: 10px;
    overflow: hidden;
}


#istanbul .btn:before{
    background: #4B6D8C;
}












/******************************** HİZMETLER *****************************************/

#hizmetler{
    background-color: white;
    padding:50px 0;

}

#hizmetler *{
    color:#4B6D8C
}

#hizmetler h4{
    font-weight: 500;
}




/************************************ CONTACTS ****************************************/

#contact{
    padding:50px 0 80px 0;
    background-color:#B6D8EB;
}

#contact .col-md-6:first-child{
    border-right:1px solid #4B6D8C;
}

#contact h2{
    font-size:24px;
}
#contact .col-md-6{
    text-align: center;

}
#contact .col-md-6 *{
    transform:scale(.8) ;
}

#contact .btn{
   border-color:#4B6D8C;
    background: #4B6D8C;
    color:#B6D8EB !important;
    border-radius: 10px;
    overflow: hidden;
}


#contact .btn:before{
    background: #4B6D8C;
}




/******************************* DÜZ SAYFA **********************************/
.header-holder{
    height: 80px;
    background:#4B6D8C;
}
.duz_sayfa{
    padding:80px 15px;
    background:white;
}
.duz_sayfa *{
    font-family: Gotham;
    color:#4B6D8C;
}
.duz_sayfa h2, .duz_sayfa h3, .duz_sayfa h4{
    text-transform:none;
}

.duz-sayfa-nav{
    list-style: none;
    margin-top:24px;
}

.duz-sayfa-nav a{
    display: inline-block;
    padding:10px;
    background: #4B6D8C;
    color:white;
    border-radius: 10px;
    margin:10px 0;
    width: 100%;
    text-align: center;
}


.duz_sayfa .panel-default>.panel-heading{
    background-color:#4B6D8C;
    color:white !important;
}

.duz_sayfa .panel-default>.panel-heading h4{
    color:white;
}
.duz_sayfa .panel-default>.panel-heading h4 a:hover,
.duz_sayfa .panel-default>.panel-heading h4 a:active,
.duz_sayfa .panel-default>.panel-heading h4 a:focus{
    color:white !important;
}
#tablet_table{
    margin:15px 0;
}
#tablet_table td{
    border:1px solid #4B6D8C;
    padding:15px;
    text-align: center;
    vertical-align: middle;
}

#tablet_table td:first-child{
    background: #4B6D8C;
    color:white;
}

.duz_sayfa iframe.utube{
    height:315px;
    max-width: 500px ;
    display: inline-block;
    width: 100%
}


.duz_sayfa h1,
.duz_sayfa h2{
    font-weight: 500;
}

.duz_sayfa h1{
    font-size: 22px;
}

.duz_sayfa h2{
    font-size: 20px;
}


/**************************************** PAGE PRİCE ****************************************/
#page-price{
    background-color: #4B6D8C;
    color: white;
    padding:20px;
    border-radius: 20px;
    margin-top:20px;
}

#page-price h2{
    color:inherit;
    font-size: 20px;
    font-weight: 500;
    margin-top:0;
}

#page-price p{
    color:inherit;
    margin-bottom:0;
}

/**************************************** PAGE TABLE ******************************************************/
#page-table{
    margin-top:30px;

}

#page-table ul.nav{
    border:none;
    background-color: #0f255738;
    border-radius: 10px;
}

#page-table ul.nav > li{
    width: 33.3%;
}

#page-table ul.nav > li:nth-child(2){
    text-align: center;
}
#page-table ul.nav > li:last-child{
    text-align: right;
}


#page-table ul.nav > li a{
    border:none;
    background: none ;
}




#page-table.page-table-2 ul.nav > li{
    width: 25%;
}

#page-table.page-table-2 ul.nav > li:nth-child(3){
    text-align: center;
}




#page-table .tab-content {
    padding: 30px 0;
}


#page-table table{
    border-radius: 15px;
    overflow: hidden ;
    width: 100%;
}

#page-table table td{
    vertical-align: top;
    padding:10px 15px;

}

#page-table table tr:first-child,
#page-table table tr:last-child{
    background-color: #4B6D8C;
    color:white;
}

#page-table table tr.cift{
    background-color: #0f255738;
}


#page-table table td{
    color:inherit;
}

#page-table table td:first-child{
    width: 30%;
    font-weight: 500;
    text-transform:capitalize;
}

#page-table h2{
    font-size: 20px;
    font-weight: 500;
}



/********************************************* KATEGORİ HOME *******************************************************/
#country-table{
    max-width: 680px;
    margin:0 auto;
    margin-top:60px;
    width: 100%;
}


#country-table table{
    width: 300px;
    border: 1px solid #4B6D8C;
    border-radius: 15px ;
    overflow: hidden;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    float:left;
}
#country-table table.tr{
    margin-left:80px;
}

#country-table table td{
    padding:5px 10px;
    font-size:16px;
}

#country-table table tr:first-child{
    background: #4B6D8C;
}



#country-table table tr:first-child td{
    text-align: center;
    color:white;
}


.duz_sayfa .kategoriler{
    margin-top:60px;
}

.duz_sayfa .kategoriler .holder{
    padding:15px;
}

.duz_sayfa .kategoriler .holder img{
    width: 100%;
}

.duz_sayfa .kategoriler .holder h2{
    font-size: 16px;
    font-weight: 500;
}

.duz_sayfa .kategoriler .holder p{
    font-size:12px;
}


.duz_sayfa .kategoriler .btn{
    color:white !important;
    border-color:#4B6D8C;
    background-color: #4B6D8C;
    text-transform: capitalize;
    font-size: 12px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

/******************************************* İLETİŞİM SAYFASI *******************************************/
#iletisim{
    background: white;
}

#iletisim address span{
    display: inline-block;
    margin-bottom:10px;
}

#iletisim a{
    color:#4B6D8C;
}

#iletisim form{
    margin:23px 0;
}

#iletisim .btn{
    background:#4B6D8C ;
    color:white;
    border-color:#4B6D8C;
    border-radius: 10px;
}

#iletisim .btn:before{
    background:#4B6D8C ;
}




#iletisim .form-control:focus, #iletisim input:focus, #iletisim select:focus,
#iletisim input.form-control, #iletisim textarea.form-control{

    background-color:transparent;
    border-color:#4B6D8C !important;
    color:#4B6D8C;
    border-radius: 10px;
    min-height: auto;
    padding:10px;
}
#iletisim  input.form-control[readonly]{
    background:none;
}

#iletisim select.form-control{
    background-color: rgba(  0,0,0,0 );
    background-image:url("https://bac.clinic/static/xenia/img/select-arrow.png");
    color:#4B6D8C;
    font-family: Gotham;
}
#iletisim select option{
    font-family: Gotham;
    font-size:16px;
    color:black !important;

}
#iletisim .form-group label:not(.error){
    font-family: Gotham;
    font-size:16px;
    font-weight: 500;
    color:#4B6D8C;
}

#iletisim ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #4B6D8C !important;
    opacity: 1; /* Firefox */
}

#iletisim :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #4B6D8C !important;
}

#iletisim ::-ms-input-placeholder { /* Microsoft Edge */
    color: #4B6D8C !important;
}

/*************************************** FOOTER ***************************************************/
footer{
    padding:50px 0;
    background-color:#4B6D8C;
}

footer *{
    color:white !important;
    font-weight: 400;
}
footer h2{
    font-size:16px;
}

footer ul li{
    list-style:none;
}

footer .logo{
    max-width: 100px;
    margin-left:9px;
}


footer .col-md-4{
    border-right:1px solid white;
    min-height:360px;
}

footer .col-md-4:last-child{
    border:none;
}


/*********************************** GALERİ *********************************************/
#galeri img{
    margin:5px;
    border: 1px solid #4B6D8C
}


#galeri .portfolio_item{
    padding: 2.5px 5px;
}



/********************************* ANASAYFA GALERİ **********************************************/

#anasayfa-galeri{
    padding: 50px 0;
    background: #C4DFF2;
}
#anasayfa-galeri h2{
    margin-bottom:50px;
    color:#4B6D8C;
    font-family: Gotham;
}
.anasayfa-galeri{
    width: 80%;
    margin:0 auto;
}


#anasayfa-galeri .slick-dots{
    bottom:-45px;
}
#anasayfa-galeri .slick-dots li button::before{
    font-size:17px;
    color:#4B6D8C;
}


#anasayfa-galeri .slick-prev:before, #anasayfa-galeri .slick-next:before{
    color:#4B6D8C;
}


#anasayfa-galeri .youtube img{
    max-width: 100px
}

#anasayfa-galeri .instagram img{
    max-width: 174px;
    transform:translateX(70px)
}



/*************************** MEDİCAL TURİSM*****************************/
.turizm h2{
    border-bottom:3px solid #4B6D8C;
    padding:10px 0;
}
.turizm .bayrak{
    text-align: center;
    padding:25px 0
}
.turizm .info{
    padding:25px;
}

.turizm h3{
    margin-top:0;
}


.turizm .bayrak img{
    border-radius: 50%;
    width:100px
}

.turizm .zoom{
    zoom:.7;
}



/******************************** COVİD-19 *********************************/
#covid{
    background-color:#4B6D8C
}

#covid > div >a{
    height: 90px;
    padding: 35px 66px 21px;
    color:white;
    text-align: center;
    display: block;
}

#covid > div >a > span:first-child{
    font-size:48px;
    color:white;
}
#covid > div >a > span:nth-child(2){
    display: inline-block;
    line-height: 47px;
    vertical-align: middle;
    margin-top: -33px;
    font-size: 25px;
    margin-left: 15px;
}

#covid .panel-title > a{
    text-transform:capitalize;
}

#covid .panel-title > a:hover,#covid .panel-title > a:active,
#covid .panel-title > a:focus{
    color:black !important;
}


#covid .modal-body{
    padding: 15px 50px;
}

#covid .panel-body a{
    color:#4B6D8C;
}




@media (max-width:1780px){

}


@media (max-width:1280px){
    #form{
        display: none;
    }
    #form2{
        display: block;

    }

    #form2 .container{
        padding:0 100px;
    }

    #hair_form{
        position: relative;
        top:auto;
        left:auto;


    }
}






@media (max-width:992px){
   footer .col-md-4{
       border:none;
       min-height:auto;
       text-align: center;
   }

    #contact .col-md-6:first-child{
        border-right:none;
    }
    #contact .col-md-6:last-child{
        margin-top:80px;
    }
    #feedback .slick-prev:before, #feedback .slick-next:before{
        display:none;
    }

    #form2 .container{
        padding:0 50px;
    }


    .turizm .info{
        text-align: center;
    }
    #main{
        padding-top:80px;
    }
    #main *{
        text-align: center;
    }

}


@media ( max-width: 768px ){
    #country-table table{
        float: none;
        margin:0 auto !important;
    }


    #country-table table{
        margin-top:60px !important;
    }



}




@media (max-width:700px){

    #preloader.sv .flip-box{
        width: 300px;
        margin-left:-150px;
        margin-top:-55px;
    }


    #vitrin{
        padding-top:50px !important;
    }

    .logo a.brand img{
        margin-left:10px;
    }
}

@media (max-width:500px) {





    #anasayfa-galeri .youtube,
    #anasayfa-galeri .instagram{
        display: block;
        text-align: center;
        margin-top:25px;

    }

    #anasayfa-galeri .youtube{
        margin-top:50px;
    }

    #anasayfa-galeri .instagram img{
        transform:translateX(0);
    }
}