@font-face {
	font-family: 'MADE_Bon_Voyage_Regular';
	src:url('../fonts/MADE_Bon_Voyage_Regular.woff') format('woff'),
		  url('../fonts/MADE_Bon_Voyage_Regular.woff2') format('woff2'),
		  url('../fonts/MADE_Bon_Voyage_Regular.eot'),
		  url('../fonts/MADE_Bon_Voyage_Regular.eot?#iefix') format('embedded-opentype'),
		  url('../fonts/MADE_Bon_Voyage_Regular.otf') format('truetype');
  
	font-weight: normal;
	font-style: normal;
	font-display: swap;
  }
  @font-face {
	font-family: 'fonntscom-Area_Inktrap_Thin';
	src:url('../fonts/fonntscom-Area_Inktrap_Thin.woff') format('woff'),
		  url('../fonts/fonntscom-Area_Inktrap_Thin.woff2') format('woff2'),
		  url('../fonts/fonntscom-Area_Inktrap_Thin.eot'),
		  url('../fonts/fonntscom-Area_Inktrap_Thin.eot?#iefix') format('embedded-opentype'),
		  url('../fonts/fonntscom-Area_Inktrap_Thin.otf') format('truetype');
  
	font-weight: normal;
	font-style: normal;
	font-display: swap;
  }


:root{
	--footer-lg-wrapper:15.417vw;
	--lg-wapper:290px;
	--input-field:1.5em;
	--input-height:60px;
	--input-padding:1em;
	--container-padding:3.125rem;
	--header-height:150px;
	--fwcontact-icon:30px;	
    /*container*/
    --main-container:1920px;
	--secondary-container:1400px;
	--third-container:1480px;	
	--small-container:900px;  	  
    /*font-family*/
    --main-fonts:'fonntscom-Area_Inktrap_Thin';
	--secondary-fonts: 'MADE_Bon_Voyage_Regular';
	--third-fonts:'BeteNoirNF'; 
	--f-Thin:100;
	--f-Extralight:200;
	--f-Light:300;
	--f-Regular:400;
	--f-Medium:500;
	--f-Semibold:600;
	--f-Bold:700;	
     /*color*/
    --main-color:#baa26a;
    --secondary-color:#a7192e;
	--third-color:#a18235;
	--fourth-color:#eae1d1;
	--white-color:#ffffff;
	--brown-color:#50362B;
	--brown-color-opacity:rgba(80, 54, 43, 0.6);
	--black-color:#000000;
	--grey-color:#212020;	
	--lightgrey-color:#f4ecde;	
	--grey-color2:#707070;
	--gradient-1:linear-gradient(to right, #002375 , #00033B);
	--gradient-2:linear-gradient(to right, #000675 , #C3061C);
	--gradient-3:linear-gradient(to right, #6E0812	 , #C3061C);
    /*space*/  
    --box-space:0.625rem;
    --section-space:3.75em;
    --post-space:3.125em; 
    --banner-space:2vw;
    --fw-sapce:2em;
    --block-space:15%;
    --item-space:1em;
    --header-col:2rem;
    --filter-space:1rem;
	--letter-space:0.1em;
    /*font-size*/   	
    --size-xxx-small: 0.975em;/*15*/
    --size-xx-small:0.938vw;/*18*/
	--size-x-small:1.198vw;/*23*/
	--size-small:1.563vw;/*30*/	
	--size-x-large:2.083vw;/*40*/
	--size-large:3.125vw;/*60*/
	--size-xl:4.167vw;/*80*/
	/*button*/
	--swiper-navigation-size:4rem; 
	--btn-padding:1em;
	--btn-height:3.75rem;
	--btn-width:10em;
	--btn-quantity:2.5rem;
	--btn-size:6.25rem;
	--arrow-size:220px;
	--gallery-padding: 30px;
    --gallery-padding-small: 15px;
	--gallery-thumb-height:26.042vw;
	
	}

	
@media (min-width:1920px) {

	:root{
		--footer-lg-wrapper:296px;
		--size-xx-small:1.125em;/*18*/
		--size-x-small:1.4375em;/*23*/
		--size-small:1.875em;/*30*/
		--size-x-large:2.5em;/*40*/
		--size-large:3.75em;/*60*/
		--size-xl:5em;/*80*/
		--gallery-thumb-height:500px;
		
	}
	
}


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


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

	:root{
		--arrow-size:100px;	
		--post-space:2.125em; 
		--lg-wapper:200px;
		--container-padding:2rem;
		--size-xx-small:1.815vw;/*18*/
		--size-x-small:2.319vw;/*23*/
		--size-small:3.024vw;/*30*/
		--size-x-large:4.032vw;/*40*/
		--size-large:6.048vw;/*60*/
		--size-xl:8.065vw;/*80*/
		--footer-lg-wrapper:25vw;
	
	}
	
}

@media only screen and (max-width:575px) {
	
:root{
	--fw-sapce:1em;
	--size-xx-small:16px;/*16*/
	--size-x-small:4vw;/*23*/
	--size-small:5.217vw;/*30*/
	--size-x-large:6.957vw;/*40*/
	--size-large:10.435vw;/*60*/
	--size-xl:12.174vw;/*70*/
	--gallery-padding:10px;
    --gallery-padding-small:5px;	
}		
}


.white-color{
	color:var(--white-color);
}

.black-color{
	color:var(--black-color);
}

.grey-color{
	color:var(--grey-color);
}



.main-color{
	color: var(--main-color);
}

.secondary-color{
	color: var(--secondary-color);
}

.third-color{
	color:var(--third-color);
}

.fourth-color{
	color:var(--fourth-color);
}



.main-container{
	max-width:var(--main-container);
	
}


.small-container{
	max-width:var(--small-container);
}

.secondary-container{
	max-width:var(--secondary-container);
}


.main-bg{
	background: var(--main-color);
}

.secondary-bg{
	background: var(--secondary-color);
}

.third-bg{
	background:var(--third-color);
}
.fourth-bg{
	background:var(--fourth-color);
}

.black-bg{
	background: var(--black-color);
}

.white-bg{
	background: var(--white-color);
}


.brown-bg{
	background: var(--brown-color);
}

.brown-bg-opacity{
	background: var(--brown-color-opacity);
}



.lightgrey-bg {
	background: var(--lightgrey-color);
}

.gradient-1-bg{
	background: var(--gradient-1);
}

.gradient-3-bg{
	background: var(--gradient-3);
}

.green-bg{
	background: #4AA596;
}

.green-bg02{
	background:#86C9BE;
}

.grey-bg{
	background:var(--grey-color);
}

.grey-bg02{
	background:#E8E8E8;
}
	
	
	
.pink-bg{
	background:#BF2249;
}

.pink-bg02{
	background:#73142C;
}
	
.black-bg{
	background:#000000;
}

.f-Semibold{
	font-weight:var(--f-Semibold);
}