
                
                
                
                
                
                
                
                
.rendeles_felirat_keret {
	position: relative;
}
.rendeles_felirat_keret>p {
	position: absolute;
	transform: translateX(-105px);
	top: 6px;
	font-size: 0.9em;
}
@media(max-width:1199px){
	.rendeles_felirat_keret>p {
		display: none;
	}
}
                
                
                
                
                
body{
	font-family: 'Lora', serif;
	color:#393b3a;
	background-color: #f9f9f9;
	overflow-x: hidden;
}

.slick-track {
	display: flex;
	flex-direction: row;
}

.slick-track .slick-slide{
	height: unset;
}

a:hover{
	text-decoration: none;
}

.display-none{
	display:none !important;
}

/* Az össze menüre vonatkozó css */

header{
	background-color: #f9f9f9;
	display:flex;
	flex-direction: row;
	width:100%;
	max-width: 100%;
	position:relative;
	height:270px;
}


header .menu-items{
	margin-left:auto;
	text-align:center;
	vertical-align: middle;
	font-size:18px;
	text-transform: uppercase;
	display:flex;
	flex-direction: row;
	align-items: center;

}

header .menu-items .icons a{
	color:#f9f9f9;
}

header .menu-items .icons a{
	width: 40px;
	height: 40px;
	background-color: #6a0100;
	border-radius: 60%;
	display: flex;
	flex-direction: row;
	align-items: center;
	transition: 0.5s;
}

header .menu-items .icons a:hover{
	background-color: #fff;
	color: #6a0100;
}


header .menu-items .icons a span{
	text-align: center;
	margin-left:auto;
	margin-right: auto;
}

header .menu-items a{
	color:#9f0100;
	vertical-align: middle;
	display:inline-block;
	margin-right:36px;
	font-weight: 700;

}


header .menu-items .menu{
	margin-right:115px;

}

header .menu-items .menu a{
	font-size:18px;
	position:relative;
	transition: 0.5s;
}


header .menu-items .menu a:hover{
	color:#000;
}

header .menu-items .menu a:before{
	content:url('/images/menu-logo.png');
	position: absolute;
	left:0;
	transform:translateX(-20px);
	display: block;
	opacity: 0;
	transition: 0.5s;
}

header .menu-items .menu a:hover:before{
	opacity: 1;
}


header .menu-items .menu a:after{
	position: absolute;
	display: block;
	content:"";
	bottom:0;
	width: 0%;
	height: 1px;
	background-color: #000;
	transition: 0.5s;
	opacity: 0;
	
}

header .menu-items .menu a:hover:after{

	width: 100%;
	opacity: 1;
}


header .menu-items .menu a.active:after{
	content:"";
	display:block;
	position:absolute;
	height:5px;
	background-color:#393b3a;
	width:100%;
	margin-top:70%;
	pointer-events: none;
} 


header .menu-items .menu a:last-child{
	margin-right:0px;
}


header .menu-items .icons{
	display: flex;
	flex-direction: row;
	margin-right:40px;
}


header .menu-items .icons a{
	font-size:20px;
	margin-right:30px;
}




header .menu-items .icons a:last-child{
	margin-right:0px;
}



header .logo img{
	margin-top:17px;
	margin-bottom:17px;
}

header .mobile-menu-icon {
    background-color: #393b3a;
    cursor: pointer;
    width: 90px;
    position: relative;
}

header .mobile-menu-icon i{
	color:#fff;
	font-size:20px;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}


header .slogan{
	align-items: center;
    display: flex;
    font-weight:700;
    font-style: italic;
    font-size:24px;
    margin-left:40px;
}



header .logo{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}


@media(max-width: 1399px){

	header .menu-items .menu a {
	    font-size: 16px;
	    margin-right: 25px;
	}


	header .logo {
	    max-width: 300px;
	}


	header .logo img{
		max-width: 100%;
	}


	header {
	    height: 205px;
	}


	header#menu-4 .top-menu{
		background-position: center center;
	}



}


@media(max-width:1199px){


	header .menu-items .menu a:before{
		    transform: translateX(-19px) translateY(-1px) scale(0.8);
	}




	header .menu-items .menu a.active:after {
 
	    height: 3px;
	    margin-top: 64%;
 
	}

	header {
		height:190px;
	}

header .menu-items .icons{
	margin-right:30px;
}

header .menu-items .icons a{
	font-size:17px;
	margin-right:25px;
}

header .logo {
	width: 280px;
}


header .menu-items a{
	margin-right:25px;
}

header .menu-items .menu a{
	font-size:13px;
	margin-right: 20px;
}

header .menu-items .menu{
	margin-right:70px;
}

header .slogan {
  
    font-size: 20px;
    margin-left: 35px;
}




}


@media(max-width: 991px){

	header .menu-items .menu a.active:after {
    height: 2px;
    margin-top: 50%;
	}


	header {
		height:130px;
	}


header .menu-items .icons{
	margin-right:25px;
}

header .menu-items .icons a{
	font-size:15px;
	margin-right:20px;
}

header .logo{
	max-width: 200px;
}




header .slogan {
    font-size: 18px;
    margin-left: 35px;
}



header .menu-items a{
	margin-right:15px;
}

header .menu-items .menu a{
	font-size:13px;
}

header#menu-4 .bottom-menu.menu-items{
	max-width: 90%;
	margin-left:auto;
	margin-right: auto;
}

header .menu-items .menu{
	margin-right:50px;
}

header .menu-items .icons {
	    margin-right: 15px;
	}

	header .menu-items .icons a {
	    font-size: 14px;
	    margin-right: 12px;
	}

	header .menu-items .icons a {
	    width: 35px;
	    height: 35px;
	}


}

@media(min-width: 768px){
	header .mobile-menu-icon{
		display:none;
	}
} 






@media(max-width: 767px){

	header .menu-items .menu{
		display:none;
	}


	header .menu-items .icons a {
    font-size: 18px;
    margin-right: 20px;
	}

	header .mobile-menu-icon {
    width: 70px;
	}


}

@media(max-width: 400px){

	header .mobile-menu-icon{
		width:50px;
	}

	header .mobile-menu-icon i{
		font-size:17px;
	}

}



/* menu-1 */


header#menu-1 .logo{
	margin-left:20px;
	display:block;
	position:static;
	transform: translate(0%,0%);
}







/* menu-2 */

@media(max-width:1700px){


	header#menu-2 .menu-items a {
	    color: #393b3a;
	    vertical-align: middle;
	    display: inline-block;
	    margin-right: 25px;
	}

	header#menu-2 .menu-items .icons a:last-child {
    	margin-right: 0px;
	}

	header#menu-2 .menu-items .menu a:last-child {
	    margin-right: 0px;
	}	



	header#menu-2 .menu-items .menu {
    	margin-right: 35px;
	}

}


@media(max-width: 1400px){


	header#menu-2 .menu-items .menu a {
    	font-size: 16px;
  
	}

	header#menu-2 .menu-items .icons {
    	margin-right: 25px;
	}

	header#menu-2 .logo img{
		max-width: 90%;
	}

	header#menu-2 .menu-items .icons a {
    	font-size: 17px;
    
	}


	header#menu-2 .slogan {
	    align-items: center;
	    display: flex;
	    font-weight: 300;
	    font-style: italic;
	    font-size: 20px;
	    margin-left: 40px;
	}



}


@media(max-width: 1199px){

	header#menu-2 .menu-items a {
   
    margin-right: 12px;
	}

	header#menu-2 .menu-items .menu a {
    	font-size: 14px;
	}

	header#menu-2 .menu-items .icons a {
    	font-size: 15px;
	}

	header#menu-2 .menu-items a {
    	margin-right: 15px;
	}


	header#menu-2 .logo img {
    max-width: 80%;
	}

}


@media(max-width: 991px){

	header#menu-2 .menu-items a {
    margin-right: 10px;
	}

	header#menu-2 .logo img {
    max-width: 60%;
	}

	header#menu-2 .slogan {
    font-size: 16px;
    margin-left: 35px;
}


header#menu-2 .menu-items .menu a {
    font-size: 12px;
}


header#menu-2 .menu-items .menu {
    margin-right: 25px;
}


header#menu-2 .menu-items .icons a {
    font-size: 13px;
}


header#menu-2 .menu-items .icons {
    margin-right: 20px;
}

header#menu-2 .slogan {
    font-size: 14px;
    margin-left: 20px;
}


}



@media(max-width: 767px){

	header#menu-2 .menu-items .icons a {
	    font-size: 17px;
	    margin-right: 15px;
	}





}


@media(max-width: 400px){

header#menu-2 .slogan {
    font-size: 12px;
    margin-left: 10px;
}


header#menu-2 .menu-items .icons a {
    font-size: 15px;
    margin-right: 12px;
}

header#menu-2 .mobile-menu-icon {
    width: 50px;
}


header#menu-2 .mobile-menu-icon i {
   
    font-size:17px;
}

header#menu-2 .menu-items .icons {
    margin-right: 15px;
}



}



/* menu-3 */


header#menu-3 .menu-items .menu{
	display:none;
}


header#menu-3 .slogan{
	display:none;
}

@media(min-width: 768px){
	header#menu-3 .mobile-menu-icon {
    display: block;
	}
}


@media(max-width: 1200px){


	header#menu-3 .mobile-menu-icon{
		width:80px;
	}

}


@media(max-width: 991px){


	header#menu-3 .mobile-menu-icon{
		width:70px;
	}

}



@media(max-width: 500px){

	header#menu-3 .menu-items .icons a {
    font-size: 15px;
    margin-right: 15px;
	}


	header#menu-3 .menu-items .icons {
    margin-right: 10px;
	}


}


@media(max-width: 400px){

	header#menu-3 .mobile-menu-icon{
		width:50px;
	}

	header#menu-3 .mobile-menu-icon i{
		font-size:17px;
	}


	header#menu-3 .menu-items .icons a:last-child{
		margin-right:5px;
	}

	header#menu-3 .menu-items .icons a {
    font-size: 15px;
    margin-right: 10px;
	}

}



/* menu-4 */


header#menu-4{
	display:block;
	margin-bottom:60px;
	color:#f9f9f9;
}

header#menu-4 .top-menu{
	display:flex;
	flex-direction: row;
	height:94%;
	background-image: url("/images/fejlec_hatter.png");
	background-repeat: no-repeat;
	background-repeat-x: repeat;

}


header#menu-4 .bottom-menu.menu-items{
	text-align:center;
	display:block;
	background-color: #f9f9f9;
	height:78px;
	position:relative;
}



header#menu-4 .bottom-menu.menu-items .menu{
	margin-right:0;
	position:absolute;
	top:50%;
	transform: translate(0%, -50%);

	width:100%;
	text-align: center;

}


header#menu-4 .menu-items .menu a.active:after {
    margin-top: 30%;
}


@media(max-width: 1199px){


header#menu-4 .bottom-menu.menu-items {
    height: 55px;
}
header#menu-4{
	margin-bottom:44px;
}

header#menu-4 .menu-items .menu a.active:after {
    margin-top: 20%;
}


}


@media (max-width: 991px){
	header#menu-4 .slogan {
	    font-size: 14px;
	    margin-left: 20px;
	}

	header#menu-4 .bottom-menu.menu-items {
	    height: 80px;
	}

	header#menu-4{
		margin-bottom:70px;
	}

	header#menu-4 .bottom-menu.menu-items{
		width: 100%;
		max-width: 100%;
	}

	header#menu-4 .bottom-menu.menu-items .menu{
		width: 90%;
		left:50%;
		top:50%;
		transform: translate(-50%, -50%);
	}




}

@media(max-width: 767px){


	header#menu-4 .menu-items .menu{
		display:block;
	}

	header#menu-4 .mobile-menu-icon{
		display:block;
	}

	header#menu-4 .bottom-menu.menu-items{
		display:none;
	}

	header#menu-4{
		margin-bottom:0;
	}

	header#menu-4 .top-menu {
	    display: flex;
	    flex-direction: row;
	    height: 100%;
	}

	header .menu-items .icons{
		display:none;
	}


	header .logo {
	    max-width: 150px;
	}


	header {
	    height: 89px;
	}


	header .mobile-menu-icon{
		background-color: #fff;
		color:#980000;
	}


	header .mobile-menu-icon i{
		color:#980000;
	}


}


@media(max-width: 499px){


	header .logo {
	    max-width: 100px;
	}

	header {
	    height: 68px;
	}

}



@media(max-width: 400px){
	header#menu-4 .menu-items .menu a {
    font-size: 11px;
	}


	header#menu-4 .menu-items a {
    margin-right: 10px;
	}


	header#menu-4 .bottom-menu.menu-items {
    height: 40px;
	}


	header#menu-4{
		margin-bottom:0px;
	}


	header#menu-4 .slogan {
	    font-size: 12px;
	    margin-left: 10px;
	}

}


@media(max-width: 380px){

	


	header .logo {
    position: absolute;
    top: 50%;
     left: 0%; 
    transform: translate(-0%, -50%);
}

header .menu-items{
	margin-left:unset;
}


header#menu-4 .slogan {
    font-size: 12px;
    margin-left: 10px;
    margin-left: 32%;
    margin-right: auto;
}


}



/* slider */

.carousel-indicators li{

	border-radius: 50%;
	width:1.1vw;
	height:1.1vw;
	color:#aeaeae;
	border:0;
}

.carousel-indicators li.active{
	top:50%;
	border:1px solid #fff;
	background-color:#980000;
} 

.carousel-control-next, .carousel-control-prev{
	height: 5.21vw;
    width: 5.21vw;
    top: 50%;
    transform: translate(0px, -50%);
    background-color: transparent;
    opacity: 1;
    color: #fff;
}


.carousel-control-next i, .carousel-control-prev i{
	font-size:2.5vw;
}

.carousel .carousel-item .text{
	position:absolute;
	width:fit-content;
	max-width:75%;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	font-weight: 700;
	font-size:2.5vw;
	color:#fff;
}

.carousel dl, .carousel ol, .carousel ul {
    margin-top: 0;
    margin-bottom: 2.5vw;
}



/* slider-2 */




.carousel .carousel-text-box{
	position:absolute;
	top:44%;
	right:0;
	width:50%;
	transform:translate(0,-50%);

}


.carousel .carousel-text-box .text{
	position:static;
	transform:translate(0,0);
	line-height: 1.2;
}

.carousel .carousel-text-box a{
	display:inline-block;
	text-transform:uppercase;
	background-color: #393b3a;
	color:#fff;
	font-weight: 700;
	font-size:0.95vw;
	padding:0.95vw;
	padding-left: 3vw;
	padding-right: 3vw;
	margin-top:0.5vw;

}


/* slider-3 */

#slider-3 .carousel-item{
	overflow-x: hidden;
}

#slider-3 .carousel-item img{
	transform: translate(-10%, 0px);
	max-width: 100%;
	width:100%;
	height:auto;
}


.carousel .carousel-item .background{

	position: absolute;
    right: 0;
    width: 52.1%;
    height: 100%;
    top: 0;
    z-index: 1;
    background-color: #f9f9f9;
}


.carousel .carousel-item{
	position:relative;
}

