body {
    padding: 0;
    margin: 0;
    border: 0;
    background: #e9e9e9 url(../images/bodybg.jpg) top center no-repeat;
}
ul li{ list-style-type: none; }
a{text-decoration:none;color:black; }
a:hover{ text-decoration:none;color:black; }
ul{margin:0;}
.container , .container-fluid , .row , ul{padding:0;}
#preloader {position:fixed;top:0;left:0;right:0;bottom:0;background: linear-gradient(to bottom, #f7f7f7 ,white ,white ,white ,white , #f7f7f7);z-index:99999999999999999;}
#status {width:200px;height:200px;position:absolute;left:50%;top:50%;background-image:url(../images/giftogif.gif);background-repeat:no-repeat;background-position:center;margin:-100px 0 0 -100px;}

@font-face {
    font-family: 'dancing_scriptregular';
    src: url('../fonts/dancingscript-regular-webfont.eot');
    src: url('../fonts/dancingscript-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dancingscript-regular-webfont.woff') format('woff'),
         url('../fonts/dancingscript-regular-webfont.ttf') format('truetype'),
         url('../fonts/dancingscript-regular-webfont.svg#dancing_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.fill{animation-name: zoom;animation-duration: 100s;z-index:-1;animation-iteration-count: infinite;animation-timing-function: linear;content:'';display:block;height:100%;position:absolute;width:100%;}
@keyframes zoom {
0% {transform:scale(1);}
50% {transform:scale(1.4);}
100% {transform:scale(1);}
}

/*BOOTSTRAP SLİDER FADE*/
.carousel-inner > .item > img, .carousel-inner > .item > a > img {display: block; height: auto; width: 100%; line-height: 1; }
.carousel-fade .carousel-inner .item {opacity: 0;transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0;opacity: 0; z-index: 1;}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1; }
.carousel-fade .carousel-control { z-index: 2;}
.carousel{position: absolute; top:0;height:500px;width: 100%;z-index: 0}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
.item:after {
    content: '';
    background: linear-gradient(to top, #3d3d3d, transparent);
    height: 82px;
    width: 100%;
    position: absolute;
    bottom: 0;
    opacity: 0.5;
    z-index: 0;
}
.slider1 {
    background-image:url(../images/slider-main/aesthetic-medicine.jpg);
}
.slider2 {
    background-image: url(../images/slider-main/hair-transplant.jpg);
}
.slider3 {
    background-image: url(../images/slider-main/rhinoplasty.jpg);
}
.slider4 {
    background-image: url(../images/slider-main/health-care.jpg);
}
.slider5 {
    background-image: url(../images/slider-main/tcfd.jpg);
}
.sldier1y1 {
    position: relative;
    float: right;
    margin-right: 14%;
    margin-top: 185px;
    height: 27vh;
    max-width: 700px;
}
    .sldier1y1 img {
        height: 50%;
    }
.sldier1y2 {
    position: relative;
    float: right;
    margin-right: 15%;
    margin-top: 3%;
    height: 15vh;
    max-width: 530px;
}
    .sldier1y2 img {
        height: 50%;
    }
.sldierdb {
    background-image: url(../images/details-normal.png); /*  top center no-repeat */
    background-size: cover;
    width: 161px;
    height: 59.5px;
    display: block;
    float: right;
    margin-right: 14%;
    margin-top: 3vh;
}

.sldierdb:hover {
    background-image: url(../images/details-hover.png);
    cursor:pointer;

}
.sldierdbb {
    background-image: url(../images/detailsb-normal.png);
    background-size: cover;
    width: 161px;
    height: 59.5px;
    display: block;
    float: right;
    margin-right: 14%;
    margin-top: 3vh;
}

    .sldierdbb:hover {
        background-image: url(../images/detailsb-hover.png);
        cursor: pointer;
    }
.teller {
    margin: 5px 0px 20px 0;
}
.teller a {
    color: #fff !important;

}
.tellerust {
    margin-top:10px;
}
.footTop {
    background: #56170a;
    padding: 19px 0;
}
.usttaraf {
    background: #ffffff;
    padding-bottom: 90px;
    box-shadow: 0px 26px 53px -17px black;
    z-index: 0;
    position: relative;
    /* margin-bottom: 220px; */
}
.treatmentsic {
    margin-bottom:50px;
}.trea {
    overflow: hidden;
    height: 340px;
    cursor: pointer !important;
    margin-bottom: 30px;
}

    .trea div {
        overflow: hidden;
        position: relative;
        color: white;
        border-radius: 0px;
        height: 100%;
    }

        .trea div:before {
            content: '';
            background: #5c0700;
            height: 20%;
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 0;
            opacity: 0.9;
            transition: all .2s;
        }
/*!BOOTSTRAP SLİDER FADE*/
/*LG*/
@media (min-width:1200px) {
}
/*MD*/
@media (max-width:1199px) and (min-width:992px){
  .serviceresim{height:212px !important;}
}
/*SM*/
@media (max-width:991px) and (min-width:768px){
  .serviceresim{height:158px !important;}
  .ser h4{font-size: 16px !important}
  .ser p{    font-size: 13px !important}
  .packagesDiv{height:180px !important}
  .paketbaslik{font-size:17px !important;}
  .packages ul li{font-size: 13px !important;}
}
/*XS*/
@media (max-width:767px) and (min-width:0px){
  .trea h4{font-size:13px !important;}
  .serviceresim{height:160px !important;}
  .ser , .pack{margin-bottom: 20px !important;}
  .trea div{    height: 148px !important;}
  .trea {    margin-bottom: -27px !important;}
  .e1{    margin-bottom: 10px;}
  .footBottom{text-align: center !important}
  .footTop{ padding: 10px  0 !important;}
  .resimNews{height:207px !important;}
  .newsozet{height:100% !important;border:none !important;}
  .news{overflow:unset !important;height: 100% !important}
  .news ul li{font-size:12px !important;}
  .asilmenu img{ left:0 !important; right:0 !important; margin:0 auto !important;}
  li#mobilMenu , li#mobilMenuKapat{color: white;    font-size: 26px;}
  li#mobilWhatsapp{float: left;font-size: 31px;color: white !important;}
  .newsbutton h5{text-align:center;}
  .baslik #div1 , .baslik #div2{width: 22% !important;}
  ul.dilsec{right:0 !important;}
    .usttaraf {
        background: #ffffff;
        padding-bottom: 90px;
        box-shadow: 0px 26px 53px -17px black;
        z-index: 0;
        position: relative;
        margin-bottom: 202px;
    }
}
@media (max-width:767px) and (min-width:0px){
  .trea h4{font-size:13px !important;}
  .serviceresim{height:160px !important;}
  .ser , .pack{margin-bottom: 20px !important;}
    .trea div {
        height: 228px !important;
    }
    .trea {
        margin-bottom: -102px !important;
        height: 370px;
    }
  .e1{    margin-bottom: 10px;}
  .footBottom{text-align: center !important}
  .footTop{ padding: 0 !important;}
  .resimNews{height:207px !important;}
  .newsozet{height:100% !important;border:none !important;}
  .news{overflow:unset !important;height: 100% !important}
  .news ul li{font-size:12px !important;}
  .asilmenu img{ left:0 !important; right:0 !important; margin:0 auto !important;}
    li#mobilMenu, li#mobilMenuKapat {
        color: black;
        font-size: 37px;
        margin-right: 10px;
    }
    li#mobilWhatsapp {
        float: left;
        font-size: 31px;
        color: white !important;
        display: none;
    }
  .newsbutton h5{text-align:center;}
  .baslik #div1 , .baslik #div2{width: 22% !important;}
  ul.dilsec{right:0 !important;}
}
.menu{position: relative;z-index: 3}
.menu ul li{float:right;}
.fix{position: fixed;top:0;width: 100%;z-index:999999 !important}
.asilmenu{background: white;line-height: 60px;        z-index: 99;box-shadow: 0px 13px 22px -24px black;}
.asilmenu li:hover{background:#cccccc;}
    .asilmenu a {
        color: black;
        cursor: pointer;
    }
.ustmenu {
    background: #efefef80;
    line-height: 27px;
    padding: 7px 0px 11px 0;
    z-index: 99;
}
    .ustmenu a {
        padding: 0px 10px;
        width: auto;
        display: block;
        float: right;
    }
    .ustmenu a li {
        padding: 0px 10px;

    }
.logoana {
    background: rgba(255,255,255,11);
    display: block;
    width: 210px;
    height: 138px;
    position: absolute;
    padding: 72px;
    margin-top: 24px;
    top: -64px;
    z-index: 9999;
}
.logoana img{
    width:100%;

}
.ustmenu ul a li.border{border-right:1px solid #eaeaea;}
.ustmenu ul li:hover{background:#fbfbfb;}
.asilmenu img {
    position: absolute;
    left: 10%;
    width: 167px;
    top: 17px;
    margin-top:0px;
}
.menuler {
    text-transform:uppercase;
}
    .menuler a {
        padding: 0 20px;
        float: right;
    }
.homePage {
    position: absolute;
    width: 100%;
    padding: 0;
    z-index: 9;
	background: #ffffff;
}
.homePageIn {
    text-align: justify;
}
.homePage .container , .homePageIn .container{    padding: 0 0;overflow:hidden;}
.baslik{margin-bottom: 30px;text-transform: uppercase;}
.baslik #div1{position: absolute; top: 32px; left: 0; background: black; width: 35%; height: 1px;}
.baslik #div2{position: absolute; top: 32px; right: 0; background: black; width: 35%; height: 1px;}


.trea h4 , .trea h6{position: absolute;left: 0;right: 0;transition:all .2s;}
.trea h4{bottom:13px;}
.trea h6{bottom:-24px;transition:all .2s;}
.trea div:hover h6{bottom:24px;transition:all .2s;}
.trea div:hover h4{bottom:44px;transition:all .2s;}
.trea div:hover:before{height:100%;background:black; opacity:0.5;transition:all .1s;}

.serviceIn{ background: #fdfdfd; border-radius: 4px; padding: 0 11px; display: table-cell; vertical-align: middle; box-shadow: 0px 19px 24px -22px black; border: 1px dashed grey; height: 83px;}
.serviceIcerik img{float: left;margin-right: 10px;}
.serviceIcerik p{ margin: 0;font-size: 13px;    padding: 5px 0;}
.serviceIcerik{margin-bottom: 21px;    padding: 0 11px;}

.packages ul li{box-shadow: 0px 18px 15px -19px black;; background: white;line-height: 41px; margin: 9px 0;}
.paketbaslik{background: #3a3a3a;    box-shadow: 0px 20px 18px -18px black;color:white;line-height: 50px;font-size:20px;margin:5px 0;font-weight: bold}
#createselect{margin-bottom: 10px;background:transparent !important;border:1px dashed black !important;box-shadow: none;}
#complate {
    margin-top: 20px;
    background: #264408 !important;
    color: white;
    border: none !important;
    margin-bottom: 51px;
    display: block;
    padding: 11px 1px;
}
#createselect select{background: transparent;border: none; width: 100%; outline: 0;}
.packages ul{margin-top: 13px;}
.packages span{cursor:pointer; color: red;}
.packagesCreate{height: 41px}
#namesurnamePackages input, #phonenumberPackages input , #mailPackages input{background: none; border: 1px dashed black; width: 100%; height: 41px; padding: 0 10px;outline:0;}
#namesurnamePackages , #phonenumberPackages, #mailPackages{background:none !important;box-shadow: none !important}
.packagesDiv{height:254px;}


.footer{bottom:0;width: 100%; display:none;} /* z-index: -1; position:fixed; */
.footBottom{line-height:39px;background:#440601;box-shadow: 0px 0px 85px -19px black;}
.footTop{}
.footBottom i{font-size:24px;position: relative;margin-right: 4px;top: 4px;}
.footBottom i.fa-facebook-square:hover{color:#3b5998;}
.footBottom i.fa-twitter-square:hover{color:#00aced;}
.footBottom i.fa-youtube-square:hover{color:#bb0000;}
.footBottom i.fa-instagram:hover{background: linear-gradient(to left top, #505bcf, #9f3494,#f2b14d ,#e23c62, #e63d66); -webkit-background-clip: text;    -webkit-text-fill-color: transparent;}

.news{overflow:hidden;height: 300px;cursor:pointer !important;margin-bottom:30px;}
.news .resimNews{overflow:hidden;position: relative;color:white;border-radius: 5px;}
.news .resimNews:before{content:'';background:linear-gradient(to top, black, transparent);height: 40%;width: 100%;position: absolute;left:0;bottom:0;opacity:0.7;transition:all .2s;}
.news h4 , .news h6{position: absolute;left: 0;right: 0;transition:all .2s;}
.news h4{bottom:18px;}
.news h6{bottom:-24px;transition:all .2s;}
.news:hover h6{bottom:24px;transition:all .2s;}
.news:hover h4{bottom:44px;transition:all .2s;}
.news:hover .resimNews:before{height:100%;background:black; opacity:0.5;transition:all .1s;}
.news ul li {display: inline-block;    padding: 0 10px; margin-bottom: 10px;}
.detailnews{background: #3a3a3a;color: white;line-height: 41px;box-shadow: 0px 20px 18px -18px black;margin-top: 20px}
.detailnews:hover{background: black;color: white;box-shadow: none;transform:translateY(4px);}
.newsozet{height: 300px;}
.ebulten .e1 , .ebulten .e3{padding:0;    background: #3a3a3a;}
.ebulten .e1 h5 , .ebulten .e3 h5{line-height: 19px; color: white;}
.ebulten .e2{padding:0}
.ebulten .e2 input{width: 100%; outline: 0; border: none; border: 1px solid #b1b1b1; line-height: 37px; padding: 0 20px;}
.resimNews{height: 100%}
.contact input , .contact textarea{ resize: none;   width: 100%; outline: 0 !important; border: none; border: 1px dashed black; line-height: 30px !important; padding: 0 20px;}
.contact label{float:left;}
.contactSend h5{background: #3a3a3a;color: white;line-height: 41px;box-shadow: 0px 20px 18px -18px black;cursor: pointer;}
.contactSend h5:hover{background: black;color: white;box-shadow: none;transform:translateY(4px);}

.newsDetailPage .imgDiv{overflow:hidden;height: 300px;cursor:pointer !important;margin-bottom:30px;}
.newsDetailPage ul{border-bottom:1px dashed black; padding-bottom:10px;margin-bottom:10px;}
.newsDetailPage ul li{display: inline-block; padding: 0 10px;}
.newsbutton h5{background: #3a3a3a;color: white;line-height: 41px;box-shadow: 0px 20px 18px -18px black;    padding: 0 22px;}
.newsbutton h5:hover{background: black;color: white;box-shadow: none;transform:translateY(4px);}

.treaDetailPage .imgDiv{overflow:hidden;height: 300px;cursor:pointer !important;margin-bottom:30px;}
select#language{outline: 0; background: transparent; border: none; height: 27px;}


.mLi1{line-height: 66px;    background: linear-gradient(to right, #8a8a8a, transparent);}
.mLi2{line-height: 66px;    background: linear-gradient(to left, #8a8a8a, transparent);}
.mobilMenuContent{position:fixed;top:0;left:0;background:linear-gradient(whitesmoke, white);height:100%;width:100%;z-index:9999999;display:none}
.mobilMenuContent .container-fluid{background: linear-gradient(to right, #8a8a8a, #0000004a , #8a8a8a);box-shadow: 0px 13px 43px -19px black;}
.mobilMenuContent img{position:absolute; left: 0; right: 0; margin: 0 auto; width: 98px; top: 4px;}
ul.mobilLi{text-align: center;margin-top: 21px;text-transform: uppercase;}
ul.mobilLi li{border-bottom: 1px solid #d0d0d0;line-height: 68px;font-size: 17px;}
ul.mobilLi li:hover{background: #eaeaea;}
.mobilCopyright{text-align: center;margin-top: 21px;position: absolute !important;bottom: 28px;}

.dilsec li:hover{transform: translateX(-10px);transition: all .1s}
.dilsec li.aktifDil{background: #d4583e;color:white;}
.dilsec li.aktifDil:hover{background: #d4583e;color:white;}
ul.dilsec {
    position: absolute;
    padding-top: 3px;
    right: 365px;
    z-index: 9999999999999999999999999999;
    display: inline-grid;
}
ul.dilsec li{color: black; margin-bottom:3px; line-height: 36px;background: white; text-align: left; border: none; width: 120px;transition: all .1s }
ul.dilsec li img{width: 18px;}


#okdown{

    width: 44px;
    margin: 0 auto;
    border-radius: 100%;
    padding: 5px;
    height: 44px;
    cursor:pointer;
     right: 0;
    text-align: center;
    font-size: 30px;
    position: fixed;
    left: 0;
    color: white;
    animation-name: downUp;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes downUp {
    0% {bottom:10px}
    33% {bottom:3px}
    50% {bottom:6px}
    77% {bottom:3px}
    100% {bottom:10px}

}

@media only screen and (max-width:415px) {
    .logoana {
        background: none;
        display: block;
        width: 95px;
        height: 99px;
        position: absolute;
        padding: 1px 88px;
        margin-top: 0;
        top: -90px;
        z-index: 9999;
    }
    .resimler {
    width:100%;

    }

    /*
    .slider1 {
        background-image: url(../images/slider1bgm.jpg);
    }
    .slider2 {
        background-image: url(../images/slider2bgm.jpg);
    }
    .slider3 {
        background-image: url(../images/slider3bgm.jpg);
    }
    .slider4 {
        background-image: url(../images/slider4bgm.jpg);
    }
	 .slider5 {
        background-image: url(../images/slider5bgm.jpg);
    }
    */

    .sldier1y1 {
        position: relative;
        float: right;
        margin-right: 0%;
        margin-top: 144px;
        height: 18vh;
        max-width: 700px;
    }

    .sldier1y2 {
        position: relative;
        float: right;
        margin-right: 0%;
        margin-top: 92px;
        height: 11vh;
        max-width: 480px;
    }
    .sldier1y2m {
        position: relative;
        float: right;
        margin-right: 0%;
        margin-top: -38px;
        height: 11vh;
        max-width: 480px;
    }.sldierdb {
        background: url(../images/details.png) top center no-repeat;
        width: 152px;
        height: 53px;
        display: block;
        float: right;
        margin-right: 0%;
        margin-top: 3vh;
        background-size: cover;
    }
    .sldierdbb {
        background: url(../images/detailsb.png) top center no-repeat;
        width: 152px;
        height: 53px;
        display: block;
        float: right;
        margin-right: 0%;
        margin-top: 3vh;
        background-size: cover;
    }


    .asilmenu img {
        left: 10%;
        width: 70%;
        top: 17px;
        margin-top: 0px;
    }

    .carousel {
        position: absolute;
        top: 0;
        height: 500px;
        width: 100%;
        z-index: 0;
    }

    .asilmenu {
        background: none;
        line-height: 60px;
        z-index: 99;
        box-shadow: none;
    }
    .ustmenuu {
        width: 240px;
        float: right;
    }
}
    @media only screen and (max-width:376px) {
        .logoana {
            background: none;
            display: block;
            width: 95px;
            height: 99px;
            position: absolute;
            padding: 1px 88px;
            margin-top: 0px;
            top: -90px;
            z-index: 9999;
        }
    }
.sacekimi {
    float: right;
    width: 420px;
    padding: 5px 15px;
}
.hairbaslik{
	color: #e31d1a;
}
.hairaltbaslik {
    color: #e31d1a;
    margin-top: 34px;
}
.icerikhair{
	color: #585858;
	font-family: 'Lato',sans-serif;
	line-height: 24px;
}
.sacekimifue{

}
.sacekimifuesagayasla{
	float: right;
}
.asthetic {
    padding: 23px 0px 24px 35px;
    float: right;
}
.asthetic2{
	text-align: center;
}
.sacekimifueyeni {
    width:100%;
}
.sacekimifueyenimobil {
display:none;
}
@media only screen and (max-width: 769px) {
    .sacekimi {
        width: 100%;
        padding: 15px 0px;
    }



}
    @media only screen and (max-width: 500px) {
        .sacekimi {
            width: 100%;
            padding: 15px 0px;
        }

        .sacekimifuesagayasla {
            float: right;
            width: 100%;
        }

        .sacekimifueyeni {
            width: 100%;
            display:none;
        }
        .sacekimifueyenimobil {
            display: block;
            width:100%;
        }

        .asthetic {
            text-align: center;
            width: 100%;
            padding:10px 0px;
        }

        .goz {
            width: 100%;
        }

        .medical {
            width: 100%;
        }
    }

    .iletisimform {
        float: left;
        width: 100%;
        text-align: left;
        font-size: 28px;
        border-bottom: 1px solid;
        margin: 16px 0px 27px;
    }

    .bilgiler {
        float: left;
        text-align: left;
        line-height: 33px;
        font-size: 15px;
    }

    .contact {
        margin-bottom: 50px !important;
    }

    .iconlar {
        margin: 0px 5px 12px 0px;
    }

    .mail {
        margin: 0px 5px 7px 0px;
    }

    .icon {
        padding: 0px 5px 4px 0px;
    }

    .alert-comm a {
        display: inline-block;
        padding: 6px 25px;
        border-radius: 4px;
        position: relative;
        background: #e31d1a;
        color: #fff;
        font-weight: bold;
        vertical-align: middle;
        font-size: 12px;
    }

    .alert-comm a {
        color: #fff;
        font-weight: bold;
        font-size: 15px;
    }

    .alert-comm {
        background-color: transparent;
        position: fixed;
        bottom: 45px;
        width: 237px;
        margin-bottom: 0;
        right: 0;
    }