/* 
    Created on : 26.08.2021, 18:47:28
    Author     : Htm Yazılım
*/
body{
        background-color:rgb(250,248,255);
        
}
.ftr{text-align: center;width: 100%;padding-top: 1rem}
a,a:hover{text-decoration: none}
a{color:black}
.hover:hover{color:#000 !important}
a:hover{color:#ff5958}
.navbar a:hover{color:#ff5958 !important;transition: all ease-in-out .3s}
.nav-icon{max-width: 140px;}
.text-myred{color:#ff5958 !important;}
.selection{height:32px;width:48px;border-radius:5px;color:#343a40;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 }

*{
    margin:0;
    padding:0;
    box-sizing:border-box
}
body{
    font-family: 'Poppins', sans-serif;
}

.menutext{
        font-family: 'Playfair Display', serif;
        color:#1a1315;
        font-style:italic;
        float:right;
}
.up{background:url('https://io.724enyakin.com/public/img/up.png');background-size:16px;background-position:right;background-repeat:no-repeat;background-color:transparent;}
.close {
  color: white;
  position: absolute;
  
  right: 20px;
  font-size: 30px;
  font-weight: bold;
}

.close:hover,
.close:focus {
 
  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; 
}
#back-to-top {
    border-radius: 6px;
    background-color: rgba(13,108,255,0.9);
    width:40px;
    height: 40px;
    z-index: 101;
    opacity: 0.8 ;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
    box-shadow: 2px 2px 5px 2px rgba(0,0,0,.25)
    /*border:1px solid aliceblue;*/
}
.fa-wcenter{width:24px;text-align: center;text-align: -webkit-center}
#back-to-top a{
    padding: 8px 12px;
    display: block;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    
} 
 
#back-to-top a:hover{
    border: none;
    border-radius: 6px;
    color: #fff;
    background-color: #ff5859;
    font-weight: bolder
}
#msg {
    border-radius: 50%;
    background-color: rgba(13,108,255,0.9);
    width:44px;
    height: 44px;
    z-index: 101;
    opacity: 0.9 ;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    left: 20px;
    display:block;
    box-shadow: 2px 2px 5px 2px rgba(0,0,0,.25)
    /*border:1px solid aliceblue;*/
}
#msg a{
    padding: 7px;
    display: block;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    
} 
 
#msg a:hover{
    border: none;
    border-radius: 50%;
    color: #fff;
    background-color: #ff5859;
    font-weight: bolder
}