.carousel .carousel-item .background .carousel-text-box{
	width:95%;


}

.carousel .carousel-item .background .carousel-text-box .text{
	color:#393b3a;
}


#slider-3 .carousel-indicators{
	margin-left:0%;
	margin-right: 54%;
}


#slider-3 .carousel-control-next{
	top: auto;
    transform: translate(0,0);
    bottom: 0;
}


#slider-3 .carousel-control-prev{
	top: auto;
    transform: translate(0,0);
    bottom: 0;
    left:auto;
    right:5.5%;

}

#slider-3 .carousel-item.active{
	overflow-x: hidden;
}


/* slider-4 */



#slider-4 .carousel-item.active{
	overflow-x: hidden;
}

#slider-4.carousel .carousel-item .background{
	right:auto;
	left:0;
}

#slider-4 .carousel-item img{
	transform:translate(41.5%, 0);
	max-width:100%;
	width:100%;
	height: auto;
}

#slider-4  .carousel-control-prev, #slider-4  .carousel-control-next{
	background-color: transparent;
	color:#393b3a;
	height: 2.21vw;
    width: 1.21vw;
    top:85%;
    z-index:10;

}


#slider-4  .carousel-control-prev{
	left:38%;
}

#slider-4 .carousel-control-next{
	right:auto;
	left:41%;
}


#slider-4 .carousel-indicators{
	max-width:5%;
	flex-direction: column;
	position:absolute;
	margin:0;
	left:auto;
	bottom:auto;
	right:1%;
	top:50%;
	transform: translateY(-50%);
	z-index:200;
}



#slider-4 .carousel-indicators li{
	margin-top:0;
	margin-bottom: 0.5vw;
	border:0;
}

#slider-4 .carousel-indicators li:last-child{
	margin-bottom: 0px;
}



/* text-box */

.text-box{
	background-color: #fff;
	width:100%;
	padding-top:3.65vw;
	padding-bottom:3.65vw;
}


.text-box .container{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	position:relative;
	max-width: 1800px;

}

.text-box .container .img{
	max-width: 100%;
	width:43%;
}



.text-box .container .img .img-frame{
	display: block;
    position: relative;
    width: 100%;
    padding-bottom: 65%;
}

.text-box .container .img .img-frame img{
	position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}



.text-box .container .texts{
	max-width: 100%;
	width:53%;
	
	margin-right:auto;
	color:#393b3a;
	margin-left:3%;
}


.text-box .container .texts .title{
	font-size:44px;
	margin-bottom:30px;
	font-weight: 700;
	color:#9f0100;

}

.text-box .container .texts .content p{
	text-align: justify;
	font-size:18px;
	font-weight: 300;
	margin-bottom:20px;
	color:#010101;
	line-height: 1.2;
}


.text-box .container .texts .content p.signo{
	color:#a00504;
}


.text-box .container .texts .content p span{
	display:block;
}

.text-box .container .texts a{
	color:#fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size:18px;
	padding:20px;
	padding-left:55px;
	padding-right:55px;
	background-color: #393b3a;
	display: block;
    width: fit-content;
    margin-left: auto;

}



@media(min-width: 1850px){
	 #text-box .container{
		max-width:1800px;
	}
}


@media(max-width: 1700px ){

	.text-box .container .texts .title{
		font-size: 40px;
	}

	.text-box .container .texts .content p {
	    font-size: 22px; 
	}


	.text-box .container .texts a{
		padding: 15px;
    	padding-left: 40px;
    	padding-right: 40px;
    	font-size: 16px;
	}

}



@media(max-width: 1500px ){

	.text-box .container .texts .title{
		font-size: 35px;
		margin-bottom:20px;
	}

	.text-box .container .texts .content p {
	    font-size: 1.4vw; 
	    margin-bottom:20px;
	}

}



@media(max-width: 1199px ){

	.text-box .container .texts .title{
		font-size: 2.3vw;
		margin-bottom:15px;
	}

	.text-box .container .texts .content p {
	    font-size: 1.4vw; 
	    margin-bottom:15px;
	}


	.text-box .container .texts a {
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 12px;
	}





}




@media(max-width: 767px){


	

	.text-box .container{
		flex-direction: column;
		padding:0;
	}


	.text-box .container .img{
		width: 100%;
		padding-left:15px;
		padding-right:15px;
		
	}


	.text-box .container .texts{
		width: 100%;
		max-width: 100%;
		margin:0;
		padding-left:15px;
		padding-right: 15px;
	}


	.text-box .container .texts .title{
		font-size:40px;
		margin-top:15px;
	}


	.text-box .container .texts .content p {
	    font-size: 20px;
	    margin-bottom: 15px;
	}

	.text-box .container .texts a {
	    padding: 12px;
	    padding-left: 40px;
	    padding-right: 40px;
	    font-size: 16px;
	    margin-top:5px;
	}

}



@media(max-width: 500px){


	.text-box .container .texts .title{
		font-size:32px;
		margin-top:15px;
	}


	.text-box .container .texts .content p {
	    font-size: 17px;
	    margin-bottom: 15px;
	}

	.text-box .container .texts a {
	    padding: 10px;
	    padding-left: 30px;
	    padding-right: 30px;
	    font-size: 15px;
	    margin-top:5px;
	}


}



@media(max-width: 400px){


	.text-box .container .texts .title{
		font-size:25px;
		margin-top:10px;
		margin-bottom:10px;
	}


	.text-box .container .texts .content p {
	    font-size: 14px;
	    margin-bottom: 10px;
	}

	.text-box .container .texts a {
	    padding: 7px;
	    padding-left: 22px;
	    padding-right: 22px;
	    font-size: 12px;
	    margin-top:2px;
	}


}



/* Hírek */


.news-container{
	padding-top:3.76vw;
	padding-bottom:3.76vw;
	padding-left:24px;
	padding-right: 24px;
	background-color: #fff;
	
}


.news-container .container-fluid{
	padding:0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}



.news-container .container-fluid .news-box{
	margin-right:auto;
}

.news-container .container-fluid .news-box:last-child{
	margin-right:0;
}


.news-container .container-fluid .news-box .img{
	position: relative;
	padding-bottom:65%;
	display:block;
	width: 100%;

}


.news-container .container-fluid .column .news-box{
	align-items: center;
}


.news-container .container-fluid .news-box .img img{
	position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}


.news-container .container-fluid .news-box {
    width: 23.75%;
    color:#393b3a;
    font-size:16px;
    font-weight: 300;
}


.news-container .container-fluid .news-box .title{
	font-size: 24px;
	font-weight:700;
	margin-top:40px;
	margin-bottom:32px;
	color:#9e0100;

}

.news-container .container-fluid .news-box .intro{
	margin-bottom:12px;
	line-height: 1.4;
	text-align: justify;
	font-size:16px;
}


.news-container .container-fluid .news-box .date{
	font-size: 20px;
	font-weight:700;
	color:#a6a6a6;
}

.news-container .container-fluid .news-box .date i{
	font-size:20px;
	font-weight: 900;
	margin-right: 15px;
}


.news-container .container-fluid .news-box a{
	display:block;
	width: fit-content;
	color:#fff;
	margin-left:auto;
	margin-right: auto;
	font-size: 18px;
	padding: 20px;
	padding-left:55px;
	padding-right: 55px;
	text-transform: uppercase;
	background-color: #9e0100;
	margin-top:65px;
	font-weight: 700;
	border-radius: 10px;
	transition: 0.5s;
}

.news-container .container-fluid .news-box a:hover{
	background-color: #303030;
}



@media(max-width: 1600px){


	.news-container .container-fluid .news-box{
		padding-right: 10px;
	}

	.news-container .container-fluid .news-box .title {
	    font-size: 22px;
	    margin-top: 25px;
	    margin-bottom: 25px;
	}

	.news-container .container-fluid .news-box .intro{
		font-size: 20px;
		
	}

	.news-container .container-fluid .news-box .date, .news-container .container-fluid .news-box .date i{
		font-size: 18px;
	} 


	.news-container .container-fluid .news-box a {
   
    font-size: 16px;
    padding: 15px;
    padding-left: 45px;
    padding-right: 45px;
    margin-top: 50px;
	}


}



@media(max-width: 1400px){

.news-container .container-fluid .news-box .title {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}


.news-container .container-fluid .news-box .intro {
    font-size: 18px;
}

.news-container .container-fluid .news-box .date, .news-container .container-fluid .news-box .date i {
    font-size: 16px;
}

.news-container .container-fluid .news-box .date i{
	margin-right: 10px;
}


.news-container .container-fluid .news-box a {
    font-size: 15px;
    padding: 12px;
    padding-left: 35px;
    padding-right: 35px;
    margin-top: 45px;
}


}


@media(max-width: 1199px){

	.news-container .container-fluid .news-box .title {
	    font-size: 18px;
	    margin-top: 15px;
	    margin-bottom: 15px;
	}

	.news-container .container-fluid .news-box .intro {
    	font-size: 16px;
	}

	.news-container .container-fluid .news-box .date, .news-container .container-fluid .news-box .date i {
    font-size: 14px;
	}


	.news-container .container-fluid .news-box .date i {
    margin-right: 6px;
	}

	.news-container .container-fluid .news-box a {
    font-size: 14px;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 35px;
	}



}






@media(max-width: 991px){


.news-container .container-fluid .news-box {
    width: 46.75%;
    color: #393b3a;
    font-size: 22px;
    font-weight: 300;
    margin-bottom:30px;
}

.news-container .container-fluid .news-box:nth-child(2n){
	margin-right:0;
}


.news-container .container-fluid .news-box:nth-child(3), .news-container .container-fluid .news-box:nth-child(4){
	margin-bottom:0;
}




}


@media(max-width: 767px){

	.news-container .container-fluid .news-box .title {
	    font-size: 16px;
	    margin-top: 12px;
	    margin-bottom: 12px;
	}

	.news-container .container-fluid .news-box .intro {
    	font-size: 14px;
	}


	.news-container .container-fluid .news-box .date, .news-container .container-fluid .news-box .date i {
    	font-size: 13px;
	}


	.news-container .container-fluid .news-box a {
	    font-size: 13px;
	    padding: 8px;
	    padding-left: 25px;
	    padding-right: 25px;
	    margin-top: 30px;
	}



}



@media(max-width: 500px){

	.news-container .container-fluid .news-box {
    	width: 48%;
    	padding-right:5px;
	}


	.news-container .container-fluid .news-box .title {
	    font-size: 14px;
	    margin-top: 8px;
	    margin-bottom: 8px;
	}


	.news-container .container-fluid .news-box .intro {
    	font-size: 12px;
	}


	.news-container .container-fluid .news-box .date, .news-container .container-fluid .news-box .date i {
    	font-size: 11px;
	}




	.news-container .container-fluid .news-box a {
	    font-size: 11px;
	    padding: 6px;
	    padding-left: 20px;
	    padding-right: 20px;
	    margin-top: 25px;
	}


}


@media(max-width: 400px){

	.news-container .container-fluid .news-box {
	    width: 100%;
	    padding-right: 0px;
	}


	.news-container .container-fluid .news-box .title {
	    font-size: 16px;
	    margin-top: 12px;
	    margin-bottom: 12px;
	}


	.news-container .container-fluid .news-box .intro {
   	 	font-size: 14px;
	}


	.news-container .container-fluid .news-box .date, .news-container .container-fluid .news-box .date i {
    	font-size: 14px;
	}


	.news-container .container-fluid .news-box:nth-child(3){
		margin-bottom:30px;
	}



	.news-container .container-fluid .news-box a {
	    font-size: 13px;
	    padding: 8px;
	    padding-left: 25px;
	    padding-right: 25px;
	    margin-top: 25px;
	}


}



/* news-2 */


.news-container .container-fluid .column{
	display: flex;
	flex-direction: column;
	width:46%;

}


.news-container .container-fluid .column .news-box{
	display: flex;
	flex-direction: row;
	position: relative;
	width:100%;
	margin-bottom:25px;

}


.news-container .container-fluid .column .news-box:last-child{
	margin-bottom:0;
}



.news-container .container-fluid .column .news-box .img {
    width: 50%;
    height: auto;
    padding-bottom: 28.65%;
    width: 100%;
    height: 50%;
}







.news-container .container-fluid .column .news-box .content{
	padding-left:40px;
	max-width: 72%;
	min-width: 72%;
}






.news-container .container-fluid .column .news-box a i{
	margin-left:10px;
}

@media(min-width: 991px){

	.news-container .container-fluid .column .news-box a{
	padding:0;
	color:#fff;
	background-color: transparent;
	margin-left:auto;
	margin-right:0;
	margin-top:0;
	background-color: #9e0100;
	padding:20px;
	padding-top:5px;
	padding-bottom:5px;
	transition: 0.5s;
}


.news-container .container-fluid .column .news-box a:hover{
	background-color: #303030;
}



	
}


@media(min-width: 1600px){

	.news-container .container-fluid .column .news-box .title{
	margin:0;
	margin-bottom:25px;
}


}





@media(max-width: 1650px){

.news-container .container-fluid .column .news-box .content {
    padding-left: 25px;
}

}


@media(max-width: 1600px) and (min-width: 1400px){

.news-container .container-fluid .column .news-box .title {
    margin-bottom: 15px;
    font-size: 20px;
}

.news-container .container-fluid .news-box .intro {
    font-size: 17px;
}

.news-container .container-fluid .news-box .date, .news-container .container-fluid .news-box .date i {
    font-size: 16px;
}

.news-container .container-fluid .news-box .date i{
	margin-right:5px;
}


.news-container .container-fluid .column .news-box a{
	font-size:14px;
}




}




@media(max-width: 1400px) and (min-width: 1199px){

.news-container .container-fluid .column .news-box .title {
    margin-bottom: 10px;
    font-size: 18px;
}

.news-container .container-fluid .news-box .intro {
    font-size: 15px;
}

.news-container .container-fluid .news-box .date, .news-container .container-fluid .news-box .date i {
    font-size: 14px;
}

.news-container .container-fluid .news-box .date i{
	margin-right:3px;
}


.news-container .container-fluid .column .news-box a{
	font-size:12px;
}


}



@media(max-width: 1199px) and (min-width: 991px){

.news-container .container-fluid .column .news-box .title {
    margin-bottom: 5px;
    font-size: 14px;
}

.news-container .container-fluid .news-box .intro {
    font-size: 12px;
}


.news-container .container-fluid .news-box .date, .news-container .container-fluid .news-box .date i {
    font-size: 11px;
}


.news-container .container-fluid .column .news-box a {
    font-size: 10px;
}

}



@media(max-width: 991px){


	.news-container .container-fluid .column .news-box .content{
		
		max-width: 100%;
	}

	.news-container .container-fluid .column{

		width: 100%;
		margin-left:auto;
		margin-right:auto;
		margin-top:20px;

	}

	.news-container .container-fluid .column .news-box .content{
		padding:0;
	}

	.news-container .container-fluid .column .news-box{
		flex-direction: column;
		width: 46.75%;
	}


	

		.news-container .container-fluid .column .news-box .img {
    		position: relative;
    		padding-bottom: 65%;
    		display: block;
    		width: 100%;
    		height:auto;
			}


			.news-container .container-fluid .column{
				flex-direction: row;
				flex-wrap: wrap;
			}


			.news-container .container-fluid .column .news-box a i{
				display:none;
			}

}



