/*!
	Modaal - accessible modals - v0.4.4
 */
 .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
}

.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;
-webkit-transition:all .3s ease-in-out;
transition:all .3s 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:none;
background:#096cb3;
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:0!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:80px 0;
}

.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:1000px;
border-radius:0;
background:#fff;
box-shadow:0 4px 15px rgba(0,0,0,.2);
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: absolute;
    color:#fff;
    cursor:pointer;
    opacity:1;
    background:#096cb3;
    border-radius:100%;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    width: 10rem;
    height: 10rem;
}
@media only screen and (max-width:800px){
    .modaal-close {
        top: calc(50% - 30rem);
        right: 0;
    }
}
@media only screen and (min-width:801px){
    .modaal-close {
        top: calc(50% - 38rem);
        right: 3%;
    }
}
@media only screen and (min-width:1201px){
    .modaal-close {
        top: calc(50% - 40rem);
        right: 3%;
    }
}

@media only screen and (min-width:1401px){
    .modaal-close {
        top: calc(50% - 40rem);
        right: calc(50% - 70rem);
    }
}
.modaal-close:focus,.modaal-close:hover{
outline:0;
background:#d90b2d;
}

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

.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:after,.modaal-close:before{
display:block;
content:" ";
position:absolute;
top:3.5rem;
left:4.9rem;
width:4px;
height:3rem;
border-radius:4px;
background:#fff;
-webkit-transition:background .2s ease-in-out;
transition:background .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:0 0
}

.modaal-confirm-btn.modaal-ok{
padding:10px 15px;
color:#fff;
background:#555;
border-radius:3px;
-webkit-transition:background .2s ease-in-out;
transition:background .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
}

.modaal-instagram .modaal-container{
width:auto;
background:0 0;
box-shadow:none!important
}

.modaal-instagram .modaal-content-container{
padding:0;
background:0 0
}

.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:0
}

.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 .2s ease-in-out;
transition:all .2s ease-in-out
}

.modaal-gallery-control.is_hidden{
opacity:0;
cursor:default
}

.modaal-gallery-control:focus,.modaal-gallery-control:hover{
outline:0;
background:#fff
}

.modaal-gallery-control:focus:after,.modaal-gallery-control:focus:before,.modaal-gallery-control:hover:after,.modaal-gallery-control:hover:before{
background:#afb7bc
}

.modaal-gallery-control 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-gallery-control:after,.modaal-gallery-control:before{
display:block;
content:" ";
position:absolute;
top:16px;
left:25px;
width:4px;
height:18px;
border-radius:4px;
background:#fff;
-webkit-transition:background .2s ease-in-out;
transition:background .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-inner{
left:100%;
margin-left:40px
}

.modaal-gallery-next-outer{
right:45px
}

.modaal-gallery-prev:after,.modaal-gallery-prev:before{
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;
}
@media screen and (max-width:800px){
    .modaal-video-wrap{
        margin:auto 10px;
        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,.3);
background:#000;
max-width:1300px;
margin-left:auto;
margin-right:auto
}

.modaal-video-container embed,.modaal-video-container iframe,.modaal-video-container object{
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:0 0;
position:absolute;
width:200px;
height:200px;
top:50%;
left:50%;
margin:-100px 0 0 -100px;
-webkit-transform:scale(.25);
-ms-transform:scale(.25);
transform:scale(.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,.7)
}

.modaal-gallery-control:after,.modaal-gallery-control:before{
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:60px;
padding-bottom:60px*/
}

.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
}

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

}
