/*!
 * Butik Medya (http://butikmedya.com)
 * Yunus Emre VERGÜL */

@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700';
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900');
/*Genel Ayarlar*/

body {font-family: 'Raleway', sans-serif; margin:0; padding:0; color:#606060; font-weight:400; font-size:15px;}
a {text-decoration:none; transition:0.4s all ease!important;}
a:hover {text-decoration:none;}
img {border:none;}
input {box-shadow:none; outline:0; box-shadow:none;}
textarea {box-shadow:none; outline:0;box-shadow:none;}
select {box-shadow:none; outline:0;box-shadow:none;}
.p-20 {padding:15px 0 25px 0;}
.p-15 {padding: 15px;}
.m-auto {margin: 0 auto!important;}
.m-15 {margin:15px;}
.m-0 {margin:0; padding:0;}
.m-t-30 {margin-top:30px;}
.m-t-b-30 {margin: 30px 0;}
.m-t-b-20 {margin: 20px 0;}
.m-t-b-50 {margin-top:50px!important; margin-bottom:50px!important;}
.m-b-30 {margin-bottom: 30px;}
.m-b-60 {margin-bottom: 60px;}
.m-20 {margin:20px;}
.m-l-30 {margin-left:30px;}
.w-100 {width: 100%;}
.m-w-100 {max-width: 100%;}
.m-w-60 {max-width: 60%;}
.m-r-10 {margin-right:10px!important;}
.text-center {text-align: center;}
.blue {color:#0076d1;}
.relative {position:relative;}
.p-30 {padding: 30px;}
.p-100 {padding: 100px 0;}
.vh100 {height: 100vh!important;}
.b-r-15 {border-radius: 15px;}
.border-bottom {border-bottom: 1px solid #e1e1e1; padding-bottom: 15px; margin-bottom: 15px;}
.border-top {border-top: 1px solid #aaa; padding-bottom: 15px; margin-bottom: 15px;}
/* Index Header & Menü */

header { width: 100%; z-index: 1000; padding-bottom: 20px; position: relative; background:#fff;}
.logo {width: 250px; height: 55px; margin:25px 0 0 50px; background: url(/img/logo.svg) no-repeat center center; display: block; float: left;}

.elips {float: right; width: 350px; height: 350px; padding-top: 50px; padding-right:50px;  background: url(/img/elips-bg.png) no-repeat center top; background-size:contain; }
.social {display: inline-block; border-right:1px solid #aaa; padding-right:10px; float: right; margin-right:20px; margin-top:20px;}
.social a {margin-right: 5px;}
.social a i {color:#aaa; font-size:18px;} 
.emergency {float: right; margin-top:-10px; margin-left:15px; }
.phone {color:#ea8605; float: right; margin-top:10px; font-weight: 600; margin-right:30px;  display: inline-block; font-size:1.5em;}
.phone i {margin-top:10px;  margin-right:10px;}
.top-content {float:right; margin:20px 50px 0 0;}
.online {color:#fff; background: #ea8605; padding: 10px 20px; border-radius: 25px; text-align: center;  display: inline-block; margin-top:10px;}
.online i {margin-right:10px;}
.online:hover {padding: 10px 25px; color:#fff;}
.tetkik{color:#fff; margin-top:10px; background: #9e2ffd; padding: 10px 20px; border-radius: 25px; text-align: center;   display: inline-block;  margin-right: 15px;}
.tetkik i {color:#fff; margin-right:5px;}
.tetkik:hover {padding: 10px 25px; color:#fff;}
.menuAc {display: none;}
.menu {width:auto; margin:15px 0 0 0; float: right;}
.menu ul {margin:0; padding:0;}
.menu ul li {float:left; list-style-type:none;}
.menu ul li a{color:#000; transition: 0.4s all ease; font-size:14px; display:inline-block; font-family: 'Raleway', sans-serif; font-weight:500; margin-left:15px;}
.menu ul li a:hover {color:#ea8605;}
.menu  ul li ul {position:absolute; background: #e4e4e4; padding: 15px; top:120px; left:0; display:none; z-index:15; width:200px;}
.menu  ul li:hover{position: relative;}
.menu  ul li:hover ul{display:block;}
.menu  ul li ul li {float:none; list-style-type:none; width:100% !important;}
.menu  ul li ul li a {display:block; padding:5px 10px!important; margin-left:0; height:auto; background:#e4e4e4; color:#888;}
.menu  ul li ul li a:hover{color:#ff8500; background: #e4e4e4;}

/* Index Slider */
.carousel-indicators {position: absolute; bottom: 50px!important; right: 100px!important; z-index: 15; width: auto; padding-left: 0;text-align: right; list-style: none;}
.carousel-indicators li {border:1px solid #ea8605; width: 20px; height: 20px;}
.carousel-indicators .active {background: #ea8605; width: 20px; height: 20px;}

.carousel-caption {top:35%; left: 50px; position:absolute; text-align: left; text-shadow:none;}
.tit-1 {font-size:3.5em; font-weight:900; color:#000; display:block;}
.tit-2 {font-size:2.2em; font-weight:400; color:#444; display:block; margin-bottom:15px;}
.slide-btn {background:none; z-index:4; color:#ea8605!important; border:2px solid #ea8605; border-radius: 15px; font-size:18px; font-weight:600; text-align:center; padding:10px 25px; display:inline-block; text-shadow:none;}
.slide-btn:hover {background:#ea8605; color:#fff!important;}

.item img {position: absolute; bottom: 0; left:-50px;}
.scroll-downs {bottom:50px; right: 50px; width :34px;height: 55px; position:absolute; z-index:1;}

.mousey {width: 3px;padding: 10px 15px;height: 50px; border-radius: 25px; border: 2px solid #000;opacity: 0.75;}
.scroller {width: 3px;height: 10px;border-radius: 25%;background-color: #000; animation-name: scroll;animation-duration: 2.2s;animation-timing-function: cubic-bezier(.15,.41,.69,.94);animation-iteration-count: infinite;margin-left:-1px;}

@keyframes scroll {0% { opacity: 0; }10% { transform: translateY(0); opacity: 1; }100% { transform: translateY(15px); opacity: 0;}}
@keyframes mouseKaydir {0% { opacity: 0; }10% { transform: translateY(0); opacity: 0; }90% { transform: translateY(15px); opacity: 1;}100% { transform: translateY(20px); opacity: 0;}}


.boxes {width:100%;}
.box-1 {background:url(/img/goz-bg.jpg) center center no-repeat; text-align: center; background-size: cover; padding: 75px 0; min-height: 300px;}
.box-1 span {display: block; color:#fff; font-weight: 700; text-align: center; font-size:1.5em; margin:15px 0;}
.box-1 .line {background: #fff; border-radius: 6px; height: 5px; width: 10%; margin:0 auto;}
.box-1 .btn {background: #fff; border-radius: 15px; text-align: center; margin:15px auto; padding: 7px 15px; color:#ea8605;}

.box-2 {background:url(/img/cildiye-bg.jpg) center center no-repeat;  text-align: center; background-size: cover; padding: 75px 0; min-height: 300px; }
.box-2 span {display: block; color:#fff; font-weight: 700; text-align: center; font-size:1.5em; margin:15px 0;}
.box-2 .line {background: #fff; border-radius: 6px; height: 5px; width: 10%; margin:0 auto;}
.box-2 .btn {background: #fff; border-radius: 15px; text-align: center; margin:15px auto; padding: 7px 15px; color:#9e2ffd;}

.box-3 {background:url(/img/acil-bg.jpg) center center no-repeat; text-align: center; background-size: cover; padding: 75px 0; min-height: 300px;}
.box-3 span {display: block; color:#fff; font-weight: 700; text-align: center; font-size:1.5em; margin:15px 0;}
.box-3 .line {background: #fff; border-radius: 6px; height: 5px; width: 10%; margin:0 auto;}
.box-3 .btn {background: #fff; border-radius: 15px; text-align: center; margin:15px auto; padding: 7px 15px; color:#c25374;}
.box-3 .btn:hover {background: #c25374; font-weight: 600;}



.treatment .title {font-size:5em; font-weight: 900; margin:100px 0; color:#f5f5f5; text-align: center; position: relative;}
.treatment .title h1 {position: absolute; display: block; top: 20%; width: 100%; text-align: center; color:#ea8605; font-size: 25px; font-weight: 900; z-index: 1; }
.treatment .content {padding:200px 0;}
.treatment .content .lines {background: #ea8605; border-radius: 20px; height: 5px; width: 15%; }
.treatment .content .lines1 {background: #9e2ffd; border-radius: 20px; height: 5px; width: 15%; }

.treatment .content h2 {color:#000; font-size: 2em; font-weight: 700; display: block; margin:20px 0; text-align: left;}
.treatment .content p {color:#888888; padding: 20px 40px 20px 0;}
.treatment .content .btn2 {background: #e1e1e1; border-radius: 15px; font-size:13px; text-align: center; margin:15px auto; padding: 10px 20px; color:#000;}
.treatment .content .btn2:hover {background: #ea8605; color:#fff;}
.treatment .content .btn3 {background: #e1e1e1; border-radius: 15px; font-size:13px; text-align: center; margin:15px auto; padding: 10px 20px; color:#000;}
.treatment .content .btn3:hover {background: #9e2ffd; color:#fff;}

.form .select {background: #ececec; border-radius: 20px; color:#000; font-size:13px; height: 35px; border:none; width: 100%;}
.form .btn {background:#ea8605; color:#fff; font-size:15px; font-weight: 700;}
.form input {background: #ececec; border-radius: 20px; color:#000; font-size:13px; height: 35px; border:none; width: 100%;}
.form textarea {background: #ececec; border-radius: 20px; height: auto; color:#000; font-size:13px; border:none; width: 100%;}
.form h2 {font-size:1.5em; color:#ea8605; font-weight: 900;}
.form label {font-size:13px; margin-top:20px; display: block;}
.form small {color:#aaa; font-size:11px;}
.videos .title {margin:100px 0;}
.videos .title h2 {color:#000; display: block; text-align: center; font-weight: 900;}
.videos .title h2 small {color:#ea8605; font-weight: 300; }
.videos .video {border-radius: 10px;  -webkit-border-radius:10px;}
.videos .video iframe {border-radius: 10px; -webkit-border-radius:10px;}
.nav-tabs {border:none;}
.nav-tabs>li {float: none;}
.nav-tabs>li>a {background: #fff; -webkit-box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.20);
    padding: 20px 30px;
    margin:30px 0;
    border-radius: 30px;
    border:none;
    color:#444;
}
.nav-tabs>li.active>a { border: none; background: #ea8605; color:#fff;}
.nav-tabs>li>a .name{display: inline-block; font-size:1.2em; font-weight: 700;}
.nav-tabs>li>a .name small {display: block; font-size: 0.7em;}
.nav-tabs>li>a .date{text-align: right; display: inherit; font-size:13px; font-weight: 300;}

.news .content {background: #f1f1f1;}
.news .content .inner {padding: 70px 30px;}
.news .content .inner .date {color:#ea8605; display: block; font-weight: 300;}
.news .content .inner .titles {color:#333; font-weight: bold; font-size: 16px; display: block; margin:15px 0;}
.news .content .inner .btn {background: #fff; margin: 15px 0 0 0;  border-radius: 15px; -webkit-box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.20);
    text-align: center;
    padding: 10px 20px;
    color:#333;
}
.news .content .btn:hover {background: #ea8605; color:#fff;}
.news .content .inners {padding: 36px 30px;}
.news .content .inners .date {color:#ea8605; display: block; font-weight: 300;}
.news .content .inners .titles {color:#333; font-weight: bold; font-size: 16px; display: block; margin:15px 0;}
.news .content .inners .btn {background: #fff; margin: 15px 0 0 0;  border-radius: 15px; -webkit-box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 100px 0px rgba(0,0,0,0.20);
    text-align: center;
    padding: 10px 20px;
    color:#333;
}
/* Footer Style*/
footer {padding-top: 30px; border-top:1px solid #eee;}
.bottom{margin:0; padding:0; }
.bottom-elips {margin: 0; width:100%; background: url(/img/bottom-elips-bg.png) no-repeat left bottom; background-size:contain; padding: 70px 50px;}
.bottom-elips p {padding:4px 0; color:#fff; font-weight: 300; font-size:13px;}
.bottom-elips .b-logo {width:159px; height: 50px; margin-bottom: 15px;}
.bottom-elips .b-social .title {margin-left:-50px; display:inline-block; margin-right:10px; margin-bottom: 15px; background:#fff; padding:12px 50px; color:#ea8605; font-size:16px; border-top-right-radius:15px; border-bottom-right-radius: 15px;}
.bottom-elips .b-social a {margin-right: 5px;}
.bottom-elips .b-social a i {color:#fff; font-size:16px;}

.bottom h3 {color:#ea8605; display: inline-block; padding-bottom: 7px; border-bottom: 1px solid #ea8605; font-size:16px; font-weight: 400;}
.bottom ul {margin:15px 0; padding: 0;}
.bottom ul li {list-style-type: none; float: none;}
.bottom ul li a {color:#888888; font-size:13px; display: block; margin-bottom: 5px;}
.bottom ul li a:hover {color:#ea8605;}

.mobile-bottom {margin: 0; width:100%; background: #ea8605; padding: 30px 15px;}
.mobile-bottom p {padding:4px 0; color:#fff; font-weight: 300; font-size:13px;}
.mobile-bottom .b-logo {width:159px; height: 50px; margin-bottom: 15px;}
.mobile-bottom .b-social .title {display:block; border-bottom:1px solid #fff; margin-bottom: 15px; padding:12px 0 ; color:#fff; font-size:16px;}
.mobile-bottom .b-social a {margin-right: 5px; margin-bottom: 10px;}
.mobile-bottom .b-social a i {color:#fff; font-size:16px;}


/* İç Sayfa Stitlleri */
.page {padding-top:30px; margin-bottom:30px;}
.page .inner {display: none; background: url(/img/page-left.png) left center no-repeat; background-size: contain; min-height: 500px; width: 15%; position: absolute; top:100px; left:0;}
.page .page-title {margin-bottom:20px;}
.page .page-title h1 {font-size:2em; color:#ea8605; margin-bottom:15px;}
.page .page-title .sub-title {margin:0; padding: 0;}
.page .page-title .sub-title li {float: left; list-style-type: none; margin-right:10px;}
.page .page-title .sub-title li a {font-size: 13px; color:#888; }

.page .sidebar {border-radius: 15px; background: #f1f1f1; border:1px solid #eee; padding:20px;}
.page .sidebar .title {color:#ea8605; border-bottom: 1px solid #ea8605; font-weight: 500; padding-bottom:10px;  font-size:18px; margin-bottom: 15px;}
.page .sidebar ul {margin:0; padding: 0;}
.page .sidebar ul li {list-style-type: none; float: none;}
.page .sidebar ul li a {font-size:14px; color:#888; display: block; transition: 0.4s all ease; margin-bottom:15px;}
.page .sidebar ul li a:hover {padding-left:10px;}

.doctors {margin-bottom:30px;}
.doctors .name {display: block; text-align: center; margin:20px 0 5px 0; font-size:18px; color:#333;}
.doctors .chapter {display: block; text-align: center; font-size:14px; color:#888; font-weight: 300;}
.doctors img {transition: 0.4s all ease; }
.doctors img:hover {background: #ea8605; border-radius: 100%; opacity: 0.8;}

.treatments {margin-bottom:30px;}
.treatments .name {display: block; text-align: center; margin:20px 0 5px 0; font-size:18px; color:#333;}
.treatments img {transition: 0.4s all ease; border-radius: 15px;}
.treatments img:hover {opacity: 0.5;}

.gallery a img {border:1px solid #eee; padding: 3px; transition: 0.4s all ease;}
.gallery a img:hover {border:1px solid #ea8605; transition: 0.4s all ease;}

.visitor {width: 100%; padding-bottom:30px; margin-bottom:30px; border-bottom: 1px solid #eee;}
.visitor .name {display: inline-block; font-weight: 600; color:#111;}
.visitor .date {display: inline-block; font-weight: 300; color:#ea8605;}
.visitor p {padding: 15px 0;}

.contact h3 {color:#ea8605; font-size:16px; display: block; margin-bottom:15px;}

.kurum {border:1px solid #e1e1e1;}
.kurum img {max-width: 100%;}

.nav-tabs>li {
    margin-right:15px!important;
}


.kvkk-bar {position: fixed; left: 0; width: 100%; z-index: 1; bottom:0;}
.kvkk-bar .content {background: #eee; position: relative; padding:15px 30px;}
.kvkk-bar .content .closed {position: absolute; right:15px; top: 15px; z-index: 1;}

.kvkk-bar .content i {color:#ea8605; font-size:16px;}
.kvkk-bar .content p {display: block; font-size: 13px;}
.kvkk-bar .content .btn {background: #ea8605; border-bottom:2px solid #ff8500; font-size:13.5px; color:#fff; font-weight: 500;}

@media (max-width: 480px) {
    .logo {margin:75px auto 20px auto; text-align: center!important; width:100%; height:40px!important; }
    .online {color:#fff; width: 50%; background: #ea8605; padding: 10px 10px; position: absolute; top:0; right:0; display: inline-block; font-size:13px;}
    .online i {color:#fff; margin-right:10px;}
    .tetkik{color: #fff;  width: 50%; display: inline-block;  font-size:13px; background: #9e2ffd; padding: 10px 10px; position: absolute; top:0; left:0;  margin-right: 15px;}
    .tetkik i {color:#fff; margin-right:5px;}
    .menuAc {display:inline-block; margin:0; text-align: center; color:#ea8605!important; border:1px solid #ea8605; width:45px; position: absolute; top: 60px; right:15px; height: 40px; line-height: 40px; font-size: 30px; }
    .menu ul{display:none; position:absolute; top:97px; width:100%; right:0; background:#fff;z-index:1000;}
    .menu ul li {float:none; list-style-type:none;  border-right:1px solid #505050; }
    .menu ul li a {margin-left:0; display:block; padding:10px 0; border-bottom:1px #444 solid; width:auto; text-align:right; color:#444!important;}
    
    .menu ul li ul {position: relative; display: block; width: 100%; top: 147px; margin: 0;}
    .menu ul li ul li {float:none; list-style-type:none; width:100% !important;}
    .menu ul li ul li a {display:block; padding:5px 15px; height:auto; background:#fff!important;color:#EEBC43!important; border-bottom: 1px solid #ccc;}
    .menu ul li ul li a:hover{ color:#000;}

    .carousel-indicators {bottom: 0px!important;
        right: 20px!important;}
    .carousel-caption {top:190px; position: absolute!important; left: 0; width: 100%; text-align: center; text-shadow:none;}
    .tit-1 {font-size:18px; font-weight:600; color:#000; display:block;}
    .tit-2 {font-size:14px; font-weight:400; color:#444; display:block; margin-bottom:15px;}
    .slide-btn {font-size:14px; padding: 10px 15px;}
    .item img {position: absolute; bottom: 50px!important; left:0!important;}
    .treatment .content {padding:20px 0;}
    .form .select {margin-bottom:15px;}
    .page .inner {display: none!important; }

    .treatment .title {font-size:2.5em!important; margin:15px 0; }
.treatment .title h1 {top: 0%; width: 100%; font-size: 15px!important; }

.item {
    height: 35vh!important;
   
}
.fill {
    height:35vh!important;
}
.scroll-downs {display:none;}

.mousey {display: none;}
.scroller {display: none;}

}
@media (max-width: 768px) {
   
}
@media (max-width: 990px) {
   
}