.form-control:focus {
  border-color: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(0, 0, 0, 0);
  background: transparent;
}


body{
  margin:0;
  padding: 0;
}

body,html{
  overflow-x: hidden;
}

/* <---logo---> */
nav.my-navbar{
  padding:22px 25px;
}

/* <---index háttere---> */
div.wrapper{
  display: block;
  position: absolute;
  top: 0%;
  bottom:0%;
  left:0;
  right: 0;
  /*background-color:#fff7ee;*/
  /* background-color:#f6f5fa; */
}

/*ide jön a fő háttérkép */
.wrapper.index{
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../imgs/buj_.png");
  background-size: cover;
  z-index: 999;
  /*background-color:#f6f5fa;*/
}

.inner .container.index-text{
  z-index: 1;
}
.btn{
  z-index: 999 !important;
}

body.about{
  background-color: #fff7ee;
}

.container.about-hero{
  margin-top: 10%;
}

.about .keprolam img{
  /* max-width: 500px;
  margin-top: -60px; */
  max-width: 910px;
/*  margin-top: -500px;
  margin-left: 800px;*/
  margin-top: -50px;
  margin-bottom: 30px;
}

div.wrapper .inner{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0%;
}
/* <---betű közepe--->*/
div.wrapper .inner .container{
  margin-top: -110px;
}

/* <---rolamresz---> */
/* .about .wrapper .inner .container{
  margin-top: 11%;
} */


.about .container h1 {
  font-family: 'Mitr' sans-serif;
  font-size: 40px;
  text-align:left;
  margin-top:20px;
  margin-bottom:30px;
}

.about .container p{
  font-family: 'Ysabeau', sans-serif;
  font-size: 20px;
  text-align: left;
  margin-top: 25px;
  margin-bottom: 30px;
}


/* <---education---> */
.about .container h2{
  color: #0D0E1F;
  font-family: 'Genos Thin';
  font-size: 40px;
  line-height: 40px;
  text-align: left;
}

/* <---projectsection---> */
.works section{
  margin-top: 160px;
  margin-bottom: 0px;
}

.works .container h2, .works .container p{
text-align:left;
color: #0D0E1F;
}

body.works .d-flex{
  margin-bottom: 25px;
}

/* .works div.container{
  background-color: #f6f5fa;
} */


/* <---projectpageháttér---> */
.works .works-bg{
  background-color: #fff7ee;
  padding-bottom: 160px;
}

/* <---munkaimcim---> */
.works .works-bg .works-title h1{
 font-family:  'Charmonman', cursive ;
 margin-top: 70px;
 margin-bottom: -85px;
 font-size: 45px;
 text-align: center;
}

.works .my-5{
  margin-bottom: 16% !important;
}

/* <---projectpagefelsőrész---> */
body.works div.works-container{
  padding-top: 280px;
}

/* <---lefestemneked---> */
h1{
  color: #272135;
  font-family: 'Charmonman', cursive;
  font-size: 30px;
  line-height: 50px;
  text-align: center;
  margin-top: 600px;
  margin-bottom: 30px;
  z-index: 1;
}

h4{
  color: #272135;
  font-family: 'Ysabeau', sans-serif;
  font-size: 20px;
  text-align: center;
  margin-bottom: 40px;
}

h5{
  color: #272135;
  font-family: 'Charmonman', cursive;
  font-size: 30px;
  line-height: 50px;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 30px;
  z-index: 1;
}


/* <---projectnevek---> */
.works-container .container h2{
  font-family: 'Charmonman', cursive;
  font-weight: 500;
  font-size: 35px;
  line-height: 55px;
}

h5{
  font-family: 'Charmonman', cursive;
  font-weight: 500;
  font-size: 40px;
  line-height: 55px;
  text-align: center;

}

.hero{
  min-height: 100vh;
}

/* <---abouttitle---> */
.project-title h1, .about-title{
  font-size:40px;
  line-height: 40px;
}

/* <---aboutmargin---> */
.project-title{
  margin-top: 200px;
  margin-bottom: 30px;
}

.project-title p{
}

.project-content{
  margin-top: 10px;
  margin-bottom: 20px;
}

.project-content.konvektor{
  margin-top: 0px;
  margin-bottom: 0px;
}

/* <---projectképtávolság---> */
.project-content img{
  margin-top: 0px;
  margin-bottom: 0px;
}

/* <---footer---> */
footer{
  background-color: transparent;
  padding-top: 100px;
  padding-bottom: 20px;
}


footer .list-inline-item img {
  margin:-20px 24px;
}

/* <---kezdőoldal---> */

h2{
  color: #272135;
  font-family: 'Mukta', sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 33px;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 30px;
}

h3{
  color: #272135;
  font-family: 'Charmonman', cursive;
  font-size: 30px;
  line-height: 33px;
  text-align: center;
  margin-top: 20px;
}

/* <---projectpageszöveg---> */

p{
  text-align: center;
  font-family: 'Ysabeau', sans-serif;
  font-weight: 400;
  font-size: 22px;
}
/*-->projekt rövid bemutató<--*/

.project-text-p p{
  font-size: 22px;
  margin-bottom: 35px;
  margin-top: 20px;
  line-height: 30px;
}

/* <---gomb---> */
.btn-primary{
  background-color: #272135;
  border-color: #0D0E1F;
  color: #fff7ee;
  font-family: 'Ysabeau', sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 4px;
}

