@charset "utf-8";
/* CSS Document */
.footer {
	margin-top: 0px;
}
.cooking-body-bk1{
	background-color: #ffeff0;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	padding: 0px 0px 60px 0px;
}
.cooking-body-bk2{
	border: 2px solid #b455b9;
	box-sizing: border-box;
	max-width: 1250px;
	width: 100%;
	border-radius: 60px;
	background-color: #ffffff;
	z-index: 10;
	position: relative;
}
.cooking-body-bk2 .top-img1 {
	position: absolute;
	margin-top: -20px;
	margin-left: -30px;
	margin-right: -30px;
}
.cooking-body-bk3 {
	background-image: url("../images/cooking/top_img2.png"),url("../images/cooking/bottom_img1.png");
	background-repeat: no-repeat,no-repeat;
	background-size: 100% auto,100% auto;
	background-position: top center,bottom center;
}
.cooking-body{
	max-width: 1150px;
	margin-left: auto;
	margin-right: auto;
	padding: 170px 0px 130px 0px;
}
.cooking-banner{
	margin: 20px 0px 20px 0px;
	text-align: center;
	z-index: 20;
	background-image: url("../images/cooking/top_img3.png");
	background-position: bottom center;
	background-repeat: no-repeat;	
	width: 1300px;
	display: flex;
	justify-content: center;
	min-height: 230px;
	align-items: flex-end;
}
.cooking-banner .main-title-bk1 {
	background-image: url("../images/cooking/main_title_bk1.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	width: 1000px;
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}
.cooking-banner .main-title-bk2 {
	width: 100%;
	background-image: url("../images/cooking/main_title_bk2.png");	
	background-position: top center;
	background-repeat: no-repeat;	
	margin-bottom: 55px;	
}
.cooking-banner .main-title-text {
	min-height: 50px;
	padding: 25px 100px 0px 100px;
	font-size: 2.3rem;
	line-height: 1.3;
	color:#8d2626;	
}
.cooking-body .section {
	display: flex;	
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.cooking-body .section .title{
	text-align: center;	
	color:#865050;
	font-size: 2.5em;
	padding: 0px 0px 30px 0px;
}
.cooking-body .section .words{
	text-align: center;	
	
	color:#715571;
	font-size: 1.3em;	
	padding: 0px 0px 40px 0px;		
}
.cooking-body .section .text{
}
.cooking-body .section .name{
	font-style:italic;
	color:#00aaff;
}
.cooking-body .section .name .name1{
	white-space: nowrap;	
}
.cooking-body .section .name .name2{
	color:#069245;
	white-space: nowrap;
}

.cooking-body .section-img {
	display: flex;
	justify-content: center;
	padding: 0px 30px 30px 30px;
}

.cooking-items {
	padding: 0px 0px 60px 0px;
    display: flex;
    flex-wrap: wrap;
}
.cooking-items .vbox {
	width: calc(25% - 15px);
	border-radius: 12px;
	overflow: hidden;
	max-height: 33%;
}

.cooking-items .vbox:nth-of-type(4n+4) {
	margin-right: 0px;
}
.cooking-items .vbox:nth-last-of-type(1), 
.cooking-items .vbox:nth-last-of-type(2), 
.cooking-items .vbox:nth-last-of-type(3), 
.cooking-items .vbox:nth-last-of-type(4) {
	margin-bottom: 0px;
}

.cooking-items .vbox .simage .simagebox a:hover, 
.cooking-items .vbox:hover .simage .simagebox a {
    border-bottom: 7px solid #b455b9;
}
.cooking-items .vbox .titles h3 em{
    color:#ea4335;
	font-style: normal;
}

.cooking-body .npages{
    justify-content: center;
    padding: 0px 0px 20px 0px;
    --color: #b455b9;
}

.cooking-body .category-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0px 0px 30px 0px;
}
.cooking-body .category-buttons a{    
    background-color: #ffeff0;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 0px 5px 10px 5px;
}
.cooking-body .category-buttons .current,
.cooking-body .category-buttons a:hover{
    background-color: #fa8b91;
}



.cooking-body .srchs-area {
  display: flex;
  justify-content: center;
  padding: 0px 0px 30px 0px;    
}
.srchs-container {
  width: 600px;    
}

.cooking-body .notfound {
    text-align: center;
    width: 100%;
    padding: 60px 0px;
}

.carousel-card {
   margin: 0px 0px 50px 0px;
   display: flex;   
   justify-content: center;   
   flex-wrap: wrap;           
}
.carousel-card .item{
   order: 1;    
   display: flex;
   width: 234px;    
   max-width: 403.33px;   
   margin: 0px 20px 20px 0px;    
   flex-direction: column;    
   box-shadow: 2px 4px 12px rgba(0,0,0,0.1);
   border-radius: 12px;
   background-color: #fff;
   overflow: hidden; 
   animation: hover-scale-out 0.2s linear forwards; 
   flex-grow: 1;  
   align-items: stretch;         
}
.carousel-card .item:last-of-type{
   margin-right: 0px;  
}
.carousel-card .item:hover {
  animation: hover-scale-hover 0.2s linear forwards;  
}
.carousel-card .item .simage{  
   background-repeat: no-repeat;
   background-size: cover; 
   background-position: center center;
}
.carousel-card .item .simage a{  
   width: 100%;    
   display: flex;
}
.carousel-card .item .simage img{  
   width: 100%;
}
.carousel-card .item .titles{
   display: flex;    
   justify-content: center;       
   padding: 15px;    
   flex: 1;        
}

@media screen and (max-width: 970px)  {	
.cooking-body{
	max-width: 100%;
	box-sizing: border-box;    
	padding: 80px 15px 50px 15px;
}
}

@media screen and (max-width: 600px)  {	
.cooking-body{
	max-width: 100%;
	box-sizing: border-box;
	padding: 60px 15px 50px 15px;
}
}

@media screen and (max-width: 970px) {	
.cooking-banner {
    background:none;
}
.cooking-items {
    padding: 0px 0px 30px 0px;
}
.cooking-items .vbox {
    border-radius: 0px;
    width: auto;
}
.cooking-items .vbox .simage {
    width: 150px;
}
.cooking-items .vbox .simage .simagebox {
    min-height: auto;
}
.cooking-items .vbox .titles h3 a {
    font-size: 1rem;
    line-height: 1.4;
    max-height: 5.6rem;
    -webkit-line-clamp: 4;
}	
    
.cooking-body-bk1{

}
.cooking-body-bk2{
    border-radius: 20px;
	margin: 0px 15px 0px 15px;
	width: auto;
	border: 1px solid #b455b9;
}
.cooking-body-bk2 .top-img1 {
    margin: -7px -10px 0px -10px;
}
.cooking-banner{
	padding: 30px 0px 0px 0px;
    margin: 0px 0px -25px 0px;
	max-width: 100vw;	
	min-height: auto;
	background-size: 100% auto;
}	
.cooking-banner .main-title-bk1 {
    width: 100%;
	max-width: 450px;
	background-size: 100% auto;
	margin-bottom: 40px;
}
.cooking-banner .main-title-bk2 {
	background-size: 100% auto;
	margin-bottom: 22px;
}	
.cooking-banner .main-title-text {
	font-size: 1.2rem;
	min-height: 20px;
    padding: 12px 40px 0px 40px;	
}

.cooking-body .section .title {
    font-size: 1.5em;
    padding: 0px 0px 15px 0px;
}	
.cooking-body .section .words {
    max-width: 100%;
    font-size: 1em;
    padding: 0px 0px 35px 0px;
}
.cooking-body .section .words .text br{
	display: none;
}	
.cooking-body .section-img {
	display: flex;
	justify-content: center;
	padding: 10px 30px;
}	
  
.cooking-body .category-buttons {
    padding: 5px 0px 15px 0px;
}    
    
.carousel-card {
    margin: 0px 0px 20px 0px;
}
.carousel-card .item{
   max-width: 640px;
   width: 100%;       
   margin: 0px 0px 20px 0px;    
   box-shadow: none;
   background-color: #f2f2f2;    
}  
.carousel-card .item:hover {
  animation: none;
}
.carousel-card.carousel-card3 .item:nth-of-type(n+4){
   max-width: 100%;      
}
    
.srchs-container  {
    width: 100%;
}  
.srchs-container .srch-keywords {
    margin-left: 15px;
    margin-right: 5px;
}    

}


.lang-gb .cooking-banner .main-title-text,
.lang-ch .cooking-banner .main-title-text {
	font-size: 3rem;
}

.lang-ru .cooking-banner .main-title-text,
.lang-bg .cooking-banner .main-title-text {
	font-size: 2rem;
}

@media screen and (max-width: 970px) {	
.lang-ru .cooking-banner .main-title-text,	
.lang-bg .cooking-banner .main-title-text {
	font-size: 0.87rem;	
}	
	
.lang-gb .cooking-banner .main-title-text,
.lang-ch .cooking-banner .main-title-text {
	font-size: 1.2rem;
}	
}

.lang-ar .cooking-banner .main-title-text,
.lang-fa .cooking-banner .main-title-text,
.lang-ar .cooking-body .section,
.lang-fa .cooking-body .section {
	direction: rtl;
}