::-webkit-scrollbar {
    width: 5px;
    background-color: #eaeaea;
    border-left: 0px solid #0f3b77;
}
::-webkit-scrollbar-thumb {
    background-color: #0a0111;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #212121;
}

p {font-family: 'Poppins', sans-serif !important;}
h1,h2,h3,h4,h5 {font-family: 'Poppins', sans-serif !important;}
a {font-family: 'Poppins', sans-serif !important;}
span {font-family: 'Poppins', sans-serif  !important;}
strong {font-family: 'Poppins', sans-serif  !important; font-weight: 600;}
b {font-family: 'Poppins', sans-serif  !important; font-style: normal;}
span {font-family: 'Poppins', sans-serif  !important; font-style: normal;}
em {font-family: 'Poppins', sans-serif  !important; font-style: normal;}
li {font-family: 'Poppins', sans-serif  !important;}
ul {font-family: 'Poppins', sans-serif  !important; list-style-type: none !important; }
i {font-family: 'Poppins', sans-serif  !important; font-style: normal;}
.btn {font-family: 'Poppins', sans-serif  !important; font-style: normal;}

body, html {transition: all 0.5s ease;}
@media (min-width: 1200px) {
  .container {
    width: 1210px;
  }
}

.logos {
	background: url(img/logo.png);
	background-repeat: no-repeat;
	 width: 325px; 
	 height: 90px;
	
}



.header {background: url("resimler/headerbg1.png"); width: 100% !important; margin: 0 auto; background-repeat: no-repeat; padding: 0px; background-size: 100% 100%;-moz-background-size: 100% 100%;      /* Firefox 3.6 */
    -webkit-background-size: 100% 100%;  /* Safari 3.0, Chrome */
    background-size: 100% 100%;      /* w3c, Firefox 4.0, ie9  */
    -o-background-size: 100% 100%;   /* Opera 9.5 */}
