html,body {
	overflow-x: hidden;
}

body {
	background-color: #fff;
	line-height: 1.8;
	font-size: 13px;
	font-family: 'Poppins', sans-serif;
	padding-right: 0 !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	overflow-x: hidden;
}

h1,h2,h3,h4 {
	margin-top: 0;
}

.row {
	margin-right: -5px;
	margin-left: -5px;
}

[class*="col-"] {
	padding-right: 5px;
	padding-left: 5px;
}

.pt0 {
	padding-top: 0 !important;
}

.mrl10 {
	margin-right: 10px;
	margin-left: 10px;
}

.mb10 {
	margin-bottom: 10px;
}

.mt10 {
	margin-top: 10px;
}

.mbr10 {
	margin-bottom: 10px;
	margin-right: 10px;
}

.mbl10 {
	margin-bottom: 10px;
	margin-left: 10px;
}

.mr10 {
	margin-right: 10px;
}

.ml10 {
	margin-left: 10px;
}

.p10 {
	padding: 10px;
}

.p20 {
	padding: 20px;
}

.pt20 {
	padding: 20px 0 0;
}

a:focus {
	outline: none;
}

a:hover {
	text-decoration: none;
}

.social-icon{
	display: block;
	min-width: 26px;
	padding:6px 0;
	color: #fff;
	margin-left: 5px;
	background: #199bd7;
	text-align:center;
	border-radius: 50%;
	float: left;
}

.social-icon:hover {
	
}

/*BOOTSTRAP KESKIN KOSELER*/
.btn, .panel, .form-control, .list-group, .list-group-item {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}
/*BOOTSTRAP KESKIN KOSELER*/

/*HEADER 1*/
#header1 .navbar {
	margin-bottom: 0;
}

#header1 .navbar-default {
	background: transparent;
	border: none;

}

#header1 .navbar-brand {
	height: auto;
}

#header1 .navbar-brand img {
	height: 60px;
}

#header1 .navbar-default .navbar-nav > li > a {
	color: #424242;
	font-size: 14px;
	font-weight: 600;
}

#header1 .navbar-default .navbar-nav > li > a:hover,
#header1 .navbar-default .navbar-nav > li > a:focus {
  color: #000;
  background-color: transparent;
}

#header1 .navbar-default .navbar-nav > .active > a,
#header1 .navbar-default .navbar-nav > .active > a:hover,
#header1 .navbar-default .navbar-nav > .active > a:focus {
  color: #000;
  background-color: transparent;
}

#header1 .navbar-default .navbar-nav > .disabled > a,
#header1 .navbar-default .navbar-nav > .disabled > a:hover,
#header1 .navbar-default .navbar-nav > .disabled > a:focus {
  color: #fff;
  background-color: #f5f5f5;
}

@media (min-width: 768px) {
	#header1 .navbar-nav {
		margin-top: 25px;
	}
}

#header1 .navbar-toggle {
	margin-top: 22px;
}

#header1 .navbar-default .navbar-toggle {
  border-color: transparent;
}

#header1 .navbar-default .navbar-toggle:hover,
#header1 .navbar-default .navbar-toggle:focus {
  background-color: #fff;
}

#header1 .navbar-default .navbar-toggle .icon-bar {
  background-color: #000;
}

#header1  .navbar-default .navbar-nav > .open > a,
#header1 .navbar-default .navbar-nav > .open > a:hover,
#header1 .navbar-default .navbar-nav > .open > a:focus {
	color: #333;
	background-color: transparent;
}

#header1 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #5d5d5d;
	font-size: 12px;
	font-weight: 600;
}

#header1 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
#header1 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #333;
	background-color: transparent;
}

@media (max-width: 767px) {
  #header1 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000;
  }

  #header1 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  #header1 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ED4A37;
    background-color: #fff;
  }

  #header1 .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  #header1 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  #header1 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #ED4A37;
  }
  #header1 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  #header1 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  #header1 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}

.dropdown-menu {
	background-color: #fff;
	border: 1px solid #fff;
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
	min-width: 0!important;
}


/*HEADER 1*/

/* FOOTER */
#footer {
	background: #121212;
	padding: 20px 0;
}

#footer .row {
	margin-right: -20px;
	margin-left: -20px;
}

#footer [class*="col-"] {
	padding-right: 20px;
	padding-left: 20px;
}

