@font-face {
  font-family: Raleway Light;
  src: url(../fonts/Raleway Light.ttf)format('truetype');
}

@font-face {
  font-family: Raleway Regular;
  src: url(../fonts/Raleway Regular.ttf)format('truetype');
}

@font-face {
  font-family: Raleway Bold;
  src: url(../font/Raleway Bold.ttf)format('truetype');
}



:root{
	--background: #ffffff;
	--navbar-background : #ffffff;
	--sharry-ligh-blue : #4eaccb;
	--sharry-purple:  #3b3d68;
	--navbar-shadow: #909091;
	--sharry-grey: #eff2f4;
}



*{
	margin:0;
	padding: 0;
	font-size:16px;
	box-sizing:border-box;
	font-family: Raleway, sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;*/

}


body{
	overflow: auto;
	width:100%;
	height:100%;
	
}


.raleway-light {
    font-family: Raleway Light, sans-serif;
}

.raleway {
    font-family: Raleway Regular, sans-serif;
}


.raleway-bold {
    font-family: Raleway Bold, sans-serif;
}


.color-white{
	color: #ffffff;
	
}

.background-white{
	background-color:#ffffff;
}

.color-red{
	color:#e61034;
}

.background-red{
	background-color:#e61034;
}

.color-green{
	color: #33a85e;
}

.background-green{
	background-color: #33a85e;	
}

.background-yellow{
	background-color:#f7bd28;
}

.color-yellow{
	color:#f7bd28;
}

.color-lightgrey{
	color:#f8f8f8;
}

.background-lightgrey{
	background-color:#f8f8f8;
}


.color-grey{
	color:#737373;
}

.background-grey{
	background-color:#737373;
}

.color-darkgrey{
	color:#5b5b5b;
}

.background-darkgrey{
	background-color:#5b5b5b;
}

.border-white{
	border:2px solid white;
	
}
.background-black{
	background-color:#000000;
}
.height-560{
	height:560px;
}


.height-280{
	height:280px;
}

.height-240{
	height:240px;
}

.height-86{
	height:86px;
}

.height-50{
	height:50px;
}

.width-126{
	width:126px;
}

.width-240{
	width:240px;
}

.width-271{
	width:271px;
}

.width-298{
	width:298px;
}

.width-660{
	width:660px;	
}

.width-1139{
	max-width:1139px;
}




.mt-100{
	margin-top:100px;
}

.mt-50{
	margin-top:50px;
}	

.mb-200{
	margin-bottom:200px;
}


.mb-100{
	margin-bottom:100px;
}

.mb-40{
	margin-bottom:40px;
}

.ms-6{
	margin-left:4rem !important;
}

.ms-40{
	margin-left:40px;
}

.pt-100{
	padding-top:100px;
}

.py-100{
	padding-top:100px;
	padding-bottom:100px;
	
}

.pt-50{
	padding-top:50px;
}

.height--50{
	 height: calc(100% - 50px) !important;
	
}

.height-700{
	max-height:700px;
}

.fs-66{
	font-size:66px;
}

.fs-36{
	font-size:36px;
}

.fs-30{
	font-size:30px;
}

.fs-26{
	font-size:26px;
}

.fs-22{
	font-size:22px;
}

.fs-18{
	font-size:18px;
}

.fs-16{
	font-size:16px;
}

.fs-14{
	font-size:14px;
}

.fs-12{
	font-size:12px;
}

.font-weight-bold{
	font-weight:bold !important;
	
}

.font-weight-light{
	font-weight:300 !important;	
	
}

.object-fit{
	width:100%;
	height:100%;
	object-fit:cover;
	
}

.justify{
	text-align:justify ;
	
}

.bg-none{
	background-color:transparent;
	
}

.bg-white{
	background-color:#ffffff;
	
	
}

.box-shadow{
	box-shadow: 5px 10px 15px 0 rgba(22, 22, 26, 0.18);
	
}


a:link, a:visited, a:hover, a:active{
    text-decoration: none;
}



nav{
	position:fixed;
	z-index:100;
	background-color: var(--navbar-background);
	color: var(--sharry-purple);
	/*box-shadow: 0px 5px 15px var(--navbar-shadow);*/
	
}




.logo{
	max-height:70px;
	width:auto;
}


.szechenyi{
	width:auto;
	height:150px;
	margin-top:4rem;
}

.nav-link,
.nav-link a, 
.nav-link::before{
	text-transform:uppercase;
	font-weight:600;
	letter-spacing: 1px;
	font-size:0.8rem;
	/*color: var(--sharry-purple);*/
}


.nav-link::active,
.nav-link::after,
.nav-link::hover{
	color: #4eaccb; !important;
	
}

.top-li:hover, .top-li a:hover{
	background-color:#e61034;
	color:#ffffff;
}
	
