@charset "UTF-8";

body.OM-body-visible.OM-ios-cursor-fix {
    margin: 0;
    width: 100%;
    position: fixed;
}

div.optimonk-holder.optimonk-holder-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20000000;
}

div.optimonk-holder div,
div.optimonk-holder iframe {
    margin: 0;
    border: 0;
    padding: 0;
    overflow: visible;
    max-height: none;
}

.optimonk-container {
    background: rgba(0,0,0, 0.75);
    position: fixed;
    bottom: 0;
    right: 0;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 2147483645;
}

.optimonk-container.optimonk-sidebar-container{
    z-index: 20000000;
}
.optimonk-container.optimonk-nanobar-container{
    z-index: 19999999;
}

.optimonk-desktop-container,
.optimonk-mobile-container {
    bottom: 0;
    right: 0;
}

.optimonk-nanobar-container {
    top: 0;
    left: 0;
}

.optimonk-sidebar-container {
    height: auto;
}

.optimonk-container .powered-by-optimonk,
.optimonk-container .optimonk-powered-by-custom-link {
    position: absolute;
    bottom: 15px;
    left: 25px;
    z-index: 2147483646;
    color: #fff !important;
}

.optimonk-mobile-container .powered-by-optimonk {
    display: none;
}

[id^=om-campaign-] .overlay:not(.om-sidebar):not(.nanobar) {
    display: block!important;
    opacity: 1!important;
}

[id^=om-campaign-] .overlay {
    opacity: 1!important;
}

@media screen and (max-width: 768px) {
    .powered-by-optimonk {
        display: none;
    }
}

.optimonk-container .powered-by-optimonk a,
.optimonk-container .optimonk-powered-by-custom-link {
    color: #fff !important;
    font-size: 15px;
    font-family: 'Segoe UI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-decoration: none;
}

.optimonk-container .powered-by-optimonk-link:after {
    content: 'Powered by OptiMonk™';
    color: #fff !important;
}

.optimonk-middle {
    z-index: 2147483645;
    text-align: center;
    width: 100%;
    height: 100%;
}

.optimonk-container a.optimonk-close,
.optimonk-container a.optimonk-close:visited {
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0s ease-in;
    transition: none;
}

.optimonk-desktop-container a.optimonk-close {
    width: 34px;
    height: 34px;
    display: block;
    background: transparent url("../images/close.png") no-repeat 0 0 !important;
    cursor: pointer;

    position: absolute;
    z-index: 2147483647;
    left: 0;
    top: 0;
    margin: -15px;
}

.optimonk-nanobar-container a.optimonk-close {
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    background: transparent;
    cursor: pointer;

    position: absolute;
    z-index: 2147483647;
}

.optimonk-nanobar-container a.optimonk-close:before {
    content: "\00d7";
    color: #222;
    font-size: 24px;
    font-family: "Arial Black", Gadget, sans-serif;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.optimonk-nanobar-container a.optimonk-close:active:before,
.optimonk-nanobar-container a.optimonk-close:hover:before {
    color: #333;
    opacity: .5;
}

@media screen and (max-width: 1024px) {

    .optimonk-nanobar-container a.optimonk-close {
        right: 15px !important;
    }

}

.optimonk-container img,
.optimonk-container a {
    border: 0 none;
}

.optimonk-container .optimonk-iframe-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.optimonk-container iframe {
    overflow: hidden;
    position: absolute!important;
    top: 0;
    left: 0;
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 100% !important;
    visibility: visible;
    opacity: 1;
    background: inherit;
}

.optimonk-container.optimonk-outer-middle form,
.optimonk-container.optimonk-outer-middle input,
.optimonk-container.optimonk-outer-middle select,
.optimonk-container.optimonk-outer-middle button {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

.OM-animation-shake {
    animation-name: om-shake;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
}

