html,
body,
body {
    
    }

.banner-ust {
    background: url(../images/header-img.jpg) no-repeat top;
    background-size: cover;
    height: 192px;
    }

/*
.fixed-top {
    max-width: 1140px;
    margin: -50px auto;
}
*/

.carousel-caption {
    
    margin-bottom: 7%;
    
}


.logo {
    float: right;
    padding-right: 10%;
    padding-top: 5%;
    }
.b2b {
    float: right;
    padding-right: 10%;
    padding-top: 18%;
  
    }

.dil {
    font: 'Roboto', sans-serif;
    font-size: 12px;
    color: darkgrey;
    margin-right: 10px;
    margin-left: -8px;

    }
.dil:hover {
    color: #C72127;
    text-decoration: none;
    
}


.menu-back {
    background: #C72127 !important;
    
    }

.P0 {
    padding: 0px;
}

.navbar{
    
    padding: 0;
    }

a.nav-link {
    color: white !important;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    }

a.nav-link:hover, a.nav-link:active {
    color: #C72127 !important;
    background: #fff100;
    transition: color 0.3s ease;
    
    }

h1 {
    
    font-family: 'Roboto', sans-serif;
    font-size: 60px;
    color: #C72127;
    font-weight: 900;
    text-shadow: 1px 1px 1px #ffffff, 2px 2px 1px #ffffff;
    

    }
h2 {
    
    font-family: 'Roboto', sans-serif;
    font-size: 60px;
    color: #C72127;
    font-weight: 900;
    text-shadow: 1px 1px 2px #ffffff, 1px 1px 1px #ffffff;
    
    }
.Kurumsal {
    /* Ana Sayfa Kurumsal Yazı */
    background: url(../images/kurum-zemin.jpg) no-repeat;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #343434;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 26px;
    padding: 2% 5%;
    background-size: cover;
    height: auto;   
    
    }

.conPad{
    /* Ana Sayfa kurumsal container ile ürünlerin arası */
    padding-bottom: 2%;
    
    }

/*.card-footer{
        Ana Sayfadaki ürün sıralama 
    padding-top: 2%;
    background-color: #C72127; 
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 28px;
    color: #ffffff;
    background-size: 20%;
    
}*/

.btn-danger {
    /* Ana Sayfa kurumsal ürünlerin Başlıkları */
    background-color: #C72127;
    border-style: none;
    border: none;
    margin-bottom: 10px;
    
    }

.btn-danger:hover {
    background-color: #E1E1E1;
    color: #C72127;
    border: none;
   
    }



.teks {
    
    color: #5b5b5b;
    text-decoration: none;
    
    
    }
.teks:hover .teks:active{
    color: #4a4a4a;
    text-decoration: none;
    outline: none;
    }
.teks-urun {
    
    color: #fff;
    text-decoration: none;
    
    
    }
.teks-urun:hover {
    color: #C72127;
    text-decoration: none;
    outline: none;
    }

.footer {
    padding: 10px;
    background: #E1E1E1;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #2E2E2E;
    line-height: 5px;
    }

/*Kurumsal */
.kurumsal {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #343434;
    letter-spacing: 0;
    line-height: 25px;
}

/*Urunler */
.urunler {
    padding-top: 40px;
    padding-bottom: 40px;
}



/* Ürünler Zoom */

.item {
  position: relative;
  border: 1px solid #E1E1E1;
  margin: 1%;
  overflow: hidden;
  width: 345px;
}
.item img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* PopUp - lightbox */

/*Urunler */
.gesa-form {
    padding: 40px 150px;
    background: url(../images/contact.jpg) no-repeat center center fixed;
    
}


/*.form-control {
    
    width: 80%;
    height: 50px;
    border-style:none;
    margin-left: 5%;
    padding: 20px;
    box-shadow: 3px 3px 4px #949494;
   -moz-box-shadow: 3px 3px 4px #949494;
   -webkit-box-shadow: 3px 3px 4px #949494;
    border-radius: 3px;
    
}
*/

/*
.contact-form {
    background: url(../images/contact.jpg) no-repeat center center fixed;
    background-size: cover;
    height: 80%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    }
    
.form-group {
    width: 70%;
    height: 50px;
    margin-bottom: 25px;
    border-style:none;
    margin-left: 5%;
    box-shadow: 3px 3px 4px #949494;
   -moz-box-shadow: 3px 3px 4px #949494;
   -webkit-box-shadow: 3px 3px 4px #949494;
    border-radius: 3px;
    padding-left: 20px;
}


.gesa-form-element {
    font-family: 'Roboto', sans-serif;
 
    color: #343434;
 
    font-weight: 400;
    
}
.btn-danger {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    padding: 10px 100px;
}

*/





/* MEDIA QUERIES */

