@font-face {
    font-family: PoppinsLight;
    src: url(../fonts/Poppins/Poppins-Light.ttf);
}

@font-face {
    font-family: PoppinsBold;
    src: url(../fonts/Poppins/Poppins-Bold.ttf);
}

body {
    background-color: #374047;
    height: 100%;
}

html{
    scroll-behavior: smooth;
}

 
.navbar-dark {
    background-color: #374047;
}

.nav-item {
    font-family: PoppinsLight;
    font-size: 22px;
    width: 200px;
    /*border:1px solid red;*/
    text-align: center;
    text-transform: uppercase;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.navbar-nav.navbar-center {
    position: relative;
    left: 50%;
    transform: translatex(-50%);
}

.main-headline {
    font-family: PoppinsLight;
    font-size: 35px;
    color: #fff;
    text-align: center;
}

.myButton {
    margin-top: 30px;
	background-color:#fff;
	display:inline-block;
	cursor:pointer;
	color:#374047;
	font-family:PoppinsBold;
	font-size:27px;
	padding:10px 20px;
	text-decoration:none;
}
.myButton:hover {
	background-color:#fff;
}
.myButton:active {
	position:relative;
	top:1px;
}

.myButtonSmall {
    margin-top: 30px;
	background-color:#fff;
	display:inline-block;
	cursor:pointer;
	color:#374047;
	font-family:PoppinsBold;
	font-size:17px;
	padding:7px 15px;
	text-decoration:none;
}
.myButtonSmall:hover {
	background-color:#fff;
}
.myButtonSmall:active {
	position:relative;
	top:1px;
}


.myButtonBlue {
    margin-top: 30px;
	background-color: #41bff9;
	display:inline-block;
	cursor:pointer;
	color:#374047;
	font-family:PoppinsBold;
	font-size:27px;
	padding:10px 20px;
	text-decoration:none;
}
.myButtonBlue:hover {
	background-color:#fff;
}
.myButtonBlue:active {
	position:relative;
	top:1px;
}

.background{

    /*border:1px solid red;*/

    color: #999999;
    position: absolute;
    top: 230px;
  
   
    z-index: -100;
  
  

    left: 50%; 
    width: 50%;
    height: 600%;
    

    background-image: url('../img/hatterminta.png');
    background-repeat: repeat-y;
    background-position: 0 0; 
    
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color:#fff;
    font-family:PoppinsLight;
    font-size:20px;
  }

  .col {
    /*border:1px solid red;
    text-align: center;*/
  }

  .mini-header {
    color:#fff;
    font-family:PoppinsBold;
    font-size:16px;
    text-transform: uppercase;
  }

  .mini-displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }

  .mini-pic-rama {
      min-height: 130px;
  }

  .container-icon {
    /*border:1px solid red;*/
    position: relative;
  }

  .mini-pic-line {

    /*border:1px solid blue;*/
    position: absolute;
    margin-left: 667px;
    bottom: 0;
    z-index: -1;
  }

  .mini-pic-line img {
   
    display: block;
    margin-left: auto;
    margin-right: auto; 
}


.doboz-reszletezo-text {

    color:#fff;
    font-family:PoppinsLight;
    font-size:12px;
    margin-left: auto; 
    margin-right: 0;
    max-width: 410px;
    padding: 10px;
}

.doboz-reszletezo-text h1 {

    color:#fff;
    font-family:PoppinsBold;
    text-transform: uppercase;

}




.doboz-bal-head {
    background: url('../img/box/bal-box-head.png') no-repeat right center;
    height:18px;
}
.doboz-bal-middle {
    background: url('../img/box/bal-box-middle.png') repeat-y right center;
    min-height:50px;
}



.doboz-bal-text {

    color:#fff;
    font-family:PoppinsBold;
    font-size:12px;
    text-transform: uppercase;

    margin-left: auto; 
    margin-right: 0;
    max-width: 410px;
    padding: 10px;
}

.doboz-bal-text, .doboz-bal-2-text, .doboz-jobb-text, h1{
    font-size:20px;
}


.doboz-bal-bottom {
    background: url('../img/box/bal-box-bottom.png') no-repeat right center;
    height:8px;
}


.doboz-kozep-head {
    background: url('../img/box/kozep-box-top.png') no-repeat left center;
    height:11px;
}

.doboz-kozep-bottom {
    background: url('../img/box/kozep-box-bottom.png') no-repeat left center;
    height:11px;
}

