body{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
	font-size: 20px;
    text-transform: none;
    color: #414b55 !important;
	overflow-x:hidden;
}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}

.blogclass p, .blogclass ul{
	color: #414b55;
}

table{
	border-collapse:collapse;
	width:100%;
}

h1{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 3.2rem;
}

h2{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 2.9rem;
	color:#06043a;
}

h3{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 2.7rem;
	color:#06043a;
}

h4{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.4rem;
}

#top-nav{
	transition: all .6s ease 0s;
	background:rgba(6, 4, 58, 0.94);
	border-bottom:1px solid rgba(6,4,58,0.54);
	z-index:1050;
	position:relative;
	min-height: 75px;
	line-height: 20px;
}

.navbar-brand{
	font-size:14px;
}

.nav-link{
	color:white !important;
}

.dropdown-item .nav-link{
	color:black !important;
}

.pos-abs{
	position:fixed !important;
    top: -500px;
    right: 0;
    left: 0;
    z-index: 1030;
}

.pos-abs-visible{
	top: 0;
	background:rgba(6, 4, 58, 0.9)!important;
}

/***/

input[type='text']{
	height: calc(3.625rem);
    padding: 0.875rem 0.875rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3125rem;
}

.form-floating label{
	left: 0.875rem;
}

.form-floating #kapcs_message_label{
	left: 0.2rem;
}

#kapcs_message{
	height:200px;
}

/***/

.service-card{
	border:0px solid #ffffff;
	border-radius: 0.625rem !important;
	height:100%;

	-webkit-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;

	box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -7px;
}

.service-card a{
	text-decoration:none;
	color:white;
}
.service-card img{
	filter:invert(1);
}

.service-card:hover{
	box-shadow:rgb(0 0 0 / 20%) 0px 10px 20px 20px;
}
/***/


.button{
	min-height: calc(3.625rem);
    padding: 0.875rem 2.25rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3125rem;
	border:0;

	box-sizing: border-box;
	-webkit-appearance: none;
	 -moz-appearance: none;
		  appearance: none;
	background-color: #2d62d7;
	color: #fff !important;
	cursor: pointer;
    display: inline-table;

	text-decoration: none;
	text-align: center;
	position: relative;
	overflow: hidden;

    width: auto;

    vertical-align:middle;

	-webkit-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.button.small{
	min-height: 2.525rem;
    padding: 0.675rem 1rem;
    font-size: 1rem;
    line-height: 1.1;
}

.button:hover, .button:focus {
	color: #fff !important;
	outline: 0;
}

.button:hover{
	background-color: #ad5304;
	color: #ffffff;
	text-decoration: none;
}

.button-effect {
	position: relative;
	overflow: hidden;
	z-index: 1;
	-webkit-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
.button-effect:after {
	content: '';
	position: absolute;
	display: inline-block;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
		  transform: translateX(-50%);
	width: 0;
	height: 100%;
	/*border-radius:100%;*/
	background: #ad5304  !important;
	z-index: -1;
	-webkit-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
.button-effect:hover {
	color: #fff !important;
}
.button-effect:hover:after {
	width: 110%;
}

button{
	border: 0;
}

/***/

#hero{
	position:relative;
	background-image:url('/images/hero-bg.jpg');
	background-repeat: repeat;
	background-position: top center;
	min-height:900px;
	color:white;
}

#hero .containerrow{
	min-height:900px;
}

#hero .divider-shape{
	position:absolute;
	bottom:-3px;
	right:0;
	left:0;
	-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	z-index:100;
}

#hero .divider-shape .shape-fill {
    fill: #06043a;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

#hero p{
	margin: 30px 0px;
	font-size:24px;
}

#hero .contact .head{
	margin: 10px 0px;
	font-size:28px;
}

#hero h1>span{
	background-color:#06043aa3;
}

#hero p>span{
	background-color:#ad5304bf;
}

/***/

#welcome{
	position:relative;
	background-color:#06043a;
	color:white;
}

#welcome .divider-shape{
	position:absolute;
	bottom:-3px;
	right: -2px;
	left:0;
	-webkit-transform: rotate(180deg)  scaleX(-1);
    -ms-transform: rotate(180deg)  scaleX(-1);
    transform: rotate(180deg)  scaleX(-1);
	z-index:100;

}

