@charset "utf-8";
/* CSS Document */
html.kol-noscroll
{
/*overflow:hidden!important;*/	
}
#kol-popup-wrapper.overlay
{
position:fixed;
left:-500000px;
top:-500000px;
z-index:99999999999999999999999999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100vh;
overflow-y:auto;	
}
#kol-popup-wrapper.overlay.visible
{
top:0;
left:0;
}
#kol-popup-wrapper.overlay.visible .kol-popup-inner
{
opacity:1;	
}
#kol-popup-wrapper.overlay .kol-popup-mask
{
background-color:rgba(0,0,0,0.6);
left:-500000px;
top:-500000px;
position:fixed;
transition:opacity ease-out 0.5s;
opacity:0;	
}
#kol-popup-wrapper.overlay.visible .kol-popup-mask
{
z-index:1;
left:0;
top:0;
width:100%;
height:100%;
transition:opacity ease-out 0.5s;
opacity:1;	
}
#kol-popup-wrapper.overlay .kol-popup-inner
{
opacity:0;	
position:relative;
z-index:10;
padding:25px;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
max-height: unset;
transition:opacity ease-out 0.5s;
margin:auto;
}
.htm .kol-popup-htmContent
{
max-width:450px;
}
.htm .kol-popup-inner-htm

{
padding:15px 12px 0 12px;
color:#191544;
}
.htm .kol-popup-inner-htm h2
{
font-size:30px;
margin:0;
padding:0 0 15px 0;
font-family: 'Roboto Condensed', sans-serif;
}
.htm .kol-popup-inner-htm p
{
margin:0;
padding:0 0 15px 0;
font-size:17px;
line-height:130%;
}
.htm .kol-popup-content
{
padding:0!important;
}
.htm .kol-popup-button
{
padding:12px;
}
.htm .kol-popup-button a
{
display:block;
padding:18px 12px;
background-color:#191544;
color:#fff;
text-align:center;
text-decoration:none;
	font-size:20px;
}
.htm .kol-popup-button a:hover{
background-color:#191544;

}
#kol-popup-wrapper .kol-popup-inner .kol-popup-content
{
background-color:#fff;
max-height: none;
max-height: unset;
overflow-y: initial;
-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.46); 
box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.46);
position:relative;
max-width:750px;	
width: 100%;
position: relative;

}
#kol-popup-wrapper .kol-popup-inner .kol-popup-content > p
{
margin:0;
padding:0;

}
#kol-popup-wrapper .kol-popup-inner .kol-popup-content img
{
max-width:100%;
height:auto;
display:block;	
}
#kol-popup-wrapper .kol-popup-close
{
position:relative;
z-index:100;
width:100%;
text-align:right;
height:35px;
}
#kol-popup-wrapper .kol-popup-close a
{
display:inline-block;
width:30px;
height:35px;
position:relative;
cursor:pointer;

}
#kol-popup-wrapper .kol-popup-close a::before,
#kol-popup-wrapper .kol-popup-close a::after
{
position:absolute;
width:25px;
border-top:3px solid #fff;
top:50%;
right:0;
content:" ";
display:block;

}
 #kol-popup-wrapper.htm .kol-popup-close
{
    position: absolute;
    z-index: 100;
    width: 100%;
    text-align: right;
    height: 35px;
    top: 30px;
    right: 35px;
}
#kol-popup-wrapper .kol-popup-close a::before
{
transform:rotate(45deg);
}
#kol-popup-wrapper .kol-popup-close a::after
{
transform:rotate(-45deg);	
}
#kol-popup-wrapper.slide
{
position:fixed;
z-index:999999999;
opacity:0;
transition:all ease-out 0.5s;
max-width:none;
width:auto;
}
#kol-popup-wrapper.slide .kol-popup-inner .kol-popup-content
{
	
}
#kol-popup-wrapper.slide .kol-popup-close a::after,
#kol-popup-wrapper.slide .kol-popup-close a::before
{
	border-color:#ffffff;
}
#kol-popup-wrapper.slide.left
{
left:-100%;
top:50%;
transform:translateY(-50%);
padding-right:15px;
width:100%;	
}
#kol-popup-wrapper.slide.left.visible
{
left:0;
opacity:1;
transition:left ease-out 0.5s, opacity ease-out 0.5s;	
}
#kol-popup-wrapper.slide.leftTop
{
top:10px;
left:-100%;
width:100%;
padding-right:15px;	
transition:left ease-out 0.5s, opacity ease-out 0.5s;	
}
#kol-popup-wrapper.slide.leftTop.visible
{
opacity:1;
left:0;
transition:left ease-out 0.5s, opacity ease-out 0.5s;	
}
#kol-popup-wrapper.slide.leftBottom
{
left:-100%;
bottom:10px;
padding-right:15px;
width:100%;
transition:left ease-out 0.5s, opacity ease-out 0.5s;	
}
#kol-popup-wrapper.slide.leftBottom.visible
{
left:0;	
opacity:1;
transition:left ease-out 0.5s, opacity ease-out 0.5s;	
}
#kol-popup-wrapper.slide.bottom
{

left:20px;
right:20px;
bottom:0;
position:fixed;
	
}
#kol-popup-wrapper.slide.bottom.visible
{
opacity:1;
transition:opacity ease-out 0.5s;	
}
#kol-popup-wrapper.slide.bottom .kol-popup-inner
{
bottom:-100%;
top:auto;
transform:translateY(100%);
transition:transform ease-out 0.5s, opacity ease-out 0.5s;	
}
#kol-popup-wrapper.slide.bottom.visible  .kol-popup-inner
{

opacity:1;
transform:translateY(0);
transition:transform ease-out 0.5s, opacity ease-out 0.5s;
}
#kol-popup-wrapper.bottom .kol-popup-inner .kol-popup-content,
#kol-popup-wrapper.top .kol-popup-inner .kol-popup-content,
#kol-popup-wrapper.leftBottom .kol-popup-inner .kol-popup-content,
#kol-popup-wrapper.left .kol-popup-inner .kol-popup-content,
#kol-popup-wrapper.leftTop .kol-popup-inner .kol-popup-content,
#kol-popup-wrapper.right .kol-popup-inner .kol-popup-content,
#kol-popup-wrapper.rightTop .kol-popup-inner .kol-popup-content,
#kol-popup-wrapper.rightBottom .kol-popup-inner .kol-popup-content
{
max-width:none;	
}

