:root {
  --main-blue-color: #2d4193;
  --dark-grey-color: #202020;
}
html {
	font-size: 100%;
	font-family: arial
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.bg-none {
	background: none;
}
.nav-link {
	font-size: 1.2rem;
}

.part-section {
	margin-top: 10rem;
}

.card-text {
	color: var(--dark-grey-color);
	text-align: center;
	margin-top: 1.7rem
}
.masthead{
    background-size: cover;
    min-height: 90vh;
    color: white;
    background-position: center;
    background-repeat:no-repeat;
	filter: blur(3px);
	-webkit-filter: blur(3px);
}

.masthead-1{
    background-size: cover;
    min-height: 80vh;
    color: white;
    background-position:center;
    background-repeat:no-repeat;
	
	filter: blur(3px);
	-webkit-filter: blur(3px);
}
.contact-row {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	width: 80%;
	display: block;
	float: right;
	height: 80px;
	background-color: white
}
.hero-contact-blue {
	background-color: var(--main-blue-color); 
	color: white;
	font-weight: bold;
	font-size: 1.2rem;
	width: 40%;
	text-align: center;
	line-height: 80px;
	float: left;
}
.hero-contact-white {
	background-color: #fff; 
	color: #000;
	font-weight: bold;
	font-size: 1rem;
	width: 50%;
	float: right;
	line-height: 80px;
}
.color-overlay{
    position:absolute;
    width: 100%;
    height: calc(100% - 90px);
    background: rgba(0,0,0,.3);
	top: 0px;
	
}
.color-overlay-sub{
    position:absolute;
    width: 100%;
    height: calc(100%);
    background: rgba(0,0,0,.3);
	top: 0px;
	
}
.color-overlay-contact{
    position:absolute;
	top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
	
}
.color-overlay h1, h2, p {
	color: white;
}

.hero-contact-white span {
	color: #ffe600;
	text-shadow: 1px 1px #979797;
	font-size: 2rem;
}

.color-overlay-2{
    background: linear-gradient(
        rgb(240, 240, 240),
        white);    
}
.services p {
	color: var(--dark-grey-color);
	margin-left: 25px;
}

.left-mg{
    margin-left: 20%;
}


.triangle {
    width: 35%;
    height: 4vh;
    background-color: white;
    clip-path: polygon(0% 0, 0 100%, 100% 100%);
    transform: rotate(180deg);
    margin-left: 65%;

}
.triangle-2 {
    width: 25%;
    height: 4vh;
    background-color: white;
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
    transform: rotate(180deg);  
}

.service-border-top {
    border-top:5px solid var(--main-blue-color);
}
.service-btn:hover {
	background-color: var(--main-blue-color);
	color: white !important;
}
.border-cell {
    border: 1px solid #ddd;
}
.border-cell a {
    color: var(--dark-grey-color);
}
.border-cell a:hover {
    color: var(--main-blue-color);
}
.col-sm-2{
    height: 90px;
}


.card{
    margin: 10px;
}

.fa-handshake , .fa-circle-check, .fa-hourglass{
    color:rgb(255,230,0);
}

.gray{
    background-color:rgb(240, 240, 240);
}
.vl {
    border-left: 6px solid rgb(255,230,0);
    padding: 2px;
    padding-left: 20px;
}
.sub-text {
	padding-left: 25px;
	line-height: 0.8;
	font-size: 1.2rem; 
}
.intro {
	margin-top: 2rem;
}
.footer {
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgb(44, 64, 149);
    color: white;
    text-align: center;
  }

a {
    /*color: white;*/
    text-decoration: none; 
}
a:hover{
    color: var(--main-blue-color);
}
.list-link {
	color: var(--main-blue-color);
}

/* Saját */
.card-title {
	font-weight: bold
}
.admin-service-image {
	max-height: 200px;
}
.servicehead{
	width: 100%;
    background-size: cover;
    min-height: 50vh;
    position: relative;
    color: white;
    background-position: 50% 50%;
    background-repeat:no-repeat;
}
.description {
	z-index: 70000;
	padding-top: 10vh
}
.description p {
	color: var(--dark-grey-color) !important;
	margin-top: 3rem;
	z-index: 70000;
}
.footer-logo {
	max-width: 100%;
	max-height: 200px
}
.partner-logo {
	width: 100%;
	max-height: 200px
}
.header-triangle {
	width: 35%;
    height: 4vh;
    background-color: #f8f9fa;
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
    transform: rotate(180deg);
	position: fixed;
	top: 90px;
	z-index: 1039;
}
.contact-triangle {
	width: 100%;
    height: 4vh;
    background-color: #fff;
    /*-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 35% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 35% 100%);*/
	clip-path: polygon(0 0, 100% 0, 100% 100%, 35% 100%, 0 35%);
	position: absolute;
	z-index: 2;
	top: 0;
	margin-top: -10px
}
h1, h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700 !important
}
.bt-back {
	border: none;
	border-radius: 0px;
	background-color: var(--dark-grey-color);
	color: white;
	padding: 10px;
	margin: 20px auto;
	display: inline-block
}
.bt-edit {
	border: 1px solid var(--dark-grey-color);
	border-radius: 0px;
	background-color: white;
	color: var(--dark-grey-color);
}
.bt-delete {
	border: none;
	border-radius: 0px;
}
.image-ul {
  display: flex;
  flex-wrap: wrap;
  list-style:none;
}

