a{text-decoration: none;color:rgb(254,0,0)}
a:hover{color:#ff5859}
::placeholder {
  color: #888 !important;
}
::-webkit-input-placeholder {color: #d0d0d0;}
:-ms-input-placeholder { color: #f0f0f0;}
.mobi-xtr-foot{display: none;position: fixed;bottom: 0px;left:0px;right: 0px;box-shadow:0 -3px 4px #b0b0b0}
.top-bar{background-color:rgb(254,0,0);padding:2px 6px;color:#fff;display: block}
.num{width: 100px;text-align: center;font-weight: 900;font-size: 72px;color:#e2e3e5;line-height:1;padding-bottom: 0.5rem}
.space-1{letter-spacing: 1px}
.top-bar a{text-decoration: none;color: inherit;padding: 4px 10px 4px 10px;font-size: 14px }
.top-bar a:hover{color:#0f0f0f;transition: all 0.3s}
.border-right{border-right-style: groove;border-color: #f0f0f0;border-right-width: 1px;}
.logo-bar{padding: 1.1rem 0}
.logo-bar img{ max-width:272px ;opacity: 1;width:100%;padding-left: 8px}
.logo-bar h5{font-size: 18px;font-weight: 700}
.circle{border-radius:50%;border:3px solid #9c9c9c;padding: 3px;width:36px;height:36px}
.border-white{border-color: white !important}
.text-mygray{color:#9c9c9c}
.text-myblack{color:#444444}
.btn-work {
  padding: 4px 6px;
  color: #000;
  border: 1px solid #d5c9b7;
  border-radius: 4px;
  font-size: 14px;
  font-style: italic;
  margin: .4rem;}
.bg-myorange{background-color: #f59e11;background-image: url('/public/img/serit.png');padding-top: 9px}
.bg-orange{background-color: #ff8a00;padding-top: 9px}
.bg-mygreen{background-color: #00ba5b;padding-top: 9px}
.bg-myblue{background-color: rgb(254,0,0);padding-top: 9px}
.location{position: absolute;left: calc(50% - 85px);top: 144px;}
.proposal{
    margin-top:3rem;background-color: #fafafa;padding: 1rem .5rem;margin-bottom:4rem
}
.op-9{opacity: .9}
.op-8{opacity: .8}
.op-7{opacity: .7}
.op-6{opacity: .6}
.op-5{opacity: .5}
.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: 1041;}
.hiden{width: 100%;height: 100%;position: fixed;right:-100%;transition:all .5s linear;z-index: 1;background-color: rgba(110,160,200,0.8);opacity: .4;top:0px;}
.covered{z-index: 100;width: 100%;height: 100%;background-color: rgba(110,160,200,0.8);opacity: .4;position: fixed;right:0;transition:all .5s linear;top:0px;}
.wrap{transition: transform ;box-shadow: 1px 1px 5px 0px rgba(0,0,0,.2);color:#0f0f0f;font-size: 1rem;height:50px;left:0px;padding: 9px;background-color:transparent;z-index:100;margin:6px 2px 2px 1px;border-radius: 4px}
.wrap:hover{color:#ff3030;cursor:pointer;transition:0.3s;box-shadow: 1px 1px 5px 0px rgba(255,100,100,.6);}
.bg-white{background-color: #fff}
.ft-phone{font-weight: 600;font-size: 26px;color:#212529}
.whatsapp{background-color:#2e8b57;border-style: dotted;color:white !important}
.text-white{color:#fff !important}
.text-myred{color:#ff5859}
.text-smoke{color:#4e5660}
.text-blue{color:rgb(254,0,0)}
.text-green{color:#69D29B}
.text-orange{color:orange}
.smain{background-image: url('/public/img/top.webp'); background-repeat: no-repeat; height: 500px;background-size: cover}
.search-back{border-radius: 8px;background-color: rgba(180, 163,93, 0.7);opacity: 1; height: 400px;margin:3rem}
.search-in{ ;margin:0rem;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;font-size: 14px ;}
.fnt-18{font-size: 1.1rem}
.fnt-16{font-size: 1rem}
.fnt-15{font-size: .9rem}
.fnt-14{font-size: .8rem}
.al-start{text-align: left}
.al-end{text-align: right}
.my-margin{margin-bottom: 3rem ;margin-top: 3rem;}
.smain-header{color: #FFFFFF;
margin: 10px 0px 30px 0px;
font-size: 46px;
font-weight: 800;
text-transform: capitalize;
line-height: 54px;
text-align: center}

@keyframes an-z{
    from{
        width:20px;
        height:20px;
        position:absolute;
        left:25px;
        top:25px;
        background-color:#fff;
        border-radius:50%;
        opacity:1;
    }
    to{
        width:100px;
        height:100px;
        position:absolute;
        left:0;
        top:0;
        background-color:#fff;
        border-radius:50%;
        opacity:0;
    }
}

.form-select-service {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("/public/img/cog.png");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 16px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-select-city {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("/public/img/location.svg");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 16px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.btn-search{
    text-align: left;
    color: #fff;
    background-color: rgb(254,0,0);
    border-color: rgb(254,0,0);
    margin-top:7px;
}
.btn-search:hover{
    color: #fff;
    background-color: #ff5958;
    border-color: #ff5958;
}
.line{
    position: relative;
font-size: 20px;
max-width: 350px;
margin: auto;
margin-bottom: 60px;
color: rgb(254,0,0);
}
.line:before{
position: absolute;
content: "";
width: 150px;
height: 2px;
background-color: #ee6110;
top: 50%;
left: 0;
}
.line:after{
    position: absolute;
content: "";
width: 200px;
height: 2px;
background-color: #ee6110;
top: 50%;
right: 0;
    
}
.linedwn{
    position: relative;
font-size: 20px;
max-width: 350px;
margin: auto;
margin-bottom: 80px;
color: rgb(254,0,0);
}
.linedwn:before{
position: absolute;
content: "";
width: 150px;
height: 1px;
background-color: #fff;
top: 50%;
left: 0;
}
.linedwn:after{
    position: absolute;
content: "";
width: 200px;
height: 1px;
background-color: #fff;
top: 50%;
right: 0;
    
}
.ozellik-baslik{
    width: 70%;
        margin:auto;
        padding: 20px;
      text-align: center;
    
}
.ozellik-baslik h1{
    
    color: #201D1D;
    margin: 13px 80px 30px 80px;
    font-size: 46px;
    font-weight: 800;
    text-transform: none;
    line-height: 54px;
}
.ozellik-baslik p{
    letter-spacing: .3px;
    font-weight: 900;
    font-size: 20px;
    color:rgb(254,0,0);
}
.card-img{
    padding-top: 2rem;
    display:initial !important;
    vertical-align: middle;
    width:6rem !important;
}
.card-image-wrap{
    text-align: center;
    width: 100%;
    height: 360px;
}
.crsl{
    max-height: 638px;
    padding:1rem 2rem;
}
.border-1{
  position: relative;
  border: 1px solid rgba(236, 172, 87, 0.2) !important;
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.border-1:before{
    
content: "";
/*border: 4px solid transparent;*/
border: 3px solid #ECAC57;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.border-1:hover:before{
    border-color: #ECAC57;
}

.border-2{
  position: relative;
  border: 1px solid rgba(105,210,155,0.2) !important;
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.border-2:before{
    
content: "";
/*border: 4px solid transparent;*/
border: 3px solid #69D29B;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.border-2:hover:before{
    border-color: #69D29B;
}



.border-3{
  position: relative;
  border: 1px solid rgba(138,102,223,0.2) !important;
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.border-3:before{
    
content: "";
/*border: 4px solid transparent;*/
border: 3px solid #8A65DF;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.border-3:hover:before{
    border-color: #8A65DF;
}

.border-4{
  position: relative;
  border: 1px solid rgba(221,94,161,0.2) !important;
  -webkit-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.border-4:before{
    
content: "";
/*border: 4px solid transparent;*/
border:3px solid #DC5EA1;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.border-4:hover:before{
    border-color: #DC5EA1;
}
.text-work-us{
color: #fff;
text-shadow: 6px 0px 24px rgba(0,0,0,0.3);
margin: 10px 150px 15px 150px;
font-size: 46px;
font-weight: 800;
text-transform: capitalize;
line-height: 54px;
}
.text-subtitle{
color: #DC0E0E;
font-size: 20px;
font-weight: 400;
text-transform: capitalize;
line-height: 28px;
margin: 0;
}
.work-with-us{margin-top:40px;margin-bottom: 50px}
 
.service-image-1{
    background-image: url("/public/img/cilingirci.webp");
    background-repeat: no-repeat;background-size: cover;
    
}
.services{margin-top: 120px;margin-bottom: 100px}
.service-image-2{
    background-image: url("/public/img/cilingirf.webp");
    background-repeat: no-repeat;background-size: cover;
    
}
.service-image-3{
    background-image: url("/public/img/otocilingir.webp");
    background-repeat: no-repeat;background-size: cover;
    
}
.service-cekici{
    background-image: url("/public/img/otocilingirci.webp");
    background-repeat: no-repeat;background-size: cover;
    
}
.service-h{
    background-color: #08ca54;
    opacity: .8;
    color:white;
    max-width:80%;
    font-size:14px;
	font-weight: bold;
    padding: 4px;
    border-top-left-radius: 4px;
    position: relative;
    margin: auto;
}
.service-h a{color:white;}
.service-h a:hover{color:black;}
.img-sec {height: 115px;border-radius: 6px;padding-bottom: 1rem}
.text-img-sec{
color: #5fb4ee;
text-shadow: 6px 0px 24px rgba(0,0,0,0.3);
font-size: 46px;
font-weight: 800;
text-transform: capitalize;
line-height: 54px;
}
.hide{display: none}
.show{display: block}
.footer{color:#333333;padding: 1.2rem 1rem;border:solid 1px rgba(245,245,245,1);background-color: rgba(250,250,250,.5)}
.text-footer{color:#e2e3e5 !important}
.text-about{color:rgb(254,0,0)) !important}
.footer img{ max-width:241px;opacity: 1;width:100%;border-radius: 6px;}
.bld{font-weight:bold}
.footer a{font-size: 14px;padding: 4px 8px;color:inherit}
.about-img{;width:100%;border-radius: 4px;}
.pt-80{padding-top:80px}
.user-input{background-image: url('/public/img/user.png');background-repeat: no-repeat;background-size: 1.2rem;padding-left: 1.7rem;background-position-y: 7px;background-position-x: 3px}
.firma-input{background-image: url('/public/img/edit.png');background-repeat: no-repeat;background-size: 1.1rem;padding-left: 1.7rem;background-position-y: 8px;background-position-x: 5px}
.tel-input{background-image: url('/public/img/tel.png');background-repeat: no-repeat;background-size: 1.1rem;padding-left: 1.7rem;background-position-y: 8px;background-position-x: 5px}
.code-input{background-image: url('/public/img/kilit.png');background-repeat: no-repeat;background-size: 1.1rem;padding-left: 1.7rem;background-position-y: 8px;background-position-x: 5px}
.aboutus{background-image: url('/public/img/aboutus.jpeg'); background-repeat: no-repeat; ;background-size: cover;background-attachment:fixed}
.text-back{background-image: url('/public/img/aboutus.jpeg'); background-repeat: no-repeat; ;background-size: cover;min-height: 300px;background-attachment:fixed}
.filter-back{background-color: rgba(0,0,0,0.5); opacity:.9 ;width: 100%;height: 100%;min-height: 300px;}
.filter-back-about{background-color: rgba(0,0,0,0.7); opacity:.9 ;width: 100%;height: 100%;min-height: 300px;}
.work-form-cover{padding:1rem 2rem;}
.pad-join-us{padding:1rem}
.about-text{text-align: left}

.provinces{margin-top:1rem}


.single:nth-child(5), .single-menu:nth-child(6){
  border-bottom:0;
}
.single{
  display:flex;
  flex-direction:row;
  align-items:center;
  margin-top: 1rem;
}
.single:hover img{
border-color: #000;
    transform: scale(1.1);
}
.single img{
  width:100px;
  height: 100px;
  margin-right:10px;
  border-radius:50%;
  border:1px solid #005859;
  padding:3px;
  transition:.5s;
}
.single h4{
  text-transform:capitalize;
  font-size:22px;
  border-bottom:1px solid #f0f0fe;
  margin-bottom:8px;
  padding-bottom:8px;
  height:25px;
  width: 100%;
  color:#3e3e3e;
  height: auto;
}
#menu.menu-out{z-index: 102;box-shadow: 4px 0 4px rgb(254,0,0) ;padding: 6px;
         opacity: 1;
         position:fixed;
         top:0px;
         width:100%;
         max-width: 375px;
         height: calc(100%);
         background-color:#fcfcfc;
         right:0px;
         transition:all 0.4s linear;
        overflow-y: scroll}
#menu.menu-in{z-index: 102;box-shadow: 4px 0 4px rgb(254,0,0) ;padding: 6px;
        position:fixed;
        top:0px;
        max-width:375px;
        width: 100%;
        height: calc(100%);
        background-color:#fcfcfc;
        right:-375px;
        transition:all 0.4s linear;
        overflow-y: scroll}
.menu{padding:3px 5px;width:100%;padding-top: .6rem;}
.menu-icon{width:32px;}
.menu-btn{

  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  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, border-radius 0.15s ease;
}
.menu-btn:hover{color:#ff8a00}
.menutext{
        
        padding: 0.25rem
         
}


/*******/
div.stars{
  width: 290px;
  display: inline-block;
}

input.star{
  display: none;
}

label.star {
  float: right;
  padding: 8px;
  font-size: 36px;
  color: #999;
  transition: all .2s;
}


input.star:checked ~ label.star:before {
  content:'\f005';
  color: #FD4;
  transition: all .25s;
}

input.star-5:checked ~ label.star:before {
  color: springgreen;
  text-shadow: 0 0 20px #952;
}

input.star-4:checked ~ label.star:before {
  color: greenyellow;
  text-shadow: 0 0 20px #952;
}

input.star-3:checked ~ label.star:before {
  color: yellow;
  text-shadow: 0 0 20px #952;
}

input.star-2:checked ~ label.star:before {
  color: coral;
  text-shadow: 0 0 20px #952;
}

/*label.star:hover ~ label.star:before,*/
input.star-1:checked ~ label.star:before {
  color: red;
}

label.star:hover{
  transform: rotate(-15deg) scale(1.4);
  color: rosybrown;
}

label.star:before{
  content:'\f005';
 font-family: 'Font Awesome 5 Free','Font Awesome 5 Brands';
font-weight: 400;
}

.rev-box{
  overflow: hidden;
  height: 0;
  width: 100%;
  transition: all .25s;
}

textarea.review{
  background: #eeeeee;
  border: none;
  width: 100%;
  max-width: 100%;
  height: 100px;
  padding: 10px;
  box-sizing: border-box;
  color: #000;
  text-align: center;
  border-radius: 5px
}

label.review{
  display: block;
  transition:opacity .25s;
  text-align: center;
}

input.star:checked ~ .rev-box{
  height: 125px;
  overflow: visible;
}

/******/

.words{padding: 4px;margin-top:1rem;color:#888}
.words p{text-align: justify}
.upcase{text-transform: uppercase}
.capitalize{text-transform: capitalize}

.plaka{border: solid 1px #0090ff;border-radius: 2px;padding: 5px;margin:4px}

.city{;margin-top:1rem;text-align: justify;background-color: #f4fbfa;padding: .5rem;}
.hizmet{ margin-top: 3rem;padding: 1rem;color:#666666}
.hizmet p{text-align: justify;padding-bottom: 1rem;color:#666666}
.gizlilik{ margin-top: 3rem;padding: 1rem;color:#666666}
.gizlilik p{text-align: justify;padding-bottom: 1rem;color:#666666}


@media (max-width: 992px) {
    .border-right{border-right-width: 0px;}
 .top-bar a{padding: 4px;font-size: 13px }
.logo-bar h5{font-size: 16px;font-weight: 600}
.work-form-cover{padding:1rem 1rem;}  
.fnt-18{font-size: 1rem}
.fnt-16{font-size: .9rem}
.fnt-15{font-size: .8rem}
.fnt-14{font-size: .7rem}
h5{font-size: 1.1rem;}
h4{font-size:1rem !important}
p{font-size:15px !important}
.ozellik-baslik h1{margin: 0;font-size: 42px;font-weight: 700;text-transform: none;line-height: 44px;}
.line{margin-bottom: 40px;}
.services{margin-top: 100px;margin-bottom: 80px}
}

@media (max-width: 766px) {
    .footer{color:#333333;padding: 1rem;border:solid 1px #f9f1f1;background-color: rgba(250,250,250,.5);background-image:none }


.top-bar a{padding: 4px;font-size: 12px }
.text-work-us{font-size: 36px;font-weight: 700;line-height: 44px;margin:4px}
.fnt-18{font-size: .9rem}
.fnt-16{font-size: .8rem}
.fnt-15{font-size: .7rem}
.fnt-14{font-size: .6rem}    
.pad-join-us{padding:.5rem}
h5{font-size: 1rem;}
.logo-bar h5{font-size: 15px;font-weight: 500;padding:.4rem }
.logo-bar {padding:.4rem }
.smain-header{margin: 10px;font-size: 36px;font-weight: 600;line-height: 48px}
.my-margin{margin-bottom: 0 ;margin-top: 0;}
.search-back{ height: 440px;margin:1rem}
.ozellik-baslik h1{margin: 0;font-size: 32px;font-weight: 600;line-height: 36px}
h4{font-size:1.1rem !important}
p{font-size:14px !important}
.line{margin-bottom: 30px;}
.services{margin-top: 70px;margin-bottom: 60px}
}

@media (max-width: 648px) {
    .mobi-xtr-foot{display:block;z-index:2}
    .footer{padding-bottom: 110px}
    .provinces{margin-top: 0.2rem}
    .single{margin-top: 0.3rem}
    
}
@media (max-width: 566px) {
    .single img{width:80px;height: 80px;margin-right:6px;}
    .top-bar{padding: 0;display: none}
    .top-bar a{padding: 1px;font-size: 11.5px }
    .about-text{text-align: center !important}
    .logo-bar h5{font-size: 14px;font-weight: 400}
    .ozellik-baslik h1{margin: 0;font-size: 24px;font-weight: 500;line-height:29px }
    .search-back{ height: 450px;margin:.5rem}
    .smain-header{margin: 5px;font-size: 22px;font-weight: 500;line-height:36px }
    p{font-size:13px !important}
    h4{font-size:1.1rem !important}
    .line{margin-bottom: 20px;}
    .services{margin-top: 50px;margin-bottom: 40px}
    .btn-search{text-align: center;margin-top:0px}
}