#welcome .divider-shape .shape-fill {
    fill: #fff;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
}

img{
	border-radius: 0.625rem !important;
	border-style: none;
	z-index:100;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    transition: all .15s ease;
}

img.effectRight{
	-webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;

	-webkit-transition: all .15s ease !important;
    -moz-transition: all .15s ease!important;
    transition: all .15s ease !important;
}

img.effectLeft{
	-webkit-transition: all .15s ease !important;
    -moz-transition: all .15s ease!important;
    transition: all .15s ease !important;

	-webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;

	-webkit-transform: rotate(-5deg)!important;
    transform: rotate(-5deg)!important;
	-ms-transform: rotate(-5deg)!important;
}

img.effectRight:hover{
	-webkit-transform: rotate(5deg)!important;
    transform: rotate(5deg)!important;
	-ms-transform: rotate(5deg)!important;
}

img.effectLeft:hover{
	-webkit-transform: rotate(-10deg)!important;
    transform: rotate(-10deg)!important;
	-ms-transform: rotate(-10deg)!important;
}

img.effect:hover{
	transform: scale(1.1);
}

/**/

.bg-gray{
	background:#ad5304;
	color:white;
}

#footer{
	position: relative;
    background-color: #06043a;
    color: white;
}

#footer a{
	text-decoration:none;
	color:white;
}

#footer table td{
	border:0;
	color:white;
}

#footer  ul {
	padding-left: 1.3em;
	margin: 0;
	line-height:30px;
}

#footer  li {
  list-style-image: url(/images/check-circle-regular.svg);
  padding-inline-start: 1ch;
}

#footer  li::marker {
	font-size:1.9rem;
}

/***/

.text-small{
	font-size:14px;
}


.back-to-top {
    position: fixed;
    display: none;
    background: linear-gradient(45deg, #06043a, #06043a);
    color: #fff;
    padding: 8px 20px 8px 20px;
    font-size: 16px;
    border-radius: 4px 0 0 4px;
    right: 0px;
    bottom: 135px;
    transition: none;
	z-index: 100;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
}

.back-to-top i{
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    transition: all .15s ease;
}

.back-to-top:hover {
	background-color: #214595;
	color: #ffffff;
}

.back-to-top i:hover {
	-webkit-transform: rotate(360deg);
    transform: rotate(360deg);
	-ms-transform: rotate(360deg);
}

/*****/

#blogsCarousel a{
	text-decoration: none;
	color:inherit;;
}

#blogsCarousel .card{
	border-radius:20px;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    transition: all .15s ease;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

#blogsCarousel .card .card-body-fot{
	font-size:12px;
}

#blogsCarousel .card  img{
	border-top-left-radius:20px!important;
	border-top-right-radius:20px!important;
	border-bottom-left-radius:0px!important;
	border-bottom-right-radius:0px!important;
}

#blogsCarousel .card:hover{
	box-shadow: rgba(0, 0, 0, 0.41) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

/***5**/

@media (min-width: 768px) {
  .w-md-75 {
     width:75% !important;
  }
}

.pb-10{
	padding-bottom:10rem;
}

/***/

.referContent{
	position:absolute;
	overflow:scroll;
	overflow-x:hidden;
}

.referContent img{
	border-radius:0!important;
}

#middleCarousel .owl-item{
	-webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    transition: all .15s ease;
	filter: grayscale(1);
	transform: scale(.8);
}

#middleCarousel .owl-item.center{
	filter: grayscale(0);
	transform: scale(1);
}

/***/

.subpageContent ul {
	padding-left: 1.3em;
	margin: 0;
	line-height:30px;
}

.subpageContent li {
  list-style-image: url(/images/check-circle-regular.svg);
  padding-inline-start: 1ch;
}

.subpageContent li::marker {
	font-size:1.9rem;
}

/****/

.owl-nav {
  position: absolute;
  width:100%;
  top: 50%;
}

.owl-nav button{
	background-color:transparent !important;
	color:#06043ae6!important;
}

.owl-nav button:hover{
	background-color:transparent !important;
	color:#2d62d7dd!important;
}

.owl-prev {
	left: 0;
	position: absolute;
	margin-top: -50px!important;
}

.owl-next {
	right: 0;
	position: absolute;
	margin-top: -50px!important;
}

.owl-dots {
    margin-top: 40px;
}

/*******/

.dizzy {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}