.border-myred{border-color:#ff5958 !important;}
.slogan{padding: 8px 5px;background-color:#ff5958;font-weight: 500;letter-spacing: 1.8px;font-size: 1rem;color:#fff;margin-top: 10px;border-radius: 10px}
.check{width: 22px;height: 22px}
#down-links{box-shadow: 1px 1px 5px 2px rgba(0,0,0,.2);position:relative;width:140px;font-size:14px;background-color:#fdfdfd;text-align: -webkit-align-left;text-align:left;margin-top: 10px}
.header{ border-radius:3px;box-shadow: 3px 3px 5px #e0e0e0;opacity: 1;position:fixed;left:0;top:0;width: 100%;padding-top:0;padding-left:0px;text-decoration:none;margin:0 2px auto;z-index:2;height:56px;background-color: #fdfdfd;}
.header a{text-decoration:none;font-size:13px;color:#343a40;text-align: left;display: block}
.header a:hover{text-decoration:none;color:#ff5859;}
.wrap{box-shadow: 1px 1px 5px 0px rgba(0,0,0,.1);color:#0f0f0f;font-size: 1rem;height:36px;left:0px;padding: 9px;background-color:#fff;z-index:100;margin:6px 2px 2px 1px;border-radius: 4px}
.wrap:hover{color:#ff5859;cursor:pointer;transition:0.5s;}
.header-logo{max-height: 54px;margin: 0px;padding-left: .4rem;opacity: 1}
.menu{padding:3px 5px;width:148px;}
.logo{padding-right:0;height:56px;max-width:124px}
.login-header{box-shadow: 3px 3px 5px #e0e0e0; }
.home{padding:6px 4px 6px 4px;color:rgba(0,0,0,0.75);border-radius: 4px;box-shadow: 1px 1px 5px 0px rgba(0,0,0,.1);margin:9px 6px}
.home:hover{cursor:pointer;transition:0.5s;color:#ff5859;}
.fa-15x{font-size: 1.5rem} 
.fa-12x{font-size: 1.2rem} 
.menu-icon{width:32px;border-right: solid 1px #bababa}
#content{position:relative;padding-top:15px;background:rgb(250,248,255);opacity:1;transition:all 0.5s linear;z-index:0;margin-bottom:50px;max-width: 1040px;margin: 55px auto}
.preview{max-width: 80px;max-height: 80px;}
.preview-min{max-width: 60px;max-height: 60px;}
.logo_border{border-radius:50%;border:1px solid #c8cbcf;}
.logo_bordermini{border-radius:50%;border:1px solid #c8cbcf;}
.bld{font-weight:bold;font-family: sans-serif;letter-spacing: .2px}
.btn-incele{color:#585858;border-color:#adb5bd}
.btn-incele:hover{color:#fff !important;background-color:#5a6268;border-color:#5a6268;}
.menubar{font-size: 16px; }
.fiyat-wrap{max-height:0px;transition:height  0.3s }
.fiyat-show{height: auto;transition:height 0.3s }

@media (max-width: 992px) {

    .header a{font-size:12px;padding:2px 20px 2px 6px;text-align: left;-webkit-align:left}
    .header a:hover{text-decoration:none;font-size:12px;color:#ff5859;}
    
}

@media (max-width: 766px) {
   .tel{width: 25px;padding-right: 8px; }
   .slogan{font-size: .8rem;font-weight: 600;margin-top: 12px;}
   .logo i{font-size: 1.2rem}     
   .menubar{font-size: 13px; }
}
@media (max-width: 566px) {
    .tel{
        width: 20px;
        padding-right: 5px; 
    }
    .prbtn{max-width:30px;min-height: 28px;}
.fnt-13{font-size: 12px !important;}
.fnt-14{font-size: 13px !important;}
.fnt-15{font-size: 14px !important;}
.fnt-16{font-size: 15px !important;}
    .login label{
        color:#000;
        line-height: 0.8;
        font-size: 13px;
    }
}

html{ 
   scroll-behavior:smooth;
}

.login input, select{
    margin: 4px 0;

    border: 1px solid #89a5fb;
    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;

    line-height: 2;
}

.login a:hover{
    color:#57606f;
    
}
.login{
height: 100%;

padding: 20px;
border-radius: 0px;
background-color: #fafcfe;
border-top:solid 2px #ebf4fc;
}
.login-btn{
color: #fff;
background-color: #526fe1;
border-color: #4469fd;
}
.w-40{
   width: 40%; 
}
.w-50{
   width: 50%; 
}
.w-60{
   width: 60%; 
}
.w-75{
   width: 75%; 
}
.f-r{float:right;}
.f-l{float:left;}
.copyright-text{
    font-size: 13px;
    font-weight: bold;
    color:#f0f0f0
}

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

.bodysection{ 
    margin-top: 50px;
   min-height: calc(100vh - 127px - 152px);
}
.bodysection input{
    font-size: 14px;
    padding: 8px;
}
.text-darkblue{color:#0d1a54}
.fnt-13{font-size: 13px;}

.fnt-14{font-size: 14px;}
.fnt-15{font-size: 15px;}
.fnt-16{font-size: 16px;}


::placeholder{color:#adb5bd;opacity:0.5;font-size: 15px}
.property{
    text-align: left;
    list-style: none;
    vertical-align: middle;
    align-items: center;
    padding-left: 5px;
    margin:auto;

}
.property li{
    display: inline-block;
    margin:0px 3px;
}

.property input[type="checkbox"]{
    position:relative;
    width:50px;
    height:25px;
    appearance:none;
    -webkit-appearance: none;
    outline:none;
    border-radius: 20px;
    background-color: #ff7979; 
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    margin-top:5px;
}

.property input:checked[type="checkbox"]
{
    background: #77feb9;
}

.property input[type="checkbox"]:before
{
    content:"";
    position: absolute;
    width:25px;
    height: 25px;
    border-radius: 50%;
    top:0;
    left:0;
    background: #fff;
    transform: scale(1.1);
    transition: .6s;
    box-shadow: inset 0px 3px 5px rgba(0,0,0,0.3); 
}
.property input:checked[type="checkbox"]:before
{
    left:25px;
}
.prbtn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;background-color:transparent;padding:3px;font-size:.9rem;line-height:1.5;border-radius:0.25rem;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;min-height: 30px;min-width: 35px}
.prbtn:hover{color:#ff5958 !important;background-color:whitesmoke;border-color:#adb5bd;}
.prbtn-nochange{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;padding:4px;font-size:.9rem;line-height:1.5;border-radius:0.25rem;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;min-height: 30px;min-width: 35px}
.prbtn-nochange:hover{color:#005958 !important;background-color:whitesmoke;border-color:#adb5bd;}

.edit:before{font-family: 'Font Awesome 5 Free','Font Awesome 5 Brands';font-size: 1.2rem;
             font-weight: 400;content: "\f044";padding-right: 3px }
.setting:before{font-family: 'Font Awesome 5 Free','Font Awesome 5 Brands';font-size: 1.2rem;
             font-weight: 900;content: "\f013";padding-right: 3px }
.lira:before{font-family: 'Font Awesome 5 Free','Font Awesome 5 Brands';font-size: 1.2rem;
             font-weight: 400;content: "\f15c";padding-right: 3px }
.telefon:before{font-family: 'Font Awesome 5 Free','Font Awesome 5 Brands';font-size: 1.2rem;
             font-weight: 900;content: "\f879";padding-right: 3px;color:lightskyblue}
.eye:before{font-family: 'Font Awesome 5 Free','Font Awesome 5 Brands';font-size: 1.1rem;
             font-weight: 900;content: "\f06e";padding-right: 3px;color:rgba(13,108,255,0.9)}
.refuse:before{font-family: 'Font Awesome 5 Free','Font Awesome 5 Brands';font-size: 1.2rem;
             font-weight: 900;content: "\f00d";padding-right: 3px;color:rgb(255, 83, 83)}
.approve:before{font-family: 'Font Awesome 5 Free';font-size: 1.2rem;
             content: "\f00c";padding-right: 3px;color:darkgreen;font-weight: 900;}
.complate:before{font-family: 'Font Awesome 5 Free';font-size: 1.2rem;
             content: "\f00c";padding-right: 3px;color:darkgreen;font-weight: 900;}
.complate-work:after{font-family: 'Font Awesome 5 Free';font-size: 1.2rem;
             content: "\f00c";padding-left: 8px;padding-right: 3px;color:darkgreen;font-weight: 900;}
.refresh:before{font-family: 'Font Awesome 5 Free';font-size: 1.2rem;
             content: "\f2f1";padding-right: 3px;color:lightskyblue;font-weight: 900;}
.sms-refresh:before{font-family: 'Font Awesome 5 Free';font-size: 1.2rem;
             content: "\f021";padding-right: 3px;color:black;font-weight: 900;}
.upload:before{font-family: 'Font Awesome 5 Free';font-size: 1.2rem;
             ;content: "\f093";padding-right: 3px;color:darkslategrey}
.proposal:before{font-family: 'Font Awesome 5 Free';font-size: 1.2rem;font-weight: 900
             ;content: "\f658";padding-right: 3px;color:darkslategrey}
.delete:before{font-family: 'Font Awesome 5 Free';font-size: 1.2rem;
               content: "\f2ed";padding-right: 3px;color:red}
.not:before{font-family: 'Font Awesome 5 Free';font-size: 1.2rem;font-weight: 900;
               content: "\f305";padding-right: 3px;color:darkslateblue}

.shadow-one{box-shadow: #541331 1px 1px 4px 1px}
.text-one{color:#541331}
.shadow-two{box-shadow: #f8d61b 1px 1px 4px 1px}
.text-two{color:#f8d61b}
.shadow-tree{box-shadow: #5a6268 1px 1px 4px 1px}
.text-tree{color:#5a6268}
.shadow-four{box-shadow: #1e7e34 1px 1px 4px 1px}
.text-four{color:#1e7e34}
.shadow-five{box-shadow: #1e7e7a  1px 1px 4px 1px}
.text-five{color:#1e7e7a !important}
.shadow-six{box-shadow: #8c2c2c 1px 1px 4px 1px}
.text-six{color:#8c2c2c}
.shadow-seven{box-shadow: orchid 1px 1px 4px 1px}
.text-seven{color:orchid}
.shadow-lac{box-shadow: #0c357c 1px 1px 4px 1px}
.bg-white{background-color: #fff}
.bg-body{background-color:rgb(250,248,255)}
.bg-sms{background-color: rgba(13,108,255,0.9)}
.bg-myred{background-color: rgb(85,152,223)}
.shadow-myred{box-shadow: #f59e11 1px 1px 4px 1px }
.text-lsalmon{color: lightsalmon}
.bg-lsalmon{background-color:lightsalmon}
.bg-gri{background-color: rgba(89,15,180,.12) !important;border-radius: 4px 0 0 4px}
.bg-darkblue{background-color: #0d1a54 !important}
.bg-lightblue{background-color:rgba(10,100,255,0.06)!important}
.bg-lightgreen{background-color:rgba(10,255,100,0.06)!important}
.text-darkblue{color:#0d1a54}
.bg-green{background-color: #1a871f !important}
.text-red{color:red;}
.text-green{color:#0d6e23;}
.text-smoke{color:#bdc7e8}
.text-blue{color:#0062cc;}
.text-black{color:#000;}
.l-space-5{letter-spacing: 0.45px}
.info{
    font-size:13px;padding-left:16px;
}
input:checked[type="radio"]{
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;   
    -ms-appearance: checkbox;     
}
input[type="radio"]{
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;   
    -ms-appearance: checkbox; 
    
}