@font-face {
  font-family: "Inter";
  src: url("/templates/grosserrat_2020/assets/fonts/inter/static/Inter-Black.ttf") format("truetype");
  font-weight: 900; }
@font-face {
  font-family: "Inter";
  src: url("/templates/grosserrat_2020/assets/fonts/inter/static/Inter-ExtraBold.ttf") format("truetype");
  font-weight: 800; }
@font-face {
  font-family: "Inter";
  src: url("/templates/grosserrat_2020/assets/fonts/inter/static/Inter-Bold.ttf") format("truetype");
  font-weight: 700; }
@font-face {
  font-family: "Inter";
  src: url("/templates/grosserrat_2020/assets/fonts/inter/static/Inter-SemiBold.ttf") format("truetype");
  font-weight: 600; }
@font-face {
  font-family: "Inter";
  src: url("/templates/grosserrat_2020/assets/fonts/inter/static/Inter-Medium.ttf") format("truetype");
  font-weight: 500; }
@font-face {
  font-family: "Inter";
  src: url("/templates/grosserrat_2020/assets/fonts/inter/static/Inter-Regular.ttf") format("truetype");
  font-weight: 400; }
@font-face {
  font-family: "Inter";
  src: url("/templates/grosserrat_2020/assets/fonts/inter/static/Inter-Light.ttf") format("truetype");
  font-weight: 300; }
@font-face {
  font-family: "Inter";
  src: url("/templates/grosserrat_2020/assets/fonts/inter/static/Inter-ExtraLight.ttf") format("truetype");
  font-weight: 200; }
@font-face {
  font-family: "Inter";
  src: url("/templates/grosserrat_2020/assets/fonts/inter/static/Inter-Thin.ttf") format("truetype");
  font-weight: 100; }

html {
  font-size: 20px; }

.gribsicon-arrow-unsorted {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 16 14'%3e%3cpath id='arrow_up' data-name='Arrow Up' fill='%23dee2e6'  stroke='%23000' d='M8,0l8,14H0Z'/%3e%3c/svg%3e") no-repeat right 0 center / 16px 100%;
  padding-right: 1rem; }

.gribsicon-arrow-down {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 16 14'%3e%3cg id='arrow_up' transform='matrix%28-1,0,0,-1,16,14%29'%3e%3cpath id='arrow_down' data-name='Arrow Down'  d='M8,0L16,14L0,14L8,0Z' style='fill-rule:nonzero;'/%3e%3c/g%3e%3c/svg%3e") no-repeat right 0 center / 16px 100%;
  padding-right: 1rem; }

.gribsicon-arrow-up {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 16 14'%3e%3cpath id='arrow_up' data-name='Arrow Up' fill='%23000'  d='M8,0l8,14H0Z'/%3e%3c/svg%3e") no-repeat right 0 center / 16px 100%;
  padding-right: 1rem; }

.chocolat-zoomable.chocolat-zoomed .chocolat-img {
  cursor: zoom-out; }

.chocolat-open {
  /* overflow: hidden; */ }

.chocolat-overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: #fff;
  display: none;
  opacity: 0.8; }

.chocolat-wrapper {
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 16;
  color: #fff; }

.chocolat-zoomable .chocolat-img {
  cursor: zoom-in; }

.chocolat-loader {
  height: 32px;
  width: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  margin-top: -16px;
  z-index: 11;
  background: url("/templates/grosserrat_2020/assets/lightbox/chocolat.js/ver.grosserrat/images/loader.gif");
  display: none; }

.chocolat-content {
  position: fixed;
  width: 0px;
  height: 0px;
  left: 50%;
  top: 50%;
  z-index: 14;
  text-align: left; }

.chocolat-content .chocolat-img {
  position: absolute;
  width: 100%;
  height: 100%; }

.chocolat-wrapper .chocolat-left {
  position: absolute;
  left: 0;
  width: 50px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
  cursor: pointer;
  background: url("/templates/grosserrat_2020/assets/lightbox/chocolat.js/ver.grosserrat/images/left.png") 50% 50% no-repeat;
  z-index: 17;
  display: none; }
.chocolat-wrapper .chocolat-right {
  position: absolute;
  right: 0;
  width: 50px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
  cursor: pointer;
  background: url("/templates/grosserrat_2020/assets/lightbox/chocolat.js/ver.grosserrat/images/right.png") 50% 50% no-repeat;
  z-index: 17;
  display: none; }
.chocolat-wrapper .chocolat-right.active {
  display: block; }
.chocolat-wrapper .chocolat-left.active {
  display: block; }
.chocolat-wrapper .chocolat-top {
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  line-height: 50px;
  height: 50px;
  overflow: hidden;
  z-index: 17;
  margin-bottom: 10px; }
.chocolat-wrapper .chocolat-close {
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  background: url("/templates/grosserrat_2020/assets/lightbox/chocolat.js/ver.grosserrat/images/close.png") 50% 50% no-repeat; }
.chocolat-wrapper .chocolat-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 3em;
  height: 3em;
  font-size: 1em;
  z-index: 17;
  padding-left: 1em;
  padding-right: 1em;
  text-align: right;
  margin-top: 1em;
  background: #1d1d1d; }
.chocolat-wrapper .chocolat-set-title {
  display: inline-block;
  padding-right: 15px;
  border-right: 1px solid #ccc;
  /* IE lte9 */
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  /* line-height: 1; 
						line-height: inherit\9;
						*/ }
.chocolat-wrapper .chocolat-pagination {
  float: right;
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 15px; }
.chocolat-wrapper .chocolat-fullscreen {
  width: 16px;
  /* height: 40px; */
  height: 3em;
  background: url("/templates/grosserrat_2020/assets/lightbox/chocolat.js/ver.grosserrat/images/fullscreen.png") 50% 50% no-repeat;
  display: block;
  margin: auto;
  cursor: pointer;
  float: right; }
.chocolat-wrapper .chocolat-description {
  display: inline-block;
  float: left; }

/* no container mode*/
body.chocolat-open > .chocolat-overlay {
  z-index: 15; }

body.chocolat-open > .chocolat-loader {
  z-index: 15; }

body.chocolat-open > .chocolat-content {
  z-index: 17; }

/* container mode*/
.chocolat-in-container .chocolat-wrapper, .chocolat-in-container .chocolat-content, .chocolat-in-container .chocolat-overlay {
  position: absolute; }

.chocolat-in-container {
  position: relative; }

/* uncomment to hide controls when zoomed-in*/
/*
.chocolat-zoomable .chocolat-top,
.chocolat-zoomable .chocolat-bottom,
.chocolat-zoomable .chocolat-right,
.chocolat-zoomable .chocolat-left {
    transition: opacity .3s ease, visibility 0s .3s;
   opacity: 1;
}

.chocolat-zoomable.chocolat-zoomed .chocolat-top,
.chocolat-zoomable.chocolat-zoomed .chocolat-bottom,
.chocolat-zoomable.chocolat-zoomed .chocolat-right,
.chocolat-zoomable.chocolat-zoomed .chocolat-left {
    visibility: hidden;
    opacity: 0;
}
*/