/* nem látszódik a weboldal betöltődésekor */

@keyframes slidingText{
    
    0%{right: -100%; opacity: 0;}
    5%{right: 10%; opacity: 1;}
    10%{right: 10%;}
    60%{right: 10%;opacity: 1;}
    70%{right: 100%;opacity: 0;}
    100%{right: 100%;opacity: 0;}
}

.slider{
    width: 100%;
    height: 33.59vw;
}

.slider .sliderFrameTxtContainer{
    position: relative;
}
.slider .sliderFrameTxtContainer .sliderFrameTxtBox{
    position: relative !important;
    
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    
    padding: 0 !important;
    
    left: 0 !important;
    top: 0 !important;
    
    transform: translate(0,0) !important;
}
.slider .sliderFrameTxtContainer .sliderFrameTxtBox .behindElement{
    color: transparent;
    z-index: 3;
    transform: rotate(-3deg);
}
.slider .sliderFrameTxtContainer .sliderFrameTxtBox h2{
    background: #fff;
    color: var(--yellow);
    font-weight: normal;
    font-size: 3vw;
    padding: .5vw;
    display: inline-block;
    width: auto;
    position: absolute;
    white-space: nowrap;
    top: 20%;
    right: -100%;
    z-index: 4;
    /*animation: slidingText 2s infinite;*/
}

.slider .backgrounds{
    background-size: 140vw !important;
    height: 100% !important;
    background-position: center;
}

.slider .sliderFrameTxtBox p{
    display: none;
}
.slider .sliderFrameTxtBox .sliderButton{
    display: none;
}


footer{
            width: calc( 100% - 13vw * 2 );
    padding-left: 13vw;
    padding-right: 13vw;
    padding-bottom: 4vw;
    background: #1e283d;
    position: relative;
    height: auto;
}
footer .oxigenLogo{
    position: absolute;
    bottom: 2vw;
    right: 13.3vw;
}
footer .frameTitle{
    margin-top: 3vw;
    color: #fff;
    font-size: 0.900vw;
}
footer .title{
    padding-top: 1vw;
    padding-bottom: 0.6vw;
    color: var(--yellow);
    font-size: 1.5vw;
    font-weight: bold;
}
footer .itemContainer{
    display: flex;
    flex-wrap: nowrap;
}
footer .itemContainer .item{   
    margin-right: 2vw;
    /*display: flex;
    flex-wrap: wrap;
    align-items: flex-start;*/
}

footer .itemContainer .item ul {
  list-style: none; /* Remove default bullets */
}
footer .itemContainer .item ul li{
list-style: none; /* Remove default bullets */    
}

/*footer .itemContainer .item ul li::before {

  content: "\2022";  
  color: #fff; 
  font-weight: bold; 
  display: inline-block; 
  width: 1em; 
  margin-left: -1em; 
}*/

footer .itemContainer .item:first-child{   
    /*width: 100%;
    display: flex;
    flex-wrap: wrap;*/
    margin-left: 3.5vw;
}
footer .itemContainer .item:last-child{   
    margin-right: 0;
}
footer .itemContainer .item a{
    margin-top: 0.2vw;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    /*width: calc(25% - 1vw);
    margin-right: 1vw;*/
    font-size: .7vw;
}
footer .itemContainer .item a:hover{
    color: var(--yellow);
}
footer .itemContainer .item ul ul{
    margin-left: .5vw;
}
footer .itemContainer .social{
    display: flex;
    width: 100%;
    justify-content: center;
}
footer .itemContainer .social .image{
    /*width: 1vw;
    height: 1vw;
    background: #555;
    padding: .5vw;
    border-radius: 100%;
    margin-bottom: 1vw;*/

    width: 2.300vw;
    height: 2.300vw;
    position: absolute;
    top: 3vw;
    right: 13.3vw;

}
footer .itemContainer .social a{
    /*margin-left: 0.5vw;*/


}
footer .itemContainer .social a:first-child{
    margin-left: 0;
}
footer .itemContainer .social .image:hover{
    /*filter: invert(1);
    cursor: pointer;*/
}
footer .itemContainer .social .image img{
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-position: center;
    /*filter: invert(1);*/


}

