/*!
 * Start Bootstrap - Scrolling Nav (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    height: 100%;
    overflow: scroll;
    width: 100%;
}

html {
    width: 100%;
    height: 100%;
}

p {
    font-size: 18px;
}


@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }
    .top-nav-collapse {
        padding: 0;
    }
    .navbar .container {
    	padding-right: 0;
    }
	.navbar-nav {
		float: right;
	}
	.navbar .collapse {
		margin-right: -15px;
	}
	.navbar-default .navbar-nav>li>a.btn-success:focus, 
	.navbar-default .navbar-nav>li>a.btn-success:hover {
		background-color: #449d44; 
	}
	
}
@media(max-width:767px) {
	
	.navbar li .btn-success {
		float: none !important;
		font-size: 1.2em;
		margin: 15px;
	}
	.intro-section {
		height: 100%;
		padding-top: 50px !important;
	}
	#callme {
		width: 100%;
	}
	.title-mobile {
		display: block !important;
	}
	.cont_titulo_menu {
		display: block !important;
	}
	.team-section .col-xs-6 {
		height: 205px;
		padding: 0 5px;
	}
	.intro-section .container,
	.faq-section .col-lg-12,
	.contact-section .col-md-6,
	.contact-section .col-lg-12 {
		padding: 0;
	}
	.navbar li .btn-success span {
		float: left;
	}
}

/* BEGIN HEADER */
.navbar {
	margin-bottom: 0;
}
.navbar-default {
	background-color: #FFF;
}
.navbar-brand {
	padding: 0;
}
.navbar-brand>img {
	/*margin: 8px;*/
	width: 190px;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle {
	background-color: #FFF;
	border: none;
	padding-right: 0;
}
#navbar-close {
	margin-right: 4px;
}
.navbar li .btn-success {
	background-color: #77b3d4;
	border-color: #77b3d4;
	color: white !important;
	height: 48px;
	line-height: 48px;
	overflow: hidden;
	padding: 0 10px 0 0 !important;
}
.navbar li .btn-success:hover {
	background-color: #327aa2 !important;
	border-color: #327aa2 !important;
}
.navbar li .btn-success img {
	margin-right: 5px;
	max-width: 32px;
}
.navbar li .btn-success span {
	background-color: #327aa2;
	display: inline-block;
	font-weight: 700;
	padding: 0 10px;
}
.affix-top {
    /* Initial items */
}

.affix {
    position: fixed;
    right: 0;
    top: 0;
}
/* end header */ 


.title,
.sub-title {
	font-size: 1.2em;
	margin: 0;
	text-align: center;
}

.title {
	background-color: #016590;
	color: white;
    padding: 8px 0;
}
.title-mobile {
    background-color: steelblue;
    border-bottom: 4px solid #2b5679;
    color: #FFF;
    display: none;
	font-family: 'Open Sans', sans-serif;
    left: 0;
    line-height: 44px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 2;
}
.title-mobile a {
	color: #FFF;
	font-size: 1.2em;
	font-weight: 700;
}
.title-mobile span {
	background-color: #2b5679;
	border-radius: 50%;
	display: inline-block;
	font-size: 1.0em;
	height: 36px;
	line-height: 36px;
	text-align: center;
	width: 36px;
}
.muayenehane {
	margin-top: 20px;
}
.sub-title {
	font-weight: 700;
}

/* BEGIN INTRO SECTION */
.cont_titulo_menu {
	display: none;
	background-color: #4F7DF5;
  	font-family: 'Open Sans', sans-serif;
  	width: 100%;
  	height: 60px;
  	overflow: hidden;
  	box-shadow: 0px 7px 30px -12px rgba(0,0,0,0.5);
  	 -webkit-user-select: none;  
  	-moz-user-select: none; 
  	-ms-user-select: none;         
  	user-select: none;
  	z-index: 1;
}