.image-li {
  height: 30vh;
  flex-grow: 1;
  padding: 10px;
}

.image-li:last-child {
  flex-grow: 10;
}

.image-li img {
  max-height: 100%;
  min-width: 100%;
  object-fit: cover;
  vertical-align: bottom;
}



.vipimg {
	position: relative;
	max-width: 85%;
	margin-bottom: -12.7%;
	z-index: 3;
}
.contact-input {
	border: none !important;
	border-radius: 0px !important;
}


@media (max-aspect-ratio: 1/1) {
  .image-li {
    height: 30vh;
  }
}

@media (max-height: 480px) {
  .image-li {
    height: 80vh;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}
/*Ha nagyobb, mint 768px */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(16.66667%);
    }
    
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-16.66667%);
    }
	
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
  transform: translateX(0);
}
@media(max-width:1200px){
	.contact-row {
		width: 100%;
	}
}
@media(max-width:1100px){
	.color-overlay {
		height: calc(95%);
	}
	.masthead-1 {
		min-height: 90vh;
	}
}

/*Ha kisebb, mint 992px */
@media(max-width:992px){
    .vipimg{
        display: none;
    }
    .left-mg{
        margin-left: 15%;
    }
	.contact-row {
		bottom: 80px;
	}
	.hero-contact-blue {
		font-size: 1rem;
		width: 100%;
	}
	.hero-contact-white {
		font-size: 0.8rem;
		width: 100%;
		text-align: center
	}
	/*.part-section {
		margin-top: 14rem;
	}*/
	.call_us {
		display: none
	}
	.footer-h1 {
		font-size: 1rem !important;
		margin-top: 8rem;
	} 
	#contact {
		margin-top: 5rem;
	} 
	.footer {
		margin-top: 15rem
	}
	.btn-send {
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;
	}
	
	
}

/*Ha kisebb, mint 768px */
@media(max-width:768px){
    .header-triangle {
		top: 80px
	}
	.masthead{
        min-height: 70vh;
    }
    h1{
        font-size: calc(1.3rem+3.3vw);
    }
    h2{
        font-size: calc(1rem+3.3vw);
    }
    .col-sm-2{
        font-size: 11px;
    }
    .vipimg{
        display: none;
    }
    .masthead-1{
        min-height: 90vh;

    }
    .left-mg{
        margin-left: 10%;
    }
	.image-ul {
		flex-direction: row;
	}
	.image-li {
		height: auto;
		width: 100%;
	}
	.image-li img {
		width: 100%;
		max-height: 75vh;
		min-width: 0;
	 }
	.carousel-partners {
        display: none;
    }
	.fixed-top {
		line-height: 60px;
	}
	.navbar-brand img {
		max-height: 50px
	}
	.color-overlay {
		height: calc(94% - 90px);
	}
	/*.navbar-nav {
		margin-top: 60px
	}*/
}

/*Ha kisebb, mint 576px */
@media(max-width:576px) {
	.color-overlay {
		height: 100%;
	}
	.masthead {
		min-height: 100vh
	}
	.contact-row {
		bottom: 0px;
	}
	.border-2{
        border-width:0px !important;
    }
    .col-sm-2{
        height: 40px;
        font-size: medium;
    }
    .vipimg{
        display: none;
    }
    .left-mg{
        margin-left: 0%;
    }
    .footer{
        font-size: 13px;
    }
    .part-section {
		margin-top: 7rem;
	}
}