@font-face {
  font-family: 'MuseoSans_500';
  src:url('../fonts/MuseoSans_500.woff') format('woff'),
        url('../fonts/MuseoSans_500.woff2') format('woff2'),
        url('../fonts/MuseoSans_500.eot'),
        url('../fonts/MuseoSans_500.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSans_500.otf') format('truetype');

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MuseoSans_900';
  src:url('../fonts/MuseoSans_900.woff') format('woff'),
        url('../fonts/MuseoSans_900.woff2') format('woff2'),
        url('../fonts/MuseoSans_900.eot'),
        url('../fonts/MuseoSans_900.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSans_900.otf') format('truetype');

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MuseoSans-900Italic';
  src:url('../fonts/MuseoSans-900Italic.woff') format('woff'),
        url('../fonts/MuseoSans-900Italic.woff2') format('woff2'),
        url('../fonts/MuseoSans-900Italic.eot'),
        url('../fonts/MuseoSans-900Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSans-900Italic.otf') format('truetype');

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MuseoSans-300';
  src:url('../fonts/MuseoSans-300.woff') format('woff'),
        url('../fonts/MuseoSans-300.woff2') format('woff2'),
        url('../fonts/MuseoSans-300.eot'),
        url('../fonts/MuseoSans-300.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSans-300.otf') format('truetype');

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MuseoSans-700Italic';
  src:url('../fonts/MuseoSans-700Italic.woff') format('woff'),
        url('../fonts/MuseoSans-700Italic.woff2') format('woff2'),
        url('../fonts/MuseoSans-700Italic.eot'),
        url('../fonts/MuseoSans-700Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSans-700Italic.otf') format('truetype');

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


:root{
	--main-container:1640px;
	--secondary-container:1360px;
	--third-container:1480px;
	--small-container:900px;
	--main-fonts:'MuseoSans_500';
	--secondary-fonts:'MuseoSans_900';
	--third-fonts:'MuseoSans-900Italic';
	--fourth-fonts:'MuseoSans-300';
	--fifth-fonts:'MuseoSans-700Italic';
	--main-color:#033E76;
	--white-color:#ffffff;
	--brown-color:#50362B;
	--brown-color-opacity:rgba(80, 54, 43, 0.6);
	--black-color:#000000;
	--grey-color:#444444;
	--secondary-color:#EFEFF0;
	--lightgrey-color:#B8B7B7;
	--lightergrey-color:#f2f2f2;
	
	--size-xxx-small: 0.875rem;/*14*/
	--size-xx-small: 1.125rem;/*18*/
	--size-x-small:1.25rem;/*20*/
	--size-small: 1.375rem;/*22*/
	--size-xxx-medium:1.5rem;/*24*/
	--size-xx-medium:1.75rem;/*30*/
	--size-medium:2.5rem;/*40*/	
	--size-x-large:3.75rem;/*60*/
	--size-large:6.25rem;/*100*/
	
	--icon-width:24px;
	--section-space:80px;
	--section-space-small:40px;
	--item-space:10px;
	--item-space2:30px;
	--block-space:50px;
	--input-field:30px;
	--input-height:60px;
	--input-padding:15px;
	--btn-padding:15px;
	--btn-height:50px;
	--popup-padding:30px;
	--box-padding:2.5rem;
	--box-radius:0.5rem;
	--filter-space:20px;
	--cart-space:10px;
	--container-padding:2rem;
	--container-padding-small:1.5rem;
	--post-space:30px;		
	--detail-space:30px;
	--banner-space:20px;	
	--btn-box:70px;
	--hero-space:1rem;
	--fw-sapce:10px;
	--fw-sapce-small:35px;
	--left-space:100px;	
	--header-space:100px;	
	--f-Thin:100;
	--f-Extralight:200;
	--f-Light:300;
	--f-Regular:400;
	--f-Medium:500;
	--f-Semibold:600;
	--f-Bold:700;
	--gallery-padding:30px;
	--gallery-padding-small:15px;
	--topbar-height:50px;
	--header-height:100px;	
	--button-arrow:3rem;
	--fwcontact-icon:60px;
    --fwcontact-space: 20px;
    --lg-wapper:170px;
    --thumb-space:40px;
    --container-inside:8%;
	}




.container-wrap{
	margin-left:var(--container-inside) ;
	margin-right: var(--container-inside) ;
}



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


@media only screen and (max-width:1366px) {
	
	:root{
		
	--container-padding:3rem;
	--container-padding-small:1.5rem;
	--size-xxx-small: 0.875rem;/*14*/
	--size-xx-small: 0.913rem;/*16*/
	--size-x-small:1rem;/*16*/
	--size-small: 1.125rem;/*18*/
	--size-xxx-medium:1.375rem;/*22*/
	--size-xx-medium:1.5rem;/*24*/
	--size-medium:1.75rem;/*30*/
	--size-x-large: 2.1875rem;/*35*/	
	--size-large:3.5rem;/*80*/
	--button-arrow:2rem;

	
	}
		
	
}	


@media only screen and (max-width:1199px) {
	
	:root{
		
	--container-padding:2rem;
	--container-padding-small:1rem;
	--gallery-padding: 10px;
    --gallery-padding-small: 5px;
    --lg-wapper:120px;
    --box-padding:1.5rem;
    --post-space:20px;
    --thumb-space:20px;
    --fwcontact-icon:2.5em;
    --fwcontact-space: 10px;
	
	}
	
	.container-wrap{
		margin-left: 0;
		margin-right: 0;
	}
	
}

@media only screen and (max-width:575px) {
	
	:root{
		--lg-wapper:100px;
	}
	
}



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

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

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

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

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

.main-color{
	color: var(--main-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);
}

.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);
}

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


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

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

.grey-bg{
	background:#D0D1D3;
}

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

.pink-bg02{
	background:#73142C;
}
	
.black-bg{
	background:#000000;
}
	
.f-Bold{
	font-weight:var(--f-Bold);
}