.cont_icon_menu	{
  	position: relative;
  	float: left;
  	margin-left: 15px;
  	margin-right: 20px;
  	top:14px;
}

.cont_icon_menu > img {
	width: 32px;
	z-index: 2;
	position: relative;
}

.cont_titulo {
	display: inline-block;
	position: relative;
	margin-top: 20px;
	margin-left: 20px;
}
.cont_titulo a {
	color: #fff;
	font-size: 1.2em;
	font-weight: 700;
}
.cont_titulo_menu span {
	float: right;
    /*background-color: #2556d6;*/
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    color: #FFF;
    font-size: 1.2em;
    border-left: 20px solid transparent;
    border-bottom: 60px solid #2556d6; 
}

.cont_circle_1 {
 	position: absolute;
	top:-16px;
  	left: -16px;
  	width: 64px;
  	height: 64px;
	background-color: #fff;
	opacity: 0.3;
  	z-index: 0;
	border-radius:50% ;
	animation: animation_circle_1 3s infinite;
    animation-direction: alternate;
	transform: scale(0);
}
.cont_circle_2 {
  	position: absolute;
	top:-46px;
  	left: -46px;
  	width: 128px;
  	height: 128px;
	background-color: #fff;
	opacity: 0.2;
  	z-index: 0;
	border-radius:50% ;
	animation: animation_circle_1 3s infinite;
    animation-direction: alternate;
	animation-delay: 0.5s;
	transform: scale(0);
}
.cont_circle_3 {
  	position: absolute;
	top:-80px;
  	left: -80px;
  	width: 192px;
  	height: 192px;
	background-color: #fff;
	opacity: 0.1;
  	z-index: 0;
	border-radius:50% ;
	animation: animation_circle_1 3s infinite;
    animation-direction: alternate;
	animation-delay: 1s;
	transform: scale(0);
}
.cont_circle_4 {
  	position: absolute;
	top:-115px;
  	left: -116px;
  	width: 256px;
  	height: 256px;
	background-color: #fff;
	opacity: 0.1;
  	z-index: 0;
	border-radius:50% ;
	animation: animation_circle_1 3s infinite;
    animation-direction: alternate;
	animation-delay: 1.5s;
	transform: scale(0);
}

@-webkit-keyframes animation_circle_1 {
  from { transform: scale(0);   }
  to { transform: scale(1); }
}
@-o-keyframes animation_circle_1 {
  from { transform: scale(0); }
  to { transform: scale(1); }
}
@-moz-keyframes animation_circle_1 {
  from { transform: scale(0); }
  to { transform: scale(1); }
}
@keyframes animation_circle_1 {
  from { transform: scale(0); }
  to { transform: scale(1); }
}
.intro-section {
    padding-top: 0 !important;
    padding-bottom: 20px;
}
.embed-responsive {
	margin-bottom: 20px;
}
/* end intro */

/* BEGIN FORM */
#callme {
	background-color: deeppink;
	bottom: 0;
	color: white;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 2;
}
#callme .cta-form {
	margin: 0 auto;
	max-width: 640px;
}
.cta-form .input-group {
	padding: 15px;
	width: 100%;
}
.cta-title {
	font-family: sans-serif;
	font-size: 16px;
	margin: 10px 0 0 0;
	padding-left: 20px;
}
#phone-input {
	border-radius: 4px;
	color: black;
	text-indent: 8px;
}
.input-lg {
	font-size: 14px;
}