@media(max-width: 400px){


	.news-container .container-fluid .column .news-box{
		width: 100%;
	}

}




/* news-3 */


@media(min-width: 991px){


	#news-3 .container-fluid > .news-box {
   	 	width: 47.2%;
    	color: #393b3a;
    	font-size: 22px;
    	font-weight: 300;
    	margin-left: auto;
    	margin-right: auto;
    	position: relative;
	}


	#news-3 .container-fluid .column > .first-new{
		display:none;
	}




	#news-3 .container-fluid .date-next{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width:100%;
		align-items: center;
		margin-top:15px;
	}

	#news-3 .container-fluid .date-next .date{
		width:100%;

	}


	#news-3 .container-fluid .date-next a{
		margin-top:0;
	}





}


@media(max-width: 991px){


	#news-3 .container-fluid > .first-new {
   	 	display:none;
	}




}


/* services */

#services-1{
	background-image: url("/images/services-background.png");
	background-repeat: no-repeat;
	background-position: center center;
}

.services-container{
	background-color: rgba(239, 239, 239, 0.47);
	padding-left:3vw;
	padding-right:3vw;
	padding-top: 4vw;
	padding-bottom:4vw;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	max-width: 1305px;
	margin-left:auto;
	margin-right: auto;
}



.services-container .service{
	width: 30%;
	margin-right:auto;
}


.services-container .service:last-child{
	margin-right: 0;
}

.services-container .service .img{

	position: relative;

	padding-bottom:80%;
	border-radius: 60%;
	display:block;
	width: 80%;
	margin-left:auto;
	margin-right: auto;
	


}


.services-container .service .img img{
	position: absolute;
	left:0;
	right:0;
	width:100%;
	height:100%;
	object-fit: cover;
	padding:6px;
	border-radius: 60%;
	background-color: #efefef;

}


.services-container .service .title{
	color:#393b3a;
	text-transform: uppercase;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	margin-top:30px;
	margin-bottom:25px;
	line-height: 1.2;
}


.services-container .service .intro{
	font-weight:700;
	font-size:14px;
	color:#3a3c3b;
	line-height: 1.2;
}


.services-container .service a{
	color:#fff;
	background-color: #9e0100;
	text-transform: initial;
	width:fit-content;
	display:block;
	padding: 20px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:50px;
	padding-right:50px;
	margin-right:auto;
	margin-top:55px;
	font-weight: 700;
	font-size:17px;
	border-radius: 10px;
	transition: 0.5s;

}

.services-container .service a:hover{
	background-color: #303030;
}



@media(max-width: 1600px){

	.services-container .service .title{
		margin-top: 25px;
    	margin-bottom: 35px;
    	font-size:27px;
	}

	.services-container .service .intro {
	    font-size: 20px;
	}

	.services-container .service a{
		padding: 17px;
		padding-left:40px;
		padding-right:40px;
		font-size:16px;
	}



}



@media(max-width: 1400px){

	.services-container .service .title{
		margin-top: 20px;
    	margin-bottom: 30px;
    	font-size:24px;
	}

	.services-container .service .intro {
	    font-size: 18px;
	}

	.services-container .service a{
		padding: 14px;
		padding-left:32px;
		padding-right:32px;
		font-size:14px;
		margin-top: 35px;
	}
}




@media(max-width: 1199px){


	.services-container .service{
		padding-left:5px;
		padding-right: 5px;
	}

	.services-container .service .title{
		margin-top: 15px;
    	margin-bottom: 22px;
    	font-size:18px;
	}

	.services-container .service .intro {
	    font-size: 14px;
	}

	.services-container .service a{
		padding: 10px;
		padding-left:25px;
		padding-right:25px;
		font-size:12px;
		margin-top:28px;
	}

	.services-container .service .img img{
		padding: 4px;
	}

}


@media(max-width: 991px){

	.services-container .service .img img{
		padding: 2px;
	}

	.services-container .service {
	    width: 28%;
	}


	.services-container .service .title{
		min-height: 48px;

	}


	.services-container .service:nth-child(3){
		margin-right:0;
	}


	.services-container .service:nth-child(4){
		margin-left:auto;
		margin-right:10%;
		margin-top: 30px;
	} 


	 .services-container .service:nth-child(5){

	 	margin-left:0;
		margin-right:auto;
		margin-top:20px;

	 }


	 .services-container .service .title {
	    margin-top: 15px;
	    margin-bottom: 22px;
	    font-size: 20px;
	}


	.services-container .service .intro {
	    font-size: 16px;
	}



	.services-container .service a {
	    padding: 10px;
	    padding-left: 25px;
	    padding-right: 25px;
	    font-size: 14px;
	    margin-top: 28px;
	}


}


@media(max-width: 767px){

	#services-1{
		background-size: auto 100%;
	}
    

.services-container .service .title {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 16px;
}


.services-container .service .intro {
    font-size: 12px;
}


.services-container .service a {
    padding: 10px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
    margin-top: 28px;
}




}



@media(max-width: 600px){


	.services-container .service {
    	width: 45.3%;
    	margin-top:30px;
	}


	.services-container .service:nth-child(1), .services-container .service:nth-child(2){
		margin-top:0;
	}


	.services-container .service:nth-child(2n){
		margin-right: 0;
	}

	.services-container .service:last-child{
		margin-left:auto;
		margin-right: auto;
	}


	.services-container .service .title {
	    margin-top: 15px;
	    margin-bottom: 22px;
	    font-size: 18px;
	}


	.services-container .service .intro {
	    font-size: 14px;
	}

	.services-container .service a {
	    padding: 10px;
	    padding-left: 25px;
	    padding-right: 25px;
	    font-size: 14px;
	    margin-top: 28px;
	}

}



@media(max-width: 400px){


	.services-container .service{
		margin-left:auto;
		margin-right: auto !important;
		width:70%;
	}

	.services-container .service:nth-child(2){
		margin-top:30px;
	}


	.services-container .service .title {
    margin-top: 15px;
    margin-bottom: 22px;
    font-size: 20px;
}

}



/* gallery */

.gallery-container{

	padding-left: 5vw;
    padding-right: 5vw;
    padding-top: 4vw;
    padding-bottom: 4vw;
    background-color: #f9f9f9;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;

}


.gallery-container .img{
	width: 33.33%;
	display: block;
	position: relative;
	padding-bottom: 21.8%;
}

.gallery-container .img img{
	position: absolute;
	left:0;
	right:0;
	width: 100%;
	object-fit: cover;
}


.gallery-container a{
	position: absolute;
	color:#fff;
	background-color: #393b3a;
	font-weight: 700;
	text-transform: uppercase;
	font-size:18px;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	padding:20px;
	padding-left:70px;
	padding-right: 70px;
}






@media(max-width: 1400px) {

	.gallery-container a{
	    font-size: 15px;
	    padding: 12px;
	    padding-left: 45px;
	    padding-right: 45px;
	}

}




@media(max-width: 1199px) {

	.gallery-container a{
	    font-size: 13px;
	    padding: 10px;
	    padding-left: 35px;
	    padding-right: 35px;
	}




}



@media(max-width: 991px) {

	.gallery-container a{
	    font-size: 11px;
	    padding: 7px;
	    padding-left: 25px;
	    padding-right: 25px;
	}

}


@media(max-width: 767px) {

	.gallery-container a{
	    font-size: 14px;
	    padding: 7px;
	    padding-left: 25px;
	    padding-right: 25px;
	}


	.gallery-container .img{
		width:50%;
		padding-bottom: 32.73%;
	}



}


@media(max-width: 430px){

	.gallery-container a{
		width: fit-content;
	}

}


/* team members */

.team-members-container{

    display:flex;
    flex-direction: row;
    position: relative;
    background-image: url("../images/team-bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;

}


.team-members-container .container{

	padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0vw !important;
    padding-bottom: 0vw !important;
	width:100%;
	max-width: 1100px;
	color:#fff;
	

}

.team-members-container .member{
	padding-right:1.1%;
	outline:0;
	padding-top:3vw;
	padding-bottom: 6vw;
}

.team-members-container .slick-slide {

    margin:0;
}

.team-members-container .member:nth-child(1){
	background-color: rgba(55, 60, 63, 0.6);

}


.team-members-container .member:nth-child(2n){
	background-color: rgba(158, 1, 0, 0.6);
}


.team-members-container .member:nth-child(3n){
	background-color: rgba(55, 60, 63, 0.6);
}





.team-members-container .member .img{

	    width: 100%;
    border-radius: 60%;
    border: 4px solid #393b3a;
    display: block;
    padding-bottom: 80%;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    border-width: 0px !important;



}


.team-members-container .member .img img{
	position:absolute;
	left:0;
	right:0;
	width:100%;
	object-fit: cover;
	border-radius: 60%;

}

.team-members-container .member{
	color:#fff;
}


.team-members-container .member .name{
	
	font-size:21px;
	text-align: center;
	font-weight: 700;
	margin-top:40px;
	
	
}

.team-members-container .member .datas{
	padding-left:5%;
	padding-right: 5%;
}

.team-members-container .member .position{
	font-size: 21px;
	font-weight: 400;
	text-align: center;
	margin-bottom:5px;

}

.team-members-container .member .email{
	margin-bottom:5px;
}


.team-members-container .member .email, .team-members-container .member .phone{
	font-size:18px;
	margin-left:auto;
	margin-right: auto;
	

}

.team-members-container .member .email i{
	margin-right:10px;
}

.team-members-container .member .phone i{
	margin-right:15px;
}


.slick-arrow {
    position: absolute;
    border: 0;
    outline: 0 !important;
    color: #000;
    background-color: transparent;
    padding: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
    width: auto;
    height: auto;
    font-size: 36px;
    z-index: 1;
    top:50%;
    transform: translateY(-50%);
}


.slick-prev{
	left:0.8vw;
}


.slick-next{
	right:0.8vw;
}

.slick-slider{
	position: static;
}










@media(max-width: 1699px){

	.team-members-container .member .name {
	    font-size: 23px;
	    margin-top: 25px;
	}

	.team-members-container .member .position {
	    font-size: 18px;
	    margin-bottom: 5px;
	}


	.team-members-container .member .email, .team-members-container .member .phone {
	    font-size: 14px;
	}

	.team-members-container .member .email i{
		margin-right: 7px;
	}

	.team-members-container .member .phone i{
		margin-right: 7px;
	}



	 .slick-arrow{
		font-size:34px;

	}


}


@media(max-width: 1400px){

	.team-members-container .container {

	    max-width: 960px;
	}

	.team-members-container .member .name {
	    font-size: 21px;
	    margin-top: 25px;
	}

	.slick-arrow {
	    font-size: 33px;
	    padding: 20px;
	    padding-top: 3px;
	    padding-bottom: 4px;
	}


	.slick-prev{
		left:0;
	}


	.slick-right{
		right:0;
	}
}


@media(max-width: 1199px){


	.team-members-container .container {

	    max-width: 900px;
	}

	.team-members-container{
		background-size: 100% 100%;
	}

	.team-members-container .member .name {
	    font-size: 20px;
	    margin-top: 15px;
	}


	.team-members-container .member .position {
	    font-size: 15px;
	    margin-bottom: 3px;
	}


	.team-members-container .member .email, .team-members-container .member .phone {
	    font-size: 12px;
	}

	.slick-arrow {
	    font-size: 26px;
	    padding: 13px;
	    padding-top: 0px;
	    padding-bottom: 0px;
	}

}



@media(max-width: 991px){

	.team-members-container .container {

	    max-width: 700px;
	}

}


@media(max-width: 767px){

	.team-members-container .container {

	    max-width: 450px;
	}

	.team-members-container .member{
		background-color: rgba(55, 60, 63, 0.6) !important;
	}

	.team-members-container .member:nth-child(2n){
		background-color: rgba(158, 1, 0, 0.6) !important;
	}






}




@media(max-width: 499px){

	.team-members-container .container {

	    max-width: 400px;
	}

	.team-members-container .member .name {
	    font-size: 16px;
	    margin-top: 15px;
	}




}

@media(max-width: 452px){

	.team-members-container .member .name {
	    font-size: 18px;
	    margin-top: 15px;
	}


	.team-members-container .member .position {
	    font-size: 14px;
	    margin-bottom: 3px;
	}


	.team-members-container .member .email, .team-members-container .member .phone {
	    font-size: 11px;
	}

	.team-members-container .member{
		padding-right:1.2%;
		outline:0;
	}


	

}


@media(max-width: 419px){
	


	.team-members-container .member{
		
		outline:0;
	}


}



@media(max-width: 340px){
	.team-members-container .container {

	    max-width: 260px;
	}




}




/* they said */


.they-said{

    display:flex;
    flex-direction: row;
    position: relative;
    background-color: #fff;

}


.they-said .container{

	padding-left: 5vw;
    padding-right: 5vw;
    padding-top: 3vw;
    padding-bottom: 3vw;
	background-color: #fff;
	width:100%;


}


.they-said .container .member{
	width:48%;
	display:flex;
	flex-direction: row;
	outline:0;
	margin-right:45px;
}


.they-said .container .member > .img-box{
	display: flex;
	align-items: center;
	flex-direction: row;
	width: 100%;
	max-width: 29%;
}


.they-said .container .member > .img-box >.img{
	padding-bottom:100% !important;
}



.they-said .container .member .img{
	width:100%;
	position: relative;
	padding-bottom:28%;
	border-radius: 60%;
	display:block;
	border:2px solid #393b3a;
	border-width: 0 !important;
}


.they-said .container .member .img img{
	position: absolute;
	left:0;
	right:0;
	width:100%;
	object-fit: cover;
	border-radius: 100%;
}


.they-said .container .member .content{
	font-weight: 300;
	color:#393b3a;
	margin-left:20px;
}


.they-said .container .member .content .text{
	font-size:18px;
	text-align: justify;
	margin-top:6%;
}

.they-said .container .member .content .name{
	font-size: 16px;
	font-style: italic;
	margin-top:21px;
	text-align:right;
}


@media(min-width: 1700px){

	.they-said .container{
		max-width: 1500px;
	}

}


@media(max-width: 1699px){

	.they-said .container .member .content .text {
	    font-size: 14px;
	    margin-top: 4%;
	}

	.they-said .container .member .content .name {
	    font-size: 12px;
	    font-style: italic;
	    margin-top: 6px;
	    text-align: right;
	}


	.they-said .container .member .img {
    	width: 124%;
    	padding-bottom: 31%;
	}

}



@media(max-width: 1199px){


	.they-said .container .member > .img-box {
	 
	    max-width: 21%;
	}

	.they-said .container .member .img {
    	width: 100%;
    	padding-bottom: 33%;
	}

	.they-said .container .member .content .text {
	    font-size: 18px;
	    margin-top: 8%;
	}


	.they-said .container .member .content .name {
	    font-size: 16px;
	    font-style: italic;
	    margin-top:21px;
	    text-align: right;
	}


	.they-said .container .member .content{
		margin-left:40px;
	}


}



@media(max-width: 991px){

	.they-said .container .member .content .text {
	    font-size: 16px;
	    margin-top: 8%;
	}


	.they-said .container .member .content .name {
	    font-size: 15px;
	    font-style: italic;
	    margin-top: 15px;
	    text-align: right;
	}


	.they-said .container .member .content {
	    margin-left: 30px;
	}



	.they-said .container .member .img {
	    width: 100%;
	    padding-bottom: 29%;
	}


}



@media(max-width: 767px){

	.they-said .container .member .content .text {
	    font-size: 13px;
	    margin-top: 7%;
	}

	.they-said .container .member .content .name {
	    font-size: 12px;
	    font-style: italic;
	    margin-top: 10px;
	    text-align: right;
	}

	.they-said .container .member .img {
	    width: 100%;
	    padding-bottom: 27%;
	}


}



@media(max-width: 599px){



	.they-said .container .member{
		flex-direction: column;
	}

	.they-said .container .member .img {
	    width: 100%;
	    padding-bottom: 100%;
	}


	.they-said .container .member .content {
	    margin-left: 0;
	}

	.they-said .container .member > .img-box {
	    max-width: 80%;
	    margin-left:auto;
	    margin-right: auto;
	}


	.they-said .container .member{
		margin-right: 1.5%;
	}


}



@media(max-width: 419px){

	.they-said .container .member > .img-box {
	    max-width: 60%;
	    margin-left:auto;
	    margin-right: auto;
	}

}



/* contact form */


.contact-form{

	padding-left: 5vw;
    padding-right: 5vw;
    padding-top: 3vw;
    padding-bottom: 3vw;
	background-color: #f9f9f9;
	width:100%;
}

.contact-form .title{
	text-align:center;
	font-size: 36px;
	font-weight: 700;
	color:#393b3a;
}


.contact-form .text{
	font-size: 22px;
	color:#393b3a;
	text-align:center;
	max-width: 61%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:30px;
	font-weight: 300;
}

.contact-form form{
	width:100%;
}

.contact-form form .input-fields{
	display:flex;
	flex-direction: row;
}

.contact-form form .input-fields .left{
	width:46%;
	display:flex;
	flex-direction: column;
}

.contact-form form .input-fields .left input{
	width:100%;
	border:1px solid #9e0100;
	height:71px;
	padding-left: 4.75%;
	padding-right: 4.4%;
	font-size:24px;
	outline:0;
	font-weight: 400;
}


.contact-form form .input-fields .left .input-row:last-child{
	margin-bottom: 0;
}

.contact-form form .input-fields .left .input-row{
	position: relative;
	margin-bottom:21px;

}

.contact-form form .input-fields .left .input-box{
	position: relative;
}

.contact-form form .input-row .error-message{
	color:red;
	margin-top:5px;
}



.contact-form form .input-fields .left .input-row i{
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	left:4.4%;
	font-size:25px;
	display: none;
}


.contact-form form .input-fields .right textarea{
	width:100%;
	border:1px solid #9e0100;
	height:100%;
	padding-left: 4.4%;
	padding-right: 4.4%;
	font-size:24px;
	outline:0;
	font-weight: 400;
	padding-top:2%;
	padding-bottom:2%;
}


.contact-form form .input-fields .right .input-row{
	height: 100%;
}

.input-row .error-message{
	display:none;
}


.input-row.error .error-message{
	display:block;
}


.contact-form form .input-fields .right{
	width:52%;
	margin-left:auto;
}


.contact-form .privacy-policy{
	max-width: 45%;
	/*display:flex;
	flex-direction: row; */
	display: block !important;
	position: relative;
	margin-top:35px;
}

.contact-form .privacy-policy .privacy-policy-box{
	display:flex;
}

.contact-form .privacy-policy .checkbox-privacy {
    background-color: #fff;
    background-color: #9e0100;
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 0;
    width: 22px;
    height: 22px;
    margin-top:5px;

  
    }



.contact-form .privacy-policy .checkbox-privacy:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 8px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 5px;
    transform: rotate(-45deg);
    width: 15px;
}


