@charset "UTF-8";

.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: #fff!important; opacity: 0.9!important; }
.modaal-wrapper { 	display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; overflow-y: auto; opacity: 1; box-sizing: border-box; -webkit-overflow-scrolling: touch; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.modaal-wrapper * { 	box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; }
.modaal-wrapper .modaal-close { 	border: 1px solid  #afb7bc; 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: 0; }
.modaal-fullscreen .modaal-inner-wrapper { 	padding: 0; display: block; vertical-align: top; }
.modaal-container { 	position: relative; display: inline-block; width: 90%; margin: auto; text-align: left; max-width: 800px; border-radius: 0px; background: #fff; box-shadow: 0 4px 15px rgb(0 0 0 / 10%); 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: rgba(0, 0, 0, 0); border-radius: 100%; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; z-index: 10; 
position: absolute; right: -3vw; top: -6vw;}


.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: #222; }
.modaal-close span { 	position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	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: 1px; height: 22px; border-radius: 0; background: #afb7bc; -webkit-transition: background 0.5s ease-in-out; transition: background 0.5s 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-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; -webkit-transition: background 0.5s ease-in-out; transition: background 0.5s 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; }
.modaal-instagram .modaal-container { 	width: auto; background: transparent; box-shadow: none !important; }
.modaal-instagram .modaal-content-container { 	padding: 0; background: transparent; }
.modaal-instagram .modaal-content-container > blockquote { 	width: 1px !important; height: 1px !important; opacity: 0 !important; }
.modaal-instagram iframe { 	opacity: 0; margin: -6px !important; border-radius: 0 !important; width: 1000px !important; max-width: 800px !important; box-shadow: none !important; -webkit-animation: instaReveal 1s linear forwards; animation: instaReveal 1s linear forwards; }
.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%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; cursor: pointer; color: #fff; width: 50px; height: 50px; background: rgba(0, 0, 0, 0); border: none; border-radius: 100%; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.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; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }
.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; -webkit-transition: background 0.5s ease-in-out; transition: background 0.5s 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-inner { 	left: 100%; margin-left: 40px; }
.modaal-gallery-next-outer { 	right: 45px; }
.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-gallery-prev-inner { 	right: 100%; margin-right: 40px; }
.modaal-gallery-prev-outer { 	left: 45px; }
.modaal-video-wrap { 	margin: auto 50px; position: relative; }
.modaal-video-container { 	position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); 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; }
.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); }
.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); }

@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-width: 900px) { 
.modaal-instagram iframe { 	width: 500px !important;

}

	
	
}

@media only screen and (max-width: 600px) { 
.modaal-instagram iframe { 	width: 280px !important; }

}

@media screen and (max-height: 1100px) { 
.modaal-instagram iframe { 	width: 700px !important; }

}

@media screen and (max-height: 1000px) { 
.modaal-inner-wrapper { 	padding-top: 90px; padding-bottom: 90px; }
.modaal-instagram iframe { 	width: 600px !important; }

}

@media screen and (max-height: 900px) { 
.modaal-instagram iframe { 	width: 500px !important; }
.modaal-video-container { 	max-width: 900px; max-height: 510px; }

}

@media only screen and (max-height: 820px) { 
.modaal-gallery-label { 	display: none; }

}

@media screen and (min-width: 736px) {
.modaal-wrapper .modaal-close{position: absolute;right: 1%;top: 2%;}

}

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

100% { 	opacity: 1; }

}

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

100% { 	opacity: 1; }

}

@-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); }

}