@charset "utf-8";
/* CSS Document */

* { padding:0;
	margin:0;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height: 25px;
	color:#808184;
	}
::selection {background:#8bc53f; color:white}
body {overflow:-moz-scrollbars-vertical; overflow-x:hidden; overflow:-moz-scrollbars-vertical; overflow-;} 
.ustbuton {color:#016938; border: solid #016938 5px; border-radius:25px; font-size:12px; font-weight:900; margin: 10px 5px 10px 5px}
.yenidropdown{margin: 0px -25px 0; text-align: center; min-width: 115px;}
.navbar-default {background-color: white; border-color:white; border-radius: 0px}
.navbar-brand {padding: 8px 15px}
.navbar-right {margin-top:10px}
.navbar {min-height: 80px}
.navbar-default .navbar-toggle {margin-top:35px}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {margin-top:25px}
@media screen and (min-width: 768px) {.carousel-caption {right: 0%; left: 15%; padding-bottom: 30px; text-align: left; text-shadow: none;}}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background-color: rgba(255, 255, 255, 0);}
.navbar-nav > li > .dropdown-menu {border-radius:5px; margin-top:5px}
.sliderbuton {background-color:rgba(255, 255, 255, 0); transition:0.3s; color:white; border:2px solid white; padding: 15px 30px 15px 30px; border-radius: 35px; margin-top:10px; margin-bottom:25px }
.sliderbuton:hover {background-color:white; color:#808184; border:2px solid white; padding: 15px 30px 15px 30px; border-radius: 35px; margin-top:10px; transition:0.3s}
.anailetisimalani {padding:28px 0px 25px 0px; min-height: 100px}
.anabutonalani {text-align: right; margin-top:25px}
.anasayfacontact {transition:0.3s; background-color:rgba(255, 255, 255, 0); text-align: right; color:#808184; border:2px solid #A6A8AB; padding: 15px 30px 15px 30px; border-radius: 35px;}
.anasayfacontact:hover {background-color:white; text-align: right; color:#808184; border:2px solid white; padding: 15px 30px 15px 30px; border-radius: 35px; transition: 0.3s}
.ustbaslik {color:#A6A8AB; font-size:20px; font-weight: 700; margin-top:10px}
@media screen and (max-width: 768px) {.ustbaslik {text-align: center; transition: 0.3s }}
.anabaslik {color:#808184; font-size:50px; font-weight: 900; margin-top:-10px}
@media screen and (max-width: 768px) {.anabaslik {text-align: center; transition: 0.3s }}
.ilkbuton {background-color:rgba(255, 255, 255, 0); text-align: center; font-size:12px; font-weight: 700; color:#26A9E0; border:2px solid #26A9E0; margin:10px 10px 10px 10px; padding: 15px 45px 15px 45px; border-radius: 35px; transition: 0.3s}
.ilkbuton:hover {background-color:white; text-align: right; color:#808184; border:2px solid white; padding: 15px 30px 15px 30px; border-radius: 35px; transition: 0.3s}
.ikincibuton {background-color:rgba(255, 255, 255, 0); text-align: center; font-size:12px; font-weight: 700; color:#1B75BB; border:2px solid #1B75BB; margin:10px 10px 10px 10px; padding: 15px 45px 15px 45px; border-radius: 35px; transition: 0.3s}
.ikincibuton:hover {background-color:white; text-align: right; color:#808184; border:2px solid white; padding: 15px 30px 15px 30px; border-radius: 35px; transition: 0.3s}
.breadcrumb {background-color:rgba(245, 245, 245, 0)}
.urunresimleri {position: relative; text-align: center; margin-top:25px}
.top-right {position: absolute; top:20%; left:55%; text-align: left;}
.isim {font-weight: 700; font-size:16px}

.conreferans {position:relative; margin-top:25px}
.conreferans:hover .overlay {opacity:1;}
.referansyazi{ color:white; font-size:16px; text-align:center; font-weight:300; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);}
@media screen and (max-width: 768px) {.referansyazi{font-size:12px}}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #016938;
}