.tobii-zoom {
	border: 0;
	box-shadow: none;
	display: inline-block;
	position: relative;
	text-decoration: none
}

.tobii-zoom img {
	display: block
}

.tobii-zoom__icon {
    display: none;
}

.tobii-zoom__icon svg {
	color: #fff;
	fill: none;
	height: 1.11111em;
	padding-bottom: .22222em;
	padding-left: .22222em;
	padding-right: .22222em;
	padding-top: .22222em;
	pointer-events: none;
	stroke-linecap: square;
	stroke-linejoin: miter;
	stroke-width: 2;
    stroke: #fff;
    background: #F8991D;
	width: 1.11111em
}

.tobii-is-open {
	overflow-y: hidden
}

.tobii {
	background-color: rgba(255, 255, 255, 1);
	bottom: 0;
	box-sizing: border-box;
	contain: strict;
	font-size: 18px;
	left: 0;
	line-height: 1.5555555555555556;
	overflow: hidden;
	position: fixed;
	margin: 5%;
	right: 0;
	top: 0;
	z-index: 1337;
	-webkit-box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.33); 
	box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.33);
}

.tobii[aria-hidden=true] {
	display: none
}

.tobii *,
.tobii *::before,
.tobii *::after {
	box-sizing: inherit
}

.tobii__slider {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	will-change: transform
}

.tobii__slider--animate:not(.tobii__slider--is-dragging) {
	transition-duration: .3s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

@media screen and (prefers-reduced-motion:reduce) {
	.tobii__slider--animate:not(.tobii__slider--is-dragging) {
		transition: none
	}
}

.tobii__slider--is-draggable .tobii__slider__slide__content {
	cursor: -webkit-grab;
	cursor: grab
}

.tobii__slider--is-dragging .tobii__slider__slide__content {
	cursor: -webkit-grabbing;
	cursor: grabbing
}

.tobii__slider-slide {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	width: 100%;
	padding: 21.5%;
}


.tobii>button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	border: .05556em solid transparent;
	color: #fff;
	cursor: pointer;
	font: inherit;
	line-height: 1;
	margin: 0;
	opacity: .5;
	padding-bottom: .22222em;
	padding-left: .22222em;
	padding-right: .22222em;
	padding-top: .22222em;
	position: absolute;
	touch-action: manipulation;
	transition-duration: .3s;
	transition-property: opacity, transform;
	transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	will-change: opacity, transform;
	z-index: 1
}

@media screen and (prefers-reduced-motion:reduce) {
	.tobii>button {
		transition: none;
		will-change: opacity
	}
}

.tobii>button svg {
	pointer-events: none;
	stroke: #fff;
	stroke-width: 1;
	stroke-linecap: square;
	stroke-linejoin: miter;
	fill: none;
    color: #fff;
    background: #F8991D;
}

.tobii>button:active,
.tobii>button:focus,
.tobii>button:hover {
	opacity: 1;
	transform: scale(.84)
}

@media screen and (prefers-reduced-motion:reduce) {
	.tobii>button:active,
	.tobii>button:focus,
	.tobii>button:hover {
		transform: none
	}
}

.tobii>button.tobii__prev,
.tobii>button.tobii__next {
	top: 50%;
    top: calc(50% - 2.22222em);
    outline: none
}

.tobii>button.tobii__prev svg,
.tobii>button.tobii__next svg {
	height: 3.88889em;
	width: 3.88889em
}

.tobii>button.tobii__prev {
	left: 0
}

.tobii>button.tobii__next {
	right: 0
}

.tobii>button.tobii__close {
	right: .27778em;
	top: 1em
}

.tobii>button.tobii__close svg {
	height: 3.33333em;
	width: 3.33333em
}

.tobii>button:disabled,
.tobii>button[aria-hidden=true] {
	display: none
}

.tobii__counter {
	background-color: #F8991D;;
    color: #fff;
    padding: 15px;
	font-size: 1.11111em;
	left: 1em;
	line-height: 1;
	position: absolute;
	top: 2.22222em;
	z-index: 1
}

.tobii__counter[aria-hidden=true] {
	display: none
}

.tobii-loader {
	display: inline-block;
	height: 5.55556em;
	left: calc(50% - 2.77778em);
	position: absolute;
	top: calc(50% - 2.77778em);
	width: 5.55556em
}

.tobii-loader::before {
	animation: spin 1s infinite;
	border-radius: 100%;
	border: .22222em solid #949ba3;
	border-top-color: #fff;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}

@keyframes spin {
	to {
		transform: rotate(360deg)
	}
}

@media (max-width: 640px) {
	.tobii {
		margin: 0;
	}
	.tobii__slider-slide {
		padding: 0;
	}
}