@import url('https://fonts.googleapis.com/css?family=Montserrat');
	@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
	@import url(https://fonts.googleapis.com/css?family=Teko:700);

 html, body {
      height: 100%;
    }
  body {
      /*background: #E5E8E8;background:#fff;*/
      /*font-family: Helvetica Neue, Helvetica, Arial, sans-serif;*/
      font-size: 14px;
      color:#000;
      margin: 0;
      padding: 0;
      font-family: 'Montserrat', sans-serif;
      background:  transparent;
    }
  .container-fluid {
padding-right:0;
padding-left: 0;
margin-right:0;
margin-left:0; 
}
/*----Phone section--------------*/
.phone-section {
  left:20px;
  bottom:10px;
  width:70px;
  height:70px;
  font-size:34px;
  position: fixed;
  z-index:99999;
  border-radius:50%;
  background:red;
  text-align:center;
  color:#fff;
  cursor:pointer;
  line-height:65px;
  padding-right:auto;
  padding-left:auto;
  padding-top:5px;
}
.phone-section:after,
.phone-section:before {
  content:'';
  display:block;
  position: absolute;
  border-radius: 50%;
  border:2px solid red;
  left:-20px;
  right:-20px;
  top:-20px;
  bottom:-20px;
  animation:animate 1.5s linear infinite;
  opacity:0;
  backface-visibility:hidden;
}
.phone-section:after {
  animation-delay:.5s;
}
@keyframes animate {
  0% {
    transform: scale(0.5);
    opacity:0;
  }
  50% {
    opacity:1;
  }
  100% {
    transform: scale(1.2);
    opacity:0;
  }

}
/*-------#Phone section----------*/
/*<!--whatsapp Begin-->*/
.whatsapp-section {
  right:20px;
  bottom:10px;
  width:70px;
  height:70px;
  font-size:34px;
  position: fixed;
  z-index:99999;
  border-radius:50%;
  background:#58ea00;
  text-align:center;
  color:#fff;
  cursor:pointer;
  line-height:65px;
  padding-right:8px;
  padding-top:3px;
}
.whatsapp-section:after,
.whatsapp-section:before {
  content:'';
  display:block;
  position: absolute;
  border-radius: 50%;
  border:2px solid #58ea00;
  left:-20px;
  right:-20px;
  top:-20px;
  bottom:-20px;
  animation:animate 1.5s linear infinite;
  opacity:0;
  backface-visibility:hidden;
}
.whatsapp-section:after {
  animation-delay:.5s;
}
@keyframes animate {
  0% {
    transform: scale(0.5);
    opacity:0;
  }
  50% {
    opacity:1;
  }
  100% {
    transform: scale(1.2);
    opacity:0;
  }

}
/*<!--whatsapp end-->*/

.top .mail i {

  font-size:20px;
}
    .top .mail span {

 font-weight: bold;
}

.lang {
float: right;
}
.lang img {
  margin-top:10px;
  margin-right:15px;
 float:left; 
}



    #whats  {
      
      border-radius: 50px;
      animation:shadow-pulse 2s infinite;
    }
    @keyframes shadow-pulse {
      0%{

        box-shadow: 0 0 0 0px green;
      }
      50%{
        box-shadow: 0px 0px 50px 0px limegreen;
      }
      
    
      100%{
        box-shadow: 0 0 20px 20px limegreen;
        background:red;
      }
    }

    @media only screen and (max-width:768px) {
      .container {
padding-right:0;
padding-left: 0;
margin-right:0;
margin-left:0;

}
  .container-fluid {
padding-right:0;
padding-left: 0;
margin-right:0;
margin-left:0; 

}
.top .mail span,i {
  padding:0;
  margin:-5px;
  font-size: 12px;
}
.lang {
      height: 100px;
      padding-top:4px!important;
      background:lightgrey;
    }

.lang img {
  width:11%;
  margin-right: 12px;
  
}
.lang img:first-child {
  margin-left:25px;
}

.top .phone span,i {
  padding:0;
  margin:0;
  font-size: 12px;
}

nav img {
  margin-top:-10px;
  margin-left:-30px;
}
/*----Phone section--------------*/
.phone-section {
  left:20px;
  bottom:10px;
  width:70px;
  height:70px;
  font-size:34px;
  position: fixed;
  z-index:99999;
  border-radius:50%;
  background:red;
  text-align:center;
  color:#fff;
  cursor:pointer;
  line-height:65px;
  padding-right:10px;
  padding-left:5px;
  padding-top:5px;
}
.phone-section:after,
.phone-section:before {
  content:'';
  display:block;
  position: absolute;
  border-radius: 50%;
  border:2px solid red;
  left:-20px;
  right:-20px;
  top:-20px;
  bottom:-20px;
  animation:animate 1.5s linear infinite;
  opacity:0;
  backface-visibility:hidden;
}
.phone-section:after {
  animation-delay:.5s;
}
@keyframes animate {
  0% {
    transform: scale(0.5);
    opacity:0;
  }
  50% {
    opacity:1;
  }
  100% {
    transform: scale(1.2);
    opacity:0;
  }

}
/*-------#Phone section----------*/
    }

  @media only screen and (max-width:479px) {
    h2 {
    	font-size:22px;
    	color:red;
    }
nav img {
  margin-top:-10px;
  margin-left:-30px;
}
    h2 span {
    	font-size:22px;
    	color:#000;
    }
    .lang {
      height: 70px;
      padding-top:4px!important;
      background:lightgrey;
      border-bottom:5px dotted black;
      overflow: hidden;
    }

.lang img {
  width:11%;
  margin-right: 12px;
  
}
.lang img:first-child {
  margin-left:10px;
}
    .top {
	margin:0;
	padding:0px 0;
	font-size:12px;
}
.sosyal {
	padding:0;
}
.sosyal a {
	margin:0;
}
#footer h4 {
  font-size:12px;
}
}/*479 mobil sonu*/

  @media only screen and (max-width:375px) {
.lang {
      height: 70px;
      padding-top:4px!important;
      background:lightgrey;
      border-bottom:5px dotted black;
      overflow: hidden!important;
    }

.lang img {
  width:10%;
  margin-right: 12px;
  
}
.lang img:first-child {
  margin-left:10px;
}
  
    .top {
	margin:0;
	padding:0;

}
nav img {
  margin-top:-10px;
  margin-left:-30px;
  cursor:pointer;
}
.sosyal {
margin:0;
padding:0;
}
.sosyal a {
float:left;

}
.fa {
  padding:0;
  font-size: 12px;
 width:25px;
  text-align:right;
  text-decoration: none;
}

}/*375 mobil sonu*/
@media only screen and (max-width:479px) {

    h2 {
      font-size:22px;
      color:#fff;
    }

    h2 span {
      font-size:22px;
      color:#000;
    }
  .top {
  margin:0;
  padding:0px 0;
  font-size:12px;


}
.sosyal {
  padding:0;
}
.sosyal a {
  margin:0;
}
#footer h4 {
  font-size:12px;
}
}/*479 mobil sonu*/
@media only screen and (max-width:375px) {
    .top {
  margin:0;
  padding:0;

}


.sosyal {
margin:0;
padding:0;
}
.sosyal a {
float:left;

}
.fa {
  padding:0;
  font-size: 12px;
 width:25px;
  text-align:right;
  text-decoration: none;
}

}/*375 mobil sonu*/

