/*!
Modaal - accessible modals - v0.3.1
by Humaan, for all humans.
http://humaan.com
*/
.modaal-noscroll {overflow: hidden; }

.modaal-accessible-hide {
	position: absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);padding: 0 !important;
	border: 0 !important;height: 1px !important;width: 1px !important;overflow: hidden; 
}
.modaal-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;opacity: 0; background: none !important;}

.modaal-wrapper {
	display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;overflow: auto;
	opacity: 1;box-sizing: border-box;-webkit-overflow-scrolling: touch;transition: all 0.3s ease-in-out;
	background: rgba(45, 58, 58, 0.95);
}
.modaal-wrapper * {box-sizing: border-box;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-backface-visibility: hidden; }
.modaal-wrapper .modaal-close {border: none;background: transparent;padding: 0;-webkit-appearance: none; }
.modaal-wrapper.modaal-start_none {display: none;opacity: 1; }
.modaal-wrapper.modaal-start_fade {opacity: 0; }
.modaal-wrapper *[tabindex="0"] {outline: none !important; }
.modaal-wrapper.modaal-fullscreen {overflow: hidden; }

.modaal-outer-wrapper {display: table;position: relative;width: 100%;height: 100%; }
.modaal-fullscreen .modaal-outer-wrapper {display: block; }

