body {font-family: 'Open Sans', sans-serif;}
.header {position: relative;width: 100%; float:left;z-index: 100;}
.sticky-menu {background: rgba(255,255,255,1);color: #061f2a; transition: ease all 400ms;padding: 15px 0;width:100%;box-sizing:border-box;}
.top-header {width: 100%; border-bottom: 1px solid #ddd; padding: 12px 0; background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;}
.logo-menu {float:left; width: 100%;}
.sistem-login-button {
  float: right;
  background-color: #434e5b;
  color: #fff; margin-top: 26px;
  font-size: 14px;
  font-weight: 700;
  padding: 12px 15px;
}
.sistem-login-button img {
  float: right;
  margin-left: 8px;
}
.header-info-list {
  float: right; margin-top: 32px;
  font-family: Open Sans;
  list-style: outside none none;
}
.header-info-list li {
  border-right: 1px solid #555;
  float: left;
  margin: 0 20px 0 0;
  padding: 5px 20px 5px 0;
}
.header-info-list li:last-child {
  border-right: none; margin:0 0 0 0;
}
.header-info-list li a {
  color: #34495e;
  font-family: "Open Sans",sans-serif;
  font-size: 16px;
  letter-spacing: -0.03em;
}
.mainpage-main-menu {
  background: rgba(67, 78, 91, 0.9) none repeat scroll 0 0 !important;
  float: left;
  margin-bottom: -54px;
  position: relative;
  width: 100%;
  z-index: 10;
}
.logo {
  display: block;
  float: left;
  margin: 11px 0;
}
.social-menu {list-style: none;padding: 0; margin: 11px 12px 0 0; float:right;}
.social-menu li {float:left;}
.social-menu > li a {
  display: block; color:#666;
  background-color: #fff;
  float: left;
  height: 31px;
  margin-left: 4px;
  padding-top: 6px;
  text-align: center;
  width: 31px;
}
.m-slider-content {
  border: 10px solid #fff;
  box-shadow: 0 0 7px -1px #999;
  float: left;
  margin-bottom: 10px;
  margin-top: -110px;
  padding: 20px 20px 30px 20px;
  width: 100%; background: url(../images/ucgen-bg.png) top right no-repeat #fff;
}
.m-slider-content h4 {
  color: #525b66;
  float: left;
  font-family: Open Sans;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: -0.03em;
  margin: 0 0 15px;
  width: 100%;
}
.m-slider-content h4 span {color:#32b9c6;}
.m-slider-content p {
  color: #96a5aa;
  float: left;
  font-size: 18px;
  line-height: 1.4em;
  margin: 0 0 15px;
  padding: 0;
}
.spec-wrapper {
  float: left;
  height: 291px;
  margin: 5px 0;
  overflow: hidden;
  padding: 5px 0 0px;
  text-align: center;
  transition: all 400ms ease 0s;
  width: 100%;
}
.spec-wrapper > .spec-link {
  float: right; margin-right: -70px;
  margin-top: -50px; display: block; transition: ease all 400ms;}
.spec-wrapper:hover > .spec-link {display:block; margin-right:0; transition: ease all 400ms;}
.spec-icon {
  background-color: #f7f7f7;
  border: 5px solid #fff;
  border-radius: 50%;
  color: #000;
  display: block;
  font-size: 24px;
  height: 70px;
  margin: 0 auto;
  padding-top: 11px;
  width: 70px; transition:ease all 400ms;
}
.spec-wrapper h4 a {
  color: #383838;
  float: left;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.25em;
  margin: 10px 0 15px 0;
  padding: 0 20px;
  width: 100%;
}
.spec-wrapper p {
  line-height: 1.5em;
  padding: 0 20px 10px;
}
.spec-wrapper p a {
  color: #96a5aa;
  font-size: 16px;
  letter-spacing: -0.03em;
}
.spec-wrapper:hover {
  box-shadow: 0 0 6px 0 #aaa;
  transition: all 400ms ease 0s;
}
.spec-wrapper:hover .spec-icon {background-color: #32b9c6; color:#fff;border: 5px solid #b2e2e7; transition: ease all 400ms;}
.mainpage-about-us {
  background-color: #f5f6fa;
  float: left;
  margin: 50px 0 30px;
  padding: 60px 0;
  width: 100%;
}
.mainpage-about-us h1 {
  color: #525b66;
  float: left;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.03em;
  margin: 0 0 15px;
  width: 100%;
}
.mainpage-form-wrapper {
  float: left;
  width: 100%; margin-top:40px;
  text-align: center; background: url(../images/mainpage-form-bg.jpg) top center no-repeat; min-height:328px;
}
.mp-title h3 {
  color: #fff;
  float: left;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.03em;
  margin-top: 60px;
  width: 100%;
}
.mp-title p {
  color: #fff;
  float: left;
  font-size: 20px;
  margin-top: 10px;
  padding: 0 30px;
  width: 100%;
}
.mp-form-wrap {
  background-color: #fff;
  float: left;
  margin-top: 50px;
  padding: 30px;
  text-align: left;
  width: 100%;
  box-shadow: 0px 0px 5px 2px #aaa;
  margin-bottom: 40px;
}
.mp-form-wrap label {
  color: #34495e;
  font-size: 12px;
  font-weight: 700;
}
.mp-haber {margin:10px; float:left; width:100%;}
.mp-haber img {float:left; width: 40%;}
#haberler-slider .item {
  margin: 10px;
}
.mp-haber {
  box-shadow: 0 0 4px 1px #ccc;
  float: left;
  margin: 4px;
  padding: 0;
  width: 100%;
  border-top: 2px solid #32b9c6;
}
.mp-haber-content {
  /*border-top: 2px solid #32b9c6;*/
  float: left;
  padding-left: 25px;
  width: 60%;
}
.mp-haber-content h6 {
  color: #525b66;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.4em;
  margin-top: 20px;
}
.mp-date {
  color: #32b9c6;
  font-size: 14px;
  font-weight: 700;
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
.footer {
    float:left; 
    width: 100%; 
    margin-top:30px; 
    background-color: #3b434c; 
    height: 53px;
}
.copyright {
  color: #a2abb7;
  float: left;
  font-size: 12px;
  margin-top: 17px;
}
.copyright span {color:#fff;}
.mainpage-haberler {float:left; width:100%;}
.mainpage-haberler h3 {
  float: left;
  width: 100%;
  font-weight: 700;
  color: #525b66;
  letter-spacing: -0.03em;
  margin: 40px 0 0 0;
}
.sub-header-area {float:left; width: 100%; background: url(../images/altsayfa-bg.jpg) top center no-repeat; height: 161px;}
.page-title {
  float: left;
  width: 100%;
  color: #000;
  font-size: 28px;
  color: #fff;
  font-weight: 700;
  margin-top: 90px;
  padding: 0 0;
}
.content-area {
  float: left;
  margin: 30px 0 0;
  width: 100%;
}
.right-menu h4 {
  color: #4d5864;
  float: left;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
  margin: 0 0 20px;
  padding: 0;
  width: 100%;
}
.right-menu ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.right-menu ul li a {
  color: #96a5aa;
  display: block;
  float: left;
  font-size: 14px;
  letter-spacing: -0.03em;
  line-height: 1.5em; transition: ease all 400ms;
  margin-bottom: 8px;
  width: 100%;
}
.right-menu ul li a.active {color:#31c2cf;}
.right-menu ul li a:hover {color:#31c2cf; transition: ease all 400ms;}
.right-menu ul li:last-child a {margin-bottom: 0;}
.right-menu {
  border: 1px solid #c4ccd9;
  float: left;
  padding: 25px;
  width: 100%;
}
.right-menu ul li a i {
  float: left;
  font-size: 10px;
  margin: 5px 5px 0 0;
}
.duyuru-item {
    float:left; 
    width:100%; 
    /*border-right: 1px solid #ddd; 
    border-bottom:1px solid #ddd;*/ 
    border: 1px solid #ddd;
    margin-bottom: 40px; 
    transition: ease all 400ms;

}
.duyuru-item:hover {
    transition:ease all 400ms; 
    /*border-right: 1px solid #32b9c6; 
    border-bottom:1px solid #32b9c6;*/
    border: 1px solid #32b9c6;
}
.duyuru-item img {float:left; width:40%;}
.duyuru-content {
  /*border-top: 2px solid #32b9c6;*/
  float: left;
  padding-left: 25px;
  width: 60%;
  min-height:215px;
}
.duyuru-content h6 {
  color: #525b66;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.4em;
  margin-top: 20px;
}
.references-list {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.references-list img {
  margin-bottom:30px; border:1px solid #c4ccd9;
}
.system-specialities {
  float: left;
  margin-top: -30px;
  width: 100%;
}
#map {width: 100%;height: 170px;float: left; margin-bottom: 0px;}
.contact-sub-header-area {
  float: left;
  width: 100%;
}
.contact-page-box {
  background-color: #f5f6fa;
  float: left;
  margin-top: 25px;
  padding: 20px;
  width: 100%;
}
.contact-info-list {
  list-style: outside none none;
  margin: 5px 0 0 0;
  padding: 0;
  float: left;
  width: 100%;
}
.contact-page-box h4 {
  color: #32b9c6;
  font-family: Open Sans;
  font-weight: 700;
  letter-spacing: -0.03em;
  margin: 0 0 10px;
}
.contact-info-list li .fa {
  float: left;
  font-size: 12px;
  margin: 4px 5px 0px 0;
}
.contact-info-list > li {
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
.contact-info-list li a {
  color: inherit;
}


/* Sonradan Eklenen */
.static-page-list {
  color: #96a5aa;
  font-family: open sans;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6em;
  list-style: inside none disc;
  margin: 0 0 15px;
  padding: 0;
}
h4.lead {
  color: #31c2cf;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 10px;
}
.green {color: #31c2cf !important;}
.m-t-10 {margin-top:10px !important;}
.m-t-20 {margin-top:20px !important;}
.m-t-30 {margin-top:30px !important;}
.m-b-10 {margin-bottom:10px !important;}
.m-b-20 {margin-bottom:20px !important;}
.m-b-30 {margin-bottom:30px !important;}
/* =====================================================
        MOBIL CSS 'LER
======================================================= */

@media screen and (min-width : 1200px) {

}

/* ********* */

@media screen and (min-width : 992px) and (max-width : 1199px) {
.spec-wrapper {height:315px;}
.mp-haber-content > p {display: none;}
.mp-date {margin-bottom:15px;}
.duyuru-content p {float: left;height: 50px;overflow: hidden;width: 100%;}
}

/* ********* */

@media screen and (min-width : 768px) and (max-width : 991px) {
.social-menu {display: none;}
.header-info-list li {
  border-right: 1px solid #555;
  float: left;
  margin: 0 10px 0 0;
  padding: 5px 10px 5px 0;
}
.spec-wrapper {height:290px;}
.mp-haber-content > p {display: none;}
.mp-haber-content input {display: none;}
.mp-haber-content h6 {margin-top:10px;}
.mainpage-about-us img {display: none;}
.duyuru-content p {
  height: 70px;
  overflow: hidden;
  float: left;
  width: 100%;
}
.m-slider-content {margin-top:-20px;}

}

/* ********* */

@media screen and (min-width : 480px) and (max-width : 767px) {
  .social-menu {display: none;}
      .header-info-list {
    margin-top:20px;
  }
  .header-info-list li {
    /*display:none;*/
  }
.m-slider-content {margin-top:0;}
.m-slider-content h4 {font-size:24px;}
.m-slider-content p {font-size:14px;}
  .mainpage-about-us img {display: none;}
  .spec-wrapper {height:291px;}
  .mp-title h3 {font-size:30px;}
  .mp-title p {font-size:16px;}
  .mp-haber-content p {display: none;}
  .mp-haber-content input {margin-top:10px;}
  .duyuru-content p {/*display: none;*/}
  .duyuru-item img {width:40%;}
  .duyuru-content {width:60%;}
  .duyuru-content input {margin-top:10px;}
}

/* ********* */

@media screen and (max-width : 479px) {
.mainpage-main-menu {margin-bottom:-2px;}
  .social-menu {display: none;}
    .header-info-list {
    margin-top:60px;
  }
  .header-info-list li {
    /*display:none;*/
  }
  .m-slider-content {margin-top:0;}
  .m-slider-content h4 {font-size:24px;}
  .m-slider-content p {font-size:14px;}
  .mainpage-about-us img {display: none;}
  .spec-wrapper {height:241px;}
  .mp-title h3 {font-size:30px;}
  .mp-title p {font-size:16px;}
  .mp-haber img {width:50%;}
  .mp-haber-content {width:50%;}
  .mp-haber-content h6 {font-size:16px;}
  .mp-haber-content p {display: none;}
  .mp-haber-content input {margin-top:5px;}
  .duyuru-content p {/*display: none;*/}
  .duyuru-item img {width:40%;}
  .duyuru-content {width:60%;}
  .duyuru-content input {margin-top:5px;}
.sistem-login-button {
  background-color: #434e5b;
  color: #fff;
  float: right;
  font-size: 12px;
  font-weight: 700;
  margin-top: 36px;
  padding: 6px 14px 4px;
}
.sistem-login-button img {
  float: right;
  margin-left: 8px;
  margin-top: -2px;
}
.page-title {margin-top:54px; font-size:18px;}
.sub-header-area {height:94px;}
.duyuru-content h6 {font-size:16px;}
.mp-date {font-size:12px;}
.logo {float:none;}
.logo-menu .logo {text-align: center;}
.sistem-login-button {
  background-color: #434e5b;
  color: #fff;
  float: right;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: -45px;
  margin-top: 16px;
  padding: 6px 14px 4px; width: 100%;
}
.spec-wrapper {height:291px;}
}