.contact-form .privacy-policy input[type="checkbox"]:checked + .checkbox-privacy:after{
	opacity: 1;
}


.contact-form .privacy-policy input{
	opacity: 0;
}

.contact-form .privacy-policy .privacy-text{
	margin-left:2.8%;
	text-align: justify;
	font-size:16px;
	color:#393b3a;
	cursor:pointer;
}


.contact-form .privacy-policy .privacy-text a{
	font-weight: 700;
	color:#393b3a;
}


.contact-form .bottom {
	display:flex;
	flex-direction: row;
	width:100%;
}


.contact-form .bottom .button {
	width:50%;
	margin-left:auto;
}

.contact-form .bottom .button .send-btn{
	display:block;
	margin-left:auto;
	background-color: #9e0100;
	text-transform: uppercase;
	color:#fff;
	font-weight: 700;
	font-size: 18px;
	padding:20px;
	padding-top:18px;
	padding-bottom:18px;
	border:0px solid #9e0100;
	outline:0;
	margin-top:15px;
	margin-right:5px;
	border-radius: 10px;
	transition: 0.5s;
}


.contact-form .bottom .button .send-btn:hover{
	background-color: #303030;
}


@media(max-width: 1599px){

	.contact-form .title {
	    font-size: 34px;
	}		

	.contact-form .text {
	    font-size: 20px;
	    max-width: 61%;
	    margin-top: 20px;
	    margin-bottom: 30px;
	  
	}	


	.contact-form .privacy-policy .privacy-text {
	    margin-left: 2.8%;
	    font-size: 15px;
	}


	.contact-form form .input-fields .left input{
	    height: 65px;
	    padding-left: 9%;
	    padding-right: 4%;
	    font-size: 23px;
	}

	.contact-form form .input-fields .left .input-row i{
		font-size: 24px;
		left:3%;
	}


	.contact-form form .input-fields .right textarea {
   
	    padding-left: 4%;
	    padding-right: 4%;
	    font-size: 23px;
	    padding-top: 1.6%;
	    padding-bottom: 1.6%;
	}



	.contact-form .bottom .button .send-btn {
	    font-size: 16px;
	    padding: 18px;
	    padding-top: 16px;
	    padding-bottom: 16px;
	    margin-top: 12px;
	    margin-right: 4px;
	}


}
    


@media(max-width: 1199px){

	.contact-form .title {
	    font-size: 32px;
	}

	.contact-form .text {
	    font-size: 18px;
	    max-width: 82%;
	    margin-top: 15px;
	    margin-bottom: 20px;
	}


	.contact-form form .input-fields .left input {
	    height: 50px;
	    padding-left: 8%;
	    padding-right: 3%;
	    font-size: 20px;
	}


	.contact-form form .input-fields .left .input-row i {
	    font-size: 21px;
	    left: 2.5%;
	}


	.contact-form form .input-fields .left .input-row {
	    margin-bottom: 15px;
	}


	.contact-form form .input-fields .right textarea {
	    padding-left: 3%;
	    padding-right: 3%;
	    font-size: 20px;
	    padding-top: 1.4%;
	    padding-bottom: 1.4%;
	}


	.contact-form .privacy-policy .checkbox-privacy {
	    width: 17px;
	    height: 17px;
	    margin-top: 5px;
	}


	.contact-form .privacy-policy .checkbox-privacy:after {

	    height: 6px;
	    left: 3px;
	    top: 4px;
	    width: 12px;
	}



	.contact-form .privacy-policy .privacy-text {
	    margin-left: 2.8%;
	    font-size: 13px;
	}

	.contact-form .privacy-policy {
	    max-width: 45%;
	    margin-top: 20px;
	}


	.contact-form .bottom .button .send-btn {
	    font-size: 15px;
	    padding: 16px;
	    padding-top: 14px;
	    padding-bottom: 14px;
	    margin-top: 12px;
	    margin-right: 4px;
	}


}


@media(max-width: 991px){

	.contact-form .title {
	    font-size: 30px;
	}


	.contact-form .text {
	    font-size: 15px;
	    max-width: 82%;
	    margin-top: 15px;
	    margin-bottom: 20px;
	}



	.contact-form form .input-fields .left input {
	    height: 40px;
	    padding-left: 8%;
	    padding-right: 3%;
	    font-size: 15px;
	}


	.contact-form form .input-fields .left .input-row i {
	    font-size: 16px;
	    left: 2.5%;
	}


	.contact-form form .input-fields .right textarea {
	    padding-left: 3%;
	    padding-right: 3%;
	    font-size: 15px;
	    padding-top: 1.4%;
	    padding-bottom: 1.4%;
	}


	.contact-form .privacy-policy {
	    max-width: 70%;
	    margin-top: 15px;
	}

	.contact-form .privacy-policy .privacy-text {
	    margin-left: 2.8%;
	    font-size: 12px;
	}


	.contact-form .bottom .button .send-btn {
	    font-size: 13px;
	    padding: 14px;
	    padding-top: 12px;
	    padding-bottom: 12px;
	    margin-top: 10px;
	    margin-right: 4px;
	}



}


@media(max-width: 767px){

	.contact-form .title {
	    font-size: 28px;
	}


	.contact-form .text {
	    font-size: 13px;
	    max-width: 91%;
	    margin-top: 11px;
	    margin-bottom: 20px;
	}




	.contact-form form .input-fields{
		flex-wrap:wrap;
	}


	.contact-form form .input-fields .left {
    	width: 100%;
	}


	.contact-form form .input-fields .right {
	    width: 100%;
	    margin-top:20px;
	}



	.contact-form form .input-fields .right textarea {
	    padding-left: 3%;
	    padding-right: 3%;
	    font-size: 15px;
	    padding-top: 1.4%;
	    padding-bottom: 1.4%;
	    height:220px;
	}	


	.contact-form .bottom{
		flex-wrap:wrap;
	}


	.contact-form .privacy-policy{
		width:100%;
		max-width: 100%;
	}

}




/* map */


.map{

	padding-left: 5vw;
    padding-right: 5vw;
    padding-top: 3vw;
    padding-bottom: 3vw;
	background-color: #f9f9f9;
	width:100%;

}


.map iframe{
	width:100%;
	height:400px;
}






/* gyik */

.gyik {

	padding-left: 5vw;
    padding-right: 5vw;
    padding-top: 3vw;
    padding-bottom: 3vw;
	background-color: #f9f9f9;
	width:100%;

}


.gyik .question{
	color:#393b3a;
	font-weight: 700;
	font-size:24px;
	line-height: 36px;
	position: relative;
	cursor:pointer;
}




.gyik .question .plus, .gyik .question .negative{
	display:block;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	right:0;
	transition:0.5s;
	visibility: visible;
	opacity: 1;
}


.gyik .question .hidden{
	opacity: 0;
	visibility: hidden;
}


.gyik .answer{
	padding:20px;
	padding-bottom:5px;
	background-color: #fff;
	font-style: italic;
	font-weight: 300;
	color:#393b3a;
	font-size:24px;
	margin-top:25px;
	display:none;
}

.gyik .line{
	width:100%;
	margin-top:30px;
	display:block;
	height:1px;
	background-color: #393b3a;
}

.gyik .question-box{
	margin-top:40px;
}


.gyik .question-box:last-child .line{
	display:none;
}



@media(max-width: 1199px){

	.gyik .question {
	    font-size: 21px;
	    line-height: 25px;
	}

	.gyik .answer {
	    padding: 14px;
	    padding-bottom: 5px;
	    font-size: 19px;
	    margin-top: 20px;
	    display: none;
	}


	.gyik .question-box {
	    margin-top: 30px;
	}


}



@media(max-width: 991px){

	.gyik .question {
	    font-size: 19px;
	    line-height: 22px;
	}

	.gyik .answer {
	    padding: 10px;
	    padding-bottom: 4px;
	    font-size: 17px;
	    margin-top: 15px;
	    display: none;
	}


	.gyik .question-box {
	    margin-top: 25px;
	}


}




@media(max-width: 767px){

	.gyik .question {
	    font-size: 16px;
	    line-height: 18px;
	}

	.gyik .answer {
	    padding: 8px;
	    padding-bottom: 3px;
	    font-size: 14px;
	    margin-top: 10px;
	    display: none;
	}


	.gyik .question-box {
	    margin-top: 20px;
	}


	.gyik .line {
	    margin-top: 20px;
	}


}




@media(max-width: 450px){

	.gyik .question {
	    font-size: 15px;
	    line-height: 18px;
	}

	.gyik .answer {
	    padding: 8px;
	    padding-bottom: 3px;
	    font-size: 12px;
	    margin-top: 7px;
	    display: none;
	}


	.gyik .question-box {
	    margin-top: 15px;
	}


	.gyik .line {
	    margin-top: 15px;
	}


}



/* partners */

.partners{
	position:relative;
}

.partners .container{

	padding-left: 5vw;
    padding-right: 5vw;
    padding-top: 3vw;
    padding-bottom: 3vw;
	background-color: #f9f9f9;
	width:100%;

}


.partners .container .partner .img{
	position: relative;
	display: block;
	padding:50%;
	width: 100%;
	border-radius: 60%;
	border: 2px solid #393b3a;
}


.partners .container .partner .img img {
	position: absolute;
	width:100%;
	top:0;
	height:100%;
	left:0;
	right:0;
	object-fit: cover;
}


.partners .container .partner{
	margin-right: 1.5%;
	outline:0;
}


.partners .container .partner .partner-name{
	color:#393b3a;
	font-size:22px;
	font-weight: 700;
	text-align:center;
	width: 100%;
	text-transform: uppercase;
	margin-top:20px;
	line-height: 1.2;
}

.partners .slick-arrow{
	background-color: transparent;
	color:#393b3a;
	outline:0;
}



@media(min-width: 1700px){

	.partners .container{
		max-width: 1500px;
	}

}



@media(max-width: 1699px){

	.partners .container .partner .partner-name{
		font-size:20px;
	}

}


@media(max-width: 1199px){

	.partners .container .partner .partner-name{
		font-size:18px;
	}
}



@media(max-width: 991px){

	.partners .container .partner{
		margin-right: 1.1%;
		outline:0;
	}


	.partners .container .partner .partner-name{
		font-size:16px;
		margin-top:16px;
	}


}


@media(max-width: 767px){
	.partners .container .partner{
		margin-right: 1.3%;
		outline:0;
	}
}



@media(max-width: 499px){
	.partners .container .partner{
		margin-right: 1.2%;
		outline:0;
	}

	.partners .container .partner .partner-name {
	    font-size: 17px;
	    margin-top: 16px;
	}
}

@media(max-width: 400px){
	.partners .container .partner{
		margin-right: 1.35%;
		outline:0;
	}

	.partners .container .partner .partner-name {
	    font-size: 15px;
	    margin-top: 16px;
	}
}



@media(max-width: 350px){
	.partners .container .partner{
		margin-right: 1.5%;
		outline:0;
	}

	.partners .container .partner .partner-name {
	    font-size: 15px;
	    margin-top: 16px;
	}
}




/* newsletter */


.newsletter{

	padding-left: 13vw;
    padding-right: 13vw;
    padding-top: 3vw;
    padding-bottom: 3vw;
	background-color: #9e0101;
	width:100%;
	color:#fff;
}