.column {
	padding: 30px 0;
	font-size: 12px;
	color: #666;
	line-height: 1.3;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

@media (max-width: 767px) {
	.column {
		margin-bottom: 10px;
		padding: 10px;
	}
}

.column h3 {
	color: #afafaf;
	font-size: 16px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 20px;
	padding-left: 0;
}

.column ul {
	list-style: none;
	padding: 0;
	list-style-position: inherit;
}

.column li {

	position: relative;
}



.column li a {
	color: #afafaf;
	font-size: 12px;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;

}

.column li a:hover {
	color: #969696;
}

.parallax-window {
    min-height: 80px;
    padding: 30px 0;
    background: transparent;
    margin-bottom:0;
    margin-top: 0;
    background: #121212;
}

.dip {
	background: #000;
	padding: 10px 0;
	text-align:center;
	color: #444;
	font-size: 12px;
}

.dip i {
	color: #ED4A37;
}
/* FOOTER */

/* SAYFA BASLIKLARI */
.page-header {
  position: relative;
  background-color: #ED4A37;
  color:#fff;
  padding:60px 0;
  margin:0 0 0px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  border-bottom:none;
}

.page-header.bg-red {
  background-color: #ED4A37;
}

.page-header .overlay-gradient {
  position: absolute;
  left:0;
  top:0;
  bottom:0;
  right:0;
  z-index: 1;
}

.page-header .container {
  position: relative;
  z-index: 2;
}

.page-header h1 {
  font-weight: 700;
  font-size:38px;
  color:#fff;
  margin:0 0 15px;
  letter-spacing: 0.5px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

@media (max-width: 767px) {
  .page-header h1 {
    font-size:25px;
    margin-bottom: 10px;
  }
}

.bg-red .breadcrumb {
  background-color:#ED4A37;
}

/* Breadcrumb */
.breadcrumb {
  display: inline-block;
  padding: 6px 18px;
  margin-bottom: 0;
  background-color: #0096d5;
  border-radius: 0;
}



.breadcrumb > .active {
  color: #fafafa;
}

.breadcrumb a {
  color:#fff;
}

.breadcrumb a:hover,
.breadcrumb a:focus {
  color:#fff;
}

/* ikinci tip baslik */
.pages-h1 {
	background: #ED4A37;
	margin-bottom: 10px;
}

.pages-h1 h1 {
	color: #fff;
	font-size: 20px;
	padding: 10px 0;
	margin-top: 0;
	margin-bottom: 0px;
	font-weight: 700;
}

/* ikinci tip baslik */

/* SAYFA BASLIKLARI */

/* İLETİŞİM SAYFALAR */
.contact-section {
  margin-bottom: 20px;
}

.sub-title {
  margin: 0px 0 10px 0 !important;
  color: #000;
  font-size: 17px;
  font-weight: 700; 
  padding: 10px 0;
  text-align:center;  
}


.harita {
  width: 100%;
  height: 550px;
  background: #f5f5f5;
}

@media (max-width: 767px) {
	.harita {
		height: 300px;
	}
}

.contact-form-custom {
  background: #fff;
  padding: 10px 15px;
  border:1px solid #ddd;
}

.contact-section .list-group-item:nth-child(odd) {
	background-color: #f2f2f2;
}

/* İLETİŞİM SAYFALAR */

/* SAYFA İCERIKLERI */
.sayfa-icerik {
	padding: 10px;
	background: #fff;
	margin-bottom: 20px;
}

.sayfa-icerik h2 {
	font-size: 15px;
	color: #000;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 30px;
	line-height: 2;
	border-bottom: 1px solid #ddd;
	position: relative;
}

.sayfa-icerik h2:after {
	content: '';
	width: 25%;
	height: 4px;
	margin-top: -2px;
	top: 100%;
	left: 0;
	background: #ED4A37;
	position: absolute;
}

.ekstraphoto {
	padding: 0;
	background: transparent;
	margin-bottom: 10px;
	transition: background 0.4s;
	-webkit-transition: background 0.4s;
}

.ekstraphoto img {
	display: block;
	height: auto;
	width: 100%;
}

.label {
	margin-right: 5px;
}

.label-tag {
  background-color: #fff;
  font-weight: 400;
  font-size: 11px;
  border:1px solid #ddd;
  color: #000;
}

.label-tag[href]:hover,
.label-tag[href]:focus {
  background-color: #f5f5f5;
  color: #121212;
}

.label-tag i {
	vertical-align: middle;
	margin-right: 5px;
}

.galeri {
	padding: 0px;
	margin-bottom: 10px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.35);	
}

.galeri img {
  display: block;
  width: 100%;
  height: auto;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.galeri:hover img {
  transform:scale(1.3) rotate(10deg);
  -webkit-transform:scale(1.3) rotate(10deg);
  -ms-transform:scale(1.3) rotate(10deg);
}

.video {
  padding: 0;
  background: #fff;
  margin-bottom: 30px;
  transition: border-color 0.4s;
  webkit-transition: border-color 0.4s;
}

.video .title {
  margin-bottom: 10px;
  margin-top: 10px;
}

.video .title a {
  font-size: 18px;
  font-weight: 400;
  color: #000;
}

.video .image {
  position: relative;
}

.video .image img {
  display: block;
  max-width: 100%;
  height: auto;
  z-index: 1;
}

.video .image .play {
  position: absolute;
  top: 35%;
  left: 45%;
  right: 45%;
  color: #fff;
  font-size: 350%;
  z-index:1;
  transition: color 0.4s;
  -webkit-transition: color 0.4s;
}

.video .image .play a {
  color: #fff;
}

.hizmet {
	margin-bottom: 15px;
	background: #F04836;
}

.hizmet .image {
	margin-bottom: 10px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	overflow: hidden;	
}

.hizmet .image img {
	display: block;
	width: 100%;
	height: auto;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;	
}

.hizmet .image:hover img {
  transform:scale(1.3) rotate(10deg);
  -webkit-transform:scale(1.3) rotate(10deg);
  -ms-transform:scale(1.3) rotate(10deg);
}

.hizmet-link {
	display: block;
	text-align:center;
	color: #fff !important;
	font-size: 14px;
	font-weight: 700;
	padding-bottom: 10px;
}

.referans {
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(50, 50, 50, 0.10);
	-moz-box-shadow:    inset 0px 0px 10px 0px rgba(50, 50, 50, 0.10);
	box-shadow:         inset 0px 0px 10px 0px rgba(50, 50, 50, 0.10);	
	border: 1px solid #ddd;
	text-align:center;
	display: table;
	height: 150px;
	width: 100%;
	margin-bottom: 10px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

.referans:hover {
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(50, 50, 50, 0.20);
	-moz-box-shadow:    inset 0px 0px 10px 0px rgba(50, 50, 50, 0.20);
	box-shadow:         inset 0px 0px 10px 0px rgba(50, 50, 50, 0.20);	
}

.referans p {
	display: table-cell;
	vertical-align: middle;
}

.referans img {
	width: auto;
	height: 100px;
}

/* SAYFA İCERIKLERI */

#bypill {
	position: fixed;
	right: 10px;
	bottom: 10px;
}

#bypill img {
	height: 35px;
}


.overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}