.bottomFooterContainer{
        width: calc( 100% - 13vw * 2 );
    padding-left: 13vw;
    padding-right: 13vw;
    background: #000;
}
.bottomFooterContainer .bottomFooter{
    display: flex;
    justify-content: space-between;
    background: #000;
    height: 2.51vw;
    line-height: 2.5vw;
}
.bottomFooterContainer .bottomFooter .item{
    color: #fff;
}
.bottomFooterContainer .bottomFooter .item span{
    color: var(--yellow);
    text-transform: uppercase;
}
.bottomFooterContainer .bottomFooter .item p{
    color: #fff;
}
.bottomFooterContainer .bottomFooter .item p a{
    color: #fff;
    text-decoration: none;
}
.bottomFooterContainer .bottomFooter .item p a:hover{
    color: var(--yellow);
}


/* slider */
.table {
    display: table;
    height: 100%;
    width: 100%;
}
.tablecell {
    display: table-cell;
    /*vertical-align: middle;*/
    width: 100%;
    position: relative;
    padding-top: 15vw;
    text-align: center;
}
.tablecell .fadedBackground{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #00000088;
}
.contentContainer3 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.sliderContainer{
    height: 32.59vw;
    /*height: 16.927vw;*/
    overflow: hidden;
}
.slide{
    height: 36.771vw;
    width: 100%;
    outline: 0;
    position: relative;
}
.slide img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 36.771vw;
    display: block;
    z-index: -1;
}
.slide .price{
    font-size: 1.5vw;
    color: #fff;
    font-family: Montserrat,sans-serif;
    position: relative;
    display: block;
    display: inline-block;
    left: 130%;
    width: 80%;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .1vw;
}
.slide .price .units{
    font-size: 3.125vw;
    line-height: 3vw;
    position: absolute;
    font-weight: 400;
    top: 0;
}
.slide .prodName{
    font-size: 1vw;
    color: #fff;
    margin-top: .5vw;
    text-transform: uppercase;
    letter-spacing: .1vw;
}
.actionButtonContainer{
    width: auto;
    height: 5vw;
    position: relative;
    margin: auto;
}
.actionButton{
    
    animation-duration: 600ms;
    animation-delay: 10ms;
    transition: left 400ms ease-out;
    transition-delay: 900ms;

    opacity: 1;
    margin-top: 2vw;
    
    text-align: center;
    background: transparent !important;
    
    position: absolute;
    left: 0;
    right: 0;
    
    background: #fff;
    height: 3vw;
}

.buttonAction{
    padding: 0 2.083vw;
    border-width: 0px;
    letter-spacing: 0.075vw;
    font-size: 1vw;
    line-height: 3.073vw;
    background-color: var(--yellow) !important;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: inline-block !important;
}
.price{
    transition: left 300ms ease-out;
    transition-delay: 500ms;
}
.prodName{
    transition: left 350ms ease-out;
    transition-delay: 700ms;
    position: relative;
    text-align: center;
    max-width: 80vw;
    margin: 0 auto;
}
.slide{
    overflow: hidden;
}
.slide .prodName, .slide .actionButton{
    left: 130%;
}
.slick-active .price, .slick-active .prodName, .slick-active .actionButton{
    left: 0;
}
.sliderContainer .slick-prev, .sliderContainer .slick-next{
    z-index: 99;
    opacity: 0;
    transition: opacity 400ms;
}
.sliderContainer:hover .slick-prev, .sliderContainer:hover .slick-next{
    opacity: 1;
}
.sliderContainer .slick-prev{
    left: 1.302vw;
}
.sliderContainer .slick-next{
    right: 1.302vw;
}
.sliderContainer .slick-next:before{
    background-image: url(../images/arrow/arrow-right.png);
    transition: background-image 200ms;
    background-repeat: no-repeat;
    height: 1.667vw;
}
.sliderContainer .slick-next:hover:before{
    background-image: url(../images/arrow/arrow-right-hover.png);
}
.sliderContainer .slick-prev:before{
    background-image: url(../images/arrow/arrow-left.png);
    transition: background-image 200ms;
    background-repeat: no-repeat;
    height: 1.667vw;
}
.sliderContainer .slick-prev:hover:before{
    background-image: url(../images/arrow/arrow-left-hover.png);
}

