/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


.bg-disabled{
	background-color:#8E918B !important;
}
.bg-cream{
	background-color:#E5D3BF !important;
}
.bg-cream-white{
	background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(229,211,191,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(229,211,191,1) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(229,211,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e5d3bf",GradientType=1);
}
.bg-green1{
	background-color:#ECF2E8 !important;
}
.bg-green2{
	background-color:#CDE0C0 !important;
}
.bg-brown{
	background-color:#d3a573 !important;
}
.bg-brown-10{
	background-color: rgba(211,165,115,0.1);
}
.bg-brown-20{
	background-color: rgba(211,165,115,0.2);
}
.bg-brown-40{
	background-color: rgba(211,165,115,0.4);
}
.bg-brown-60{
	background-color: rgba(211,165,115,0.6);
}
.bg-grad-gold{
	/* background: rgb(223,200,153);
	background: linear-gradient(90deg, rgba(223,200,153,0) 0%, rgba(223,200,153,0.8015405991498161) 60%, rgba(223,200,153,1) 100%);  */

	background: rgb(211,165,115); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(211,165,115,1) 0%, rgba(232,209,183,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(211,165,115,1) 0%,rgba(232,209,183,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(211,165,115,1) 0%,rgba(232,209,183,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3a573', endColorstr='#e8d1b7',GradientType=0 ); /* IE6-9 */
}
.bg-grad-gold2{
	color:#054139;
	background: rgb(234,213,189);
	background: -moz-linear-gradient(180deg, rgba(234,213,189,1) 0%, rgba(211,165,115,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(234,213,189,1) 0%, rgba(211,165,115,1) 100%);
	background: linear-gradient(180deg, rgba(234,213,189,1) 0%, rgba(211,165,115,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ead5bd",endColorstr="#d3a573",GradientType=1);

}
.bg-grad-white{
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8015405991498161) 60%, rgba(255,255,255,1) 100%);
}
.bg-circle-white{
	background: rgb(255,255,255);
background: -moz-radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.bg-gold{
	background-color:#DFC899 !important;
}
.bg-orange{
	background-color:#FF7700 !important;
}
.bg-green{
	background-color:#054139 !important;
}
.bg-grey{
	background-color: #E3F1DD;
}
.bg-lgreen{
	background-color: #E3F1DD;
}
.bg-white-grad{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+49,e7e7e7+51,fcfcfc+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 49%, #e7e7e7 51%, #fcfcfc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 49%,#e7e7e7 51%,#fcfcfc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 49%,#e7e7e7 51%,#fcfcfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
}
.bg-white-trans{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}
.bg-glass-lgreen{
	/* From https://css.glass */
background: rgba(236, 242, 232, 0.4);
/* border-radius: 16px; */
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(3.2px);
-webkit-backdrop-filter: blur(3.2px);
}
.bg-blur{
	backdrop-filter: blur(1px);
	-webkit-backdrop-filter: blur(1px);

}
.bg-glass-green{
	/* From https://css.glass */
background: rgba(5, 65, 57, 0.6);

/* border-radius: 16px; */
/* box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(3.2px);
-webkit-backdrop-filter: blur(3.2px); */
}
.bg-glass-green2{
	background: rgb(5,65,57);
background: -moz-linear-gradient(90deg, rgba(5,65,57,0.7035189075630253) 0%, rgba(5,65,57,0.6951155462184874) 80%, rgba(5,65,57,0.5018382352941176) 90%, rgba(5,65,57,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(5,65,57,0.7035189075630253) 0%, rgba(5,65,57,0.6951155462184874) 80%, rgba(5,65,57,0.5018382352941176) 90%, rgba(5,65,57,0) 100%);
background: linear-gradient(90deg, rgba(5,65,57,0.7035189075630253) 0%, rgba(5,65,57,0.6951155462184874) 80%, rgba(5,65,57,0.5018382352941176) 90%, rgba(5,65,57,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#054139",endColorstr="#054139",GradientType=1);

}
.bg-glass{

	/* From https://css.glass */
	background: rgba(255, 255, 255, 0.65);
	/* border-radius: 6px; */
	/* box-shadow: 2px 4px 30px rgba(0, 0, 0, 0.65); */
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(3.2px);
	-webkit-backdrop-filter: blur
	/* border: 2px solid rgba(255, 255, 255, 1); */
}
.bg-glass-sm{

	/* From https://css.glass */
	background: rgba(255, 255, 255, 0.65);
	/* border-radius: 6px; */
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	/* border-bottom: 2px solid rgba(255, 255, 255, 1); */
}
.bg-light-green{
	background-color:#ECF2E8 !important;
}
.bg-rose-gold{
	background: #F3E8DB;
}
.svg-underline{
	font-weight: bold;
	background:#054B41;
	color:#fff;
	border-bottom:#D3A573 6px solid ;
}
.active-menu{
	background:#054B41;
	color:#fff;
	border-bottom:#D3A573 6px solid ;
}
.active-menu a{
	color:#fff ;
}
.svg-underline-br{
	font-weight: bold;
	background:#D3A573;
}


.rounded-40{
	border-radius: 40px;
}
.btn-cream {
	color: #FFFFFF;
	background-color: #EEEADF;
	border-color: #EEEADF;
  }
  .btn-cream:hover {
	color: #054139 !important;
	background-color: #E1DDD3;
	border-color: #E1DDD3;
  }
.btn-green {
	color: #054139;
	background-color: #CDE0C0;
	border-color: #CDE0C0;
  }
  .btn-green:hover {
	color: #fff !important;
	background-color: #054139;
	border-color: #054139;
  }
  .btn-green-i {
	color: #fff;
	background-color: #054139;
	border-color: #054139;
  }
  .btn-green-i:hover {
	color: #EEEADF;
	background-color: #07554B;
	border-color: #07554B;
  }

  .btn-green2 {

	color: #054139;
	background: rgb(225,194,105);
background: -moz-linear-gradient(315deg, rgba(225,194,105,1) 0%, rgba(207,157,70,1) 75%);
background: -webkit-linear-gradient(315deg, rgba(225,194,105,1) 0%, rgba(207,157,70,1) 75%);
background: linear-gradient(315deg, rgba(225,194,105,1) 0%, rgba(207,157,70,1) 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e1c269",endColorstr="#cf9d46",GradientType=1);
box-shadow: 3px 2px 6px 0px rgba(0,0,0,0.23);
-webkit-box-shadow: 3px 2px 6px 0px rgba(0,0,0,0.23);
-moz-box-shadow: 3px 2px 6px 0px rgba(0,0,0,0.23);
}
  .btn-green2:hover {
	color: #fff;
	background-color: #054139;
	border-color: #054139;

  }
  .green-border{
	border-radius: 5px;
    border-color: #054139;
    border: 1px solid;
  }
  .grey-border{
	border-radius: 3px;
    border: 1px solid #E5E5E5;
  }
  .grid-inner-product{
	background-color:#EBD6BF !important;
	padding : 10px;
	border-radius: 5px;
	/* margin : 3px 5px; */
  }
  .gallery-image img {
	display: block;
	margin:0 auto;
}

.button-filter {
	display: inline-block;
	padding: 0.5em 0.5em;
	background: #EEE;
	border: none;
	border-radius: 3px;
	/* background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.1) ); */
	color: #222;
	font-family: 'Gotham';
	font-size: 16px;
	text-shadow: 0 1px white;
	cursor: pointer;
	width:100%;
	text-align: left;
	border: 1px solid #E5E5E5;
  }
  .button-filter-green {
	display: inline-block;
	padding: 0.5em 0.5em;
	background: #054139;
	border: none;
	border-radius: 3px;
	/* background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.1) ); */
	color: #FFF;
	font-family: 'Gotham';
	font-size: 16px;
	line-height:20px;
	width:100%;
	text-align: left;
	border: 1px solid #E5E5E5;
  }

  .button-filter:hover {
	background-color: #8CF;
	text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
	color: #222;
  }

  .button-filter:active,
  .button-filter.is-checked {
	background-color: #28F;
  }

  .button-filter.is-checked {
	/* color: white; */
	text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
  }

  .button-filter:active {
	box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
  }
.button.button-reveal.button-small::after {
	/* Renders the styles */
	content: '';
	/* Shows that it's interactive */
	cursor: pointer;
	/* A little border styling */
	border-radius: 3px;
	background-color: #CBCBCB;
	/* Positions the ring */
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translate(0, -50%);
	/* Sets the dimensions */
	height: 20px;
	width: 20px;
}
.button.button-reveal.button-small.is-checked::after {
	background-color: #FFF;
}
.button.button-reveal.button-small.is-checked i {
	left:calc(100% - 36px);
	width: 36px;
	z-index: 99999;
}
.button.button-reveal.button-small.is-checked {
	padding-left:36px;
	background-color: #CBCBCB !important;
}
.button-light.button-yellow:not(.button-border) { background-color: #FFF !important; }
.button-light.button-yellow:hover { background-color: #EBD6BF !important; }
/* .button-yellow { padding-left:30px !important;} */
.button-procella{
	border-radius: 3px;
	color:#054139;
	letter-spacing: 3px;
	background: #D3A573;
	-webkit-box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.25) !important;
	-moz-box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.25) !important;
	box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.25) !important;

	display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 13px 55px;
    font-size: 0.875rem;
    line-height: 24px;

    font-weight: 700;
    text-transform: uppercase;
    border: none;
    /* text-shadow: 1px 1px 1px rgb(0 0 0 / 20%); */
	/* Rectangle 1 */

}
.lsp-1{
	letter-spacing: 0.1rem;
}
.lsp-2{
	letter-spacing: 0.2rem;
}
.lsp-3{
	letter-spacing: 0.3rem;
}
.lsp-4{
	letter-spacing: 0.4rem;
}
.lsp-5{
	letter-spacing: 0.5rem;
}
.button-procella-small{
	color:#054139;
	background: rgb(234,213,189);
	background: -moz-linear-gradient(180deg, rgba(234,213,189,1) 0%, rgba(211,165,115,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(234,213,189,1) 0%, rgba(211,165,115,1) 100%);
	background: linear-gradient(180deg, rgba(234,213,189,1) 0%, rgba(211,165,115,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ead5bd",endColorstr="#d3a573",GradientType=1);


	-webkit-box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.25) !important;
	-moz-box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.25) !important;
	box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.25) !important;
	width:auto;
	text-align: center;
	display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    /* margin: 5px; */
    /* text-shadow: 1px 1px 1px rgb(0 0 0 / 20%); */
	/* Rectangle 1 */
	text-shadow: -1px -1px 0px rgba(5,65, 57, 0.3);

}

.button-procella-small:hover{
	background: rgb(234,213,189);
	background: -moz-linear-gradient(180deg, rgba(234,213,189,1) 40%, rgba(211,165,115,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(234,213,189,1) 40%, rgba(211,165,115,1) 100%);
	background: linear-gradient(180deg, rgba(234,213,189,1) 40%, rgba(211,165,115,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ead5bd",endColorstr="#d3a573",GradientType=1);
	color:#054139 !important;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3);
}

.button-procella-green{
	border-radius: 3px;
	color:#D3A573;
	letter-spacing: 3px;
	background: #054139;
	-webkit-box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.25) !important;
	-moz-box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.25) !important;
	box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.25) !important;

	display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    margin: 5px;
    padding: 13px 55px;
    font-size: 0.875rem;
    line-height: 24px;

    font-weight: 700;
    text-transform: uppercase;
    border: none;
    /* text-shadow: 1px 1px 1px rgb(0 0 0 / 20%); */
	/* Rectangle 1 */
}
.button-procella-green-small{
	border-radius: 3px;
	color:#D3A573;
	letter-spacing: 2px;
	background: #054139;
	-webkit-box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.25) !important;
	-moz-box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.25) !important;
	box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.25) !important;

	display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    font-size: 0.875rem;
    line-height: 24px;

    font-weight: 700;
    text-transform: uppercase;
    border: none;
    padding: 7px 25px !important;
}
.button-procella-green-small:hover,.button-procella-green-smaller:hover,.button-procella-green:hover{
	color:#EEE;
}
.button-procella-green-smaller{
	color:#D3A573;
	background: #054139;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25) !important;
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25) !important;
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25) !important;
	display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    font-size: 0.875rem;
    border: none;
}
.color-gold-grad{
	background: linear-gradient(180deg, #E6CDB0 0%, #D6AC7D 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.color-gold{
	color:#D3A573 !important;
}
.color-gold2{
	color:#E6CDB0 !important;
}
.color-green{
	color:#054139 !important;
}
.color-lgreen{
	color:#789990 !important;
}
.color-black{
	color:#01110F !important;
}
.color-white{
	color:#F7EFE5 !important;
}
.color-fff{
	color:#FFF !important;
}
.color-grey{
	color:#666666 !important;
}
.hr-gold{
	background: linear-gradient(180deg, #E6CDB0 0%, #D6AC7D 100%);
	height:3px;
}
.big-text{
	font-size: 33px !important;
}
.series-div{
	border-radius: 3px;
}
.series-div2{
	border-radius: 3px;
}
/* h3{
	text-align: center !important;
} */
.baton-turbo{
	font-family: 'baton-turbo', sans-serif !important;
}
.open-sans {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-variation-settings:
	  "wdth" 100;
  }
.bold-green{
	font-family: 'Gotham' !important;
	font-weight:900 !important;
	color:#054139 !important;
	font-size:larger !important;
}
.bold-green-small{
	font-family: 'baton-turbo', sans-serif !important;
	font-weight:900 !important;
	color:#054139 !important;
	font-size:medium !important;
}
.bold-black-small{
	font-family: 'Gotham' !important;
	font-weight:500 !important;
	color:#222 !important;
	font-size:smaller !important;
}
.bg-gradient-procella{
	background: rgb(234,212,187);
background: -moz-linear-gradient(90deg, rgba(234,212,187,1) 0%, rgba(211,165,115,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(234,212,187,1) 0%, rgba(211,165,115,1) 100%);
background: linear-gradient(90deg, rgba(234,212,187,1) 0%, rgba(211,165,115,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ead4bb",endColorstr="#d3a573",GradientType=1);
}
sub{
  	font-size: small !important;
	vertical-align: middle;
	font-weight: bolder !important;
}
.smallest{
	font-size: 50%;
	line-height: 1.2 !important;

}
.min-height{
	height:40px;
}
.button{
	margin:1px !important;
}
.poppins{
	font-family: 'Gotham' !important;
}
.lato{
	font-family: 'Lato', sans-serif !important;
}
.baton{
	font-family: 'Gotham' !important;
}
.philo{
	font-family: 'Gotham' !important;
}
.ui-group{
	margin-top:15px;
}
.link-light a{
	color:#FFF !important;
}
.link-light a:hover{
	color:#D3A573 !important;
}
.border-6{
	border-radius: 3px  !important;
}
.border-r-6{
	border-radius: 0px 0.3rem 0.3rem 0px !important;
}
.menu-item a:hover{
	color:#D3A573 !important;
}
.owl-prev{
	margin-left:5%;
	opacity: 0.5 !important;
}
.owl-next{
	margin-right:6%;
	opacity: 0.5 !important;
}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
	color: #DFF7DC !important;
	font-weight: bold !important;
	background-color: #054139 !important;
	border-color: #054139 !important;
  }
  .text-justify{
	text-align: justify;
  }
  .underline{
	/* text-decoration: underline; */
	border-bottom:#054139 2px solid ;
  }
  .radio_item{
    display: none !important;
    }

.label_item {
	opacity: 0.6;
	border-bottom:#246360 6px solid ;
}
.radio_item:hover + label {
	opacity: 0.8;
	border-bottom:#D3A573 6px solid ;
}

.radio_item:checked + label {
   opacity: 1;
	border-bottom:#D3A573 6px solid ;

}

label {
cursor: pointer;

}
.txt-shadow-none{
	text-shadow: 0px 0px 0px RGBA(0,0,0,0) !important;
}
.txt-shadow-sm{
	text-shadow: 1px 1px 1px RGBA(0,0,0,0.3);
}
.txt-shadow-md{
	text-shadow: 2px 2px 2px RGBA(0,0,0,0.6);
}
.txt-shadow-lg{
	text-shadow: 3px 3px 2px RGBA(0,0,0,0.9);
}
.box-shadow-sm{
	box-shadow: 0px 0px 2px 1px RGBA(0,0,0,0.5);
}
.overlay-div{
	height:100%;
	width: 100%;
	position:absolute;
	background-color:RGBA(0,0,0,0.4);
	/* opacity:.7; */
	z-index:9;
 }
 .revo-slider-emphasis-text {
	font-size: 50px;
	font-weight: 700;
	/* letter-spacing: -1px; */
	font-family: 'Gotham';
	padding: 15px 20px;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;

}

.revo-slider-desc-text {
	/* font-size: 16px; */
	font-family: 'Gotham';
	width: 650px;
	text-align: center;
	line-height: 1.5;
	/* text-shadow: 1px 1px 1px #000; */
}

.revo-slider-caps-text {
	/* font-size: 25px;
	font-weight: 400; */
	/* letter-spacing: 3px; */
	font-family: 'Gotham';
	/* text-shadow: 1px 1px 1px #000; */
}
.tp-video-play-button { display: none !important; }

.tp-caption { white-space: nowrap; }
.txt-grad {
	font-size: 24px;
	background: -webkit-linear-gradient(left,#EADBB8, #CDAB66);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 1.2em;
  }
.txt-grad-green {
	font-size: 24px;
	background: -webkit-linear-gradient(left,#054139, #044139);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 1.2em;
  }
.width-slider{
	width:90vw !important;
	left : 5vw !important;
}

.slider-height{
    height:40vh !important;
}
.submenu{
	top:100px !important;
	z-index:3;
}
@media (min-width:768px) {
	.txt-grad, .txt-grad-green {
		font-size: 30px;
		line-height: 1.5;
	  }
	  .slider-height{
		height:100vh !important;
	}
	.width-slider{
		width:500px;
	}
	.submenu{
		top:66px !important;
		z-index:3;
	}

}

@media (min-width:1500px) {
	.txt-grad, .txt-grad-green {
		font-size: 39px;
	  }
	  .slider-height{
		height:75vh !important;
	}
	.width-slider{
		width:700px;
	}

}
.lh-11 p{
	line-height: 1.1 !important;
}
.lh-12 p{
	line-height: 1.2 !important;
}
.lh-13{
	line-height: 1.3 !important;
}
.lh-14{
	line-height: 1.4 !important;
}
.lh-15{
	line-height: 1.5 !important;
}
.lh-16{
	line-height: 1.6 !important;
}
.lh-17{
	line-height: 1.7 !important;
}
.lh-18{
	line-height: 1.8 !important;
}
.lh-19{
	line-height: 1.9 !important;
}
.lh-20{
	line-height: 2 !important;
}
.lh-30{
	line-height: 3 !important;
}

                #product-color-dots .owl-dot {
                        display: inline-block;
                        background-color: transparent;
                        width: 20px;
                        height: 20px;
                        margin: 0 2px;
                        border-radius: 50%;
                        cursor: pointer;
                        border: 2px solid #FFF;
                        box-shadow: 0 0 0 1px rgba(0,0,0,0);
                        transform: scale(1);
                        -webkit-transition: box-shadow .2s ease, transform .2s ease;
                        -o-transition: box-shadow .2s ease, transform .2s ease;
                        transition: box-shadow .2s ease, transform .2s ease;
                }
                #product-color-dots .owl-dot.active {
                        box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
                        transform: scale(1.2);
                }

.shadow-small{
	box-shadow: 0 0 0 1px rgba(211,165,115,0.2);
}
div.produk-link {
	position: relative;
}
div.produk-link a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-decoration: none; /* No underlines on the link */
	z-index: 10; /* Places the link above everything else in the div */
	background-color: #FFF; /* Fix to make div clickable in IE */
	opacity: 0; /* Fix to make div clickable in IE */
	filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}

.scene {
	height: 500px;
	width: 100%;
	background: #EAEAEA;
  }

  .viewer {
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 750px;
	width: 100%;
	background-image: url(https://asset.olympicfurniture.co.id/IMAGES/spritesheet.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
  }
  .animation {
	width: 30%;
  }

  .animation img {
	display: none;
  }

  .animation img:first-of-type {
	display: block;
  }
  .z-index-9{
	z-index: 9;
  }
  .swiper {
	width: 100%;
	height: 100%;
  }

  .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
  }

  .swiper-slide img {
	display: block;
	width: 100%;
  }
  .border-product{
	border:2px #EEEADF solid;
  }
  .hoverproduct{
	box-shadow:rgba(0,0,0,.24) 0 0px 0px px!important;
	transform: scale(1.)!important;
	-webkit-transition: all .5s ease-in-out;
	  -moz-transition: all .5s ease-in-out;
	  -o-transition: all .5s ease-in-out;
	  transition: all .5s ease-in-out;
  }
  .hoverproduct:hover{
	box-shadow:rgba(0,0,0,.24) 0 2px 23px 3px!important;
	transform: scale(1.05)!important;
	-webkit-transition: all .5s ease-in-out;
	  -moz-transition: all .5s ease-in-out;
	  -o-transition: all .5s ease-in-out;
	  transition: all .5s ease-in-out;
  }

  .hoverproductl{
	box-shadow:rgba(0,0,0,.24) 0 0px 0px px!important;
	-webkit-transition: all .5s ease-in-out;
	  -moz-transition: all .5s ease-in-out;
	  -o-transition: all .5s ease-in-out;
	  transition: all .5s ease-in-out;
  }
  .hoverproductl:hover{
	box-shadow:rgba(0,0,0,.24) 0 2px 23px 3px!important;
	-webkit-transition: all .5s ease-in-out;
	  -moz-transition: all .5s ease-in-out;
	  -o-transition: all .5s ease-in-out;
	  transition: all .5s ease-in-out;
  }
  #container {
	/* Center the text in the viewport. */
	position: absolute;
	margin: auto;
	width: 500px;
	height: 80pt;
	top: 200px;
	left: 100px;
	z-index:999

	/* This filter is a lot of the magic, try commenting it out to see how the morphing works! */
	filter: url(#threshold) blur(0.6px);
}
#text1, #text2 {
	position: absolute;
	width: 100%;
	display: inline-block;

	font-size: 80pt;

	text-align: center;

	user-select: none;
}
.hide{
	opacity:0;
	height:0;
	-webkit-transition: all .2s ease-in-out;
	  -moz-transition: all .2s ease-in-out;
	  -o-transition: all .2s ease-in-out;
	  transition: all .2s ease-in-out;
}
.show{
	opacity:1;
	height:100%;
	-webkit-transition: all .5s ease-in-out;
	  -moz-transition: all .5s ease-in-out;
	  -o-transition: all .5s ease-in-out;
	  transition: all .5s ease-in-out;
}
.small-scale{
	scale:1;
}
.small-scale:hover{
	scale:1.1;
}

.swiper-button-next::after, .swiper-button-prev::after {
    content: "" !important;
}
.full-height {
	height: 50vh; /* Fallback for browsers that do not support Custom Properties */
	height: calc(var(--vh, 1vh) * 100);
  }
  .pt-100p{
	padding-top:100px;
  }
.mega-menu-content{
	margin-top: -6px;
}
.blank-header{
	height:100px;
  }
  .swiper-container {
	width:100%;
	margin-left: auto;
	margin-right: auto;
  }
  .accordion-button:not(.collapsed) {
    color: #054B41;
    background-color: #f3ffeb22;
    /* box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); */
}
.tabsimage .active{
	opacity:1;
	/* margin-top:20px; */
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.tabsimage .inactive{
	opacity:1;
	/* margin-top:0px; */
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.tabsimage {
	margin-bottom:0px;
}

.tabsimage > .inactive:has(~ .active) {
	margin-bottom:30px;

}
@media (min-width: 768px){
	.tabsimage > .inactive:has(~ .active) {
		margin-bottom:1.3em;
	}
}
.tabsimage .active img{
	opacity:1;

}
.tabsimage .inactive img{
	opacity:0.4;

}
/* .tabsimage .active {
	margin-bottom:40px;
} */
.sonar{
	background-color: #054B41;
	width:40px;
	height:40px;

	z-index:99;
}


.btn-sonar.active {
	background: #054B41;
	color: #fff;

}
  .btn-sonar {
	background: #FFFFFF;
	line-height: 30px;
	border: 0;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	right:0;
	display: block;
	color: #054B41;
	outline: none;
	z-index:99;
	font-size: small;
	font-weight: 600;
	position: absolute;
	&::before {
	  content: '';
	  display: inline-block;
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  border-radius: 50%;
	  top: 0;
	  left: 0;
	}
	&::before {
	  animation: sonar-effect 2s ease-in-out .1s infinite;
	}
  }



  @keyframes sonar-effect {
	0% {
	  opacity: 0.3;
	}
	40% {
	  opacity: 0.5;
	  box-shadow: 0 0 0 5px #fff, 0 0 10px 10px #fff, 0 0 0 10px #fff;
	}
	100% {
	  box-shadow: 0 0 0 5px #fff, 0 0 10px 10px #fff, 0 0 0 10px #fff;
	  transform: scale(1.5);
	  opacity: 0;
	}
  }

  .sonar-line.active{
	content: "";
    /* position: absolute; */
    /* top: 50%; */
    /* left: 100%; */
	width:100%;
    background-color: #054B41;
    height: 2px;
    transition: width 0.15s ease-out 0s;
  }
  .sonar-line{
	content: "";
	width:0%;
    /* background-color: rgb(30, 48, 110); */
    height: 2px;
    /* transition: width 0.15s ease-out 0s; */
  }
  .pointer-hand{
	cursor: pointer;
  }
  .bg-grad-white-v{
	background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
  }
.bg-grad-white-h{
	background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,0.7511379551820728) 0%, rgba(255,255,255,0) 15%, rgba(255,255,255,0) 85%, rgba(255,255,255,0.7483368347338936) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0.7511379551820728) 0%, rgba(255,255,255,0) 15%, rgba(255,255,255,0) 85%, rgba(255,255,255,0.7483368347338936) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0.7511379551820728) 0%, rgba(255,255,255,0) 15%, rgba(255,255,255,0) 85%, rgba(255,255,255,0.7483368347338936) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.bg-grad-green{
	background: rgb(227,241,221);
	background: -moz-linear-gradient(0deg, rgba(227,241,221,1) 0%, rgba(227,241,221,1) 80%, rgba(227,241,221,0.5998774509803921) 90%, rgba(227,241,221,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(227,241,221,1) 0%, rgba(227,241,221,1) 80%, rgba(227,241,221,0.5998774509803921) 90%, rgba(227,241,221,0) 100%);
	background: linear-gradient(0deg, rgba(227,241,221,1) 0%, rgba(227,241,221,1) 80%, rgba(227,241,221,0.5998774509803921) 90%, rgba(227,241,221,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3f1dd",endColorstr="#e3f1dd",GradientType=1);
}
.bg-grad-green1{
	background: rgb(242,252,237);
	background: -moz-linear-gradient(45deg, rgba(242,252,237,0.9920343137254902) 0%, rgba(227,241,221,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(242,252,237,0.9920343137254902) 0%, rgba(227,241,221,1) 100%);
	background: linear-gradient(45deg, rgba(242,252,237,0.9920343137254902) 0%, rgba(227,241,221,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2fced",endColorstr="#e3f1dd",GradientType=1);
}

.bg-grad-green2{
	background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(227,241,221,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(227,241,221,1) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(227,241,221,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e3f1dd",GradientType=1);
}
.bg-grad-green3{
	background: rgb(227,241,221);
background: -moz-linear-gradient(225deg, rgba(227,241,221,1) 0%, rgba(5,65,57,0.04525560224089631) 100%);
background: -webkit-linear-gradient(225deg, rgba(227,241,221,1) 0%, rgba(5,65,57,0.04525560224089631) 100%);
background: linear-gradient(225deg, rgba(227,241,221,1) 0%, rgba(5,65,57,0.04525560224089631) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3f1dd",endColorstr="#054139",GradientType=1);
}
.bg-grad-white{
	background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.swiper-scrollbar.swiper-scrollbar-horizontal{
	bottom: 0;
	height: 3px !important;
	background-color: #05423953 !important;

}
.swiper-scrollbar.swiper-scrollbar-horizontal.padded{
	width:80%;
	left:10%;
	margin-bottom: -2em;
}
.swiper-scrollbar-drag{
	background-color: #054239 !important;
}
.shadow-prod{
	box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.10);
	-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.10);
	-webkit-transition: all .5s ease-in-out;
	  -moz-transition: all .5s ease-in-out;
	  -o-transition: all .5s ease-in-out;
	  transition: all .5s ease-in-out;
}
.shadow-prod:hover{
	box-shadow: 0px 4px 6px 1px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 4px 6px 1px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 4px 6px 1px rgba(0,0,0,0.25);
	-webkit-transition: all .5s ease-in-out;
	  -moz-transition: all .5s ease-in-out;
	  -o-transition: all .5s ease-in-out;
	  transition: all .5s ease-in-out;
}
.hardness{
	position: absolute;
	width:1em;
	height:1em;
	border-radius: 50%;
	z-index:2;
}
.hardness.hard-1{
	position: absolute;
	left:calc(0% - 0.5em);
	background-color: #E3F1DD;
}
.hardness.hard-2{
	position: absolute;
	left:calc(25% - 0.5em);
	background-color: #E3F0DC;
}
.hardness.hard-3{
	position: absolute;
	left:calc(50% - 0.5em);
	background-color: #E5DFC6;
}
.hardness.hard-4{
	position: absolute;
	left:calc(75% - 0.5em);
	background-color: #E6CEB2;
}
.hardness.hard-5{
	position: absolute;
	left:calc(100% - 0.5em);
	background-color: #E6CDB0;
}
.hardness-line{
	position: absolute;
	width:100%;
	top:calc(0.5em - 0.1em);
	height:0.2em;
	z-index:1;
	background: rgb(227,241,221);
	background: -moz-linear-gradient(90deg, rgba(227,241,221,1) 0%, rgba(230,205,176,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(227,241,221,1) 0%, rgba(230,205,176,1) 100%);
	background: linear-gradient(90deg, rgba(227,241,221,1) 0%, rgba(230,205,176,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3f1dd",endColorstr="#e6cdb0",GradientType=1);
}
.arrow-up {
	position: absolute;
	top:1em;
	width:0px;
	height:0px;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:5px solid #054239;
}
.hardness.active::after {
	top:1em;
	left:0.25em;
	content: "";
    position: absolute;
	width:0px;
	height:0px;
	border-left:0.3em solid transparent;
	border-right:0.3em solid transparent;
	border-bottom:0.5em solid #054239;
}
.hardness.active::before {
	content: "";
    position: absolute;
	top:0.2em;
	left:0.2em;
	width:0.6em;
	height:0.6em;
	border-radius: 50%;
	background-color: #054239;

}
.nav-up {
    top: -100px;
	position:relative;
    transition: top 0.2s ease-in-out;


}
.nav-down {
    top: 0px;
	position:fixed;
    transition: top 0.2s ease-in-out;

}
.headerg {
    /* background: #f5b335; */
    /* height: 100px; */
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
	z-index: 9999999;
    /* width: 100%; */
}
.h7{
	font-size: xx-small;
}
.cut-top-home {
	margin-top:-70px;
}
@media (min-width: 768px){
	.cut-top-home {
		margin-top:0px;
	}
}
.cut-top {
	margin-top:0em;
}
@media (min-width: 768px){
	.cut-top {
		margin-top:-3em;
	}
}
@media (min-width: 1400px){
	.cut-top {
		margin-top:2em;
		/* padding-top:5em; */
		border-radius: 0.5rem !important;
		box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.25);
	}
}
header{
    /* display: flex; */
    /* justify-content: flex-end; */
    /* align-items: center; */
	/* position: fixed; */
	background-color: #FFFFFFFA;
    box-shadow: 1px 1px 5px black;
    top: 0;
    transition: top 0.2s ease-in-out;
	z-index: 9999999;

    /* backdrop-filter: blur(5px); */

}
header:hover{
    box-shadow: 2px 2px 15px black;
    transition: 0.5s;
}
.navlinks li{
    display: inline-block;
    /* margin: 30px; */
    align-items: center;
}
.navlinks li a:hover{
    color: #044139;
    text-shadow: 1px 1px 5px #044139;
}
.sidebar{
    position: fixed;
    top: 0;
    right: -10px;
    height: 100vh;
    width: 75%;
    z-index: 999;
    background-color:#04413997;
    backdrop-filter: blur(10px);
    box-shadow: -3px 0 10px black;
    display: none;
    justify-content: flex-start;
    list-style: none;
    flex-direction: column;
    transition: transform 0.3s ease;
    transform: translateX(100%);
	text-align: center;
}
.sidebar li{
    width: 100%;
    /* margin: 25px; */
    text-shadow: 1px 1px 2px black;
	color: #FFF;;

}
.sidebar img{
    position: absolute;
    bottom: 20px;
    width: 100%;
    height: 120px;
}
nav ion-icon{
    font-size: 2em;
    position: absolute;
    /* top: 35px; */
    right: 20px;
}
@media only screen and (min-width: 830px){
    .navlinks ion-icon{
        display: none;

    }
}
@media only screen and (max-width: 830px){
    .navlinks .items{
        display: none;
    }
}
.items.active{
	color:#044139;
	font-weight: bold;
	border-bottom: #04413959 solid 2px;
}




.swiper-container {
	overflow: hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
  }
  @media (min-width: 920px) {
	.swiper-container {
	  min-height: 320px;
	}
  }
  .swiper-container-wrapper {
	display: flex;
	flex-flow: column nowrap;
	height: auto;
	width: 100%;
  }
  @media (min-width: 920px) {
	.swiper-container-wrapper {
	  flex-flow: row nowrap;
	}
  }

  .swiper-button-next, .swiper-button-prev {
	color: #000;
  }

  .swiper-slide {
	text-align: center;
	background-size: cover;
	background-position: center;
	background-color: #fff;
	/* Center slide text vertically */
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	/* Slide content */
  }
  .swiper-slide .description,
  .swiper-slide .title {
	display: block;
	opacity: 0;
	transition: 0.5s ease 0.5s;
  }
  .swiper-slide-active .description,
  .swiper-slide-active .title {
	opacity: 1;
  }
  .swiper-slide-active .title {
	margin-bottom: 0.5rem;
	font-size: 24px;
	color: #000;
	transition: opacity 0.5s ease 0.5s;
  }
  .swiper-slide-active .description {
	font-size: 16px;
	color: #777;
	transition: opacity 0.5s ease 0.75s;
  }

  .gallery-top {
	position: relative;
	width: 100%;
	height: 100%;
  }
  @media (min-width: 920px) {
	.gallery-top {
	  width: 65%;
	  height: 100vh;
	  margin-right: 10px;
	}
  }
  @media (min-width: 1400px) {
	.gallery-top {
	  width: 82%;
	  height: 100vh;
	  margin-right: 10px;
	}
  }


  .gallery-thumbs {
	width: 100%;
	/* height: 25vh; */
	padding-top: 10px;
  }
  @media (min-width: 920px) {
	.gallery-thumbs {
	  width: 35%;
	  height: 100vh;
	  padding: 0;
	  bottom:0;
	}
  }
  @media (min-width: 1400px) {
	.gallery-thumbs {
	  width: 18%;
	  height: 100vh;
	  padding: 0;
	}
  }

  .gallery-thumbs .swiper-wrapper {
	flex-direction: row;
  }
  @media (min-width: 920px) {
	.gallery-thumbs .swiper-wrapper {
	  flex-direction: column;
	}
  }
  .gallery-thumbs .swiper-slide {
	width: 25%;
	flex-flow: row nowrap;
	height: 100%;
	opacity: 0.75;
	cursor: pointer;
  }
  @media (min-width: 920px) {
	.gallery-thumbs .swiper-slide {
	  flex-flow: column nowrap;
	  width: auto;
	}
  }
  .gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
  }
  .m-top-50{
	margin-top:-0px;
  }
  @media (min-width: 920px) {
	.m-top-50{
		margin-top:-125px;
	}
  }
  sup{
	top:-1em !important;
	font-size:x-small;
  }

  .overlap-20{
	width:100%;
	margin-left:0%;
  }
  @media (min-width: 920px) {
	.overlap-20{
		width:51%;
		margin-left:-5%;
	  }
  }
  .overlap-50{
	width:100%;
	margin-left:0%;
	margin-bottom:-40%;
  }
  @media (min-width: 920px) {
	.overlap-50{
		width:51%;
		margin-left:-18%;
	  }
  }
  .overlap-r50{
	width:100%;
	margin-right:0%;
	margin-bottom:-35%;

  }
  @media (min-width: 920px) {
	.overlap-r50{
		width:51%;
		margin-right:-18%;
	  }
  }
  .overlap-article{
	margin-top:-12%;
	z-index:99;
  }
  @media (min-width: 920px) {
	.overlap-article{
		margin-top:-12%;
		z-index:99;
	  }
  }
.leaf-rounded{
	border-radius: 0.3rem 3rem 0.3rem 3rem;
}
.leaf-rounded2{
	border-radius: 3rem .3rem 3rem .3rem;
	transition: all 0.2s ease 0.2s;

}
.leaf-rounded2:hover{
	border-radius: 1rem 1rem 1rem 1rem;
	transition: all 0.2s ease 0.2s;
	scale:1.02;
}
.blogslider{
	height:12em;
}
@media (min-width: 920px) {
	.blogslider{
		height:23em;
	}
  }
@media (min-width: 800px) {
	.blogslider{
		height:40em;
	}
  }

.hoverscale{
	scale:1;
	transition: scale 0.2s ease 0.2s;
}
.hoverscale:hover{
	scale:1.05;
	transition: scale 0.2s ease 0.2s;
}
article img{
	height:auto;
}