.overlay-bg {
	border-radius: 0;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,220,0,0) 100%);
}


.Duyurular{
	padding: 20px 0;
	background: rgb(0,150,213);
	background: linear-gradient(277deg, rgba(0,150,213,1) 0%, rgba(174,231,255,1) 100%);
	text-align: center;
}

.Duyurular p{
	color: #fff;
	font-size: 13px;
	margin: 0;
    text-align: left;
}


.hakkimizda{
	padding: 50px 0;
	background-image: url("../../layout/images/arkaplan.jpg");
}

.hakkimizda img{
	width: 100%;
}


.hakyazi{
	padding: 50px 10px;
}

.hakyazi h2{
	font-size: 25px;
	font-weight: 600;
}

.btn-hakkimizda{
	background-color: transparent;
	border: 1px solid #333;
	color: #333;
	padding: 10px 30px;
	transition: .5s;
}

.btn-hakkimizda:hover{
	background-color: #333;
	color: #fff;
	padding: 10px 30px;
	transition: .5s;
}


.btn-hakkimizda:focus{
	background-color: #333;
	color: #fff;
	padding: 10px 30px;
	transition: .5s;
}

.btn-hakkimizda:active{
	background-color: #333;
	color: #fff;
	padding: 10px 30px;
	transition: .5s;
}


.Kat{
	padding: 50px 0;
}

.Kat .container-fluid{
	padding-left: 0!important;
	padding-right: 0!important;
	margin-left: auto;
	margin-right: auto;
}

.Kat img{
	width: 100%;
}

.Kat [class*="col-"] {
	padding-right: 0!important;
	padding-left: 0!important;
}




.urun .container-fluid{
	padding-left: 0!important;
	padding-right: 0!important;
	margin-right: auto;
	margin-left: auto;
}


.urun [class*="col-"] {
	padding-right: 0!important;
	padding-left: 0!important;
}

.urun img{
	    width: 100%;
    height: 450px;

}



.btn-tumu{
	background-color: transparent;
	color: #333;
	border: 1px solid #333;
	padding: 10px 50px;
	transition: .5s;
}

.btn-tumu:hover{
	background-color: #333;
	color: #fff;
	border: 1px solid #333;
	padding: 10px 50px;
	transition: .5s;
}


.filterImg {
	position: absolute;
	bottom: 10%;
	top: 10%;
	left: 10%;
	right: 10%;
	background-color: rgba(255,255,255,0.5);
	display: block;
	transition: all 0.4s;
	text-align: center;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 14px 0px rgba(255,255,255,1);
	box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.5);
}

.filterImg h2{
	margin-top: 25%;
	color: #333;
	font-weight: 600;
}


.Index{
	padding: 50px 0;
	background-image: url("../../layout/images/arkaplan.jpg");
}

.Index h3{
	font-size: 13px;
	padding: 10px;
}

.etkinlik{
	padding: 50px 0;
	background-color: #f9f9f9;
}

.etkinlik h3{
	font-size: 20px;
	font-weight: 600;
}

.etkinlik img{
	width: 100%;
}

.etkinlik .content{
	padding: 30px 0 0 0;
	margin-bottom: 30px;
}

.etkinlik .container{
	width: 800px!important;
}

.etkinlik h2{
	font-size: 25px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 30px;
}


.column i>span{
	font-size: 13px;
	padding-left: 5px;
	font-weight: 500;
}

.column li{
	color: #afafaf;
	padding: 3px 0;
}

#quote-carousel
{
	padding: 0 10px 30px 10px;

}

/* Control buttons  */
#quote-carousel .carousel-control
{
	background: none;
	color: #222;
	font-size: 2.3em;
	text-shadow: none;

}
/* Previous button  */
#quote-carousel .carousel-control.left
{
	left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right
{
	right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators
{
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li
{
	background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active
{
	background: #333333;
}

/* End carousel */

.item blockquote {
	border-left: none;
	margin: 0;
}

.item blockquote img {
	margin-bottom: 10px;
}





/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#quote-carousel
	{
		margin-bottom: 0;
		padding: 0 40px 30px 40px;
		margin-top: 30px;
	}

}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {

	/* Make the indicators larger for easier clicking with fingers/thumb on mobile */

	#quote-carousel .carousel-indicators {
		bottom: -20px !important;
	}
	#quote-carousel .carousel-indicators li {
		display: inline-block;
		margin: 0px 5px;
		width: 15px;
		height: 15px;
	}
	#quote-carousel .carousel-indicators li.active {
		margin: 0px 5px;
		width: 20px;
		height: 20px;
	}
}