.doboz-kozep-bal-top {
    background: url('../img/box/bal-box-kozep-head.png') no-repeat right center;
    height:8px;
}

.doboz-kozep-bal-bottom {
    background: url('../img/box/kozep-box-bal-bottom.png') no-repeat right center;
    height:18px;
}

.doboz-kozep-jobb-head{
    background: url('../img/box/kozep-jobb-box-head.png') no-repeat right center;
    height:8px;
}

.doboz-kozep-jobb-middle {
    /*border:1px dotted blue;*/

    background: url('../img/box/kozep-box-csik.png') no-repeat right top, url('../img/box/box-jobb-bogyo.png') left bottom no-repeat;

    min-height:50px;
}

.doboz-kozep-jobb-bottom {
    background: url('../img/box/kozep-box-jobb-bottom.png') no-repeat  left;
    height:5px;
}


.doboz-bal-2-head {
    background: url('../img/box/bal-2-box-head.png') no-repeat left center;
    height:11px;
}

.doboz-bal-2-middle {
    background: url('../img/box/bal-2-box-middle.png') repeat-y left center;
    min-height:50px;
}

.doboz-bal-2-text {

    color:#fff;
    font-family:PoppinsBold;
    font-size:12px;
    text-transform: uppercase;

    margin-left: 0; 
    margin-right: auto;
    max-width: 410px;
    padding: 10px;
}



.doboz-bal-2-bottom {
    background: url('../img/box/bal-2-box-bottom.png') no-repeat left center;
    height:11px;
}



.doboz-jobb-head {
    background: url('../img/box/jobb-box-head.png') no-repeat left center;
    height:8px;
}
.doboz-jobb-middle {
    /*border:1px dotted blue;*/

    background: url('../img/box/box-csik.png') no-repeat left top, url('../img/box/box-jobb-bogyo.png') right bottom no-repeat;

    min-height:50px;
}

.doboz-jobb-text {

    color:#fff;
    font-family:PoppinsLight;
    font-size:12px;
    margin-left: auto; 
    margin-right: 0;
    max-width: 410px;
    padding: 10px;
}

.doboz-jobb-text h1 {

    color:#fff;
    font-family:PoppinsBold;
    text-transform: uppercase;

}



.doboz-jobb-bottom {
    background: url('../img/box/box-jobb-bottom.png') no-repeat right center;
    height:5px;
}



.doboz-jobb-2-bottom {
    background: url('../img/box/jobb-2-box-bottom.png') no-repeat left center;
    height:11px;
}



.doboz-jobb-2-head {
    background: url('../img/box/jobb-2-box-head.png') no-repeat left center;
    height:11px;
}


.ajanlatkero {

    width:100%;
    margin-top: 50px;
    margin-left:0;
    padding-left: 0;
       
}

.ajanlatkero-text{
    padding-top : 300px;
    font-family:PoppinsLight;
    font-size:16px;
    text-align: center;
    /*border:1px dotted red;*/
}

.ajanlatkero-text h1{
    color:#374047;
    font-family:PoppinsBold;
    text-transform: uppercase;
    font-size:30px;
}

.vasarlasblokk h1{
    color:#fff;
    font-family:PoppinsBold;
    text-transform: uppercase;
    font-size:30px;  
    text-align: center;
}

.vasarlasblokk p{
    color:#fff;
    font-family:PoppinsLight;
    font-size:15px;  
    text-align: left;
}

.lablec {
    color:#fff;
    font-family:PoppinsLight;
}


.container__image {

        padding-top: 10px;
}

.mini-pic-text {
    color:#fff;
    font-family:PoppinsLight; 
    font-size:13px;  
    display: none;

    transform: scale(0);
    opacity: 0;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out;
    
}

