@import url('https://fonts.googleapis.com/css?family=Special+Elite');

body { color:#272828; }
a { color:#383838; }
a:hover { color:#000; text-decoration: none }

.kirmizi_serit { background-color: #b4141e; width: 100%; height: 10px }

img { max-width: 100% }
.beyaz { color:#fff; }
.kirmizi, h1,h2,h3,h4,h5 { color:#ff828f }
.koyu, .gri { color:#333; } 

.devam:hover { color:#b4141e; }
.devam img { transition:all 0.6s; -webkit-transition:all 0.6s; }
.devam:hover img { margin-left:5px; transform: rotateX( 180deg ); -webkit-transform: rotateX( 180deg ); }

.menu1 { background:url(../images/sari_cizgi.png) right bottom no-repeat; padding: 10px; display: inline-block; right: 0 }
.menu1 a { color:#535253; font-weight: 600; white-space: nowrap; transition:all 0.6s ease; -webkit-transition:all 0.6s ease;  }
.menu1 a:hover { color:#ff828f; }

.menu2 a:before { content: url(../images/icon-baklava.png); margin-right: 3px; vertical-align: middle; padding-top: 7px }
.menu2 a { font-size:18px; line-height: 36px; color:#383838; white-space: nowrap; transition:all 0.6s ease; -webkit-transition:all 0.6s ease;  }
.menu2 a:hover, .navbar-light .navbar-nav .nav-link:hover { color:#ff828f; }
.navbar-light .navbar-nav .nav-link { color:#383838; }

.slider { z-index: -1 }

.video{ display: inline-block; position: relative; }

.video { overflow:hidden; }
.video img { transition:all 0.8s; -webkit-transition:all 0.8s; transform: scale(1) }
.video:hover img { transform: scale(1.1) }

.video::before { content: ''; 
  transform: translateY(-50%);  color:#fff; position: absolute; top:0; left:0; width: 100%; height: 100%; background: RGBA(200,0,0,0.2); opacity: 0; transition:all 0.2s; -webkit-transition:all 0.2s; transform:scale(0.5); z-index: 2  }
.video:hover::before { opacity: 1; transform:scale(1); }
.video::after {  content: '\f01d'; font-family: FontAwesome; font-size: 64px; color:#fff; text-align: center; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50% , -50%); -ms-transform: translate(-50% , -50%); transition:all 0.5s; -webkit-transition:all 0.5s; opacity: 0.75; z-index: 3 }
.video:hover::after { opacity: 0.95;} 

.ultrasonografi a { font-size: 22px; transition: all 0.5s; -webkit-transition: all 0.5s; display: inline-block; vertical-align: middle; display: flex }
.ultrasonografi a span { display: inline-block; margin-left: 15px; align-self: center !important; }
.ultrasonografi a:hover { color:#ff828f; }
.ultrasonografi a:hover span {  }
.ultrasonografi a img { padding: 4px; float: left; transition: all 0.2s; -webkit-transition: all 0.2s }
.ultrasonografi a:hover img { transform: scale(0.9); opacity: 0.75 }

.media h2 { font-weight: bold }
.media .devam { color:#ff828f; font-size: 20px; }
.media .devam:hover { color: #cf737c }

.media1 > img { max-width: 50%; z-index: 1 }
.media1 .media-body { background:#fff; margin:5% 0 5% -10%; font-size: 16px; z-index: 2 }
.media1.sag .media-body { margin:5% -10% 5% 0; }
.media1.sag > img{ order: 1 }

.media2 { margin:20px; }
.media2 a {max-width:100% }
.media2 > img, .media2 > a > img { max-width: 55%; z-index: 1 }
.media2 .media-body { background:#caeff8; margin:10% 0 0 -300px; min-height: 120%; font-size: 14px; z-index: 2 }
.media2 h2 { color:#007be5; font-size: 20px; margin-bottom: 15px }
.media2 .devam { color: #008aff; font-size: 18px }
.media2 .devam:hover { color:#0c5fa6; }
.media2 p { max-height:190px; overflow:hidden } 

.media > img , .media > a > img { transition: all 0.5s; -webkit-transition: all 0.5s; }
.media > img:hover, .media > a > img:hover { filter: contrast(150%); }

.navbar-brand {
    max-width: 40%;
}

.sizi_arayalim1 { background: url(../images/sizi_arayalim_bg.png) bottom center no-repeat; background-size:100% auto; }

.btn1 { background-color: #ff828f; color:#fff; padding: .375rem 1.75rem; }
.btn1:hover { background-color: #d56d78; color:#eee; }

.footer { background: #f4f4f4; padding:75px 25px 0; font-size: 15px; }
.footer h3 { font-size: 18px; color: #737273; margin-bottom: 10px; }
.footer a { display: block; }

.two-column { column-count: 2; }

.social, .footer a.social { display: inline-block; width: 32px; height: 32px; background: transparent; border-radius: 50%; color:#ff828f; line-height: 26px; text-align: center; margin:0 3px; padding: 0; border:#ff828f 1px solid; transition: all 0.5s; -webkit-transition: all 0.5s; }
.footer .social:hover, .footer2 .social:hover, .social:hover { color:#fff; background: #ed283a; border-color:#fff; }

.form-control { border:#e6e7e7 4px solid; border-radius: 10px }

.menu1_mobil { display: none }

.slider_container { position: relative; padding-top:50px; z-index: 1 }

@media screen and (max-width : 560px){
  .h1, h1 { font-size: 1.75rem; }
  .h3, h3 { font-size: 1.25rem;  }
  .h4, h4 {  font-size: 1.1rem; }
  .menu1_mobil { display: flex }
  .menu1 { display: none }
  .slider_container { padding-top: 100px }
}

@media screen and (max-width : 400px){
	.two-column { column-count: 1; }
}

@media screen and (max-width : 400px){
  .media { display: block  } 
  .media-body { padding: 10px }
  .media2 .media-body, .media1 .media-body, .media1.sag .media-body { margin:0 0 10%; }
  .media1 > img { max-width: 100%; }

}