#kol-popup-wrapper.slide.top
{

left:20px;
right:20px;
top:-100%;
position:fixed;
transition:top ease-out 0.5s, opacity ease-out 0.5s;	
}
#kol-popup-wrapper.slide.top.visible
{
opacity:1;
top:0;
transition:top ease-out 0.5s, opacity ease-out 0.5s;	
}
#kol-popup-wrapper.slide.top .kol-popup-inner
{
top:-100%;
top:auto;
transform:translateY(100%);
transition:transform ease-out 0.5s, opacity ease-out 0.5s;	
}
#kol-popup-wrapper.slide.top.visible  .kol-popup-inner
{

opacity:1;
transform:translateY(0);
transition:transform ease-out 0.5s, opacity ease-out 0.5s;
}
#kol-popup-wrapper.slide.right .kol-popup-close,
#kol-popup-wrapper.slide.rightTop .kol-popup-close,
#kol-popup-wrapper.slide.rightBottom .kol-popup-close
{
	text-align:left;
}
#kol-popup-wrapper.slide.right
{

right:0;
top:50%;
transform:translateY(-50%);	
transition:opacity ease-out 0.5s;
width:100%;
}
#kol-popup-wrapper.slide.right.visible
{
opacity:1;
transition:opacity ease-out 0.5s;		
}
#kol-popup-wrapper.slide.right .kol-popup-inner
{

transform:translateX(100%);

padding-left:15px;
opacity:0;	
transition:transform ease-out 0.5s, opacity ease-out 0.5s;	
}
#kol-popup-wrapper.slide.right.visible .kol-popup-inner
{
transform:translateX(0);
opacity:1;	
transition:transform ease-out 0.5s, opacity ease-out 0.5s;	
}
#kol-popup-wrapper.slide.rightTop
{
top:10px;
right:0;
transition:opacity ease-out 0.5s;	
}
#kol-popup-wrapper.slide.rightTop
{
opacity:1;
transition:opacity ease-out 0.5s;	
}
#kol-popup-wrapper.slide.rightTop .kol-popup-inner
{
transform:translateX(100%);
padding-left:15px;
opacity:0;	
transition:transform ease-out 0.5s, opacity ease-out 0.5s;	
}
#kol-popup-wrapper.slide.rightTop.visible .kol-popup-inner
{
opacity:1;
transform:translateX(0);
transition:transform ease-out 0.5s, opacity ease-out 0.5s;	
}
#kol-popup-wrapper.slide.rightBottom
{
opacity:1;
transition:opacity ease-out 0.5s;
bottom:10px;
right:0	
}
#kol-popup-wrapper.slide.rightBottom .kol-popup-inner
{
transform:translateX(100%);
padding-left:15px;
opacity:0;	
transition:transform ease-out 0.5s, opacity ease-out 0.5s;	
}
#kol-popup-wrapper.slide.rightBottom.visible .kol-popup-inner
{
opacity:1;
transform:translateX(0);
transition:transform ease-out 0.5s, opacity ease-out 0.5s;	
}
@media(min-width:768px)
{
#kol-popup-wrapper.slide
{
max-width:500px;
width:100%;	
}
#kol-popup-wrapper.slide.bottom
{
left:50%;
transform:translateX(-50%);
right:auto;
	
}
#kol-popup-wrapper.slide.leftBottom
{
right:unset;
padding-right:0;	
}
#kol-popup-wrapper.slide .kol-popup-inner .kol-popup-content
{
max-width:500px;	
}
#kol-popup-wrapper.slide.top

{
left:50%;
transform:translateX(-50%);
right:auto;	
}
}