.newsletter .inputs{
	display: flex;
	flex-direction: row;
}


.newsletter .inputs .input-row{
	margin-right: 2%;
}

.newsletter .email .email-box{
	position: relative;
}

.newsletter .error-message{
	color:red;
	margin-top:4px;
}

.newsletter .email{
	position:relative;
	width:60%;
	margin-left:auto;
	margin-right:auto;
}

.newsletter .email input{
	color:#393b3a;
	width: 100%;
	font-size: 24px;
	padding-left: 7.3%;
	padding-right:4%;
	height:71px;
	border:0px solid #393b3a !important;
	outline:0;
}


.newsletter .email i{
	position: absolute;
	left:3%;
	font-size:24px;
	top:50%;
	transform: translateY(-50%);
}



.newsletter .privacy-policy{
	max-width: 72%;
	display:flex;
	flex-direction: row;
	position: relative;
}


.newsletter .privacy-policy .checkbox-privacy {
    background-color: #fff;
   /* background-color: #393b3a; */
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 0;
    width: 22px;
    height: 22px;
    margin-top:5px;

  
    }



.newsletter .privacy-policy .checkbox-privacy:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 8px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 5px;
    transform: rotate(-45deg);
    width: 15px;
}


.newsletter form > .title{
	font-size: 27px;
	text-align: center;
	font-weight: 700;
	padding-bottom:3vw;
}


.newsletter .privacy-policy input[type="checkbox"]:checked + .checkbox-privacy{
	background-color: #303030;
}

.newsletter .privacy-policy input[type="checkbox"]:checked + .checkbox-privacy:after{
	opacity: 1;
	/*background-color: #303030; */
}


.newsletter .privacy-policy input{
	opacity: 0;
}

.newsletter .privacy-policy .privacy-text{
	margin-left:2.8%;
	text-align: justify;
	font-size:16px;
	color:#fff;
	cursor:pointer;
}


.newsletter .privacy-policy .privacy-text a{
	font-weight: 700;
	color:#fff;

}


.newsletter .bottom {
	display:flex;
	flex-direction: row;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}


.newsletter .bottom:nth-child(2){
	margin-top:0 !important;
}


.newsletter .bottom .button {
	width:28%;
	margin-left:auto;
}

.newsletter .bottom .button .subscribe-btn{
	display:block;
	margin-left:auto;
	background-color: #fff;
	text-transform: uppercase;
	color:#363636;
	font-weight: 700;
	font-size: 18px;
	padding:26px;
	padding-top:10px;
	padding-bottom:10px;
	border:0;
	outline:0;
	margin-right:3px;
	border-radius: 12px;
	transition: 0.5s;
}


.newsletter .bottom .button .subscribe-btn:hover{
	background-color: #303030;
	color:#fff;
}


@media(max-width: 1599px){

	.newsletter .email input {
	    font-size: 20px;
	    padding-left: 7.3%;
	    height: 60px;
	}


	.newsletter .email i {
	    left: 3%;
	    font-size: 21px;
	}



	.newsletter .privacy-policy .privacy-text {
	    margin-left: 2.8%;
	    font-size: 14px;
	}


	.newsletter .privacy-policy .checkbox-privacy {
	    width: 17px;
	    height: 17px;
	    margin-top: 4px;
	}


	.newsletter .privacy-policy .checkbox-privacy:after {
	    height: 6px;
	    left: 3px;
	    top: 4px;
	    width: 11px;
	}


	.newsletter .bottom .button .subscribe-btn {
	   
	    font-size: 16px;
	    padding: 20px;
	    padding-top: 16px;
	    padding-bottom: 16px;
	}

}



@media(max-width: 1399px){

	.newsletter .email input {
	    font-size: 20px;
	    padding-left: 7.3%;
	    height: 60px;
	}


	.newsletter .email i {
	    left: 3%;
	    font-size: 21px;
	}



	.newsletter .privacy-policy .privacy-text {
	    margin-left: 2.8%;
	    font-size: 13px;
	}


	.newsletter .privacy-policy .checkbox-privacy {
	    width: 17px;
	    height: 17px;
	    margin-top: 4px;
	}


	.newsletter .privacy-policy .checkbox-privacy:after {
	    height: 6px;
	    left: 3px;
	    top: 4px;
	    width: 11px;
	}


	.newsletter .bottom .button .subscribe-btn {
	   
	    font-size: 14px;
	    padding: 16px;
	    padding-top: 14px;
	    padding-bottom: 14px;
	}

}




@media(max-width: 1199px){


	.newsletter .bottom{
		flex-wrap:wrap;
		margin-top: 15px;
	}

	.newsletter .privacy-policy {
	    max-width: 100%;
	}



	.newsletter .bottom .button{
		width:100%;
		margin-top:15px;
	}


	.newsletter .email input {
	    font-size: 20px;
	    padding-left: 8%;
	    height: 50px;
	}


}



@media(max-width: 991px){

	.newsletter .email input {
	    font-size: 16px;
	    padding-left: 8%;
	    height: 40px;
	}


	.newsletter .email i {
	    left: 3%;
	    font-size: 16px;
	}


	.newsletter .privacy-policy .privacy-text {
	    margin-left: 2.8%;
	    font-size: 12px;
	}


	.newsletter .email {
	    position: relative;
	    width: 75%;
	    margin-left: auto;
	    margin-right: auto;
	}



	.newsletter .bottom {
	    width: 100%; 
	}


	.newsletter .bottom .button .subscribe-btn {
	    font-size: 13px;
		padding: 13px;
    	padding-top: 10px;
    	padding-bottom: 10px;
	}

	.newsletter form > .title {
	    font-size: 22px;
	    padding-bottom: 3vw;
	}

}



@media(max-width: 767px){

	.newsletter .inputs{
		flex-direction: column;
	}


	.newsletter .inputs .input-row{
		margin-right: 0;
		width: 100%;
		margin-bottom:15px;
	}

	.newsletter .inputs .input-row:last-child{
		margin-bottom:0;
	}

	.newsletter form > .title {
	    font-size: 20px;
	    padding-bottom: 3vw;
	}


	.newsletter {
	    padding-left: 4vw;
	    padding-right: 4vw;
	}

	.newsletter .email input {

	    padding-left: 3%;
	}


}



@media(max-width: 599px){

	.newsletter .email input {
	    font-size: 16px;
	    padding-left: 4%;
	    height: 40px;
	}


	.newsletter .bottom {
	    width: 100%;
	}


	.newsletter .email {
	    position: relative;
	    width: 90%;
	    margin-left: auto;
	    margin-right: auto;
	}


}




@media(max-width: 499px){

	.newsletter{
		    padding-top: 6vw;
		    padding-bottom: 6vw;
	}


	.newsletter form > .title{
		padding-bottom:5vw;
	}


}



/* footer */

footer{
	background-color: #f9f9f9;
    padding-top: 3vw;
}



footer .img img{
	max-width: 100%;

}


footer .column{
	display:flex;
}


footer .column a{
	font-size:20px;
	color:#393b3a;
	text-transform: uppercase;
}

footer .social-icons{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top:50px;
}


footer .social-icons a{
	font-size:30px;
	color:#393b3a;
	margin-right: 40px;

}


footer .column:nth-of-type(3) a{
	font-size: 19px;
    text-transform: initial;
}


footer .bottom{
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	background-color: #393b3a;
	color:#fff;
	height: 52px;
	align-items:center;
	padding-left:36px;
	padding-right: 28px;
	margin-top:0px !important;
	font-size:16px;
}


footer .bottom .center{
	text-align: center;
	font-weight: 700;
	width: 100%;
}


footer .bottom .right{
	margin-left:auto;
}


footer .bottom a{
	color:#fff;
}

footer .bottom .left a{
	font-weight: 700;
	text-transform: uppercase;
}






@media(max-width: 1199px){

	footer .column a {
	    font-size: 17px;
	}



	footer .column:nth-of-type(3) a {
	    font-size: 16px;

	}


	footer .column:nth-of-type(3) a i {
	    margin-right: 10px;
	    font-size: 17px;
	}


	footer .social-icons {
	    margin-top: 40px;
	}


	footer .social-icons a {
	    font-size: 23px;
	    color: #393b3a;
	    margin-right: 40px;
	}


	footer .bottom {
	    height: 52px;
	    padding-left: 36px;
	    padding-right: 28px;
	    margin-top: 40px;
	    font-size: 13px;
	}


}



@media(max-width: 767px){
	footer .bottom {
	    height: 80px;
	    padding-left: 0px;
	    padding-right: 0px;
	    margin-top: 40px;
	    font-size: 13px;
	    flex-direction: column;
	}	

	footer .left{
		margin-top:15px;
	}

	footer .bottom .right{
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
	}
}


@media(max-width: 499px){

	footer .bottom {
	    height: 70px;
	    padding-left: 0px;
	    padding-right: 0px;
	    margin-top: 40px;
	    font-size: 11px;
	    flex-direction: column;
	}
}


@media(max-width: 380px){

	footer .bottom {
	    height: 60px;
	    padding-left: 0px;
	    padding-right: 0px;
	    margin-top: 40px;
	    font-size: 9px;
	    flex-direction: column;
	}

	footer .column:nth-of-type(3) a {
	    font-size: 14px;
	}

	footer .column a {
	    font-size: 16px;
	}
}








/* footer-1 */


#footer-1 .img{
	position: relative;
	max-width: 300px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#footer-1 .column{
	flex-direction: row;
	flex-wrap: wrap;
	width:fit-content;
	margin-left:auto;
	margin-right: auto;
}

#footer-1 .column i{
	display: none;
}


#footer-1 .column:first-of-type{
	margin-top:45px;
	margin-bottom: 10px;
}

#footer-1 .column a{
	display:flex;
	flex-direction: row;
	align-items: center;
	color:#9e0100;
	font-weight: 700;
	transition: 0.5s;
}


#footer-1 .column a:hover{
	color:#000;
}


#footer-1 .column{
	max-width: 92%;
	margin-left:auto;
	margin-right: auto;
	text-align: center;
}

#footer-1 .column:first-of-type a:after, #footer-1 .column:nth-of-type(2) a:after{
	display:block;
	content: "";
	width:7px;
	height:7px;
	background-color: #393b3a;
	margin-right: 17px;
	margin-left:17px;
	border-radius:60%;
	pointer-events: none;
	visibility: hidden;
	display:none;

}

#footer-1 .column a{
	margin-right: 15px;
}



#footer-1 .column:first-of-type a, #footer-1 .column:nth-of-type(2) a{
	line-height: 1.6;
}

#footer-1 .line{
	width:92%;
	display:block;
	margin-left:auto;
	margin-right: auto;
	height:1px;
	background-color: #9e0100;
	margin-top:22px;
	margin-bottom:30px;
}


#footer-1 .column:nth-of-type(3) a{

	margin-right: 40px;

}


#footer-1 .column:nth-of-type(3) a:last-child{
	margin-right:0;
}

#footer-1 .column.contact a{
	color:#5a5a5a;
	text-transform: initial;
}

#footer-1 .column.contact a:after{
	content:"";
	width: 2px;
	display: inline-block;
	background-color: #5a5a5a;
	height: 75%;
	margin-left:15px;

}


#footer-1 .column a:last-child:after{
	display:none;
}



#footer-1 .social-icons{
	margin-left:auto;
	margin-right: auto;
	width: fit-content;
	display:none;

}


@media(max-width: 1199px){

	#footer-1 .column:first-of-type a:after {

	    width: 5px;
	    height: 5px;
	    margin-right: 13px;
	    margin-left: 13px;
	}


	#footer-1 .column:nth-of-type(3) a{
		margin-right:30px;
	}



}



@media(max-width: 991px){





	#footer-1 .img img {
	    max-width: 85%;
	    margin-left:auto;
	    margin-right:auto;
	    display:block;
	}




	#footer-1 .line {
	    width: 80%;
	    height: 1px;
	    margin-top: 22px;
	    margin-bottom: 30px;
	}

}



@media(max-width: 767px){

	#footer-1 .column a {
    	margin-top:10px;
	}



	#footer-1 .column:first-of-type a:after{
		display:none;
	}


  	#footer-1 .line{
  		display:none;
  	}


  	#footer-1 .column{
  		flex-direction: column;
  		margin-left:20px;
  	}


  	#footer-1 .column:nth-of-type(3){
  		margin-top:30px;
  	}


  	#footer-1 .social-icons{
  		margin-left:20px;
  	}



}




/* footer-2 */


#footer-2 .column{

	flex-direction: column;
	width: 46%;
	margin-left:auto;
	margin-right:auto;

}



#footer-2 .column > a{
	width:fit-content;
	margin-bottom:28px;
}

#footer-2 .column > a:last-child{
	margin-bottom:0px;
}


#footer-2 .column .title{
	font-weight: 700;
	color:#393b3a;
	font-size:19px;
	text-transform: uppercase;
}

#footer-2 .column .line{
	display:block;
	height:2px;
	width: 100%;
	background-color: #393b3a;
	margin-top:30px;
	margin-bottom:35px;
}


#footer-2 .box{
	display:flex;
	flex-direction: row;
	align-items:center;
}


#footer-2 .box .box-2{
	display:flex;
	flex-direction: row;
	width:60%;
	margin-left:auto;
}


#footer-2 .img{
	margin-left:5.3%;
	max-width:25%;
	width:fit-content;

}


#footer-2 .column .social-icons{
	margin-top:40px;
}

#footer-2 .column .social-icons a{
	font-size:30px;
}





@media(max-width: 1399px){

	#footer-2 .column:nth-of-type(3) a {
	    font-size: 16px;
	}


	#footer-2  .column a {
	    font-size: 16px;
	}


	#footer-2 .column > a {
	    width: fit-content;
	    margin-bottom: 20px;
	}


	#footer-2 .column .social-icons a{
		font-size:24px;
	}


	#footer-2 .column .social-icons{
		margin-top:30px;
	}


	#footer-2 .column .line {
	    display: block;
	    height: 2px;
	    width: 100%;
	    background-color: #393b3a;
	    margin-top: 22px;
	    margin-bottom: 28px;
	}


	#footer-2 .column .title {
	    font-weight: 700;
	    color: #393b3a;
	    font-size: 16px;
	    text-transform: uppercase;
	}


}



@media(max-width: 1199px){

	#footer-2 .column:nth-of-type(3) a {
	    font-size: 13px;
	}


	#footer-2  .column a {
	    font-size: 13px;
	}


	#footer-2 .column > a {
	    width: fit-content;
	    margin-bottom: 16px;
	}


	#footer-2 .column .social-icons a{
		font-size:20px;
		margin-right:25px;
	}


	#footer-2 .column .social-icons{
		margin-top:25px;
	}


	#footer-2 .column .line {
	    display: block;
	    height: 2px;
	    width: 100%;
	    background-color: #393b3a;
	    margin-top: 17px;
	    margin-bottom: 23px;
	}


	#footer-2 .column .title {
	    font-weight: 700;
	    color: #393b3a;
	    font-size: 14px;
	    text-transform: uppercase;
	}


}



