/* 
    Created on : 26.02.2021, 18:47:28
    Author     : Htm Yazılım
*/
body{
        background-color:#f0f0f0;
        
}
.header{
   background-image: linear-gradient(180deg, brown, brown);
   min-height: 66px;
   width: 100%;
   position: fixed;z-index: 16;
   top:0;left:0;
}
.text-red{color:red !important;}
.selection{height:30px;width:48px;border-radius:4px;padding:2px 0;border-color:#adb5bd;}
.selection option{background-color:#f7f7f7;}

ul a{text-decoration:none;font-size:14px;color:black;padding:7px 32px 7px 16px;border-radius: 4px;}
ul a:hover{text-decoration:none;font-size:14px;background-color: #e40035 ;color:white;}

.wait{
    display: none;position: fixed;z-index: 1051; width: 100%;height: 100%;background-color: rgba(0,0,0,.5);opacity: 0.7;top:0
}
.wait img{position: absolute;top:50%;z-index: 1052;}
 
.show{display:block !important;}
.hide{display:none !important;}

*{
    margin:0;
    padding:0;
    box-sizing:border-box
}
body{
    font-family: 'Poppins', sans-serif;
}
.words{padding: 4px;margin-top:1rem;color:#888}
.words p{text-align: justify}
.upcase{text-transform: uppercase}
.capitalize{text-transform: capitalize}

.menutext{
        font-family: 'Playfair Display', serif;
        color:#1a1315;
        font-style:italic;
        float:right;
}

.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
    display: none;
    background-color: black;
    opacity: 0.9;
    text-align: center;
}

.cursor {
  cursor: pointer;
}

.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: 0px;
  margin-right: 4px;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.tel{
    width: 40px;
    padding-right: 10px; 
}

@media (max-width: 992px) {

    
    
}

@media (max-width: 766px) {
   .tel{
    width: 25px;
    padding-right: 8px; 
}
                
}
@media (max-width: 566px) {
    .tel{
        width: 20px;
        padding-right: 5px; 
    }

    .login label{
        color:#000;
        line-height: 0.8;
        font-size: 13px;
    }
}

html{ 
   scroll-behavior:smooth;
}

.login input, select{
    margin: 4px 0;
    border-radius: 4px;
    border: 1px solid #bfadad;
    padding: 2px;
    width: 100%;
}
.login label{
    color:#000;
    line-height: 0.8;
    font-size: 14px;
    padding-right: 4px;
}
.login a{
    text-decoration: none;
    font-size:14px;
    color:white;
    line-height: 2;
}

.login a:hover{
    color:#57606f;
    
}
.login{
height: 100%;
box-shadow: 3px 3px 3px gray;  
padding: 20px;
border-radius: 5px;
background-color: #fff;
}

.w-60{
   width: 60%; 
}
.copyright-text{
    font-size: 13px;
    font-weight: bold;
    color:#fff
}

::placeholder{color:#adb5bd;opacity:0.7;font-size: 13px}

.bodysection{ 
    margin-top: 80px;
   min-height: calc(100vh - 127px - 152px);
}
.bodysection input{
    font-size: 14px;
    padding: 4px;
}