.top {
	margin:0;
	padding:4px 0;
	background:#427dbe;
	/*border-bottom:3px solid red*/;
}
.top i {
color:#fff;
}
.top span {
	color:#fff;
}
.menu{
	margin:0;
	padding:10px 0 0 0;
	/*background:#3498DB;*/
  background: transparent;	
}
.m {
  margin:0;
}
.p {
	padding:0;
}
.sosyal{
  text-align:center;
}


.sosyal a {
	font-size:16px;
	text-decoration: none;
	cursor:pointer;
	margin: 0px 5px;
	border-radius: 80px;
}

/* Style all font awesome icons */
.fa {
  padding: 10px 8px;
  font-size: 30px;
 width:40px;
  text-align: center;
  text-decoration: none;
  

}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
  background: #3B5998;
  color: white;
}

/* Twitter */
.fa-twitter {
  background: #55ACEE;
  color: white;
}
/* İnstagram */
.fa-instagram {
  background: #833AB4;;
  color: white;
}
/* fa-youtube-play */
.fa-youtube-play {
  background: #FD1D1D;;
  color: white;
}
/*--Owl carousel slide product begin*/
.owl-carousel {

		padding-top:30px;
		min-height: 350px;
		margin-bottom: 10px;


}
.owl-carousel img {

		
		min-height: 250px;
		max-height: 250px;

}
.owl-nav {
	margin-top:30px;
	text-align: center;
}
.owl-carousel .owl-nav button.owl-prev{background:red;border:3px solid #000;border-radius:40px;font-size:36px;width:55px;margin-right: 3px;}
.owl-carousel .owl-nav button.owl-next{background:red;border:3px solid #000;border-radius:40px;font-size:36px;width:55px;}
/*--Owl carousel slide product end*/
.blog .owl-carousel .owl-nav button.owl-prev{background:#456fb5;border:3px solid #000;border-radius:40px;font-size:36px;width:55px;margin-right: 3px;}
.blog .owl-carousel .owl-nav button.owl-next{background:#456fb5;border:3px solid #000;border-radius:40px;font-size:36px;width:55px;}
/*Hizmetlerimiz-h2-bizden-h2-ve-yorumlar-h2--*/
#urunlerimiz-h2{
	padding:5px 10px;
	border-bottom:5px solid #000;
	background-color:#427dbe/*#ED1B24*/;
	color:#000;
	margin:0;
  font-size:24px;
  font-weight:bold;
  font-family: 'Source+Sans+Pro', sans-serif!important;
}/*sonu--Hizmetlerimiz-h2-bizden-h2-ve-yorumlar-h2--*/

#hizmetlerimiz-h2{ /*Neden Bizi Tercih*/
 padding:0px 10px;
 border-bottom:3px solid #000;
 background-color:#427dbe/*#ED1B24*/;
 color:#000;
 margin:0;
}
.urunlerimiz {
padding-bottom: 10px;
padding-top:0px;
background-color:darkgrey!important;
text-decoration: none;
list-style: none;
/*background: url(../img/e3.jpg) no-repeat center center;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  left: 0; 
   width: 100%;
   height: 100%;*/
}
.urunlerimiz h1 {color:red;}
.urunlerimiz a {
  color:#000;
text-decoration: none;
list-style: none;
}
.urunlerimiz2 {
  background: #fff!important;
}

.hizmetlerimiz {
background:#fff!important;
text-decoration: none;
list-style: none;
}
.hizmetlerimiz2 {
  background:#dcdcdc!important;
}
.hizmetlerimiz a {
  color:#000;
text-decoration: none;
list-style: none;
}

.bizdenhaberler a {
  color:#000;
text-decoration: none;
list-style: none;
}
#footer a {
  color:#fff;
text-decoration: none;
list-style: none;
}


/*---------------------------------------------Zoom-------------------------------------*/

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/*image galeri css*/
.heading {
    text-align: center;
    font-size: 2.0em;
    letter-spacing: 1px;
    padding: 40px;
    color: red;
    border:1px solid red;
}

.gallery-image {
  padding: 10px 0;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  /*justify-content: center;*/

}

.gallery-image img {
 /* height: 250px;
  width: 370px;*/
  height: 200px;
  width: 420px!important;
  transform: scale(1.0);
  transition: transform 0.4s ease;
  /*border:10px solid limegreen;*/

}

.img-box {
  box-sizing: content-box;
  margin: 10px 0px;
  height: 200px;
  width: 320px;
 overflow: hidden;
  display: inline-block;
  color: white;
  position: relative;
  background-color: #fff;
  font-weight:bold;
}


.caption {
  position: absolute;
  top: 5px;
  left: 1px;
  opacity: 0.8;
  transition: transform 0.3s ease, opacity 0.3s ease;

}

.transparent-box {
  height: 250px;
  width: 370px;
  background-color:rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  transition: background-color 0.3s ease;
}

.img-box:hover img { 
  transform: scale(1.9);

}

.img-box:hover .transparent-box {
  background-color:rgba(0, 0, 0, 0.8);
}

.img-box:hover .caption {
  transform: translateY(-20px);
  opacity: 1.0;
  color:red;
}

.img-box:hover {
  cursor: pointer;
}

.caption > p:nth-child(2) {
  font-size: 0.8em;
}

.opacity-low {
  opacity: 0.8;
}
.large {
  border-radius:50%;
  background:#ABB2B9;
  cursor:pointer;
  padding:6px 8px;
  text-align:center;
  position:absolute;
  top:-14px;
  right:-10px;
}
.large i {
  font-size:18px;
}

/*------------------------------------*/
@media only screen and (max-width:1024px) {
  .caption {
  position: absolute;
  bottom: 5px;
  left: 20px;
  opacity: 0.9;
  transition: transform 0.3s ease, opacity 0.3s ease;

}

/*  .gallery-image > .img-box:nth-child(2) {
  margin-left:2px;
  margin-right: 2px;
}
.gallery-image > .img-box:nth-child(5) {
    margin-left:2px;
  margin-right: 2px;
}*/
.gallery-image {
  padding: 0px 0;
  display: flex;
  flex-wrap: wrap;
  /*justify-content: center;*/
  
  
}
.gallery-image img {
  height: 200px;
  width: 300px;
  transform: scale(1.0);
  transition: transform 0.4s ease;
}

.img-box {
  box-sizing: content-box;
  margin: 10px 0px;
  height: 200px;
  width: 300px;
 overflow: hidden;
  display: inline-block;
  color: white;
  position: relative;
  background-color: white;
}
}
/*-------------------------------------*/
@media only screen and (max-width:768px) {
  .caption {
  position: absolute;
  bottom: 5px;
  left: 20px;
  opacity: 0.9;
  transition: transform 0.3s ease, opacity 0.3s ease;

}
.large i {
  font-size: 24px;
}

.fa {
  padding: 5px 4px;
  font-size: 12px;
 width:25px;
  text-align: center;
  text-decoration: none;
  

}
/*  .gallery-image > .img-box:nth-child(2) {
  margin-left:2px;
  margin-right: 2px;
}
.gallery-image > .img-box:nth-child(5) {
    margin-left:2px;
  margin-right: 2px;
}*/
.gallery-image {
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  /*justify-content: center;*/
}
.gallery-image img {
  height: 200px;
  width: 350px;
  transform: scale(1.0);
  transition: transform 0.4s ease;
}

.img-box {
  box-sizing: content-box;
  margin: 10px 0px;
  padding:5px;
  height: 200px;
  width: 350px;
 overflow: hidden;
  display: inline-block;
  color: white;
  position: relative;
  background-color: white;
}
}
@media only screen and (max-width:479px) {
.gallery-image > .img-box:nth-child(2) {

  margin-right: 2px;
}
.gallery-image > .img-box:nth-child(5) {

  margin-right: 2px;
}
.gallery-image .mobil {padding-right: -1px;padding-left:0px;}
.gallery-image img {
  height: 150px;
  width: 100%;
  transform: scale(1.0);
  transition: transform 0.4s ease;

}

.img-box {
  box-sizing: content-box;
  margin: 5px 0px;

  height: 150px;
  width: 100%;
 overflow: hidden;
  display: inline-block;
  color: white;
  position: relative;
  background-color:darkgrey!important;
}
}
@media only screen and (max-width:320px) {
  .gallery-image > .img-box:nth-child(2) {
  margin-left:0px;
  margin-right: 0px;
}
.gallery-image > .img-box:nth-child(5) {
    margin-left:0px;
  margin-right: 0px;
}
.gallery-image img {
  height: 200px;
  width: 300px;
  transform: scale(1.0);
  transition: transform 0.4s ease;
}

.img-box {
  box-sizing: content-box;
  margin: 10px 0px;

  height: 200px;
  width: 300px;
 overflow: hidden;
  display: inline-block;
  color: white;
  position: relative;
  background-color: white;
}
}
/*image galeri css sonu*/


/*--footer css--*/
#footer {
  background-color:#000;
  color:#fff;
  min-height:30px;
  border-top:2px solid red;
  text-align: left;
}
#footer h4 {

}
/*--footer csss sonu--*/
  /*müşteri yorumları*/