@media(max-width: 991px){

	#footer-2 .box{
		flex-direction: column;
	}


	#footer-2 .img {
	    max-width: 25%;

	    margin-left:auto;
	    margin-right: auto;
	}


	#footer-2 .box .box-2{
		width:100%;
		margin-left:auto;
		margin-right:auto;
		margin-top:30px;
	}

}



@media(max-width: 599px){

	#footer-2 .box .box-2{
		flex-direction: column;
	}


	#footer-2 .box .box-2 .column{
		width:90%;
		max-width: 100%;
		margin-top:30px;
		margin-left:auto;
		margin-right:auto;
	}


}


/* Module title */


.module-title{
	width: 100%;
	background-color: #9e0100;
	font-size: 44px;
	color:#ffffff;
	text-align: center;
	font-weight: 700;
	padding-top:7px;
	padding-bottom:7px;

}


@media(max-width: 1199px){

	.module-title {

	    font-size: 36px;
	    padding-top: 5px;
	    padding-bottom: 5px;

	}


}




@media(max-width: 992px){

	.module-title {

	    font-size: 30px;
	    padding-top: 5px;
	    padding-bottom: 5px;
	    
	}


}




@media(max-width: 499px){

	.module-title {

	    font-size: 26px;
	    padding-top: 5px;
	    padding-bottom: 5px;
	    
	}


}


@media(max-width: 399px){

	.module-title {

	    font-size: 23px;
	    padding-top: 3px;
	    padding-bottom: 3px;
	    
	}


}


/* teas module */


#teas{
	padding:0;
}
#teas .container{
	max-width: 1390px;

}

 #teas .for-bg{

 	background-image: url("../images/teas-bg.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;

 }

#teas .container .teas{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding-top:3vw;
	padding-bottom:3vw;
}


#teas .container .teas .tea{
	width: 32.5%;
	background-color:#9e0100;
	 border-radius: 10px;
	 transition: 0.5s;
}

#teas .container .teas .tea:hover{

	color:#fff;
	background-color: #303030;

}


#teas .container .teas .tea:nth-child(2){
	margin-left:auto;
	margin-right: auto;
	
}


#teas .container .teas .tea .img-box{
	max-width: 94%;
	margin-top:3%;
	position: relative;
	width: 100%;
	display: block;
	padding-bottom:86%;
	overflow: hidden;
	margin-left:auto;
	margin-right: auto;

}

#teas .container .teas .tea .img-box img{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	object-fit: cover;

}


#teas .container .teas .tea .category{

	max-width: 94%;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	color:#fff;
	font-size: 24px;

	font-weight: 700;
	height: 72px;
	margin-top:1.5vw;
	margin-bottom:1.5vw;


}

#teas .bottom{
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-bottom:3vw;
}


#teas .bottom .text{
	font-size: 28px;
	margin-top:10px;
	color:#9e0100;
	font-weight: 700;
	text-align: center;

}

#teas .bottom .text a{
	color:inherit;
}


#teas .bottom .btn a{
	display: block;
	width: 345px;
	height: 36px;
	color:#fff;
	font-weight: 700;
	font-size: 23px;
	border:1px solid #9e0100;
	background-color: #9e0100;
	display: flex;
	align-items: center;
	border-radius: 10px;
	transition: 0.5s;
}


#teas .bottom .btn a:hover{
	background-color: #303030;
	color:#fff;
}

#teas .bottom .btn a > span{
	text-align: center;
	margin-left:auto;
	margin-right: auto;
	display: block;
}


@media(max-width: 1399px){

	#teas .container .teas .tea .category{
		font-size: 22px;
		height: 66px;
	}

	#teas .bottom .text {
	    font-size: 26px;
	    margin-top: 8px;
	    color: #9e0100;
	    font-weight: 700;
	}

}


@media(max-width: 1199px){

	#teas .bottom .text {
	    font-size: 24px;
	    color: #9e0100;
	}

	#teas .bottom .btn a {
	    width: 320px;
	    height: 34px;
	    font-size: 21px;
	    border-radius: 8px;
	}


	#teas .container .teas .tea .category{
		font-size: 20px;
		height: 60px;
	}

}


@media(max-width: 991px){

	#teas .container .teas .tea .category {
	    font-size: 18px;
	    height: 54px;
	}


	#teas .bottom .text {
	    font-size: 21px;
	    margin-top:7px;
	}

	#teas .bottom .btn a {
	    width: 290px;
	    height: 30px;
	    font-size: 18px;
	    border-radius: 7px;
	    margin-top: 5px;
	}


}



@media(max-width: 767px){

	#teas .container .teas .tea{
		width: 400px;
		margin-left:auto;
		margin-right: auto;
		margin-bottom:20px;
	}

	#teas .container .teas .tea:last-child{
		margin-bottom:0;
	}


	#teas .for-bg {
	
	    background-size: auto 100%;
	}


	#teas .container .teas .tea .category {
	    font-size: 22px;
	    height: 66px;
	}

	#teas .bottom{
		max-width: 90%;
		margin-left:auto;
		margin-right: auto;
	}


}



@media(max-width: 499px){

	#teas .container .teas .tea{
		width: 80%;
	}


	#teas .container .teas .tea .category {
	    font-size: 20px;
	    height: 60px;
	    margin-top: 2vw;
   		margin-bottom: 1vw;

	}

	#teas .container .teas {

	    padding-top: 6vw;
	    padding-bottom: 6vw;
	}




}



@media(max-width: 399px){

	#teas .bottom .text {
	    font-size: 19px;
	    margin-top: 7px;
	}


	#teas .bottom .btn a {
	    width: 270px;
	    height: 40px;
	    font-size: 18px;
	    border-radius: 7px;
	    margin-top: 12px;
	}


	#teas .container .teas .tea .category {
	    font-size: 18px;
	    height: 54px;
	}



}


/* footer plus text */


#footer-1 .footer-long-text{
	background-color: #9e0100;
	color:#fff;
	margin-top:20px;
	padding-top:30px;


}

#footer-1 .footer-long-text .text{
	max-width: 1490px;
	width: 80%;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	margin-left:auto;
	margin-right: auto;
}


#footer-1 .footer-long-text .socials{
	margin-left:auto;
	margin-right: auto;
	text-align: center;
	max-width: 65px;
	display: flex;
	padding-top:30px;
	padding-bottom:10px;

}

#footer-1 .footer-long-text .socials a{
	background-color: #fff;
	border-radius: 60%;
	width: 26px;
	height: 26px;
	display: flex;
	margin-right: auto;
	align-items: center;
	color:#9e0100;

}

#footer-1 .footer-long-text .socials a span{
	text-align: center;
	margin-left:auto;
	margin-right: auto;
}

#footer-1 .footer-long-text .socials a:last-child{
	margin-right: 0;
}


@media(max-width: 1199px){


	#footer-1 .footer-long-text .text {

	    width: 90%;

	    font-size: 16px;
	}

}


@media(max-width: 991px){

	#footer-1 .footer-long-text .text {
	    width: 90%;
	    font-size: 15px;
	}


	#footer-1 .footer-long-text .socials {
	    max-width: 65px;
	    padding-top: 20px;
	    padding-bottom: 8px;
	}

	#footer-1 .footer-long-text {
	 
	    margin-top: 16px;
	    padding-top: 20px;
	}

}


@media(max-width: 767px){

	footer .bottom {
	    height: auto;
	}

	footer .bottom .center{
		font-size: 16px;
		padding-top: 10px;
		padding-bottom:10px;
	}


	#footer-1 .footer-long-text .text {
	    width: 90%;
	    font-size: 14px;
	}


}


/* breadcrumbs */

.breadcrumbs{
	padding-top:10px;
	padding-bottom:10px;
	display:flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;

}

	
	.breadcrumbs{
		background-color: #f9f9f9;
	}

@media(min-width: 1400px){
	.breadcrumbs .container{
		max-width: 1300px;
		background-color: #f9f9f9;
	}

}

.breadcrumbs .item{
	color:#9f0100 !important;
	font-size: 14px;
	transition: 0.5s;
}

.breadcrumbs .item:after{
	content:">";
	margin-left:5px;
	margin-right: 5px;
	display: inline-block;
}

.breadcrumbs .item:last-child:hover{
	opacity: 1;
}

.breadcrumbs .item:last-child:after{
	display:none;
}

.breadcrumbs a:hover{
	opacity: 0.7;
}



/* product list */


.products-container .heading{
	width: 100%;
	background-color: #dcdcdc;
	padding-top:15px;
	padding-bottom:15px;
	font-size: 26px;
	text-align: center;
	color:#9f0100;
	font-weight: 700;

}


	.products-container .container{
			margin-top:80px;
			padding:0;
			margin-left:auto;
			margin-right: auto;
		}

@media(min-width: 1200px){
	.products-container .container{
		max-width: 1075px;
		
	}
}


.products-container .container .product{
	display:flex;
	flex-direction: row;
	align-items: flex-start;
	margin-bottom:50px;
}


.products-container .container .product .images{
	display:flex;
	flex-direction: row;
}


.products-container .container .product .images .sub-images{
	display: flex;
	flex-direction: column;

}

.products-container .container .product .images .sub-images .img-box{
	position: relative;
	width: 99px;
	padding-bottom:99px;
	display:block;
	overflow: hidden;
	margin-bottom:7px;
	border:2px solid #c0baba;
}


