@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}


.sliderbuton2 {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:75px }
.sliderbuton2: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 }}

.anabaslik2 {color:#808184; font-size:50px; font-weight: 900; margin-top:-10px}
@media screen and (max-width: 768px) {.anabaslik2 {font-size:30px; 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;
}

.deliver {
  background-color: red;
  background-image: url(.../online/images/line.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size:cover;
  padding-top:5px;
}

.deliverimage {
  width: auto;
  height:40px;
  padding-top:8px   
}

.firsat {
  margin-top:50px;
}
@media screen and (max-width: 768px) {.firsat{margin-top:0px; padding-left:0px; padding-right:0px}}



.firsatbaslik {
 font-size:30px; margin-top:50px;
}
@media screen and (max-width: 768px) {.firsatbaslik {font-size:20px text-align: center;}}

.greenbutton {
  background-color:#8DC63F; 
  padding:15px 40px 15px 40px;
  border-radius:25px;
  color:white;
  margin-top:25px;
}

.greenbuttonbig {
  background-color:#8DC63F; 
  padding:15px 50px 15px 50px;
  border-radius:5px;
  color:white;
  margin-top:25px;
  width: 100%;
  margin-bottom:15px;
  font-weight: 700;
}

.cizgilibaslik {
  margin-top:100px;
  border-bottom:1px solid grey;
  font-size:25px;
}

.box {
  margin-top:25px;
  border:1px solid #a7a9ac47;
  border-radius:5px;
  text-align: center;
}

@media screen and (max-width: 768px) {.box {margin-top:50px}}

.urunbaslik {
  color:#414042;
  font-size:20px;
  font-weight: 800;
  text-align: center;
  margin-top:15px;
}

.table > tbody > tr > th {border-top:none}

.tablebold {font-weight: 700;}

.banner {
  background-image: url(../online/images/banner.png);
  background-repeat:no-repeat;
  background-size:cover;
  background-position: center center;
  min-height: 250px;
  margin-top:100px;
}
.bannertitle {
  color:#F05A2A; 
  font-size:35px; 
  margin-top:50px
}
@media screen and (max-width: 768px) {.box {}}

.panel-default > .panel-heading {
  background-color:#8DC63F;
  color:white;
  font-size:20px;
  font-weight: 700;
}

.panel-title > a {
  font-size:16px;
  font-weight: 600;
}

.detayimage {
  margin-top:50px;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {.detayimage {margin-top:0px}}

@media screen and (max-width: 768px) {.detaycontainer {padding-left:0px; padding-right:0px}}

.detaybaslik {
  color:#414042;
  font-size:20px;
  font-weight: 800;
  text-align: left;
  margin-top:50px;
}

@media screen and (max-width: 768px) {.detaybaslik {text-align: center;}}

.price {
  background-image: url(../online/images/pricebg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 50px;
  max-width: 300px;
  border-radius: 5px;
  margin-top:15px
}

@media screen and (max-width: 768px) {.price {text-align: center; margin-left:auto; margin-right:auto}}

.whatsappbutton {
  background-color:#8DC63F;
  color:white;
  padding:10px 30px 10px 30px;
  font-size:18px;
  font-weight:700;
  margin-top:-5px;
}

@media screen and (max-width: 768px) {.whatsappbutton {margin-top:25px; text-align: center; width: 90%; margin-left:15px; margin-right:15px}}

.paketaciklamasi {
  margin-top:75px;
  border-bottom:1px solid grey;
  font-size:18px;
}

thead > tr > td {
  font-weight:700; 
  padding-top:15px;
  background-color: #F6F6F6;
}

.table-hover > tbody > tr > td {
  padding:15px 25px  
}

.tablebaslik {
  padding-top:15px;
  padding-bottom:15px;
  padding-left:10px;
}