/*
Theme name: Bethany
Author: Attila Takos.
select2: kék, select3: aranysárga
*/
:root {
  --select2: #0d0d69;
 --select3: #dfa906;


	
}

.tobottom2 {
	  display: block;
    position: fixed;
    z-index: 99999999;
    bottom: 0px;
    right: 0px;
}

.palyazat {

     position:fixed;
	
	 display: block;

     top:0px;
	
	 right:0;

    z-index: 999;
	


}

@media only screen and (min-width: 601px) and (max-width: 1600px) {
	.palyazat {
	top: 65px;	
	}
}

@media only screen and (max-width: 600px) {
  .palyazat {
   
	  top: 65px !important;
	
  }
}

#hero {
	height: 60vh !important;
}

@media only screen and (min-width: 992px) and (max-width: 1200px)  {
    
     .container {
        max-width: 1320px !important;
    }

    .navbar a {
        font-size: 11px !important;
		padding: 12px 10px 12px 10px !important;
    }

    .navbar {
        margin-right: 0px !important;
    }

 }

@media only screen and (min-width: 1201px) {
    

    .container {
      max-width: 1320px;
    }

    .navbar a {
        font-size: 13px;
    }

    .navbar {
      margin-right: 0px; 
    }

 }

#header .logo {
	padding: 16px 30px 20px 30px !important;
}

/* asztali verzióban a menüsor */
@media only screen and (min-width: 768px) and (max-width: 1999px)  {
 #header .logo {
 
	 background-color: #0d0d69;
    }
	
	
#header .header-container {
height: 60px;
}

.navbar a, .navbar a:focus {
/*padding: .5rem 1rem !important;*/
padding: padding: 12px 10px 12px 10px !important;
min-height: 65px;
}
	
.hello {
   display: inline-block !important;
    background-color: #0d0d69;
    -ms-transform: skew(-21deg) ;
    -webkit-transform: skew(-21deg) ;
    transform: skew(-21deg)  ;
}

.hello a {
	color: white !important;
	-ms-transform: skew(21deg);
    -webkit-transform: skew(21deg);
    transform: skew(21deg);

}

.hello:hover {
	background-color: #dfa906;
}

.hello a:hover {
	color: white !important;
}
}

@media only screen and (min-width: 1200px) {
	.navbar a, .navbar a:focus {
padding: .5rem 1rem !important;
}

}

/* flipbox */
.flip-box {
  background-color: transparent;
  perspective: 1000px;
 height: 200px;
	cursor: pointer;

  }

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
  border-radius: 10px;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(-180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 10px;
}

.flip-box-front {
  color: black;
}

.flip-box-back {
  background-color: var(--select2);
  color: white;
  transform: rotateY(180deg);
}

.flip-box-padding {
	padding: 30px;
}

.member-name {
	padding-top: 15px;
	color: white !important;
}

.member-phone a {
		color: white !important;
}

.member-phone a:hover {
	text-decoration: underline !important;
	color: white !important;
}

.clients img {
    padding: 20px !important;
    width: 90% !important;
}

.footer .img-fluid {
	width: 30%;
}

@media only screen and (min-width: 768px) {
	.why-us .icon-boxes .icon-box p {
 font-size: 13px !important;
}

.why-us .icon-boxes .icon-box {
padding: 40px 20px !important;
}
	
}

.urlap {
	display: none;
}

.invert {
	background-color: #0d0d69 !important;
}

.invert p {
	color: white !important;
}

.invert h4 {
	color: white !important;
}

.invert i { 
	color: #0d0d69 !important;
	background-color: white !important;
}

@media only screen and (max-width: 767px)  {
	.h2 {
		font-size: 28px !important;
	}
	
}