.products-container .container .product .images .sub-images .img-box img{
	position: absolute;
	left:0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.products-container .container .product .images .main-image .img-box{
	position: relative;
	width: 320px;
	padding-bottom:320px;
	border:2px solid #c0baba;
	margin-left:5px;
	display: block;

}


.products-container .container .product .images .main-image .img-box img{
	position: absolute;
	left:0;
	top:0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}


.products-container .container .product .datas {
	margin-left:30px;
	display: flex;
	flex-direction: column;

}


.products-container .container .product .datas .title{
	color:#9f0100;
	font-size: 20px;
	font-weight: 700;
}


.products-container .container .product .datas .description{
	font-size: 14px;
	margin-top:10px;
}


.products-container .container .product .datas .pictograms{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top:5px;

}

.products-container .container .product .datas .pictograms .img-box{
	position: relative;
	width: 45px;
	margin-right: 10px;

}

.products-container .container .product .datas .pictograms .img-box img{
	object-fit: contain;
	max-width: 100%;
}

.products-container .container .product .datas .btn-price{
	margin-top:8px;
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	align-items: center;
}

.products-container .container .product .datas .btn-price > a{
	background-color: #9f0100;
	padding:25px;
	padding-top:5px;
	padding-bottom:5px;
	color:#fff;
	border-radius: 8px;
	transition: 0.5s;
	border:1px solid #9f0100;
	font-size: 15px;
}

.products-container .container .product .datas .btn-price > a:hover{
	background-color: #fff;
	color:#9f0100;
}


.products-container .container .product .datas .btn-price .price{
	margin-left:30px;
	font-weight: 700;
	font-size: 28px;
}


.products-container .container .product .datas .rating{
	margin-top:5px;
}

.products-container .container .product .datas .rating .text{
	display:inline-block;
	color:#9f0100;
	font-weight: 700;
	font-size: 14px;
}

.products-container .container .product .datas .rating .rating-stars{
	display: inline-block;
	margin-left:8px;
	color:#9f0100;
	font-size: 18px;
}

.products-container .container .product .datas .rating .rating-cont{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
}

.products-container .container .product .datas .rating > a{
	display: inline-block;
	background-color: #9f0100;
	padding:10px;
	padding-top: 5px;
	padding-bottom:5px;
	color:#fff;
	border-radius: 8px;
	transition:0.5s;
	font-size: 13px;
	font-weight: 700;
	border:1px solid #9f0100;
	margin-top:4px;

}


.products-container .container .product .datas .rating > a:hover{
	background-color: #fff;
	color:#9f0100;
}


.products-container .container .product .images .sub-images{
	min-width: 99px;
}



@media(max-width: 1199px){


	.products-container .container .product .images .sub-images {
	    min-width: 92px;
	}

	.breadcrumbs .item {
	    font-size: 12px;
	}



	.products-container .heading {
	    padding-top: 13px;
	    padding-bottom: 13px;
	    font-size: 24px;

	}


	.products-container .container {
	    margin-top: 65px;
	}


	.products-container .container .product .datas .title {
	    font-size: 18px;
	}

	.products-container .container .product .datas .description {
	    font-size: 13px;
	    margin-top: 7px;
	}

	.products-container .container .product .datas .pictograms .img-box {
	    width: 35px;
	    margin-right: 9px;
	}


	.products-container .container .product .datas .btn-price > a {
	    padding: 15px;
	    padding-top: 4px;
	    padding-bottom: 4px;
	    border-radius: 6px;
	    font-size: 13px;
	}


	.products-container .container .product .datas .btn-price .price {
	    margin-left: 30px;
	    font-size: 25px;
	}


	.products-container .container .product .datas .rating .text {
	    font-size: 13px;
	}

	.products-container .container .product .datas .rating .rating-stars {
	    margin-left: 7px;
	    font-size: 16px;
	}


	.products-container .container .product .datas .rating > a {
	    padding: 8px;
	    padding-top: 4px;
	    padding-bottom: 4px;
	    border-radius: 6px;
	    font-size: 12px;
	    margin-top: 3px;
	}



	.products-container .container .product .images .main-image .img-box {
	    width: 295px;
	    padding-bottom: 295px;
	    margin-left: 5px;
	}



	.products-container .container .product .images .sub-images .img-box {
	    width: 92px;
	    padding-bottom: 92px;
	    margin-bottom: 5px;
	    border: 2px solid #c0baba;
	}



	.products-container .container .product .datas {
	    margin-left: 20px;
	}




}


@media(max-width: 991px){


	.products-container .container .product .images .sub-images { 
 		min-width: 77px;
	}

	.products-container .container {
	    margin-top: 50px;
	}


	.products-container .heading {
	    padding-top: 11px;
	    padding-bottom: 11px;
	    font-size: 22px;
	}


	.products-container .container .product .datas .title {
	    font-size: 16px;
	}


	.products-container .container .product .images .sub-images .img-box {
	    width: 69px;
	    padding-bottom: 69px;
	    margin-bottom: 5px;
	    border: 2px solid #c0baba;
	}


	.products-container .container .product .datas .description {
	    font-size: 12px;
	    margin-top: 3px;
	}

	.products-container .container .product .datas .pictograms .img-box {
	    width: 30px;
	    margin-right: 9px;
	}


	.products-container .container .product .datas {
	    margin-left: 15px;
	}


	.products-container .container .product .datas .description {
	    font-size: 12px;
	    margin-top: 3px;
	    line-height: 1.2;
	}


	.products-container .container .product .datas .btn-price > a {
	    padding: 15px;
	    padding-top: 3px;
	    padding-bottom: 3px;
	    border-radius: 6px;
	    font-size: 12px;
	}


	.products-container .container .product .datas .btn-price .price {
	    margin-left: 30px;
	    font-size: 22px;
	}


	.products-container .container .product .datas .rating .text {
	    font-size: 12px;
	}

	.products-container .container .product .datas .rating .rating-stars {
	    margin-left: 7px;
	    font-size: 14px;
	}

	.products-container .container .product .datas .rating > a {
	    padding: 8px;
	    padding-top: 3px;
	    padding-bottom: 3px;
	    border-radius: 6px;
	    font-size: 11px;
	    margin-top: 2px;
	}


	.products-container .container .product .images .main-image .img-box {
	    width: 250px;
	    padding-bottom: 250px;
	    margin-left: 3px;
	}



	.products-container .container .product .images .sub-images .img-box {
	    width: 77px;
	    padding-bottom: 77px;
	    margin-bottom: 5px;
	    border: 2px solid #c0baba;
	}


}


@media(max-width: 767px){


	.products-container .container .product .images .sub-images { 
 		min-width: 0px;
	}


	.products-container .container {
	    margin-top: 40px;
	}

	.products-container .container .product .images .main-image .img-box {
	    width: 154px;
	    padding-bottom: 154px;
	    margin-left: 3px;
	}



	.products-container .container .product .images .sub-images .img-box {
	    width: 61px;
	    padding-bottom: 61px;
	    margin-bottom: 4px;
	    border: 2px solid #c0baba;
	}


	.products-container .container .product .images .sub-images .img-box {
	    width: 46px;
	    padding-bottom: 46px;
	    margin-bottom: 4px;
	    border: 2px solid #c0baba;
	}


	.products-container .container .product .datas .title {
	    font-size: 13px;
	}



	.products-container .container .product .datas {
	    margin-left: 12px;
	}


	.products-container .container .product .datas .description {
	    font-size: 11px;
	    margin-top: 3px;
	    line-height: 1.2;
	}


	.products-container .container .product .datas .pictograms .img-box {
	    width: 21px;
	    margin-right: 5px;
	}

	.products-container .container .product {
	    display: flex;
	    flex-direction: column;
	    align-items: flex-start;
	    margin-bottom: 45px;
	}

	.products-container .container .product .images .main-image .img-box {
	    width: 260px;
	    padding-bottom: 260px;
	    margin-left: 3px;
	}


	.products-container .container .product .images .sub-images .img-box {
	    width: 81px;
	    padding-bottom: 81px;
	    margin-bottom: 4px;
	    border: 2px solid #c0baba;
	}

	.products-container .container .product .datas{
		margin-left:0;
	}


	.products-container .container .product .datas .title {
	    font-size: 18px;
	    margin-top: 5px;
	}


	.products-container .container .product .datas .description {
	    font-size: 13px;
	    margin-top: 5px;
	    line-height: 1.3;
	}

	.products-container .container .product .datas .pictograms .img-box {
	    width: 35px;
	    margin-right: 10px;
	    margin-bottom:2px;
	}

	.products-container .container .product .datas .pictograms {

	    margin-top: 8px;
	}

	.products-container .container .product .datas .btn-price > a {
	    padding: 25px;
	    padding-top: 5px;
	    padding-bottom: 5px;
	    border-radius: 8px;
	    font-size: 14px;
	}


	.products-container .container .product .datas .btn-price .price {
	    margin-left: 30px;
	    font-size: 24px;
	}


	.products-container .container .product .datas .rating {
	    margin-top: 10px;
	}


	.products-container .container .product .datas .rating .text {
	    font-size: 14px;
	}


	.products-container .container .product .datas .rating .rating-stars {
	    margin-left: 15px;
	    font-size: 18px;
	}


	.products-container .container .product .datas .rating > a {
	    padding: 10px;
	    padding-top: 5px;
	    padding-bottom: 5px;
	    border-radius: 8px;
	    font-size: 13px;
	    margin-top: 5px;
	}


}



@media(max-width: 599px){

	.products-container .container{
		max-width: 95%;
	}

}


@media(max-width: 499px){

	.breadcrumbs .item {
	    font-size: 11px;
	}


	.products-container .heading {
	    padding-top: 10px;
	    padding-bottom: 10px;
	    font-size: 18px;
	}

	.products-container .container .product .images .main-image .img-box {
	    width: 225px;
	    padding-bottom: 225px;
	    margin-left: 3px;
	}

	.products-container .container .product .images .sub-images .img-box {
	    width: 69px;
	    padding-bottom: 69px;
	    margin-bottom: 5px;
	    border: 2px solid #c0baba;
	}

	.products-container .container .product .datas .description {
	    font-size: 13px;
	    margin-top: 5px;
	    line-height: 1.3;
	}


	.products-container .container .product .datas .btn-price > a {
	    padding: 25px;
	    padding-top: 5px;
	    padding-bottom: 5px;
	    border-radius: 6px;
	    font-size: 13px;
	}

	.products-container .container .product .datas .btn-price .price {
	    margin-left: 30px;
	    font-size: 22px;
	}

	.products-container .container .product .datas .rating .rating-stars {
	    margin-left: 15px;
	    font-size: 16px;
	}

	.products-container .container .product .datas .rating > a {
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 6px;
    font-size: 12px;
    margin-top: 7px;
}


}


@media(max-width:399px){

	.products-container .container .product .datas .title {
	    font-size: 16px;
	    margin-top: 5px;
	}

	.breadcrumbs .item {
	    font-size: 10px;
	}


	.products-container .container .product .datas .btn-price > a {
	    padding: 20px;
	    padding-top: 4px;
	    padding-bottom: 4px;
	    border-radius: 5px;
	    font-size: 12px;
	}


	.products-container .container .product .datas .btn-price .price {
	    margin-left: 20px;
	    font-size: 20px;
	}


	.products-container .container .product .datas .rating .text {
	    font-size: 13px;
	}


	.products-container .container .product .datas .rating .rating-stars {
	    margin-left: 10px;
	    font-size: 14px;
	}


	.products-container .container .product .datas .rating > a {
	    padding: 10px;
	    padding-top: 4px;
	    padding-bottom: 4px;
	    border-radius: 5px;
	    font-size: 11px;
	    margin-top: 7px;
	}

}


/* pagination  */

.pagination-container{
	display: flex;
	flex-direction: column;
	align-items: center
}
.pagination-container .pagination{
	display:flex;
	align-items: center;
	flex-direction: row;
}


.pagination-container .pagination .page{
	width: 30px;
	height: 30px;
	width: 45px;
	height: 45px;
	font-size: 22px;
	margin-right: 1px;
	border-radius: 60%;
	color:#000;
	display: flex;
	align-items: center;
	flex-direction: row;
}

.pagination-container .pagination .page a{
	color:#000;
	display: block;
	margin-left:auto;
	margin-right: auto;
	text-align: center;
}

.pagination-container .pagination .page span{
	margin-left:auto;
	margin-right: auto;
	text-align: center;
}

.pagination-container .pagination .page.active{
	background-color: #9f0100;
	color:#fff;
}


@media(max-width: 767px){

	.pagination-container .pagination .page{
	width: 30px;
	height: 30px;

	font-size: 16px;
	
}


}




/* mobile menu */


@media(min-width: 768px){

	.mobile-menu{
		display:none;
	}
}

@media(max-width: 767px){

	.mobile-menu{
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: #9f0100;
		z-index:999;
		top:0;
		right:0;
		display: flex;
		flex-direction: column;
		overflow-y:auto;
   		overflow-x:hidden;
   		transform: translateX(100%);
   		transition: 1s;
	}


	.mobile-menu.open{
		transform: translateX(0);
	}

	.mobile-menu .close{
		margin-right: 20px;
		margin-top:20px;
		font-size: 30px;
		color:#fff;
		opacity: 1;
		transition: 0.5s;
		margin-left:auto;
		cursor:pointer;
	}


	.mobile-menu .logo{
		width: 200px;
		margin-left:auto;
		margin-right: auto;

	}

	.mobile-menu .logo img{
		max-width: 100%;
		filter: brightness(0) invert(1);
	}


	.mobile-menu .menu-points{
		display: flex;
		flex-direction: column;
		margin-top:50px;
		margin-left:20%;
		margin-right: auto;

	}


	.mobile-menu .menu-points a{
		color:#fff;
		font-size: 18px;
		margin-bottom:12px;
		transition: 0.5s;
		font-weight: 600;

	}



	.mobile-menu .menu-points a:hover{
		color:#000;
	}


	.mobile-menu  .icons{
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-left:auto;
		margin-right: auto;
		margin-top:20px;
		margin-bottom:40px;
	}


	.mobile-menu  .icons a{
		background-color:#fff;
		transition: 0.5s;
		width: 35px;
		height: 35px;
		display: flex;
		align-items: center;
		border-radius: 60%;
		color:#6a0100;
		margin-right: 15px;
		transition: 0.5s;

	}

	.mobile-menu  .icons a:hover{
		background-color: #303030;
		color:#fff;
	}

	.mobile-menu  .icons a span{
		margin-left:auto;
		margin-right: auto;
	}



}



@media(max-width: 399px){

	.mobile-menu .logo {
	    width: 170px;
	}

	.mobile-menu .menu-points a {
	    color: #fff;
	    font-size: 16px;
	    margin-bottom: 12px;
	    transition: 0.5s;
	    font-weight: 600;
	}

	.mobile-menu .menu-points {
	    display: flex;
	    flex-direction: column;
	    margin-top: 40px;
	    margin-left: 20%;
	    margin-right: auto;
	}


}


/* aloldalak formázása */

@media(min-width: 1300px){
			.container.sub-page{
				max-width: 1200px;
			}
		}

	@media(min-width: 1500px){
			.container.sub-page{
				max-width: 1400px;
			}
		}

	@media(min-width: 1700px){
		.container.sub-page{
			max-width: 1600px;
		}
	}

.nav-link.note-nav-link.active{
 	background-color: #dcdcdc;
 }


	.container.sub-page{
		padding-top:30px;

	}

	#news-1{
		background-color: #f9f9f9;
	}

	.container.sub-page img{
		max-width: 100%;
		height: auto;
	}

	.container.sub-page h1{
		font-size: 42px;
		font-weight: 700;
		color:#9f0100;
		background-color: #dcdcdc;
		width: 100vw;
		margin-left:-50vw;
		position: relative;
		left:50%;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.container.sub-page .content{
		font-size: 18px;
		margin-top:40px;
		margin-bottom:20px;
		color: #303030;
	}

	.container.sub-page .content img{
		max-width: 100%;
	}



@media(max-width: 1499px){

	.container.sub-page h1 {
	    font-size: 40px;
	  
	}


	.container.sub-page {
	    padding-top: 25px;
	}


	.container.sub-page .content {
	    font-size: 16px;
	    margin-top: 30px;
	    margin-bottom: 15px;
	}




}




@media(max-width: 1199px){


	.container.sub-page h1 {
	    font-size: 30px;
	}

	.container.sub-page {
	    padding-top: 20px;
	}



	.container.sub-page .content {
	    font-size: 15px;
	    margin-top: 25px;
	    margin-bottom: 15px;
	}




}



@media(max-width: 991px){


	.container.sub-page h1 {
	    font-size: 26px;
	}


	.container.sub-page {
	    padding-top: 15px;
	}


	.container.sub-page .content {
	    font-size: 15px;
	    margin-top: 25px;
	    margin-bottom: 15px;
	}

}


@media(max-width: 767px){



	.container.sub-page {
	    padding-top: 25px;
	    max-width: 95%;
	}

	.container.sub-page .content {
	    font-size: 14px;
	    margin-top: 25px;
	    margin-bottom: 15px;
	}

}


@media(max-width: 499px){

	.contact-form{
		padding-bottom:7vw;
	}

	.container.sub-page h1 {
	    font-size: 30px;
	}

}


@media(max-width: 399px){



.contact-form{
	padding-bottom:8vw;
}


#footer-1 .img img {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}


 .contact-form .bottom .button .send-btn {
    font-size: 12px;
    padding: 14px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 10px;
    margin-right: 4px;
}

}



/* urlap */




.table-container{
	padding: 20px;
	border-radius: 10px;
	background-color: #fff;
	margin-top:40px;
}

.table-container:first-child{
	margin-top:0;

}

.order-title{
	color:#9f0100;
	font-weight: 600;
	text-align: center;
	margin-bottom:50px;
	font-size: 22px;

}

form .personal-datas{

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

form .personal-datas .input-row .box{
	display:flex;
	align-items: center;
}


form .personal-datas .input-row{

	min-width: 700px;
}

form .personal-datas .input-row{
	margin-bottom:15px;
}

form .personal-datas .input-row:last-child{
	margin-bottom:0;
}


form .personal-datas .input-row label{
	color:#9f0100;
	font-weight: 700;
	margin-right: 20px;
	white-space: nowrap;
	min-width: 177px;
	text-align: right;
}


form .personal-datas .input-row input{
	border:0;
	outline:0;
	background-color: #9f0100;
	color:#fff;
	padding:10px;
	border-radius: 8px;
	width: 100%;
}


form .table{
	border:0;
	outline:0;
	margin-bottom:0;
}


form .table th{
	border:0;
	text-align: left;
	padding-right:20px;
	font-size: 18px;
	color: #9f0100;
	font-weight: 700;
	white-space: nowrap;
}

form .table td{
	border:0;
	text-align: left;
	padding-left:10px;
	padding-right: 10px;
	
}

form .table tr{
	border-bottom:1px solid #9f0100;
}


form .table .heading{
	border-width: 0;
}

form .table tr:last-child{
	border:0;
}


form .table .table-row td:nth-last-child(-n+3), form .table th:nth-last-child(-n+3) {
	text-align: center;
}


form .table tr:nth-child(2) td{

	padding-top:20px;

}

form .table .table-row td{
	font-size: 16px;
	color:#9f0100;
	font-weight: 500;
	vertical-align: middle;
	
}

 .order-form input:focus{
 	border:0;
 	outline:0;
 }

form .table .table-row td input{

	border:0;
	background-color: #9f0100;
	color:#fff;
	padding-left:10px;
	padding-right: 10px;
	text-align: center;
	max-width: 60px;
	border-radius: 20px;
	margin-right: 10px;
	font-size: inherit;

}

.quantity-box.container{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding-left: 0;
	padding-right: 0;

}


.quantity-box .box{
	display: flex;
	background-color: #fff;
	padding:20px;
	padding-left:100px;
	margin-top:20px;
	border-radius: 10px;
	align-items: center;

}


.quantity-box .box .quantity-title{
	font-weight: 700;
	font-size: 22px;
	color:#9f0100;
}

.quantity-box .box .amount{
	display: flex;
	align-items: center;
	margin-left:20px;
	background-color: #9f0100;
	color:#fff;
	padding:5px;
	padding-left:25px;
	padding-right: 5px;
	border-radius: 10px;
}


.quantity-box .box .amount .db{
	font-weight: 700;
	font-size: 22px;

}


.quantity-box .box .amount .product{
	background-color: #303030;
	width: 300px;
	text-align: center;
	margin-left:20px;
	border-radius: 8px;
}



.form-footer.container {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	margin-top: 80px;
	padding-left: 0;
	padding-right: 0;
}


.container.sub-page .form-footer .logo img{
	max-width: 185px;

}


.form-footer .info{
	display:flex;
	flex-direction: row;
	background-color: #fff;
	border-radius: 15px;
	padding:20px;
	margin-left:auto;
	margin-right: auto;
}

.form-footer .info .column{
	
	padding-right: 35px;

}


.form-footer .info .column:last-child{
	padding-right: 0;
}

.form-footer .info .column .col-row{
	color:#7d7d7d;
	font-size: 14px;
	line-height: 1.3;

}


.form-footer .order-rules{
	font-size: 13px;
	background-color: #9f0100;
	color:#fff;
	font-weight: 700;
	padding:20px;
	border-radius: 12px;
}


.form-footer .order-rules .flavors{
	margin-bottom:15px;
}

.form-footer .order-rules .column{
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 1.2;
}

.container.sub-page form .input-row.privacy.container{
	padding-left:0;
	padding-right: 0;
}

.container.sub-page form .input-row.privacy.container label{
	display: flex;
	font-size:14px;
	font-weight: 600;
	color:#9f0100;
	margin-top:60px;
	align-items: baseline;

}

.container.sub-page form .input-row.privacy.container label input{
	margin-right:15px;

}

.container.sub-page form .btn-container .send-btn{

	text-align: center;
	outline:0;
	border:0;
	background-color: #9f0100;
	color:#fff;
	transition: 0.5s;
	padding:10px;
	padding-left:40px;
	padding-right:40px;
	border-radius: 10px;
	font-size: 20px;
	font-weight: 500;
	

}


.container.sub-page form .btn-container{
	margin-top:55px;
	text-align: center;
}

.container.sub-page form .send-btn:hover{
	background-color: #303030;
}

.container.sub-page form .send-btn:focus{
	border:0;
	outline:0;
}

  
.container.sub-page .form-bottoms-section{
	background-color: #dcdcdc;
	padding-bottom:60px;
	padding-top:20px;
	margin-top:40px;
	width: 100vw;
	position: relative;
	 margin-left: -50vw;
	
	 left: 50%;

}

.container.sub-page form .btn-container .error-message{
	color:#9f0100;
	margin-top:10px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



@media(max-width: 1199px){

	.order-title {
	    margin-bottom: 40px;
	    font-size: 20px;
	}


	form .personal-datas .input-row {
	    min-width: 640px;
	}


	form .table th {
	    padding-right: 20px;
	    font-size: 17px;
	}


	form .table tr:nth-child(2) td {
	    padding-top: 15px;
	}


	form .table .table-row td {
	    font-size: 15px;
	}


	form .table .table-row td input {
	
	    padding-left: 8px;
	    padding-right: 8px;
	    max-width: 50px;
	    border-radius: 12px;
	    margin-right: 10px;
	}


	.quantity-box .box .quantity-title {
	    font-size: 20px;
	}


	.quantity-box .box .amount .db {
	    font-size: 20px;
	}


	.quantity-box .box .amount .product {
	    width: 265px;
	    margin-left: 20px;
	    border-radius: 6px;
	}


	.quantity-box .box {
	    padding: 20px;
	    padding-left: 80px;
	    margin-top: 20px;
	    border-radius: 8px;
	}


	.container.sub-page .form-footer .logo img {
	    max-width: 155px;
	}

	.form-footer .info .column {
	    padding-right: 20px;
	}


	.form-footer .info .column .col-row {
	    color: #7d7d7d;
	    font-size: 13px;
	    line-height: 1.3;
	}


	.form-footer .info {
	    border-radius: 10px;
	    padding: 17px;
	}



	.form-footer .order-rules {
	    font-size: 12px;
	    padding: 17px;
	    border-radius: 10px;
	}

	.container.sub-page form .input-row.privacy.container label {
	    font-size: 13px;
	    margin-top:50px;
	}


	.form-footer.container {
	    margin-top: 60px;

	}


	.container.sub-page form .btn-container .send-btn {
	    padding: 10px;
	    padding-left: 40px;
	    padding-right: 40px;
	    border-radius: 10px;
	    font-size: 19px;
	 
	}





}



@media(max-width: 991px){


	form .table th {
	    padding-right: 20px;
	    font-size: 16px;
	}


	form .personal-datas .input-row {
	    min-width: 580px;
	}

	.order-title {
	    margin-bottom: 35px;
	    font-size: 19px;
	}

	form .table tr:nth-child(2) td {
	    padding-top: 10px;
	}

	form .table .table-row td {
	    font-size: 14px;
	}

	form .table .table-row td input {
	    padding-left: 8px;
	    padding-right: 8px;
	    max-width: 45px;
	    border-radius: 11px;
	    margin-right: 8px;
	}


	.quantity-box .box .quantity-title {
	    font-size: 18px;
	}

	.quantity-box .box .amount .db {
	    font-size: 18px;
	}


	.quantity-box .box .amount .product{
		font-size: 14px;
		width: 235px;
	    margin-left: 16px;
	    border-radius: 5px;
	}

	.quantity-box .box {
	    padding: 16px;
	    padding-left: 70px;
	    margin-top: 20px;
	    border-radius: 7px;
	}



	







	.form-footer.container{
		flex-wrap: wrap;
    	margin-top: 45px;
	}


	.form-footer .order-rules{
		margin-top: 20px;
	}

	.form-footer .order-rules {
	    margin-top: 20px;
	    margin-left: auto;
	    margin-right: auto;
	}

	.form-footer .info{
		margin-right: unset;
	}


	.container.sub-page form .input-row.privacy.container label {
	    font-size: 13px;
	    margin-top: 40px;
	}

	.container.sub-page form .btn-container .send-btn {
	    padding: 10px;
	    padding-left: 40px;
	    padding-right: 40px;
	    border-radius: 10px;
	    font-size: 18px;
	}


	.container.sub-page form .btn-container {
	    margin-top: 45px;
	    text-align: center;
	}


}


@media(max-width: 767px){

	form .personal-datas .input-row {
	    min-width: 460px;
	}


	form .personal-datas .input-row input {
	    padding: 10px;
	    border-radius: 7px;
	    padding-top: 6px;
	    padding-bottom: 6px;
	}

	.container.sub-page h1 {
	    font-size: 24px;
	}


	form .personal-datas .input-row label {
	    margin-right: 15px;
	    min-width: 160px;
	}


	.order-title {
	    margin-bottom: 30px;
	    font-size: 18px;
	}


	form .table th {
	    padding-right: 15px;
	    padding-left: 5px;
	    font-size: 14px;
	    white-space:unset;
	}
	
	form .table .table-row td {
	    font-size: 13px;
	}


	form .table .table-row td input {
	    padding-left: 8px;
	    padding-right: 8px;
	    max-width: 37px;
	    border-radius: 10px;
	    margin-right: 5px;
	}


	.quantity-box .box .quantity-title {
	    font-size: 16px;
	}

	.quantity-box .box {
	    padding: 10px;
	    padding-left: 30px;
	    margin-top: 18px;
	    border-radius: 6px;
	    width: 100%;
	}



	.quantity-box .box .amount {
	    padding: 5px;
	    padding-left: 15px;
	    padding-right: 5px;
	    border-radius: 7px;
	    margin-left:auto;
	}


	.quantity-box .box .amount .product {
	    font-size: 13px;
	    width: 200px;
	    margin-left: 10px;
	    border-radius: 4px;
	}

	.quantity-box .box .amount .db {
	    font-size: 16px;
	}


	.container.sub-page .form-footer .logo{
		margin-bottom:15px;
		margin-left:auto;
		margin-right: auto;
	}

	.form-footer .info{
		width: 100%;
    	

	}

	.form-footer .info .column{
		padding-right: 17px;
	}


}


@media(max-width: 575px){

	.container.sub-page h1 {
	    font-size: 21px;
	}


	.order-title {
	    margin-bottom: 25px;
	    font-size: 16px;
	}


	form .personal-datas .input-row {
	    min-width: 400px;
	}

	.table-container{
		max-width: 95%;
		padding: 5px;
    	border-radius: 5px
	}

	form .table th {
	    padding-right: 15px;
	    padding-left: 10px;
	    font-size: 13px;
	}


	form .table .table-row td {
	    font-size: 12px;
	}

	form .table .table-row td input {
	    padding-left: 8px;
	    padding-right: 8px;
	    max-width: 35px;
	    border-radius: 10px;
	    margin-right: 4px;
	}


	.quantity-box .box {
	    padding: 8px;
	    padding-left: 30px;
	    margin-top: 18px;
	    border-radius: 5px;
	    width: 95%;
	    margin-left: auto;
	    margin-right: auto;
	}


	.quantity-box .box .quantity-title {
	    font-size: 14px;
	}

	.quantity-box .box .amount .db {
	    font-size: 14px;
	}


	.quantity-box .box .amount .product {
	    font-size: 12px;
	    width: 180px;
	    margin-left: 10px;
	    border-radius: 4px;
	}

	.quantity-box .box .amount {
	    padding: 5px;
	    padding-left: 15px;
	    padding-right: 5px;
	    border-radius: 6px;
	    margin-left: auto;
	}


	.form-footer .info {
	    width: 220px;
	    margin-left:auto;
	    margin-right: auto;
	    flex-wrap: wrap;
	    flex-direction: column;
	    align-items: center;
	    margin-top:5px;
	    border-radius: 7px;
	    padding: 13px;
	}

	.form-footer .info .column{
		min-width: 200px;
		margin-bottom:15px;
	}

	.form-footer.container{
		flex-direction: column;
	}


	.container.sub-page form .input-row.privacy.container{
		width: 92%;
	}

	.container.sub-page form .input-row.privacy.container label {
	    font-size: 12px;
	    margin-top: 30px;
	}

	.container.sub-page form .input-row.privacy.container label input {
	    margin-right: 10px;
	}


	.container.sub-page form .btn-container .send-btn {
	    padding: 8px;
	    padding-left: 30px;
	    padding-right: 30px;
	    border-radius: 8px;
	    font-size: 16px;
	}

	.container.sub-page form .btn-container {
	    margin-top: 38px;
	    text-align: center;
	}


	.container.sub-page .form-bottoms-section {
	    padding-bottom: 45px;
	}

	.container.sub-page .form-footer .logo img {
	    max-width: 180px;
	}

}


@media(max-width: 499px){

	.container.sub-page h1 {
	    font-size: 18px;
	}

	.order-title {
	    margin-bottom: 22px;
	    font-size: 15px;
	}

	form .personal-datas .input-row {
	    min-width: unset;
	    width: 100%;
	}

	.order-form{
		width: 100%;
	}

	.order-form .container{
		padding-left:0;
		padding-right: 0;
	}

	form .personal-datas .input-row label {
	    margin-right: 10px;
	    min-width: 144px;
	}


	form .table th {
	    padding-right: 8px;
	    padding-left: 8px;
	    font-size: 12px;
	}


	form .table .table-row td {
	    font-size: 11px;
	}


	form .table .table-row td input {
	    padding-left: 7px;
	    padding-right: 7px;
	    max-width: 30px;
	    border-radius: 9px;
	    margin-right: 3px;
	}


	.quantity-box .box .quantity-title {
	    font-size: 13px;
	}


	.quantity-box .box {
	    padding: 7px;
	    padding-left: 10px;
	    margin-top: 18px;
	    border-radius: 5px;
	    width: 95%;
	    margin-left: auto;
	    margin-right: auto;
	}

	.quantity-box .box .amount .db {
	    font-size: 13px;
	}

	.quantity-box .box .amount .product {
	    font-size: 11px;
	    width: 165px;
	    margin-left: 8px;
	    border-radius: 4px;
	}



}



@media(max-width: 430px){


	form .personal-datas .input-row label{
		font-size: 13px;
	}



	form .personal-datas .input-row input {
	    padding: 10px;
	    border-radius: 7px;
	    padding-top: 5px;
	    padding-bottom: 5px;
	    font-size: 13px;
	}


	form .table .table-row td{
		width: 25%;
	}

	form .table th{
		width: 25%;
		font-size: 11px;
		padding-left: 7px;
    	padding-right: 7px;
	}

	form .table .table-row td {
	    font-size: 10px;
	}

	form .table .table-row td input {
	    padding-left: 6px;
	    padding-right: 6px;
	    max-width: 25px;
	    border-radius: 8px;
	    margin-right: 3px;
	}


	.quantity-box .box .quantity-title {
	    font-size: 12px;
	}

	.quantity-box .box .amount .db {
	    font-size: 12px;
	}


	.quantity-box .box .amount .product {
	    font-size: 10px;
	    width: 145px;
	    margin-left: 8px;
	    border-radius: 4px;
	}




}

@media(max-width: 399px){

	.container.sub-page h1 {
	    font-size: 16px;
	}

	.order-title {
	    margin-bottom: 22px;
	    font-size: 14px;
	}


	.table-container{
		overflow-x: auto;
	}

	.quantity-box .box .quantity-title {
	    font-size: 11px;
	}


	.quantity-box .box .amount .db {
	    font-size: 11px;
	}

	.quantity-box .box .amount {
	    padding: 5px;
	    padding-left: 8px;
	    padding-right: 4px;
	    border-radius: 5px;
	    margin-left: auto;
	}

	.quantity-box .box .amount .product {
	    font-size: 9px;
	    width: 120px;
	    margin-left: 6px;
	    border-radius: 4px;
	}




}


@media(max-width: 350px){

	form .personal-datas .input-row label {
	    font-size: 11px;
	}

	form .personal-datas .input-row label {
	    margin-right: 7px;
	    min-width: 110px;
	}

}


@media(max-width: 330px){

	.quantity-box .box .quantity-title {
		font-size: 10px;
	}

	.quantity-box .box .amount .db {
	    font-size: 10px;
	}

}


/* slider fix */

@media(max-width: 599px){
	.they-said .slick-arrow{
		display:none !important;
	}
}

/* Receptek aloldal */


#news-1.news-container .container-fluid .news-box{
	display: flex;
	flex-direction: column;
	margin-bottom:35px !important;
}

#news-1.news-container .container-fluid .news-box .intro{

	margin-bottom:auto;
}

#news-1.news-container .container-fluid .news-box {
    margin-right: 1.6666666%;
}

