/* lato-regular - latin */
@font-face {
    font-family: 'Lato-Regular';
    font-style:  normal;
    font-weight: 400;
    src:         local('Lato Regular'), local('Lato-Regular'),
                 url('lato-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('lato-v14-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-900 - latin */
@font-face {
    font-family: 'Lato-Bold';
    font-style:  normal;
    font-weight: 900;
    src:         local('Lato Black'), local('Lato-Black'),
                 url('lato-v14-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('lato-v14-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

.Popup {
    width:    100%;
    height:   100%;
    position: fixed;
    left:     0;
    right:    0;
    top:      0;
    bottom:   0;
    z-index:  10000;
}

.PopupOverlay {
    width:            100%;
    height:           100%;
    position:         fixed;
    left:             0;
    right:            0;
    top:              0;
    bottom:           0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index:          10001;
}

.PopupDialog {
    position:   fixed;
    z-index:    10002;
    visibility: hidden;
}


.PopupDialog .PopupClose {
    position:              absolute;
    right:                 0;
    top:                   0;
    background-color:      #efeff0;
    border-radius:         48px;
    -moz-border-radius:    48px;
    -webkit-border-radius: 48px;
    width:                 48px;
    height:                48px;
    background-image:      url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUzLjIgKDcyNjQzKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5pY29uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iMDAwMi4tU2lnbnVwLSMwNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyMjAuMDAwMDAwLCAtNzQuMDAwMDAwKSIgc3Ryb2tlPSIjOUZBN0IzIiBzdHJva2Utd2lkdGg9IjEuNSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIwOC4wMDAwMDAsIDYyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Imljb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjAwMDAwMCwgMTIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wMDAwMDAsIDYuMDAwMDAwKSIgaWQ9InBhdGgiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEuNSwwLjUgTDAuNSwxMS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2LjAwMDAwMCwgNi4wMDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTYuMDAwMDAwLCAtNi4wMDAwMDApICI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEuNSwwLjUgTDAuNSwxMS41Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');
    background-repeat:     no-repeat;
    background-position:   center;
    margin-top:            -22px;
    margin-right:          -14px;
    cursor:                pointer;
}

.PopupDialog .SandboxPopup {
    width:                 550px;
    max-width:             100%;
    padding:               0;
    border-radius:         8px 8px 8px 8px;
    -moz-border-radius:    8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    box-shadow:            0px 3px 16px 0px #000000, 0px 8px 12px 0px #000000, 0px 4px 8px 0px #000000;
    -moz-box-shadow:       0px 3px 16px 0px #000000, 0px 8px 12px 0px #000000, 0px 4px 8px 0px #000000;
    -webkit-box-shadow:    0px 3px 16px 0px #000000, 0px 8px 12px 0px #000000, 0px 4px 8px 0px #000000;
    background-color:      #fff;
}

.PopupDialog .SandboxPopup .sandbox {
    padding:    0;
    margin-top: 0 !important;
}

.PopupDialog .SandboxPopup .sandbox .sandbox_inner {
    max-width:          100%;
    width:              480px;
    margin:             0 auto;
    padding-top:        35px;
    padding-bottom:     35px;
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
}

.PopupDialog .SandboxPopup .sandbox-footer {
    background-color:      #f0f2f5;
    border-radius:         8px 8px 8px 8px;
    -moz-border-radius:    8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    padding-bottom:        5px;
}

.PopupDialog .SandboxPopup .sandbox-footer .row {
    display:         flex;
    flex-flow:       row nowrap;
    justify-content: center;
}

.PopupDialog .SandboxPopup .sandbox-footer .row .col {
    flex:      0 1 25%;
    max-width: 150px;
}

.PopupDialog .SandboxPopup .sandbox-footer .row .col img {
    max-width: 100%;
}

.PopupDialog .SandboxPopup .sandbox-footer p {
    font-size:     14px;
    text-align:    center;
    padding-top:   35px;
    margin-bottom: 3px;
}

.PopupDialog .SandboxPopup #privacy {
    margin-top: 4px;
}

.PopupDialog .SandboxPopup .sandbox_btn {
    margin-top: 19px;
}

.sandbox .sandbox_inner div:nth-child(2) p {
    padding-top: 10px;
}

.sandbox .sandbox_inner div:nth-child(6) {
    margin-bottom: 18px;
}

.sandbox .sandbox_btn:hover {
    background-color:#fff!important;
    color:      #ef7404 !important;
}

@media all and (min-height: 820px) {
    .PopupDialog .SandboxPopup .sandbox-extra-margin {
        margin-bottom: 32px;
    }

    .PopupDialog .SandboxPopup .sandbox-extra-margin:last-child {
        margin-bottom: 13px
    }
}

@media all and (max-width: 800px) {
    .PopupDialog .SandboxPopup {
        width:  100%;
        height: 100%;
    }
}

@media all and (max-height: 820px) {
    .PopupDialog .SandboxPopup .sandbox .sandbox_inner {
        padding-top:    20px;
        padding-bottom: 20px;
    }

    .PopupDialog .SandboxPopup .sandbox-footer {
        padding-bottom: 20px;
    }

    .PopupDialog .SandboxPopup .sandbox-footer p {
        padding-top: 20px;
    }
}