.main-li:hover, .main-li a:hover{
	background-color: #f8f8f8;
	color:#e61034;
	
}

.accordion-item{
	border:none;
}

.accordion-button:not(.collapsed){
	background-color: #5b5b5b;
	color:#ffffff;
	text-transform:uppercase;
}

.accordion-button:focus {
	border:none;
	box-shadow:none;
	color:#ffffff
}

.accordion .accordion-button:after {
    display: none;
}

.bi-chevron-up {
  transition: transform 0.3s ease; /* Apply smooth transition at all times */
}

.bi-chevron-up.rotate-180 {
  transform: rotate(180deg); /* Apply rotation */
  transition: transform 0.3s ease; /* Add smooth transition */
}

.accordion-border{
	border-bottom:1px solid #959595;
}

.accordion-body a{
	width:95%;
	margin-right: 0 !important;
	margin-left:auto;
}

.active-item{
	background-color:#f8f8f8;
	color:#e61034;
	padding-left:10px;
	width:100% !important;
}



.reverse-nav .nav-item .nav-link{
	color: #3b3d68 !important;	
}


.reverse-nav .nav-item .nav-link:hover,
.reverse-nav .nav-item .nav-link.active{
	color: var(--sharry-ligh-blue) !important;
	
}


.termekek{
	width:215px;
	height:215px;
	object-fit:cover;
}



.background-lightgrey-right{
	background-image: url("../images/background-lightgrey.png");
	background-size:1524px 429px;
	background-repeat:no-repeat;
	background-position: bottom 20px right 0px;
		
		
}



.background-lightgrey-left{
	background-image: url("../images/background-lightgrey.png");
	background-size:1524px 429px;
	background-repeat:no-repeat;
	background-position: bottom 20px left 0px;
		
		
}

.mt-n5{
	margin-top:-3rem!important;
}

.mb-n5{
	margin-bottom:-3rem !important;
}

.mb-n10{
	margin-bottom:-6rem !important;
}

.z-1{
	z-index:1;
}

.z-2{
	z-index:2;
}

.z-n1{
	z-index:-1;
}

.w-24{
	width:24%;
}

.text-end .btn,
.search{
	border-radius:25px;
	
}

.registration-button{
	color: var(--sharry-purple);
    border-color: var(--sharry-purple); 
	background-color: var(--background);
}

.login-button{
	color: var(--background);
    border-color: var(--background); 
	background-color: var(--sharry-purple);
}


.border-top-left{
	border-top-left-radius:120px 120px;
}


.border-top-right{
	border-top-right-radius:120px 120px;

}


.signin-button{
	color:  #f0f2f6;
    background-color: #f0a118;
	
}

	.search{
       position: relative;
       box-shadow: 0 0 40px rgba(51, 51, 51, .1);
         
       }

       .search input{
/*
        height: 60px;
        text-indent: 25px;
        border: 2px solid #d6d4d4;
*/

       }


       .search input:focus{
/*
        box-shadow: none;
        border: 2px solid blue;


       }

       .search .fa-search{

        position: absolute;
        top: 20px;
        left: 16px;
*/
       }

       .search button{

        position: absolute;
         top: 0px;
        right: 0px;
      /* height: 50px;
        width: 110px;
        background: blue;*/

      }






.btn-green{
	background-color:#31ab2c;
	color: #FFFFFF;
	
}

.btn-purple{
	background-color:#b40fbf;
	color:#FFFFFF;
	
}



.content{
	width:100%;
	height:auto;
	padding-top:100px;
	background-color: var(--background);
	color: var(--sharry-purple);
	
}


.content h2{
	color: var(--sharry-ligh-blue);
	font-weight:600;
	
}




.registration{
	min-height:600px;
	background-color: var(--sharry-grey);
	background-image:url("../images/login_hatter.png");
	background-repeat: no-repeat;
	background-position: center;
	
}

.registration {
	height:600px;
	
}

.login-form{
	height:600px;
	
}



.card-header{
	color: #f0f2f6;
	background-color: #3b3d68;
	text-transform: uppercase;
	
}


.card-body{
	padding:10px;
	
	
}


.card-title{
	font-weight:600;
	
}

.login-input{
	display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-decoration: none;
    vertical-align: middle;
    color: var(--background);
	background-color: ;
    border: 1px solid #3b3d68;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
	border-radius:25px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	
}


.noleftmargin{
	margin-left:-1rem !important;
	font-size:1.5rem;
	color:#3b3d68;
	border-color:#3b3d68;
	margin-top:-5px;
	
}

.form-check label{
	display:inline !important;
	color:#3b3d68;
	margin-left:10px;
	
}



.quotation{
	font-size:2rem;
	font-weight:100;
	
}