.owl-carousel .owl-item img {
	display: inline-block!important;
	width: auto;
	height: 150px;
}


.Simage img{
	width: auto!important;
	height: 250px!important;
}


.Hakkimizdaic{
	padding: 50px 0;
}


.Hakkimizdaic img{
	width: 100%;
}

.Hakkimizdaic .sayfa-icerik{
	padding: 10px 0!important;
}




.hiz{
	padding: 30px 0;
}


.sayfa-icerik img{
	width: 100%;
}

.urunler{
	padding: 30px 0;
}

.urunler .BOX{
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
	box-shadow: 0px 0px 40px 0px rgba(149,149,158,0.4);
	border-radius: 10px!important;
	text-align: center;
	padding: 15px;
	margin-bottom: 20px;
}


.urunler .BOX img{
	width: auto;
	height: 200px;
}

.urunler .BOX h3{
	font-size: 15px;
	font-weight: 600;
	margin: 0;
	padding: 5px 0;
}

.urunler a{
	color: #333;
}


.Urunicerik{
	padding: 30px 0;
}

.Urunicerik img{
	width: 100%;
}

.Malzemeicerik{
	padding: 30px 0;
}


.Malzemeicerik .BOX{
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
	box-shadow: 0px 0px 40px 0px rgba(149,149,158,0.4);
	border-radius: 10px!important;
	text-align: center;
	padding: 15px;
	margin-bottom: 20px;
}

.Malzemeicerik .BOX img{
	width: 100%;
}

.Malzemeicerik .BOX h3{
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
}

.Malzemeicerik .BOX p{
	text-align: left;
}


.btn-malzeme{
	text-align: left;
	background-color: transparent;
	border: 1px solid #333;
	color: #333;
	padding: 5px 30px;
	transition: .5s;
}


.btn-malzeme:hover{
	text-align: left;
	background-color: #333;
	border: 1px solid #333;
	color: #fff;
	padding: 5px 30px;
	transition: .5s;
}


.malzemebuton{
	text-align: left;
}


.PDF{
	text-align: center;
	padding: 10px 0;
}

.btn-pdf{
	background-color: transparent;
	border: 1px solid #333;
	color: #333;
	padding: 5px 20px;
	transition: .5s;
}

.btn-pdf:hover{
	background-color: #333;
	border: 1px solid #333;
	color: #fff;
	padding: 5px 20px;
	transition: .5s;
}


.baski .BOX{
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
	box-shadow: 0px 0px 40px 0px rgba(149,149,158,0.2);
	border-radius: 10px!important;
	padding: 15px;
	margin-bottom: 20px;
}


.baski h2{
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
	text-align: center;
}

.baski h3{
	font-size: 18px;
	text-align: center;
	line-height: 20px;

}

.btn-gonder{
	background-color: transparent;
	border: 1px solid #333;
	color: #333;
	width: 100%;
	padding: 10px 0;
	transition: .5s;
}


.btn-gonder:hover{
	background-color: #333;
	border: 1px solid #333;
	color: #fff;
	width: 100%;
	padding: 10px 0;
	transition: .5s;
}


.baski{
	padding: 30px 0;
}


.BOX2{
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
	box-shadow: 0px 0px 40px 0px rgba(149,149,158,0.2);
	border-radius: 10px!important;
	padding: 15px;
	text-align: center;
	margin-bottom: 20px;
}


.BOX2 img{
	width: auto;
	height: 80px;
}


.Sliderslide{
	position: absolute;
	z-index: 9999;
	left: 0;
	right: 0;
	top:30%;
}

.Sliderslide img{
	width: 100%;
}

.Sliderslide .icerik{
	padding: 30px 0;
}

.Sliderslide .icerik h3{
	font-size: 20px;
	font-weight: 600;
	color: #333;
}

.btn-teklif{
	background-color: #333;
	border: 1px solid #333;
	color: #fff;
	padding: 5px 30px;
	transition: .5s;
}

.btn-teklif:hover{
	background-color: transparent;
	border: 1px solid #333;
	color: #333;
	padding: 5px 30px;
	transition: .5s;
}


/* carousel */
#quote-carousel
{
	padding: 0 10px 30px 10px;
	margin-top: 30px 0px 0px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
	background: none;
	color: #222;
	font-size: 2.3em;
	text-shadow: none;
	margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left
{
	left: -10%;
	top: 15%;
}
/* Next button  */
#quote-carousel .carousel-control.right
{
	right: -10% !important;
	top: 15%;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators
{
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li
{
	background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active
{
	background: #333333;
}
#quote-carousel img
{
	width: auto;
	height: 300px;
}
/* End carousel */

.item blockquote {
	border-left: none;
	margin: 0;
}

.item blockquote img {
	margin-bottom: 10px;
}





/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#quote-carousel
	{
		margin-bottom: 0;
		padding: 0 40px 30px 40px;
		margin-top: 30px;
	}

}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {

	/* Make the indicators larger for easier clicking with fingers/thumb on mobile */

	#quote-carousel .carousel-indicators {
		bottom: -20px !important;
	}
	#quote-carousel .carousel-indicators li {
		display: inline-block;
		margin: 0px 5px;
		width: 15px;
		height: 15px;
	}
	#quote-carousel .carousel-indicators li.active {
		margin: 0px 5px;
		width: 20px;
		height: 20px;
	}
}