.customers .container-fluid h2 {
  color: #000;
  font-size: 26px;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  margin: 30px 0 30px;
}
.customers .container-fluid h2::after {
  content: "";
  width: 300px;
  position: absolute;
  margin: 0 auto;
  height: 4px;
  border-radius: 1px;
  background: #1c47e3;
  left: 0;
  right: 0;
  bottom: -20px;
}
.carousel {
  margin: 50px auto;
  padding: 0 70px;
}
.carousel .item {
  color: #999;
  overflow: hidden;
    min-height: 120px;
  font-size: 13px;
}
.carousel .media {
border:1px solid red;
border-radius:30px;
padding-top:15px;min-height:100px;max-height:100px;
}
.carousel .media img {
  width: 80px;
  height: 80px;
  display: block;
  border-radius: 50%;
}
.carousel .testimonial {
  padding: 0 15px 0 60px ;
  position: relative;
}
.carousel .testimonial::before {
  content: '\201C';
  color: #e2e2e2;
  font-weight: bold;
  font-size: 68px;
  line-height: 54px;
  position: absolute;
  left: 15px;
  top: 0;
}
.carousel .overview b {
  text-transform: uppercase;
  color: #1c47e3;
}
.carousel .carousel-indicators {
  bottom: -40px;
}
.carousel-indicators li, .carousel-indicators li.active {
  width: 18px;
    height: 18px;
  border-radius: 50%;
  margin: 1px 3px;
}
.carousel-indicators li { 
    background: #e2e2e2;
    border: 4px solid #fff;
}
.carousel-indicators li.active {
  color: #fff;
    background: #1c47e3;    
    border: 5px double;    
}
   /*müşteri yorumları*/