#callme {
  float: right;
  position: relative;
  z-index: 0;
  width: 100%;
  max-width: 400px;
  margin: 0;
  background-color: #d5e6f6;
  padding: 20px 30px; }
  #callme .free-text {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    background-color: #e8ae2f;
    float: right;
    padding: 5px;
    width: 100%;
    margin-bottom: 30px; }
  #callme label {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 5px; }
  #callme input[type='text'], #callme input[type='number'], #callme .input-group-label {
    font-family: 'Arial';
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #fff;
    box-shadow: 0 0 1px #fff;
    color: #333;
    font-size: 16px;
    float: left;
    height: 50px; }
    #callme input[type='text'].is-invalid-input, #callme input[type='number'].is-invalid-input, #callme .input-group-label.is-invalid-input {
      margin-bottom: 0; }
    #callme input[type='text']::-webkit-input-placeholder, #callme input[type='number']::-webkit-input-placeholder, #callme .input-group-label::-webkit-input-placeholder {
      color: #555; }
    #callme input[type='text']:-moz-placeholder, #callme input[type='number']:-moz-placeholder, #callme .input-group-label:-moz-placeholder {
      /* Firefox 18- */
      color: #555; }
    #callme input[type='text']::-moz-placeholder, #callme input[type='number']::-moz-placeholder, #callme .input-group-label::-moz-placeholder {
      /* Firefox 19+ */
      color: #555; }
    #callme input[type='text']:-ms-input-placeholder, #callme input[type='number']:-ms-input-placeholder, #callme .input-group-label:-ms-input-placeholder {
      color: #555; }
  #callme .input-group {
		display: inherit; 
		height: 50px;
	}
  #callme .input-group-label {
    background-color: #fff;
    line-height: 50px;
    float: left;
    width: 20%; }

/* end form */

/* BEGIN VIDEOS SECTION */
.videos-section {
	background: #f8f8f8;
    padding-top: 80px;
    text-align: center;
}
.videos-section .sub-title {
	margin-bottom: 20px;
}
/* end videos */

/* BEGIN TEAM SECTION */
.team-section {
    padding-top: 80px;
    padding-bottom: 20px;
    text-align: center;
}
.team-section .col-xs-6 p {
	margin-bottom: 0;
}
.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive, .thumbnail a>img,
.thumbnail>img {
	margin: 10px auto;
}
/* end team */

/* BEGIN HOSPITAL SECTION */
.hospital-section {
	background: #f8f8f8;
    padding-top: 80px;
    padding-bottom: 30px;
    text-align: center;
}
.hospital-section small {
	display: block;
	margin: 10px 0;
}
/* end hospital */

/* BEGIN FAQ SECTION */
.faq-section {
    padding-top: 80px;
    padding-bottom: 30px;
}
.faq-section .sub-title {
	margin-bottom: 20px;
}
.faq-section ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.faq-section li {
	margin-bottom: 5px;
}
.list-group {
	padding-right: 0;
}
/* end faq */

/* BEGIN CONTACT SECTION */
.contact-section {
	background: #f8f8f8;
    padding-top: 75px;
    padding-bottom: 20px;
    text-align: center;
}
.contact-section .sub-title {
	font-size: 22px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.contact-section .sub-title.date {
	clear: both;
	font-size: 32px;
	line-height: 40px;
}
.contact-section a {
	margin-bottom: 20px;
}
.contact-section a img {
	margin-right: 10px;
	max-width: 32px;
}
.contact-section small {
	display: block;
	margin-bottom: 10px;
}
/* end contact */

/* BEGIN FOOTER */
.footer {
	border-top: 1px solid #eee;
	color: #999;
	margin-top: 40px;
	padding-top: 30px;
}
.read-more-state {
  	display: none;
}
.read-more-target {
  	opacity: 0;
  	max-height: 0;
  	font-size: 0;
  	transition: .25s ease;
}
.read-more-state:checked ~ .read-more-wrap .read-more-target {
  	opacity: 1;
  	font-size: inherit;
  	max-height: 999em;
}
.read-more-state ~ .read-more-trigger:before {
  	content: 'Devamını oku';
}
.read-more-state:checked ~ .read-more-trigger:before {
  	content: 'Gizle';
}
.read-more-trigger {
  	cursor: pointer;
  	display: inline-block;
  	padding: 0 .5em;
  	color: #666;
  	font-size: .9em;
  	line-height: 2;
  	border: 1px solid #ddd;
  	border-radius: .25em;
}
/* end footer */


/* YouTube Videos */
.embed-container,
.vidwrap { 
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 30px;
} 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
  position: absolute;
  top: 0; 
  left: 0; 
  width: 100%;
  height: 100%;
}