.Sli{
	position: absolute;
	z-index: 9999;
	left: 0;
	right: 0;
	top: 30%;

}


.Sli h3{
	font-weight: 600;
}


.Uygulamalar{
    padding: 30px 0;
}


.Uygulamalar .BOX{
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
    box-shadow: 0px 0px 40px 0px rgba(149,149,158,0.2);
    border-radius: 10px!important;
    padding: 5px;
    text-align: center;
    margin-bottom: 20px;
    transition: .5s;
}



.Uygulamalar .BOX:hover{
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
    box-shadow: 0px 0px 40px 0px rgba(149,149,158,0.8);
    border-radius: 10px!important;
    padding: 5px;
    text-align: center;
    margin-bottom: 20px;
    transition: .5s;
}

.Uygulamalar .BOX img{
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.Uygulamalar .BOX h3{
    font-size: 18px;
    margin: 0;
    font-weight: 600;
    color: #333;
    padding: 10px 0;
}


.btn-duyuru{
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 30px;
    transition: .5s;
}


.btn-duyuru:hover{
    background-color: #fff;
    border: 1px solid #149ad6;
    color: #149ad6;
    padding: 5px 30px;
    transition: .5s;
}


.duyurubuton{
    text-align: right;
}


.Duyuruicerik{
    padding: 30px 0;
}


.Duyuruicerik .Box{
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
    box-shadow: 0px 0px 40px 0px rgba(149,149,158,0.2);
    border-radius: 10px!important;
    padding: 5px;
    text-align: center;
    margin-bottom: 20px;
    transition: .5s;
}

.Uygulamalar a{
    color: #333;
}

.App{
    padding: 30px 0;
}

.App img{
    width: 100%;
}


.iletisim{
    padding: 30px 0;
}


.baskiform{
	padding: 30px 0;
}

.baskiform .BOX{
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
	box-shadow: 0px 0px 40px 0px rgba(149,149,158,0.2);
	border-radius: 10px!important;
	padding: 15px;

}


.baskiform h2{
	text-align: center;
	font-size: 20px;
	font-weight: 600;
}

.baskiform h3{
	text-align: center;
	font-size: 15px;
}

.baskiform h4{
	text-align: center;
	font-size: 15px;
}

.baskiform h4>span{
	font-weight: 600;
	color: #1d9cd7;
}


.OK{
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	text-align: center;
}


@media (max-width: 767px) {

	#quote-carousel .carousel-control.right
	{
		right: 35% !important;
		top: 15%;
	}

	#quote-carousel .carousel-control.left
	{
		left: 35% !important;
		top: 15%;
	}

	#quote-carousel .carousel-control
	{
		background: none;
		color: #ff011a;
		font-size: 1.8em!important;
		text-shadow: none;
		margin-top: 30px;
	}


	.navbar-nav{
		background-color: #fff;
	}


	#header1 .navbar-default .navbar-nav > li > a {
		color: #3d3d3d;
		font-size: 15px;
	}

	#header1 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #3d3d3d;
	}

	#header1 .navbar-default .navbar-nav > .open > a, #header1 .navbar-default .navbar-nav > .open > a:hover, #header1 .navbar-default .navbar-nav > .open > a:focus {
		color: #3d3d3d;
		background-color: #0000;
	}

	.etkinlik .container {
		width: auto!important;
	}

	.urunler .BOX img {
		    width: auto;
    height: 55px!important;
	}


	.Malzemeicerik .BOX h3 {
		text-align: left;
		font-size: 16px;
		font-weight: 600;
		border-bottom: 1px solid #ddd;
		padding-bottom: 5px;
		padding-top: 10px;
	}
    
    .Sli h2 {
    font-size: 25px!important;
    font-weight: 600;
}


}


.etkinlikicerik{
	padding: 50px 0;
}

.etkinlikicerik img{
	width: 100%;
}

.dip a{
	color: #fff;
}


.btn-sol{
	background-color: transparent;
	color: #333;
	border: 1px solid #333;
	border-top-left-radius: 10px!important;
	border-bottom-left-radius: 10px!important;
	transition: .5s;
}

.btn-sol:hover{
	background-color: #333;
	color: #fff;
	border:1px solid #333;
	border-top-left-radius: 10px!important;
	border-bottom-left-radius: 10px!important;
	transition: .5s;
}


.btn-sag{
	background-color: transparent;
	color: #333;
	border: 1px solid #333;
	border-bottom-right-radius: 10px!important;
	border-top-right-radius: 10px!important;
	transition: .5s;
}

.btn-sag:hover{
	background-color: #333;
	color: #fff;
	border: 1px solid #333;
	border-bottom-right-radius: 10px!important;
	border-top-right-radius: 10px!important;
	transition: .5s;
}


.baskicerik{
	padding: 50px 20px;
}

.baskicerik h2{
	font-size: 22px;
	font-weight: 600;
}

.btn-hizmet{
	background-color: transparent;
	border: 1px solid #0096d5;
	color: #0096d5;
	transition: .5s;
	padding: 10px 50px;
}