.modaal-inner-wrapper {display: table-cell;width: 100%;height: 100%;position: relative;vertical-align: middle;text-align: center;padding: 40px 25px; }
.modaal-fullscreen .modaal-inner-wrapper {padding: 0;display: block;vertical-align: top; }
.modaal-container {position: relative;display: inline-block;width: 100%;margin: auto;text-align: left;color: #000;max-width: 1200px;border-radius: 0px;background: #fff;cursor: auto; }
.modaal-container.is_loading {height: 100px;width: 100px;overflow: hidden; }
.modaal-fullscreen .modaal-container {max-width: none;height: 100%;overflow: auto; }

.modaal-close {position: fixed;right: 20px;top: 20px;color: #fff;cursor: pointer;opacity: 1;width: 50px;height: 50px;background: transparent;border-radius: 100%;transition: all 0.2s ease-in-out; }
.modaal-close:focus, 
.modaal-close:hover {outline: none;background: #fff; }

.modaal-close:focus:before, 
.modaal-close:focus:after, 
.modaal-close:hover:before, 
.modaal-close:hover:after { background: #b93d0c; }

.modaal-close span {
	position: absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);padding: 0 !important;
	border: 0 !important;height: 1px !important;width: 1px !important;overflow: hidden; 
}
.modaal-close:before, 
.modaal-close:after {display: block;content: " ";position: absolute;top: 14px;left: 23px;width: 4px;height: 22px;border-radius: 4px;background: #fff;transition: background 0.2s ease-in-out; }
.modaal-close:before {-webkit-transform: rotate(-45deg);	-ms-transform: rotate(-45deg);transform: rotate(-45deg); }
.modaal-close:after {-webkit-transform: rotate(45deg);	-ms-transform: rotate(45deg);transform: rotate(45deg); }
.modaal-fullscreen .modaal-close {background: #afb7bc;right: 10px;top: 10px; }

.modaal-content-container {/* padding: 30px; */}

.modaal-confirm-wrap {padding: 30px 0 0;text-align: center;font-size: 0; }
.modaal-confirm-btn {font-size: 14px;display: inline-block;margin: 0 10px;vertical-align: middle;cursor: pointer;border: none;background: transparent; }
.modaal-confirm-btn.modaal-ok {padding: 10px 15px;color: #fff;background: #555;border-radius: 3px;transition: background 0.2s ease-in-out; }
.modaal-confirm-btn.modaal-ok:hover { background: #2f2f2f; }
.modaal-confirm-btn.modaal-cancel {text-decoration: underline; }
.modaal-confirm-btn.modaal-cancel:hover { text-decoration: none; color: #2f2f2f; }

@keyframes instaReveal {
	0% {opacity: 0; }
	100% {opacity: 1; } 
}

@-webkit-keyframes instaReveal {
	0% {opacity: 0; }
	100% {opacity: 1; } 
}

.modaal-image .modaal-inner-wrapper {padding-left: 140px;padding-right: 140px; }
.modaal-image .modaal-container {width: auto;max-width: 100%; }
.modaal-gallery-wrap {position: relative;color: #fff; }
.modaal-gallery-item {display: none; }
.modaal-gallery-item img {display: block; }
.modaal-gallery-item.is_active {display: block; }

.modaal-gallery-label {position: absolute;left: 0;width: 100%;margin: 20px 0 0;font-size: 18px;text-align: center;color: #fff; }
.modaal-gallery-label:focus {outline: none; }

.modaal-gallery-control {
	position: absolute;top: 50%;opacity: 1;cursor: pointer;color: #fff;width: 50px;height: 50px;
	background: transparent;border: none;border-radius: 100%;transition: all 0.2s ease-in-out; 
	-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
}
.modaal-gallery-control.is_hidden {opacity: 0;cursor: default; }
.modaal-gallery-control:focus, 
.modaal-gallery-control:hover {outline: none;background: #fff; }

.modaal-gallery-control:focus:before, 
.modaal-gallery-control:focus:after, 
.modaal-gallery-control:hover:before, 
.modaal-gallery-control:hover:after { background: #afb7bc; }
.modaal-gallery-control span {
	position: absolute !important;padding: 0 !important;border: 0 !important;height: 1px !important;width: 1px !important;
	overflow: hidden;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);
}
.modaal-gallery-control:before, 
.modaal-gallery-control:after {
	display: block;content: " ";position: absolute;top: 16px;left: 25px;width: 4px;height: 18px;border-radius: 4px;background: #fff;transition: background 0.2s ease-in-out; 
}
.modaal-gallery-control:before {margin: -5px 0 0;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); }
.modaal-gallery-control:after {margin: 5px 0 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); }

.modaal-gallery-next {left: 100%;margin-left: 40px; }
.modaal-gallery-prev {right: 100%;margin-right: 40px; }
.modaal-gallery-prev:before, 
.modaal-gallery-prev:after {left: 22px; }
.modaal-gallery-prev:before {margin: 5px 0 0;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); }
.modaal-gallery-prev:after {margin: -5px 0 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); }

.modaal-video-wrap {margin: auto 50px;position: relative; }
.modaal-video-container {
	position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;background: #000;max-width: 1300px;margin-left: auto;margin-right: auto; 
}
.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%; }

.modaal-iframe .modaal-content {width: 100%;height: 100%; }
.modaal-iframe-elem {width: 100%;height: 100%;display: block; }

@media only screen and (min-width: 1400px) {
	.modaal-video-container {padding-bottom: 0;height: 731px; } 
}

@media only screen and (max-width: 1140px) {
	.modaal-image .modaal-inner-wrapper {padding-left: 25px;padding-right: 25px; }
	.modaal-gallery-control {top: auto;bottom: 20px;-webkit-transform: none;	-ms-transform: none; transform: none;background: rgba(0, 0, 0, 0.7); }
	.modaal-gallery-control:before, 
	.modaal-gallery-control:after { background: #fff; }
	.modaal-gallery-next {left: auto;right: 20px; }
	.modaal-gallery-prev {left: 20px;right: auto; } 
}
@media screen and (max-height: 1000px) {
	.modaal-inner-wrapper {padding-top: 30px;padding-bottom: 30px; }
}
@media screen and (max-height: 900px) {
	.modaal-video-container {max-width: 900px;max-height: 510px; } 
}
@media only screen and (max-height: 820px) {
	.modaal-gallery-label {display: none; } 
}

.modaal-loading-spinner {
	background: none;position: absolute;width: 200px;height: 200px;top: 50%;left: 50%;margin: -100px 0 0 -100px;
	-webkit-transform: scale(0.25);-ms-transform: scale(0.25);transform: scale(0.25); 
}

@-webkit-keyframes modaal-loading-spinner {
	0% {opacity: 1;-ms-transform: scale(1.5);-webkit-transform: scale(1.5);transform: scale(1.5); }
	100% {opacity: .1;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1); } 
}

@keyframes modaal-loading-spinner {
	0% {opacity: 1;-ms-transform: scale(1.5);-webkit-transform: scale(1.5);transform: scale(1.5); }
	100% {opacity: .1;-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1); } 
}

.modaal-loading-spinner > div {width: 24px;height: 24px;margin-left: 4px;margin-top: 4px;position: absolute; }
.modaal-loading-spinner > div > div {width: 100%;height: 100%;border-radius: 15px;background: #fff; }

.modaal-loading-spinner > div:nth-of-type(1) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: 0s;
	animation-delay: 0s; 
}Å
.modaal-loading-spinner > div:nth-of-type(2) > div, 
.modaal-loading-spinner > div:nth-of-type(3) > div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite; 
}
.modaal-loading-spinner > div:nth-of-type(1) {
	-ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(2) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .12s;
	animation-delay: .12s; 
}
.modaal-loading-spinner > div:nth-of-type(2) {
	-ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); 
}
.modaal-loading-spinner > div:nth-of-type(3) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .25s;
	animation-delay: .25s; 
}
.modaal-loading-spinner > div:nth-of-type(4) > div, 
.modaal-loading-spinner > div:nth-of-type(5) > div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite; 
}
.modaal-loading-spinner > div:nth-of-type(3) {
	-ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); 
}
.modaal-loading-spinner > div:nth-of-type(4) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .37s;
	animation-delay: .37s; 
}
.modaal-loading-spinner > div:nth-of-type(4) {
	-ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); 
}
.modaal-loading-spinner > div:nth-of-type(5) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .5s;
	animation-delay: .5s; 
}
.modaal-loading-spinner > div:nth-of-type(6) > div, 
.modaal-loading-spinner > div:nth-of-type(7) > div {
	-ms-animation: modaal-loading-spinner 1s linear infinite;
	-moz-animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	-o-animation: modaal-loading-spinner 1s linear infinite; 
}
.modaal-loading-spinner > div:nth-of-type(5) {
	-ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); 
}
.modaal-loading-spinner > div:nth-of-type(6) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .62s;
	animation-delay: .62s; 
}
.modaal-loading-spinner > div:nth-of-type(6) {
	-ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); 
}
.modaal-loading-spinner > div:nth-of-type(7) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .75s;
	animation-delay: .75s; 
}
.modaal-loading-spinner > div:nth-of-type(7) {
	-ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); 
}
.modaal-loading-spinner > div:nth-of-type(8) > div {
	-webkit-animation: modaal-loading-spinner 1s linear infinite;
	animation: modaal-loading-spinner 1s linear infinite;
	-webkit-animation-delay: .87s;
	animation-delay: .87s; 
}
.modaal-loading-spinner > div:nth-of-type(8) {
	-ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
	-webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
	transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); 
}