#news-1.news-container .container-fluid .news-box:nth-child(4n){
	margin-right: 0;
}


.pagination-container.recipes{
	margin-top:20px;
}

@media(max-width: 991px){

#news-1.news-container .container-fluid .news-box {
    margin-right: auto;
}

#news-1.news-container .container-fluid .news-box:nth-child(2n){
	margin-right: 0;
}

}

@media(max-width: 767px){

	.pagination-container.recipes{
		margin-top:0px;
	}


}

.products-container .container .product .datas .pictograms .img-box {
    position: relative;
    width: 70px;
    margin-right: 10px;
    padding: 2px;
}

/*TEÁINK ALOLDAL*/
.our-teas{background: #9f2626;
    padding: 10px;
    border-radius: 20px;}
.our-teas-box{display: flex;
justify-content:space-evenly;}
.our-teas-textbox{background: #f9f9f9;
    padding: 20px;
    border-radius: 20px;}
.our-teas-textbox a {
    font-weight: 900;
    color: #980100;
}
@media(max-width:554px){.our-teas-box {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-around;
}}
@media(max-width:554px){ .our-teas-textbox {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 20px;
    margin: 10px;
}}
@media(min-width:992px){.szechenyi{display: inline-block;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 40;
    padding: 0;
    background: transparent;
    border: none;}}
                                                                                                                                    