.vidwrap { 
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  cursor: pointer;
  overflow: hidden; 
}
.icon-play-youtube {
  background: url('../img/icon-play.png') no-repeat center center;
  background-size: 15%;
  height: 100%;
  position: absolute;
  width: 100%;
}

/* Fixed Form */
#callmeFix {
	display: none;
}
@media(max-width:767px) {
	#callmeFix {
		background-color: #ff1493;
		color: #fff;
		display: block;
		position: fixed;
    	bottom: 0;
    	width: 100%;
	}
	#callmeFix .free-text {
		margin-top: 10px;
		margin-bottom: 5px;
	}
	#callmeFix .input-group {
		margin-bottom: 0;
		width: 70%;
	}
	#callmeFix .button-container {
		width: 30%;
	}
	#callmeFix .button-container input {
		border-radius: 4px;
		font-weight: 700;
		height: 39px;
	}
	#callmeFix .form-error {
		background-color: #ff0000;
		color: #fff;
		font-size: 1.0em;
		text-align: center;
	}
	#callmeFix .is-invalid-input:not(:focus) {
		background-color: #fff;
		border: 1px solid red;
		box-shadow: 0px 0px 10px #FF0000;
		color: #ff0000;
	}
	#callmeFix input {
		font-size: initial;
	}
	.footer {
		padding-bottom: 100px;
	}
}
/* end fixed form */

img.sticky-img {
    width: 100%;
}

.phone-modal {
	overflow: hidden;
    background-color: #d5e6f6;
    padding: 30px;
    font-size: 15px;
}

.phone-modal form#slider_form {
	padding: 16px;
}

.phone-modal input {
    font-family: 'Arial';
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid #fff;
    box-shadow: 0 0 1px #fff;
    color: #333;
    font-size: 20px;
    float: left;
    height: 50px;
}


.phone-modal a.phone-modal-button {
	box-shadow: 0px 10px 14px -7px #3e7327;
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	background-color:#77b55a;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:24px;
	font-weight:bold;
	padding:6px 12px;
	width: 100%;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}
.phone-modal a.phone-modal:hover {
	background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
	background-color:#72b352;
}
.phone-modal a.phone-modal:active {
	position:relative;
	top:1px;
}



.phone-modal .header-text {
    color: #388bb7;
    font-size: 21px;
    font-weight: 600;
    float: right;
    padding: 5px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 0px; 
    
}
.phone-modal .text-list {
    text-align: start;
    color: #388bb7;
}
.phone-modal .text-list p {
    margin-bottom: 0.2rem;
}

.phone-modal .info-text {
    color: #484343;
    font-size: 14px;
    font-style: italic;
    padding: 5px;
    width: 100%;
    margin-top: 5px;
    text-align: start;
    
}
    
.phone-modal label {
    font-size: 18px;
    font-weight: bold;
    text-align: start;
}

.phone-modal .intl-tel-input .country-list {
	position: fixed;
}

.intl-tel-input .country-list {
	z-index: 2000;
}

.phone-modal .intl-tel-input.allow-dropdown {
	width: 98%;
}

.phone-modal input#name_slider {
	width: 98%;
}

@media screen and (max-width: 39.9375em) {
	.reveal {
		top: 0;#phone-input
		left: 0;
		width: 100%;
		height: auto;
		min-height: 30%;
		min-height: 50vh;
		margin-left: 0;
		border: 0;
		border-radius: 0;
	}
}


.phone-modal .intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 80px;
}

.phone-modal .intl-tel-input.separate-dial-code .selected-dial-code {
    text-align: start;
}

.reveal-overlay {
    background-color: hsla(0,0%,4%,.80) !important;
}