.menu {background: none !important; border: none !important; margin-top: 20px;}
.menu li a {color: #fff !important; font-size: 16px; font-weight: 600;}
.navbar-brand {font-size: 30px; color: #fff !important; font-weight: 600;}

.headerici {padding: 0px; margin-top: 50px;}
.sohbet-alani {background: #fff; border-radius: 50px; padding: 30px}
.sohbet-alani h1 {color: #6e142a; text-align: center; font-weight: 600; font-size: 30px;}
.sohbet-alani h1 a {color: #6e142a; text-align: center; font-weight: 600; font-size: 30px; text-decoration: underline;}
.sohbet-alani img { margin-top: 18px;}
.input1 {border-bottom: 2px solid #c53e5e; padding: 0px 0px;}

.sgiris {color: #6e142a; text-align: center; font-weight: 600; font-size: 30px;}
.dunya {width: 400px; height: 490px; float: right;}

.asp123 {margin-bottom: 15px;}
.orta-alan {background: #fff; width: 100% !important; height: auto !important; margin: 0 auto; background-repeat: no-repeat; padding: 0px 50px; }
.okcu {width: 400px; height: 478px; margin-top: -50px; text-align: left}
.orta-yazi span {border-bottom: 3px solid #f0c45d; color: #000; font-weight: 600; font-size: 25px; line-height: 50px;}

.orta-yazi {margin-top: -50px;}
.orta-yazi p {font-size:16px;}

.orta-yazi1 {padding: 10px 30px;}
.orta-yazi1 span {border-bottom: 3px solid #ca1e7e; color: #000; font-weight: 600; font-size:25px; line-height: 40px; }
.orta-yazi1 p {font-size:16px;}

.orta-yazi2 {padding: 10px 30px;}
.orta-yazi2 span {border-bottom: 3px solid #a1a4fb; color: #000; font-weight: 600; font-size: 25px; line-height: 40px;} 
.orta-yazi2 p {font-size:16px;}

.mirc-genel {background: #13adc1; text-align: center; padding: 20px; border-radius: 20px; margin-bottom: 20px; height: 270px;transition: all 0.5s ease;}
.mirc-genel img {width: 112px; height: 125px;}
.mirc-ici {color: #fff; text-decoration: none !important}

.mirc-genel:hover {background: #6c1429; color: #fff !important;transition: all 0.5s ease;}
.mirc-genel1:hover {background: #6c1429; color: #fff !important;transition: all 0.5s ease;}
.mirc-genel2:hover {background: #6c1429; color: #fff !important;transition: all 0.5s ease;}
.mirc-genel3:hover {background: #6c1429; color: #fff !important;transition: all 0.5s ease;}


.mirc-genel1 {background: #a1a4fb; text-align: center; padding: 20px; border-radius: 20px; margin-bottom: 20px; height: 270px;transition: all 0.5s ease;}
.mirc-genel1 img {width: 108px; height: 125px;}


.mirc-genel2 {background: #f9527a; text-align: center; padding: 20px; border-radius: 20px; margin-bottom: 20px; height: 270px;transition: all 0.5s ease;}
.mirc-genel2 img {width: 73px; height: 125px;}

.mirc-genel3 {background: #f0c45d; text-align: center; padding: 20px; border-radius: 20px; margin-bottom: 20px; height: 270px;transition: all 0.5s ease;}
.mirc-genel3 img {width: 111px; height: 125px;}

.sozbg {padding: 0px 20px;}
.sozbgici {background: #ededed; width: 100%; height: 280px; margin-top: 150px;}
.soz-genel {padding: 10px 70px; margin-top: -350px; position: relative; z-index: 1;}
.soz {border: 2px solid #6e142a; padding: 20px; height: 250px;}
.soz img {width: 428px; height: 66px;}

.masa {width: 170px; height: 170px; border-radius: 100%; margin-top: -85px; position: relative; z-index: 10;}

.sosyaller {background: #ececec; margin-top: 100px; margin-bottom: 1px;}
.sosyaller a {width: 25% !important;  text-align: center; float: left; color: #000; text-decoration: none;transition: all 0.5s ease;}
.sosyaller a i {font-size: 75px; vertical-align: middle}
.sosyaller a:hover {color: #c53e5e;transition: all 0.5s ease;}
 
.kutu {

border: 5px solid #f0c45d;
padding: 25px; 
background: #dfdfdf; 
color: #b73353;
}


.footer {background: url("resimler/footerbg1.png"); width: 100% !important; margin: 0 auto; background-repeat: no-repeat; padding: 0px; background-size: cover}


.detay h3 {font-size: 25px; font-weight: 600; color: #000;}
.detay {padding: 20px 100px;}
.detay p {font-size: 18px; line-height: 25px; color: #000;}

.gizliliks a{
	color: #fff;
}
.baslik1 {	
	border-bottom: 3px solid #f0c45d;
	color:#000;
font-weight: 600;
line-height: 50px;
font-size: 25px;
}
.baslik2 {	
	border-bottom: 3px solid #a1a4fb;
	color:#000;
font-weight: 600;
line-height: 50px;
font-size: 25px;
}
.baslik3 {	
	border-bottom: 3px solid #ca1e7e;
	color:#000;
font-weight: 600;
line-height: 50px;
font-size: 25px;
}
.navbar-toggle {color: #fff;}

.asp22 {padding: 30px;}
.asphover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  overflow: hidden;
  font-family: 'Poppins', sans-serif !important;
}


.asphover:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #ffffff;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.asphover:hover:before, .asphover:focus:before, .asphover:active:before {
  right: 0;
}


.linkler {margin-top: 250px;color: #fff; font-size: 20px;}
.linkler a {color: #fff; font-size: 20px; padding: 20px;}
.footer p {color: #fff; font-size: 18px;}

@media (max-width: 768px) {
.menu {margin-top: 10px !important}
.header {background: #a7203c !important;}
.headerici {padding:50px 25px;}
.sosyaller a i {font-size: 45px;vertical-align: middle; display: block;}
.orta-yazi {margin-top: 50px;}
.orta-yazi p {text-align: left; font-size: 16px; line-height: 30px !important;}
.orta-yazi1 p {text-align: left; font-size: 16px; line-height: 30px !important;}
.orta-yazi2 p {text-align: left; font-size: 16px; line-height: 30px !important;}
.orta-yazi1 {padding: 10px 10px;}
.orta-yazi2 {padding: 10px 10px;}
.detay {padding: 20px 10px;}
.footer {background: #a7203c !important; height: auto !important}
.linkler {margin-top: 30px; margin-bottom:30px; color: #fff; font-size: 18px;}
.linkler a {color: #fff; font-size: 16px; padding: 20px;}
.copy {color: #fff;font-size: 16px !important; display: block; width: 100%; float: left;}
.logo {   max-width: 100%;
  height: auto;}
.orta-alan {background: #fff; width: 100% !important; height: auto !important; margin: 0 auto; background-repeat: no-repeat; padding: 0px 5px; }

  }



.form-control {        
  font-weight: 600 !important;
  display: block;
  width: 100% !important;
  height: 60px;
  padding: 20px 12px !important;
  font-size: 15px;
  line-height: 1.42857143;
  color: #000 !important;
  background-color: #fff;
  background-image: none !important;
  border-radius: 0px !important;
  text-align: left;
  transition: all 0.5s ease;
  font-family: 'Poppins', sans-serif !important;   
  border-top: rgba(255, 255, 255, 0.00) !important; 
  border-left: rgba(255, 255, 255, 0.00) !important; 
  border-right: rgba(255, 255, 255, 0.00) !important; 
  margin-bottom: 3px;
  border-bottom: 0px solid #c53e5e;
  box-shadow: none !important;
  margin-top: 15px;
  font-family: 'Poppins', sans-serif  !important;
}

select.form-control:not([size]):not([multiple]) {
    height: 51px;
    font-family: 'Poppins', sans-serif  !important;
}

.form-control:hover {background: #fff !important; color: #575757 !important; transition: all 0.5s ease;  border-top: none !important; 
   border-left: rgba(255, 255, 255, 0.00) !important; 
   border-right: rgba(255, 255, 255, 0.00) !important; 
   border-color: #6e142a !important; 
   font-family: 'Poppins', sans-serif  !important;
}

.form-control:focus {
  border-color: #8c72f1 !important;
  font-weight: 600;
  outline: 0;
  box-shadow: none !important;
  border-color: #6e142a !important;
  -webkit-box-shadow: none !important;
   border-top: none !important; 
   border-left: none !important; 
  border-right: none !important; 
  background-color: #fff;color: #fff !important;
  color: #c53e5e !important;
  font-family: 'Poppins', sans-serif  !important;
}

.form-control::-moz-placeholder {
  color: #575757;
  font-weight: 600;
  opacity: 1;
  box-shadow: rgba(255, 255, 255, 0.00) !important;
   border-top: rgba(255, 255, 255, 0.00) !important; 
   border-left: rgba(255, 255, 255, 0.00) !important; 
    border-right: rgba(255, 255, 255, 0.00) !important; 
    font-family: 'Poppins', sans-serif  !important;
}
.form-control:-ms-input-placeholder {
  color: #000;
  font-weight: 600;
  box-shadow: rgba(255, 255, 255, 0.00) !important;
   border-top: rgba(255, 255, 255, 0.00) !important; 
   border-left: rgba(255, 255, 255, 0.00) !important; 
    border-right: rgba(255, 255, 255, 0.00) !important; 
    font-family: 'Poppins', sans-serif  !important;
}
.form-control::-webkit-input-placeholder {
  color: #cccccc;
  font-weight: 600;
  box-shadow: none !important;
   border-top: none !important; 
   border-left: none !important; 
    border-right: none !important; 
    font-family: 'Poppins', sans-serif  !important;
}


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.buttons {
    margin: 10%;
    text-align: center;
}

.btn-asp {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    height: 55px;
    text-align:center;
    border: none;
    background-size: 300% 100%;
    margin-top: 30px;
    border-radius: 80px !important;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    font-family: 'Poppins', sans-serif  !important;
}

.btn-asp:hover {
    background-position: 100% 0;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-asp:focus {
    outline: none;
}

.btn-asp.asp-1 {
    background-image: linear-gradient(to right, #c53e5e, #6e142a, #8e233d, #6e142a);font-family: 'Poppins', sans-serif  !important;
}



.form-control1 {        
  font-weight: 600 !important;
  display: block;
  width: 100% !important;
  height: 50px;
  padding: 20px 12px !important;
  font-size: 15px;
  line-height: 1.42857143;
  color: #000 !important;
  background-color: #fff;
  background-image: none !important;
  border-radius: 0px !important;
  text-align: left;
  transition: all 0.5s ease;
  font-family: 'Poppins', sans-serif !important;   
  border-top: rgba(255, 255, 255, 0.00) !important; 
  border-left: rgba(255, 255, 255, 0.00) !important; 
  border-right: rgba(255, 255, 255, 0.00) !important; 
  margin-bottom: 3px;
  border: 1px solid #bdbdbd !important;
  box-shadow: none !important;
  margin-top: 15px;
  font-family: 'Poppins', sans-serif  !important;
}

select.form-control1:not([size]):not([multiple]) {
    height: 51px;
    font-family: 'Poppins', sans-serif  !important;
}

.form-control1:hover {background: #fff !important; color: #575757 !important; transition: all 0.5s ease;  border-top: none !important; 
   border-left: rgba(255, 255, 255, 0.00) !important; 
   border-right: rgba(255, 255, 255, 0.00) !important; 
   border-color: #6e142a !important; 
   font-family: 'Poppins', sans-serif  !important;
}

.form-control1:focus {
  border-color: #8c72f1 !important;
  font-weight: 600;
  outline: 0;
  box-shadow: none !important;
  border-color: #6e142a !important;
  -webkit-box-shadow: none !important;
   border-top: none !important; 
   border-left: none !important; 
  border-right: none !important; 
  background-color: #fff;color: #fff !important;
  color: #c53e5e !important;
  font-family: 'Poppins', sans-serif  !important;
}

.form-control1::-moz-placeholder {
  color: #575757;
  font-weight: 600;
  opacity: 1;
  box-shadow: rgba(255, 255, 255, 0.00) !important;
   border-top: rgba(255, 255, 255, 0.00) !important; 
   border-left: rgba(255, 255, 255, 0.00) !important; 
    border-right: rgba(255, 255, 255, 0.00) !important; 
    font-family: 'Poppins', sans-serif  !important;
}
.form-control1:-ms-input-placeholder {
  color: #000;
  font-weight: 600;
  box-shadow: rgba(255, 255, 255, 0.00) !important;
   border-top: rgba(255, 255, 255, 0.00) !important; 
   border-left: rgba(255, 255, 255, 0.00) !important; 
    border-right: rgba(255, 255, 255, 0.00) !important; 
    font-family: 'Poppins', sans-serif  !important;
}
.form-control1::-webkit-input-placeholder {
  color: #cccccc;
  font-weight: 600;
  box-shadow: none !important;
   border-top: none !important; 
   border-left: none !important; 
    border-right: none !important; 
    font-family: 'Poppins', sans-serif  !important;
}

.form-control2 {        
  font-weight: 600 !important;
  display: block;
  width: 100% !important;
  height: 200px;
  padding: 20px 12px !important;
  font-size: 15px;
  line-height: 1.42857143;
  color: #000 !important;
  background-color: #fff;
  background-image: none !important;
  border-radius: 0px !important;
  text-align: left;
  transition: all 0.5s ease;
  font-family: 'Poppins', sans-serif !important;   
  border-top: rgba(255, 255, 255, 0.00) !important; 
  border-left: rgba(255, 255, 255, 0.00) !important; 
  border-right: rgba(255, 255, 255, 0.00) !important; 
  margin-bottom: 3px;
  border: 1px solid #bdbdbd !important;
  box-shadow: none !important;
  margin-top: 15px;
  font-family: 'Poppins', sans-serif  !important;
}
.f-back {
	background-color: #a7203c !important;
	font-size: 10px;
}
.f-back a {
	color: #ffffff !important;
}
.social-back {
	background-color: #a7203c !important;
}
/**
 * Social Media Icons Styling
 * Example CSS file 
 **/

/* Resets default styling */
.social-media-icons {
    list-style: none;
    margin 0;
    padding: 0;
}

/* Displays the list-items in a row */
.social-media-icons li {
    display: inline-block;
}

/* Set up the social media icons and enable transitioning for a smooth hovering effect */
.social-media-icons a {
    background-image: url(img/social-icons.png);
    background-image: url(img/social-icons.svg), none; /* IE8 does not support multiple backgrounds (even when it is empty), so reverts to the former rule with the .png */
    background-repeat: no-repeat;
    display: block;
    height: 58px;
    transition: all 350ms ease-out;
    -webkit-transition: all 350ms ease-out;
    -o-transition: all 350ms ease-out;
    width: 50px;
}

.social-media-icons a:hover {
    background-position-y: 2px; /* Bonus image movement, no support by Firefox and Opera. Requires images with similar y position. */
    filter: alpha(opacity=80); /* Fallback for older versions of IE */
    opacity: 0.8;
}

/* Move the background to the right position for each social network */
.twitter {
    background-position: 0 0; /* Obviously, this is obsolete to use here, but it illustrates the fact the twitter image is the first image */
}

.facebook {
    background-position: -53px 0;
}

.dribbble {
    background-position: -106px 0;
}

.pinterest {
    background-position: -159px 0;
}

.instagram {
    background-position: -212px 0;
}
.cevap {
	font-family:'Poppins', sans-serif !important;
	font-size: 25px;
line-height: 40px;
	color: #a7203c !important;
}

@media screen and (max-width:900px) ,screen and (max-device-width:900px) {
.footer {background: #a7203c !important; height: auto !important}

}