body{width:100%; margin-left:auto; margin-right:auto; background:rgb(223, 223, 222); font-family: 'Raleway', sans-serif; font-size: 16px; min-width: 950px;}

a:hover {text-decoration: none;}
h5 {margin-top:20px;}
.content {position:relative; top:-0px;}
.light{padding-left: 10%; padding-right: 10%; padding-top:30px; padding-bottom:30px;}
.dark {padding-left: 10%; padding-right: 10%; padding-top:30px; padding-bottom:30px;}
p {text-align:justify;}
.sh_logo {position:fixed; top:0px; left:30px; z-index: 1001;  } 
.sh_logo .box {background: linear-gradient(66deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 40%, rgba(255, 255, 255, 0.0) 40.1%, rgba(255, 255, 255, 0.0)); position:absolute; top:-30px; left:-30px; height:98px; width:74px; border:0px  solid #000;} 
.sh_logo img {height:64px; padding-top:2px; padding-bottom:2px;}
.menu2 {display:none;}
.hatvan {width:60%; margin-left:auto; margin-right:auto; text-align: center; padding-top:40px; padding-bottom:40px;}
.hatvan h4 {padding-bottom: 40px;}
.hatvan h4.ref {color:#eee;}
.hatvan p {text-align: left;}
.refimg {margin-bottom:30px;}

.menu {text-align:right; width:100%; position:relative; z-index:999; font-size:20px;  font-weight:200;  background:#8ba447; height:68px; text-transform: uppercase;  padding-right:10%; }
.menu a {color:white; height:62px;  padding:23px; padding-left:10px; padding-right:10px; position:relative; top:0px;}
.menu a:hover {background:rgba(255, 255, 255, 0.5); color:#000; text-decoration:none; }
.scrup {display:none; font-size:30px; position:fixed; bottom:0px; right:0px; z-index:1001; margin-right:5%; margin-bottom:5%; }
.scrup a {color:white; }
.scrup a:hover {text-decoration: none;}

.innerbox {margin-left:2%; margin-right:2%; font-weight:200; font-size: 14px; background-color: #bbac74; border-radius: 10px; text-align: justify; padding:20px; color:white;}
.dark {background:#303030; color:rgb(223, 223, 222);}

.blue {background: linear-gradient(66deg, #c5d3a0, #c5d3a0 20%, #8ba447 20.1%, #8ba447);   }

.footer {background: linear-gradient(66deg, rgba(48, 48, 48, 1), rgba(48, 48, 48, 1) 80%, rgba(85, 85, 85, 1) 80.1%, rgba(85, 85, 85, 1)); color:rgb(223, 223, 222); padding-left: 10%; padding-right: 10%; padding-top:30px; padding-bottom:30px; text-align:center; font-weight:100;}
.footer p {text-align:center;}
.footer a {color:rgb(223, 223, 222); padding:3px; }
.footer a.fa {font-size: 20px!important;}
.footer a:hover {text-decoration:none;}
.footer  img {height:80px; margin-bottom:30px;}
.idezet {margin-top:10%; font-variant: small-caps;  color:#333!important; font-size:2em;  text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px, rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;}
.idezet h4 {font-size:2.3em; font-weight: bold; text-shadow: rgb(255, 255, 255) 6px 0px 0px, rgb(255, 255, 255) 5.91686px 0.995377px 0px, rgb(255, 255, 255) 5.66974px 1.96317px 0px, rgb(255, 255, 255) 5.2655px 2.87655px 0px, rgb(255, 255, 255) 4.71532px 3.71022px 0px, rgb(255, 255, 255) 4.03447px 4.44106px 0px, rgb(255, 255, 255) 3.24181px 5.04883px 0px, rgb(255, 255, 255) 2.35931px 5.51667px 0px, rgb(255, 255, 255) 1.41143px 5.83163px 0px, rgb(255, 255, 255) 0.424423px 5.98497px 0px, rgb(255, 255, 255) -0.574341px 5.97245px 0px, rgb(255, 255, 255) -1.55719px 5.79441px 0px, rgb(255, 255, 255) -2.49688px 5.45578px 0px, rgb(255, 255, 255) -3.36738px 4.96596px 0px, rgb(255, 255, 255) -4.14455px 4.33852px 0px, rgb(255, 255, 255) -4.80686px 3.59083px 0px, rgb(255, 255, 255) -5.33596px 2.74364px 0px, rgb(255, 255, 255) -5.71718px 1.8204px 0px, rgb(255, 255, 255) -5.93995px 0.84672px 0px, rgb(255, 255, 255) -5.99811px -0.150428px 0px, rgb(255, 255, 255) -5.89004px -1.14341px 0px, rgb(255, 255, 255) -5.61874px -2.1047px 0px, rgb(255, 255, 255) -5.19172px -3.00766px 0px, rgb(255, 255, 255) -4.62082px -3.82727px 0px, rgb(255, 255, 255) -3.92186px -4.54081px 0px, rgb(255, 255, 255) -3.11421px -5.12852px 0px, rgb(255, 255, 255) -2.22026px -5.57409px 0px, rgb(255, 255, 255) -1.26477px -5.86518px 0px, rgb(255, 255, 255) -0.274238px -5.99373px 0px, rgb(255, 255, 255) 0.723898px -5.95617px 0px, rgb(255, 255, 255) 1.70197px -5.75355px 0px, rgb(255, 255, 255) 2.63288px -5.39147px 0px, rgb(255, 255, 255) 3.49082px -4.87998px 0px, rgb(255, 255, 255) 4.25202px -4.23324px 0px, rgb(255, 255, 255) 4.89538px -3.46919px 0px, rgb(255, 255, 255) 5.40307px -2.60899px 0px, rgb(255, 255, 255) 5.76102px -1.67649px 0px, rgb(255, 255, 255) 5.95932px -0.697531px 0px;}
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
    position: relative;
    opacity: 1;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:800px;
    
  }

  div.bgimg-1 {
     
    background-image: url("../images/5W0A2135.JPG");
   /*  min-height: 100vh; */

  }

  .bgimg-1 .box {background: linear-gradient(66deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 40%, rgba(255, 255, 255, 0.0) 40.1%, rgba(255, 255, 255, 0.0)); position:absolute; top:-30px; left:-30px;   height:830px; width:712px; border:0px  solid #000; } 

/*   div.bgimg-1 p {color:#fff; width:100%;   
    -webkit-filter: drop-shadow(1px 1px 2px rgb(24, 24, 24));
    filter: drop-shadow(1px 1px 2px  rgb(24, 24, 24));

    margin-left: 0 auto;
    margin-right: 0 auto;
    position: absolute;
    
    z-index: 10;
    top: 50%;

    font-size: 3vh;  } */

    div.bgimg-1 img{width:300px;}

    div.rolunk {
      background: linear-gradient(66deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 75%, #c5d3a0 75.1%, #c5d3a0); 
    }
    .menu a.fa {font-size: 20px!important;}
    .menu a.fa:hover {color:#165eca!important; background: none!important;}
    .terkep {filter: grayscale(100%);  transition: .5s ease-in-out;  }
    .terkep:hover {filter: grayscale(0%); }
    .ref_fekvo {height:60px; margin:30px;  }
    .ref_allo {height:120px; margin:30px;  }
    .ref_fekvo:hover {}

/*     .carousel img {filter: contrast(0) sepia(100%) hue-rotate(116deg) brightness(1.4) saturate(0.28);  transition: .3s ease-in-out;}
    .carousel img:hover   {filter: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%); } */

    .kezir{
    
      font-family: "Playwrite DE VA", cursive;
      font-optical-sizing: auto;
      font-weight: 300;
      font-style: normal;
      
    }

    .carousel-inner {border-radius: 2%;}
    .carousel-item img {
      width: 100%;
      height: auto;
      object-fit: cover; /* A képek arányosak maradnak */
      transition: opacity 0.5s ease-in-out; /* Finom megjelenés */
  }

  .carousel-item {
      transition: transform 0.6s ease, opacity 0.6s ease-in-out;
  }
  .carousel-item.active {
      display: block; /* Csak az aktív elem jelenik meg */
  }
  img.d-block {
    
      width: 100%;
      height: auto;
      object-fit: cover; /* A képek kitöltik a helyet, de megtartják az arányokat */
  }


    @media screen and (max-width: 1150px) {
      .hatvan { width:90%;
        
      }
    }
    @media (orientation: portrait) {
      
      
      .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
        position: relative;
        opacity: 1;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height:1200px;
        
      }
      h4 {font-size:2.5em;}
      p  {font-size:2em;}
      .bgimg-1 .box {display:none;}
      .idezet {padding:2%;}
      .idezet i {font-size:2em;}
      .idezet h4 {font-size:3em;}

      .footer .row .col {width:90%;}

      .menu {
        height:150px
      }
    .menu a {
        color: white;
        height: 150px;
        padding: 23px;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        top: 0px;
        font-size:2em;
    }

    .menu .fa {display:none;}
    .sh_logo .box {display:none;}

    .smenu {padding-top:50px;}
    .scrup {
      display: none;
      font-size: 4em;
      position: fixed;
      bottom: 0px;
      right: 0px;
      z-index: 1001;
      margin-right: 5%;
      margin-bottom: 5%;
  }
  }