.btn-hizmet:hover{
	background-color: #0096d5;
	border: 1px solid #0096d5;
	color: #fff;
	transition: .5s;
	padding: 10px 50px;
}


.logoback img{
	width: auto;
	height: 150px;
}

.logoback{
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
	box-shadow: 0px 0px 40px 0px rgba(149,149,158,0.2);
	border-radius: 10px!important;
	padding: 5px;
	text-align: center;

}

.baskiform .BOXX{
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
	box-shadow: 0px 0px 40px 0px rgba(149,149,158,0.2);
	border-radius: 10px!important;
	padding: 5px;
	text-align: center;
	margin-top: 20px;
}

.baskiform a{
	color: #333;
}

.baskiform .BOXX img{
	width: auto;
	height: 150px;
}


.Haberler{
	padding: 50px 0;
}

.Haberler img{
	width: 100%;
}

.haberback{
	position: relative;
    margin-bottom: 10px;
}

.Haberler .content{
	position: absolute;
	z-index: 1;
	left: 30px;
	right: 30px;
	bottom: 10px;
	background-color: rgba(255,255,255,0.7);
	border-top-left-radius: 10px!important;
	border-bottom-right-radius: 10px!important;
}

.Haberler .content h3{
	text-align: center;
	font-size: 20px;
	color: #333;
	margin: 0;
	padding: 10px 0;
}


.Haberler .filterr{
	background: rgb(29,80,148);
	background: linear-gradient(180deg, rgba(29,80,148,0) 0%, rgba(0,0,0,0.7) 100%);
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;

}


.haberic{
	padding: 30px 0;
}

.haberic img{
	width: 100%;
}


@media (max-width: 767px) {
	.baski h3 {
		font-size: 15px;
		text-align: center;
		line-height: 20px;
		padding: 0 30px;
	}


	.logoback {
		background-color: #fff;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
		-moz-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
		box-shadow: 0px 0px 40px 0px rgba(149,149,158,0.2);
		border-radius: 10px!important;
		padding: 5px;
		text-align: center;
		margin-top: 20px;
	}

	.baskiform .BOXX img {
		width: auto;
		height: 100px!important;
	}

	.Haberler .content h3 {
		text-align: center;
		font-size: 16px;
		color: #333;
		margin: 0;
		padding: 15px 0;
	}

	.Haberler .content {
		position: absolute;
		z-index: 1;
		left: 10px;
		right: 10px;
		bottom: 10px;
		background-color: rgba(255,255,255,0.7);
		border-top-left-radius: 10px!important;
		border-bottom-right-radius: 10px!important;
	}

	.Duyuruicerik p{
		text-align: left;
	}
}


.Videooo{
	padding: 30px 0;
	text-align: center;
}

.btn-video{
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
	box-shadow: 0px 0px 40px 0px rgba(149,149,158,0.2);
	color: #333;
	padding: 10px 40px;
	border: 1px solid #fff;
	border-radius: 10px!important;
	transition: .5s;
}

.btn-video:hover{
	background-color: #333;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(149,149,158,0.4);
	box-shadow: 0px 0px 40px 0px rgba(149,149,158,0.2);
	color: #fff;
	padding: 10px 40px;
	border: 1px solid #333;
	border-radius: 10px!important;
	transition: .5s;
}


.btn-etkinlik{
	background-color: transparent;
	border: 1px solid #0096d5;
	color: #0096d5;
	transition: .5s;
	padding: 10px 50px;
}


.btn-etkinlik:hover{
	background-color: #0096d5;
	border: 1px solid #0096d5;
	color: #fff;
	transition: .5s;
	padding: 10px 50px;
}


.uOK{
	text-align: right;
}


.owlNext{
	background-color: transparent;
	padding: 3px 8px;
	border-left: 2px solid #0096d5;
	border-bottom: 2px solid #0096d5;
	transition: .5s;
}


.owlNext:hover{
	background-color: #0096d5;
	padding: 3px 8px;
	transition: .5s;
	cursor: pointer;
}

.owlNext i{
	color: #0096d5;
}

.owlNext:hover i{
	color: #fff;
}


.owlPrev{
	background-color: transparent;
	border-right: 2px solid #0096d5;
	border-bottom: 2px solid #0096d5;
	padding: 3px 8px;
}


.owlPrev:hover{
	background-color: #0096d5;
	padding: 3px 8px;
	transition: .5s;
	cursor: pointer;
}

.owlPrev i{
	color: #0096d5;
}


.owlPrev:hover i{
	color: #fff;
}

p{
	font-size: 15px;
}

h2{
	font-size: 30px;
}


.Simage{
	text-align: center;
}


.btn-Slider{
	background-color: transparent;
	color: #0096d5;
	border: 1px solid #0096d5;
	padding: 10px 50px;
	transition: .5s;
}


.btn-Slider:hover{
	background-color: rgba(0,150,213,1);
	color: #fff;
	border: 1px solid #0096d5;
	padding: 10px 50px;
	transition: .5s;
}