.slick-prev:before, .slick-next:before {
    width: 1.042vw;
    height: 1.198vw;
    display: block;
    background-size: contain;
    content: '';
}



.newContainer{
    /*max-width: 52.083vw;*/
    /*max-width: 83vw;*/
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
    padding-left: 13vw;
    padding-right: 13vw;
    /*padding-bottom: 3.646vw;*/
}
.newContainer h2,
.newsListPage h2{
    font-size: 1.840vw;
    font-weight: 800;
    margin-bottom: 2vw;
    text-transform: uppercase;
    padding-top: 3.646vw;
}
.newsListPage h2::after,
.newContainer h2::after,
.frameTitle::after{
    content: '';
    display: block;
    width: 100%;
    height: 0.156vw;
    margin-top: 0.156vw;
    background-image: linear-gradient(to right,#fff,var(--sarga),var(--lila));
}



.newContainer h3,
.newsListPage h3{
    font-size: 1.740vw;
    font-weight: 800;
    margin-bottom: 2vw;
    padding-top: 3.646vw;
}
/*
.newsListPage h3::after,
.newContainer h3::after,
.frameTitle::after{
    content: '';
    display: block;
    width: 100%;
    height: 0.156vw;
    margin-top: 0.156vw;
    background-image: linear-gradient(to right,#fff,var(--sarga),var(--lila));
}
*/

.newContainer h4,
.newsListPage h4{
    font-size: 1.640vw;
    font-weight: 800;
    margin-bottom: 2vw;
    padding-top: 3.646vw;
}


/*
.newsListPage h4::after,
.newContainer h4::after,
.frameTitle::after{
    content: '';
    display: block;
    width: 100%;
    height: 0.156vw;
    margin-top: 0.156vw;
    background-image: linear-gradient(to right,#fff,var(--sarga),var(--lila));
}
*/

.newsListPage b,
.newContainer b,
.newContainer strong,
.newContainer p,
.newContainer li,
.newContainer em,
.newContainer i{
    font-size: 1.400vw !important;     
}

.newsListPage ul,
.newContainer ul{
    margin-left: 1.2vw;
}


.newsListPage ol,
.newContainer ol{
    /*margin-left: 1.3vw;*/
    margin-bottom: 1vw;
    counter-reset: item;
}
.newsListPage ol > li,
.newContainer ol > li{
    counter-increment: item;
    list-style-type: none;
}
.newsListPage ol li::before,
.newContainer ol li::before{
    display: inline-block;
  width: 1em;
  padding-right: 0.5em;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";    
}



.newsListPage em,
.newsListPage i,
.newContainer em,
.newContainer i{
    color: var(--yellow);
}



.newContainer a,
.newsListPage a{
    font-size: 1.400vw !important;
}

.newContainer a:hover,
.newsListPage a:hover{
    text-decoration: none;
}

ul li h3,
ol li h3{
    display: inline;
}
ol li{
    margin-left: 0 !important;
}


#mainContainer #mainContainer{
    width: 100%;
    padding: 0;
}


@media screen and (max-width: 600px){
    .newsListPage b, .newContainer b, .newContainer strong, .newContainer p, .newContainer li, .newContainer em, .newContainer i{
        font-size: 3.1vw !important;   
    }
    .newContainer h2, .newsListPage h2{
        font-size: 4vw;
    }
    .fck h3{
     font-size: 3.8vw;   
     margin-bottom: 4vw;
    }
    
.newContainer h3,
.newsListPage h3{
    font-size: 2.840vw;
    
}

.newContainer h4,
.newsListPage h4{
    font-size: 2.740vw;
    
}    
    
    
}

.nemmutat {
    display: none;
}

.pecset1 {
    display: none;
}