.mini-pic-text.open {
    display: block;  
    animation: anim .3s ease-in-out;
    opacity: 1;
    transform: scale(1);
  }

  @keyframes anim {
    0% {
      display: none;
      opacity: 0;
    }
    1% {
      display: block;
      opacity: 0;
      transform: scale(0);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }  

  .container-carousel { 
    width: 100%;
    background-image: url('../img/carousel/images/eltuno_szel.png');
    background-repeat: no-repeat;
    background-position: calc(50% - 7px) 50%;
    margin-top: -100px;
    height: 672px;


  }


  .inner-container-carousel { 
   
    width :1380px;
    margin:0 auto;
    padding-top: 100px;
    

  }

  .carousel-right{
    border:0px solid red;
    width: 700px;
    margin-left: 690px;
  }


  .full-arrow-container { 
    width: 100%;
    background-image: url('../img/partnerek-eltuno.png');
    background-repeat: no-repeat;
    background-position: calc(50% - 0px) 50%;
    margin-top: -140px;
    height: 833px;


  }


  .ajanlatkero { 
    width: 100%;
    height: 100%;
    
    background-image: url('../img/ajanlatkero-bg-eltuno_head.png');
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: -140px;
    border:0px solid rgb(98, 0, 255);
}

.ajanlatkero-container-body{
    margin-top: -16px;
    padding-top: 20px;
    background-color: #ccaa67;
    border:0px solid red;
}

.ajanlatkero-container-footer{
 
    background-image: url('../img/ajanlatkero-bg-eltuno_footer.png');
    background-repeat: repeat-y;
    background-position: center bottom;
    height: 300px;
    border:0px solid red;
}
  .ajanlatkero-container { 
    width: 100%;    
    border:0px solid red;
  }

  #basket {
    border:1px dashed #ccc;
    background-color: #e2e2e2;
    padding:10px;
  }

  .roundNumber {
    background: rgb(4, 158, 78);
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 5px;
    text-align: center;
    width: 1.6em; 
  }

  @media only screen and (max-width: 600px) {

    .ajanlatkero-container {
        margin-top: 150px;
        padding-top: 0px;
        width: 100%;
        height: 100%;
        max-height: 100%;
        background-color: #ccaa67;
        background-image: none;
        border:0px solid red;
        
    }

    .ajanlatkero-text{
        padding-top : 50px;
    }

    .full-arrow-container{
        display: none;
    }

    .mini-pic-line{
        display: none;  
    }
}



  .ures-nyil-container { 
    width: 100%;
    background-image: url('../img/ures-nyil-eltuno.png');
    background-repeat: no-repeat;
    background-position: calc(50% - 0px) 50%;
    margin-top: -40px;
    height: 235px;


  }

  .fo-menupont-container{
    width: 100%; 
    background-image: url('../img/nyilaszarok-aloldal-head.png');
    background-repeat: no-repeat;
    background-position: calc(50% - 0px) 50%;
    margin-top: -100px;
    height: 801px;
  }


  @media screen and (max-width: 600px) {
    .container-carousel {
      visibility: hidden;
      clear: both;
      float: left;
      margin: 10px auto 5px 20px;
      width: 28%;
      display: none;
    }
  }


  .fo-menupont-fejlec{
    padding-top : 300px;
    color:#fff;
    font-family:PoppinsLight;
    font-size:16px;
    text-align: center;
    /*border:1px dotted red;*/
}

.fo-menupont-fejlec h1{
    color:#fff;
    font-family:PoppinsBold;
    text-transform: uppercase;
    font-size:30px;
}



.accordion-button {
    /*color: #fff;
    background-color: #374047;*/
}

.accordion-body{
    color: #000;
}

.accordion-button.collapsed {
    color: #fff;
    background-color: #374047;
  }



  
/* ============ only desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .dropdown-menu-end{ right:0; left: 0;  }
	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
	.navbar .nav-item:hover .nav-link{ color: #fff;  }
	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.navbar .dropdown-menu.fade-up{ top:180%;  }
	.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}	
/* ============ desktop view .end// ============ */


.atommenu{
    border:0px solid red; 
}
.atommenu ul{
    border:0px solid red; 
    list-style: none;
    margin: 0; padding: 0;
}
.atommenu li{
    border:0px solid red; 
    margin: 0; padding: 0;
    font-size: 12px;
}

.atommenu h5 a{
    text-decoration: none;
    color:#374047;
    font-size: 14px;
    font-weight: bold;
}
.atommenu h5 a:hover{
    text-decoration: underline;
    color:#374047;
    font-size: 14px;
}

a.brdLink {
    text-decoration: none;
    color:#fff;
}

a:hover.brdLink {
    text-decoration: underline;
    color:#fff;
}


.dropdown-item {
    padding-left:5px;
}


.blob {
    float:left;
    font-family: PoppinsBold;
	background: white;
	border-radius: 50%;
	margin-right: 5px;
	height: 20px;
	width: 20px;
    text-align: center;
    padding-top: 2px;

    color:#374047;

	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

.jumbotron {
    background: #358CCE;
    color: #FFF;
    border-radius: 0px;
    }
    .jumbotron-sm { padding-top: 24px;
    padding-bottom: 24px; }
    .jumbotron small {
    color: #FFF;
    }
    .h1 small {
    font-size: 24px;
    }