.Banner{
	padding: 80px 0;
	background-image: url("../../layout/images/slider.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}


.Banner h2{
	color: #fff;
	font-weight: 600;
}


.Banner p{
	color: #fff;
}


.filtre{
	background-color: rgba(0,0,0,0.3);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
}



.btn-model{
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 20px!important;
	color: #fff;
	padding: 5px 30px;
	transition: .5s;
}

.btn-model:hover, .btn-model:focus{
	background-color: rgba(255,255,255,0.2);
	border: 1px solid #fff;
	border-radius: 20px!important;
	color: #fff;
	padding: 5px 30px;
	transition: .5s;
}



.btn-model2{
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 20px!important;
	color: #fff;
	padding: 5px 30px;
	transition: .5s;
}

.btn-model2:hover, .btn-model2:focus{
	background-color: rgba(255,255,255,0.2);
	border: 1px solid #fff;
	border-radius: 20px!important;
	color: #fff;
	padding: 5px 30px;
	transition: .5s;
}



.Info{
	position: relative;
	padding: 50px 0;
	background-color: #f9f9f9;
}

.Ibox{
	position: absolute;
	top: -90px;
	left: 5px;
	right: 5px;
	background-color: #fff;
	border-radius: 10px!important;
	padding: 10px 5px;
	text-align: center;
	-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.2);
	transition: .5s;
}


.Ibox.active{
	background-color: #0096d5;
	transition: .5s;
}


.Ibox h3{
	transition: .5s;
    color: #fff;
    margin-bottom: 20px;
}

.Ibox p{
	transition: .5s;
}

.Ibox:hover h3{
	color: #fff;
	transition: .5s;
}

.Ibox:hover p{
	color: #fff;
	transition: .5s;
}


.Teknoloji{
	padding: 50px 0;
	background-color: #f9f9f9;
}

.Teknoloji img{
	width: 100%;
}


.Ticerik{
	padding: 50px 0;
	text-align: right;
}

.Ticerik h2{
	font-weight: 600;
	letter-spacing: 1px;
}


.Ticerik h3{
	font-weight: 600;
}


.btn-incele{
	background-color: transparent;
	border: 1px solid #0096d5;
	padding: 10px 50px;
	color: #0096d5;
	transition: .5s;
}

.btn-incele:hover,	.btn-incele:focus{
	background-color: #0096d5;
	border: 1px solid #0096d5;
	padding: 10px 50px;
	color: #fff;
	transition: .5s;
}


.Fiyat{
	background-color: #0096d5;
	-webkit-box-shadow: inset 0px 0px 11px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0px 0px 11px 0px rgba(0,0,0,0.4);
	box-shadow: inset 0px 0px 11px 0px rgba(0,0,0,0.4);
	padding: 50px 0;
}


.Fiyat .Fimg {
	text-align: center;
}


.Fiyat .Fimg img{
	width: auto;
	height: 300px;
}

.Fiyat h2{
	color: #fff;
	font-weight: 600;
}

.Fiyat p{
	color: #fff;
}


.Fiyat ul>li{
	list-style-type: none;
	color: #fff;
	font-size: 15px;
}


.Fiyat ul>li>span{
	font-weight: 600;
}


.Fiyat ul{
	padding: 0;
}


.Fiyat small{
	color: #fff;

}


.Siparis{
	padding: 50px 0;
}

.Siparis h2{
	text-align: center;
	font-weight: 600;
	padding-bottom: 30px;
}


.Siparis .Sbox{
	text-align: center;
	padding: 10px;
	background-color: #fff;
	border-radius: 10px!important;
	-webkit-box-shadow:  0px 0px 11px 0px rgba(0,0,0,0.4);
	-moz-box-shadow:  0px 0px 11px 0px rgba(0,0,0,0.4);
	box-shadow:  0px 0px 11px 0px rgba(0,0,0,0.4);
	height: 100px;
}


.Siparis .Sbox p{
	padding: 10px 0 0 0;
}


.sipars{
	text-align: center;
	margin-top: 30px;
}


.btn-siparis{
	background-color: transparent;
	border: 1px solid #0096d5;
	padding: 10px 50px;
	border-radius: 20px!important;
	color: #0096d5;
	transition: .5s;
}

.btn-siparis:hover,	.btn-siparis:focus{
	background-color: #0096d5;
	border: 1px solid #0096d5;
	padding: 10px 50px;
	border-radius: 20px!important;
	color: #fff;
	transition: .5s;
}


.Parallax{
	background-image: url("../../layout/images/slider.jpg");
	padding: 50px;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}


.Pyazi{
	text-align: center;
}

.Pyazi h2{
	font-weight: 600;
	color: #fff;
}

.Pyazi p{
	color: #fff;
}


.btn-parallax{
	background-color: transparent;
	border: 1px solid #fff;
	padding: 10px 50px;
	border-radius: 20px!important;
	color: #fff;
	transition: .5s;
}

.btn-parallax:hover,.btn-parallax:focus{
	background-color: rgba(255,255,255,0.3);
	border: 1px solid #fff;
	padding: 10px 50px;
	border-radius: 20px!important;
	color: #fff;
	transition: .5s;
}

.yamm-item ul{
	padding: 0;
	column-count: 2;
}

.yamm-item ul>li{
	list-style-type: none;
	padding: 5px 0;
}

.yamm-item ul>li>a{
	color: #3d3d3d;
	transition: .5s;
}


.yamm-item ul>li>a:hover{
	color: #0096d5;
	transition: .5s;
}


.Sli h2{
	font-size: 40px;
	font-weight: 600;
}


.EtkinlikButon{
	text-align: center;
}


.etkinlik2{
	padding: 50px 0;
}


.etkinlik2 img{
	width: 100%;
}

.etkinlik2 .content{
	padding: 10px 0;
}



.hakbut{
	text-align: right;
}

.btn-hak{
	border: 1px solid #0096d5;
	color: #0096d5;
	background-color: transparent;
	padding: 10px 50px;
	transition: .5s;
}


.btn-hak:hover, .btn-hak:focus{
	border: 1px solid #0096d5;
	color: #fff;
	background-color: #0096d5;
	padding: 10px 50px;
	transition: .5s;
}


.yamm-fw h4{
	font-size: 20px;
	font-weight: 600;
	border-bottom: 1px solid #3d3d3d;
	padding-bottom: 10px;
}



@media (max-width: 767px) {
	.Sli{
		position: absolute;
		z-index: 9999;
		left: 0;
		right: 0;
		top: 15%;
	}

	.Simage img {
		    width: auto!important;
    height: 150px!important;
    margin-top: 50px;
	}
    
    
    .urun img {
    width: 100%;
    height: auto!important;
}


	.filterImg h2 {
    margin-top: 18% !important;
    color: #333;
    font-weight: 600;
}

	.yamm-item ul{
		padding: 0;
		column-count: 1;
	}

	.yamm-item ul>li{
		padding: 0;
	}

	.yamm-item {
		margin-bottom: 0;
		text-align: left;
		padding: 0;
	}


	.Ibox {
		position: relative;
		left: 0;
		top: 0;
		right: 0;
		background-color: #fff;
		border-radius: 10px!important;
		padding: 10px 5px;
		text-align: center;
		-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.2);
		transition: .5s;
		margin-bottom: 10px;
	}

	.Fimg img{
		width: auto;
		height: 250px;
		margin-top: 30px;
	}

	.Sbox{
		margin-bottom: 20px;
	}

	.btn-parallax{
		margin-bottom: 10px;
	}

	.etkinlik2 .content h3{
		font-size: 20px;
	}


	.haberback{
		margin-bottom: 10px;
	}
}