.btn{
  padding: 12px 20px;
  border-radius: 10;
}

.works .col-lg-6.project-text-p{
  padding-left: 72px;
  padding-right: 72px;
}

@media (max-width:992px){
  .works .col-lg-6.project-text-p{
    padding-left: 0px;
    padding-right: 0px;
    }
}


/* <---gombállapotai---> */
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active{
  background-color: #fdcb59;
  border-color: #fdcb59;
  color: #272135;
}

.d-flex .mypicture{
  width: 300px;
  flex: auto;
}

.d-flex .mypicture img{
  width: 100%;
}



.bg-info, .card, .card-header{
  background-color:transparent !important;
  border:none;
}

.mycontact{
  background-color: #fff7ee;
}

.card{
  border:none !important;
}

/* <---contact---> */
.input-group-text, .form-control{
  border: none;
  border-bottom: 0.5px solid #1A1C3D;
  border-radius: 0;
  background-color: transparent;
  padding: 15px;
  padding-left: 0px;
}

.input-group-text p,input{
  font-size: 18px;
  font-family: 'Ysabeau', sans-serif;
}

.mycontact .container{
  margin-top: -5%;
}

.mycontact h1{
  font-size: 40px;
  margin-bottom: 40px;
}

.container .envelope{
  position: absolute;
  right: 0;
  top: 10px;
  background-image: url("../imgs/contact.png");
  z-index: 999;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100px;
  width: 100px;
}

.back-to-top {
 position: fixed;
 bottom: 50px;
 right: 50px;
 border-radius: 0;
 border-color: transparent;
 display: none;
 outline: none;
}

/* <---nagykijelző---> */
@media (max-width:1340px){
  .container .envelope{
    height: 80px;
    width: 80px;
    top:0;
    }
}

/* <---kissebb---> */
@media (max-width:800px){
  .container .envelope{
    height: 70px;
    width: 70px;
    right: 20px;
    top: -35px;
    }
}

/* <---telefon---> */
@media (max-width:400px){
  .container .envelope{
    height: 60px;
    width: 60px;
    top: -35px;
    }
}

/* <---kistelefon---> */
@media (max-width:340px){
  .container .envelope{
    top: 10px;
    right: 15px;
    top: -20px;
    }
}

.v-center{
  display:flex !important;
  align-items: center;
  height: 100vh;
}

.back-to-top {
  visibility: hidden;
}


/* <---mindenjogfenntartva---> */
p.small{
  font-size: 14px;
  text-transform: uppercase;
  text-align: center !important;
}

/* <---mobilméretek---> */
@media (max-width:576px){
  .mycontact h1{
    font-size: 35px;
    line-height: 40px;
  }

  .works .works-container .works-title h1{
    font-size: 35px !important;
    line-height: 40px;
    margin-top: 20px;
  }

  h1{
    font-size: 25px;
    line-height: 35px;
    margin-top: 500px;
  }

  h2{
  font-size: 15px;
  line-height: 24px;
  margin-top: 20px;
  }

  .project-text-p p {
    font-size: 20px;
    margin-bottom: 35px;
    margin-top: 20px;
    line-height: 30px;
  }

  p {
    text-align: center;
    font-family: 'Ysabeau', sans-serif;
    font-weight: 400;
    font-size: 18px;
  }

  h5 {
      font-family: 'Charmonman', cursive;
      font-weight: 500;
      font-size: 35px;
      line-height: 55px;
      text-align: center;
  }

  h3 {
      color: #272135;
      font-family: 'Charmonman', cursive;
      font-size: 25px;
      line-height: 33px;
      text-align: center;
      margin-top: 20px;
  }

  h4{
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 20px;
  }

 .project-text-p{
   padding-left: 20px !important;
   padding-right:20px !important;
 }

 .project-text-p h2{
   font-size: 15px;
   margin-bottom: 20px;
   margin-top: 30px;
   line-height: 34px;
 }

 .list-inline-item,.list-inline-item a{
  padding-left: 0 !important;
  padding-right: 0 !important;
 }
 .container,.container-sm{
   max-width: 600px !important;
 }

 .about-hero{
   margin-top: 40% !important;
 }
/* <---projektekmobilonalsótávolság---> */
 .hero{
   padding-bottom: 60px;
 }

 .about .wrapper .inner .container{
   margin-top: 40%;
 }

 .back-to-top {
   visibility: hidden;
 }

}


@media (max-width:993px){
  body.about .wrapper{
  /*background-image:url("imgs/projects/vadon/vme4.png");*/
  }

  .about .wrapper .inner .container h1,
   .about .wrapper .inner .container p,
   .about .wrapper .inner .container h2{
    text-align: center;
  }

  .list-inline-item,.list-inline-item a{
   padding-left: 0 !important;
   padding-right: 0 !important;

  }

.back-to-top {
  visibility: hidden;
}

@media (max-width:1024px){
  /* body.about .wrapper{
  background-image: none;
  } */

  .about .wrapper .inner .container h1,
   .about .wrapper .inner .container p,
   .about .wrapper .inner .container h2{
    text-align: center;
  }

  .list-inline-item,.list-inline-item a{
   padding-left: 0 !important;
   padding-right: 0 !important;

  }

.back-to-top {
  visibility: hidden;
}
}
/* @media (max-width:1860px){
   .wrapper.index{
     background-image: url("../imgs/bg.png") !important;
     background-position: center top !important;
   }
} */