@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700;900&display=swap');

:root {
	font-size: 20px;
	--dark-blue: #004c3f;
	--white-gr: #c4c3ca;
	--yellow: #ffeba7;
}


.section {
    position: relative;
	width: 100%;
	display: block;
	z-index: 2;
}
.over-hide {
    overflow: hidden;
}
.full-height {
	height: 100vh;
}
.z-bigger {
    z-index: 10 !important;
}
.section-center {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 10;
	transform: translateY(-10%);
}
main {
    position: relative;
	width: 100%;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.viewport {
  	overflow: hidden;
  	position: fixed;
  	height: 100%;
  	width: 100%;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
}
.scroll-container {  
  	position: absolute;  
  	width: 100%;
  	top: 0;
  	left: 0;
  	z-index: 10;
	overflow: hidden;
 	transform-style: preserve-3d;
}
.img-loader {
  	position: absolute;
  	bottom: 0%;
  	left: 0%;
  	width: 100%;
  	height: 100%;
  	background-color: var(--dark-blue);
}
.img-wrap img{
    width: 100%;
    height: auto;
    display: block;
  /*border-radius: 6px;*/
}
.sizelabel{
    display:inline;
}
.sizedrop{
    width:72%;
    margin-bottom: 10px;
}
.sizedrops{
    width:50%;
    margin-bottom: 10px;
}
.resname{
    padding:0!important;
}
.error{
  font-size: 12px;
    color: red;
}