#regForm {
	background-color: #f9f9f9;
	margin: 100px auto;
	padding: 40px;
	width: 70%;
	min-width: 300px;
}

#regForm h1{
	font-size: 25px;
	font-weight: 600;
	color: #3d3d3d;
	letter-spacing: 1px;
	text-align: center;
}

input {
	padding: 10px;
	width: 100%;
	font-size: 17px;
	border: 1px solid #aaaaaa;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
	background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
	display: none;
}

button {
	background-color: #4CAF50;
	color: #ffffff;
	border: none;
	padding: 10px 20px;
	font-size: 17px;
	cursor: pointer;
}

button:hover {
	opacity: 0.8;
}

#prevBtn {
	background-color: #bbbbbb;
}

/* Make circles that indicate the steps of the form: */
.step {
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbbbbb;
	border: none;
	border-radius: 50%;
	display: inline-block;
	opacity: 0.5;
}

.step.active {
	opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
	background-color: #4CAF50;
}



.Model{
	padding: 50px 0;
}


.mFORM{
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
	padding: 15px;
	border-radius: 10px!important;
	text-align: center;
	background-image: url("../../layout/images/19366.jpg");
	background-size: cover;
	background-position: left;
}


.mFORM .form-group{
	text-align: left;
}


.mFORM h3{
	font-size: 18px;
	text-align: left;
	font-weight: 600;
	letter-spacing: 1px;
	padding-bottom: 10px;
	padding-left: 5px;
}


.btn-mform{
	color: #0096d5;
	border: 1px solid #0096d5;
	padding: 5px 50px;
	border-radius: 20px!important;
	transition: .5s;
	background-color: transparent;
}


.btn-mform:hover{
	color: #fff;
	border: 1px solid #0096d5;
	padding: 5px 50px;
	border-radius: 20px!important;
	background-color: #0096d5;
	transition: .5s;

}



.owl-nav{
    display: none!important;
}

.owl-dots{
    display: none!important;
}



.btn-tanitimv{
        background-color: #0096d5;
    border: 1px solid #0096d5;
    width: 100%;
    color: #fff;
    transition: .5s;
}



.btn-tanitimv:hover{
        background-color: transparent;
    border: 1px solid #0096d5;
    width: 100%;
    color: #0096d5;
    transition: .5s;
}

.haberic img{
    margin-bottom: 10px;
}

.navbar-right li img{
    width: auto;
    height: 20px;
    margin-top: -5px;
}

.falogo img{
        width: auto!important;
    height: 30px!important;
    margin-top: 5px!important;
}



.Pa{
    margin-top: 20px;
}


.pops
{
    width: 100%;
    position: fixed;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.6);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


.pops img
{
    width: auto;
    height: 70%;
}


.pops a
{
    color: #FFF;
    padding: 15px 40px;
    background-color: red;
    margin: 10px 0 0 0;
    border-radius: 5px;
    text-decoration: none;
}


.close_
{
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: red;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.katilim
{
    padding: 50px 0;
}


.katil
{
    display: inline-flex;
    width: 150px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background-color: red;
}


.katilim .form-control
{
    height: 40px;
    outline: none!important;
    box-shadow: none!important;
    color: #505050;
}


.katilim .form-group label span
{
    color: red;
    font-size: 12px;
}