.bk-slider {
  position: relative;
  width: 90vw;
  height: auto;
  padding: 50px 0 100px;
}

.swiper {
  width: 100%;
  height: 200px;
  overflow: visible;
}

.swiper-wrapper {
  
}

.slidetext{
	display:none;
}

.swiper-slide {
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px;
  background: white;
  transition: all .3s ease;
  z-index:0;
  
  &.swiper-slide-active img{
    margin-bottom:8vw;
    transform: scale(1.8);
    z-index: 4;
  }
  
  &.swiper-slide-active .slidetext {
	display:inline;
	
  }
}

/* ARROWS */
.swiper-button-prev,
.swiper-button-next {
  position:absolute;
  top:22em;
  
}

.swiper-button-prev{
	left:33%;
}

.swiper-button-next{
	right:33%;
}




/* horizontal line after text */

.mytextdiv{

}
.mytexttitle{
  background:white;
    position: relative;
    width: 255px;
    z-index: 10;
}

.mytexttitle1{
  background:white;
    position: relative;
    width: 305px;
    z-index: 10;
}


.mytexttitle2{
  background:white;
    position: relative;
    width: 190px;
    z-index: 10;
}


.mytexttitle3{
	background:white;
    position: relative;
    width: 170px;
    z-index: 10;

}

.mytexttitle4{
	background:white;
    position: relative;
    width: 210px;
    z-index: 10;

}

.mytexttitle5{
	background:white;
    position: relative;
    width: 670px;
    z-index: 10;

}

.mytexttitle6{
	background:white;
    position: relative;
    width: 400px;
    z-index: 10;

}


.divider{
   bottom: 12px;
    position: relative;
	height:2px !important;
	color: #e61034;
	opacity:1;
    z-index: 1;
}




.container {
    position: relative;
}

.container::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    border-top: 2px solid #e61034;
    width: 0; /* Initial width set to 0 */
}



/* a lista piros kiemelésének stílusa*/

li::marker {
  color: #e61034;
  font-size:10px;
}



.card{
	border:none;
}




.kapcsolat, .footerkapcsolat{
	--bs-gutter-x:0px !important;
}

input[type='checkbox'] {
	 background-color:#5b5b5b !important;
	
}


.checker .checkbox{
	-ms-transform: scale(1.7); /* IE */
	-moz-transform: scale(1.7); /* FF */
	-webkit-transform: scale(1.7); /* Safari and Chrome */
	-o-transform: scale(1.7); /* Opera */
	transform: scale(1.7);
	padding: 10px;
	accent-color: #5b5b5b;
	background-color:#5b5b5b;
  
}



/*

.accordion{
	border-radius: 20px 20px 0 0 ;
	
}


.accordion .accordion-button:not(.collapsed):before {
    content: "—";
    transform: rotate(-180deg);
	color:#f0a118;
	font-size:2rem;
}
.accordion .accordion-button:before {
    content: "+";
    background-repeat: no-repeat;
    background-size: 1.25rem;
    flex-shrink: 0;
    height: 1.5rem;
    margin-left: 0;
    margin-right: 1.25rem;
    transition: transform 0.2s ease-in-out;
    width: 1.25rem;
	color:#f0a118;
	font-size:2rem;
}


@media (prefers-reduced-motion: reduce) {
    .accordion .accordion-button:before {
        transition: none;
    }
}
.accordion .accordion-button:after {
    display: none;
}
.accordion .accordion-collapse {
    /*margin-left: 2.5rem;*/
}



.avatar-image{
	width:40px;
	height:40px;

	
	
}


.form-switch .form-check-input{
	width:4rem;
	background-image: url( "../images/purple-circle.svg");
	background-color:#f0f0f0;
	border: 2px solid #d4d2d2;
}

.form-check-input{
	height:2rem;
	
	
}


.form-check-input:checked {
	background-color:transparent;
    border-color: #0d6efd;
}


.form-switch .form-check-input:checked{
	background-image: url( "../images/light-blue-circle.svg");
	background-color:#f0f0f0;
	border: 2px solid #d4d2d2;
}


.circle{
	fill: #4eaccb;
	
}



footer{
	background-color: #ffffff;
	
}



footer h4{
	color: var(--sharry-ligh-blue);
	font-weight:600;
}

.list-unstyled li a{
	text-decoration:none;
	/*line-height:1.5rem;*/
	text-align:left;
	/*margin-bottom:1rem;*/
}
.list-unstyled li{
	/*margin-bottom:1rem;*/
}

.footer-icon i{
	color: var(--sharry-ligh-blue);
	font-size:2rem
	
}

.footer-input{
	display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    color: var(--sharry-purple);
	background-color: var(--background);
    border: 1px solid #ffffff;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
	border-radius:25px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	
}