@media (max-width: 575.98px) { 
h1 {
    margin: -5px;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    color: #C72127;
    font-weight: 900;
    text-shadow: 1px 1px 1px #ffffff, 2px 2px 1px #ffffff;
    

    }
h2 {
    margin: 1px;

    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    color: #C72127;
    font-weight: 900;
    text-shadow: 1px 1px 2px #ffffff, 1px 1px 1px #ffffff;
    
    }
    
.b2b {
    float: right;
    padding-right: 10%;
    padding-top: 80px;
  
    }
 .logo {
    float: right;
    padding-right: 10%;
    padding-top: 20%;
    }
.footer {
    margin-bottom: 0;
    padding: 10px;
    background: #E1E1E1;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    color: #2E2E2E;
    line-height: 15px;
    
    }
.navbar{
    padding-left: 10px;
    }
#name, #email, #subject {
    width: 250px;
    height: 50px;
    margin-bottom: 25px;
    border-style:none;
    margin-left: 5%;
    box-shadow: 3px 3px 4px #949494;
   -moz-box-shadow: 3px 3px 4px #949494;
   -webkit-box-shadow: 3px 3px 4px #949494;
    border-radius: 3px;
    padding-left: 20px;
}

textarea {
    width: 250px;
    height: 200px;
    margin-bottom: 25px;
    border-style:none;
    box-shadow: 3px 3px 4px #949494;
    border-radius: 3px;
    padding-left: 20px; 
    padding-top: 15px;
    margin-left: 5%;
}
.gesa-form-element {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    color: #343434;
    letter-spacing: 0;
    line-height: 25px;

}
    .gesa-form {
    padding: 40px 10px;
}
.btn-danger {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    padding: 10px 90px;
}
   

}

@media (max-width: 540px) { 
.banner-ust {
    background: url(../images/header-img.jpg) no-repeat top;
    background-size: cover;
    height: 150px;
    }

    
h1 {
    margin: -5px;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    color: #C72127;
    font-weight: 900;
    text-shadow: 1px 1px 1px #ffffff, 2px 2px 1px #ffffff;
    

    }
h2 {
    margin: 1px;

    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    color: #C72127;
    font-weight: 900;
    text-shadow: 1px 1px 2px #ffffff, 1px 1px 1px #ffffff;
    
    }
    
.b2b {
    float: right;
    padding-right: 10%;
    padding-top: 70px;
  
    }
 .logo {
    float: right;
    padding-right: 10%;
    padding-top: 5%;
    }
.footer {
    background: #E1E1E1;
    font-family: 'Roboto', sans-serif;
    font-size: 11.3px;
    color: #2E2E2E;
    line-height: 15px;
    
    }
.navbar{
    padding-left: 10px;
    }
#name, #email, #subject {
    width: 250px;
    height: 50px;
    margin-bottom: 25px;
    border-style:none;
    margin-left: 5%;
    box-shadow: 3px 3px 4px #949494;
   -moz-box-shadow: 3px 3px 4px #949494;
   -webkit-box-shadow: 3px 3px 4px #949494;
    border-radius: 3px;
    padding-left: 20px;
}

textarea {
    width: 250px;
    height: 200px;
    margin-bottom: 25px;
    border-style:none;
    box-shadow: 3px 3px 4px #949494;
    border-radius: 3px;
    padding-left: 20px; 
    padding-top: 15px;
    margin-left: 5%;
}
.gesa-form-element {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    color: #343434;
    letter-spacing: 0;
    line-height: 25px;

}
    .gesa-form {
    padding: 40px 10px;
}
.btn-danger {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    padding: 10px 90px;
}
   

}

@media (max-width: 991.98px) {
h1 {
    
    margin: -5px;
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    color: #C72127;
    font-weight: 900;
    text-shadow: 1px 1px 1px #ffffff, 2px 2px 1px #ffffff;
    

    }
h2 {
    margin: 1px;
    font-family: 'Roboto', sans-serif;
    font-size: 25px;
    color: #C72127;
    font-weight: 900;
    text-shadow: 1px 1px 2px #ffffff, 1px 1px 1px #ffffff;
    
    }
    
.b2b {
    float: right;
    padding-right: 10%;
    padding-top: 80px;
  
    }
 .logo {
    float: right;
    padding-right: 10%;
    padding-top: 10%;
    }
.footer {
    margin-bottom: 0;
    padding: 10px;
    background: #E1E1E1;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    color: #2E2E2E;
    line-height: 15px;
    
    }
.navbar{
    padding-left: 10px;
    }
#name, #email, #subject {
    width: 250px;
    height: 50px;
    margin-bottom: 25px;
    border-style:none;
    margin-left: 5%;
    box-shadow: 3px 3px 4px #949494;
   -moz-box-shadow: 3px 3px 4px #949494;
   -webkit-box-shadow: 3px 3px 4px #949494;
    border-radius: 3px;
    padding-left: 20px;
}

textarea {
    width: 250px;
    height: 200px;
    margin-bottom: 25px;
    border-style:none;
    box-shadow: 3px 3px 4px #949494;
    border-radius: 3px;
    padding-left: 20px; 
    padding-top: 15px;
    margin-left: 5%;
}
.gesa-form-element {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    color: #343434;
    letter-spacing: 0;
    line-height: 25px;

}
    .gesa-form {
    padding: 40px 10px;
}
.btn-danger {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    padding: 10px 90px;
}
.carousel-p {
    padding-top: 3%;
    }
}

@media (max-width: 1199.98px) {}