/*
@font-face {
    font-family: Circe-Bold;
    src: url(../fonts/Circe-Bold_directwrite.eot);
    src: url(../fonts/Circe-Bold_directwrite.eot?#iefix) format("embedded-opentype"), url(../fonts/Circe-Bold_directwrite.woff) format("woff"), url(../fonts/Circe-Bold_directwrite.ttf) format("truetype"), url(../fonts/Circe-Bold_directwrite.otf) format("opentype"), url(../fonts/Circe-Bold_directwrite.svg#Circe-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB02
}

@font-face {
    font-family: Circe-Regular;
    src: url(../fonts/Circe-Regular_directwrite.eot);
    src: url(../fonts/Circe-Regular_directwrite.eot?#iefix) format("embedded-opentype"), url(../fonts/Circe-Regular_directwrite.woff) format("woff"), url(../fonts/Circe-Regular_directwrite.ttf) format("truetype"), url(../fonts/Circe-Regular_directwrite.otf) format("opentype"), url(../fonts/Circe-Regular_directwrite.svg#Circe-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB02
}

@font-face {
    font-family: Circe-Light;
    src: url(../fonts/Circe-Light_directwrite.eot);
    src: url(../fonts/Circe-Light_directwrite.eot?#iefix) format("embedded-opentype"), url(../fonts/Circe-Light_directwrite.woff) format("woff"), url(../fonts/Circe-Light_directwrite.ttf) format("truetype"), url(../fonts/Circe-Light_directwrite.otf) format("opentype"), url(../fonts/Circe-Light_directwrite.svg#Circe-Light) format("svg");
}


 * Globals
 */
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Courier New', Courier, monospace;
}

/* Links */
a, a:focus, a:hover {
    color: #fff;
    outline: none;
}

/* Custom default button */
.btn-secondary, .btn-secondary:hover, .btn-secondary:focus {
    color: #18171a2d;
    text-shadow: none;
    background-color: #fff;
    border: .05rem solid #fff;
}

/*
 * Base structure
 */
html, body {
    color: #b3b3b3;
    text-align: center;
    text-shadow: 0 0.05rem 3rem #000000;
    font-family: 'Courier New', Courier, monospace;
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
    display: table;
    width: 100%;
    height: 100%;
    /* For at least Firefox */
    min-height: 100%;
    /*-webkit-box-shadow: inset 0 0 5rem #00bf54;
    box-shadow: inset 0 0 5rem #00bf54;*/
}

.site-wrapper-inner {
    margin-top: 0;
}

.copier-container {
    margin-right: auto;
    margin-left: auto;
}

/* Padding for spacing */
.inner {
    padding: 1.2rem;
}

/*
 * Header
 */
.masthead {
    margin-bottom: 2rem;
    background-color: #00bf54;
}

.masthead-brand {
    margin-bottom: 0;
    font-family: Circe-Bold;
    font-size: 1.5rem;
}

.masthead-brand::before {
    content: ' ';
}

.nav-masthead {
    display: block;
    text-align: center;
    margin-top: 1rem;
}

.nav-masthead .nav-link {
    display: inline-block;
    padding: .25rem 0;
    color: #f8e595;
    background-color: transparent;
    border-bottom: .25rem solid rgba(255,255,255,.25);
    font-family: Circe-Regular;
    font-size: 1.25rem;
}

.nav-masthead .nav-link:hover {
    border-bottom-color: transparent;
    color: #fff;
}

.nav-masthead .nav-link + .nav-link {
    margin-left: 1rem;
}

.nav-masthead .active {
    color: #fff;
    border-bottom-color: #fff;
}

@media (min-width: 48em) {
    .masthead-brand {
        float: center;
    }

    .nav-masthead {
        float: center;
        margin-top: 0;
    }
}

/*
 * copier
 */
.copier {
    padding: 0 1.5rem 6rem;
}

.copier .btn-lg {
    padding: .75rem 1.25rem;
    font-weight: bold;
}

.copier-heading {
    font-family: Circe-Bold;
    font-size: 2rem;
    height: 150px;
}

.copier-heading .heading-text span {
    width: 17px;
    height: 26px;
    display: inline-block;
    background: url(../img/horns.svg) no-repeat center;
    background-size: 100%;
}

/*
 * Footer
 */
.mastfoot {
    position: relative;
    background-color: #00bf54;
    color: rgba(255,255,255,.5);
}

.mastfoot .inner {
    padding-top: .7em;
}

.leftfoot, .rightfoot {
    color: #fff;
}

/*
 * Affix and center
 */
@media (min-width: 40em) {
    /* Pull out the header and footer */ .masthead {
        position: fixed;
        top: 0;
        z-index: 100;
    }

    .mastfoot {
        position: fixed;
        bottom: 0;
    }

    /* Start the vertical centering */
    .site-wrapper-inner {
        margin-top: 120px;
    }

    /* Handle the widths */
    .masthead, .mastfoot, .copier-container {
        width: 100%;
        /* Must be percentage or pixels for horizontal alignment */
    }

    .copier-heading {
        font-size: 2.5rem;
    }

    .copier-heading .heading-text span {
        width: 21px;
        height: 33px;
    }
}

@media (min-width: 62em) {
    .masthead, .mastfoot, .copier-container {
        width: 50rem;
    }
}

@media (min-width: 24em) {
    .copier-heading {
        height: 100px;
    }
}

.typed-cursor {
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.btn-copier {
    background-color: #ffea01;
    color: #000000;
    cursor: pointer;
}

.btn-copier[disabled="disabled"] {
    cursor: not-allowed;
}

.btn-copier:hover {
    background-color: #c1dc6b;
}

.table-copier {
    font-size: .875rem;
}

.table-copier th, .table-copier td {
    vertical-align: middle;
}

.table-copier th {
    font-family: Circe-Bold;
}

.badge-copier {
    font-family: Circe-Regular;
    font-size: 85%;
}

#result {
    margin-top: 30px;
}

#result th {
    text-align: center;
}

#result .table-copier td .url {
    word-break: break-word;
}

#ya-payment {
    color: #000;
}

.payment-descr {
    text-align: center;
    margin-top: 1rem;
    padding: 0 1rem;
    font-size: .875rem;
}

.payment-descr a {
    line-height: 20px;
    height: 20px;
    display: inline-block;
    border-bottom: 1px dotted #000;
    border-top: 1px dotted transparent;
    text-decoration: none;
    -webkit-transition: all 0.3s 0s ease-in-out;
    transition: all 0.3s 0s ease-in-out;
    color: #000;
}

.payment-descr a:hover {
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}

.btn-payment-type-pc, .btn-payment-type-ac {
    width: 150px;
    height: 50px;
    cursor: pointer;
}

.btn-payment-type-pc.active, .btn-payment-type-ac.active {
    cursor: default;
}

.btn-payment-type-pc.focus, .btn-payment-type-pc:focus, .btn-payment-type-pc.active, .btn-payment-type-pc:active, .btn-payment-type-ac.focus, .btn-payment-type-ac:focus, .btn-payment-type-ac.active, .btn-payment-type-ac:active {
    box-shadow: 0 0 0 2px #332d41;
    z-index: 5 !important;
}

.lead {
    line-height: 30px;
    margin-bottom: 16px;
}

.lead a {
    font-family: Circe-Regular;
    line-height: 20px;
    height: 20px;
    display: inline-block;
    border-bottom: 1px dotted #fff;
    border-top: 1px dotted transparent;
    text-decoration: none;
    -webkit-transition: all 0.3s 0s ease-in-out;
    transition: all 0.3s 0s ease-in-out;
}

.lead a:hover {
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}

.options-copier a {
    line-height: 16px;
    height: 16px;
    display: inline-block;
    border-bottom: 1px dotted #fff;
    border-top: 1px dotted transparent;
    text-decoration: none;
    -webkit-transition: all 0.3s 0s ease-in-out;
    transition: all 0.3s 0s ease-in-out;
}

.options-copier a:hover {
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}

.policy a {
    line-height: 16px;
    height: 16px;
    display: inline-block;
    border-bottom: 1px dotted #fff;
    border-top: 1px dotted transparent;
    text-decoration: none;
    -webkit-transition: all 0.3s 0s ease-in-out;
    transition: all 0.3s 0s ease-in-out;
}

.policy a:hover {
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}

#policy-modal .modal-body a, #about-modal .modal-body a, #hosting-modal .modal-body a, #partner-modal .modal-body a {
    line-height: 16px;
    height: 16px;
    display: inline-block;
    border-bottom: 1px dotted #000;
    border-top: 1px dotted transparent;
    text-decoration: none;
    -webkit-transition: all 0.3s 0s ease-in-out;
    transition: all 0.3s 0s ease-in-out;
}

#policy-modal .modal-body a:hover, #about-modal .modal-body a:hover, #hosting-modal .modal-body a:hover, #partner-modal .modal-body a:hover {
    text-decoration: none;
    border-bottom: 1px dotted transparent;
}

.btn-preview, .btn-payment, .btn-download {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0;
}

.tooltip {
    font-family: Circe-Light;
    font-size: .875rem;
    line-height: 1.2;
}

.tooltip-inner {
    background-color: #332d41;
}

.tooltip.show {
    opacity: .95;
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #332d41;
}

    /*
Cursor
 */
    .tn-elem__3317339221625130023282 {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        pointer-events: none;
    }

    .paints {
        height: 100vh;
        width: 100vw;
    }

.fa-info-circle {
    cursor: help;
}

#head-code-modal, #about-modal, #upsell-info-modal, #orders-info-modal, #editor-info-modal, #policy-modal, #hosting-modal, #partner-modal, #head-code-modal a, #about-modal a, #upsell-info-modal a, #orders-info-modal a, #editor-info-modal a, #policy-modal a, #hosting-modal a, #partner-modal a {
    color: #000;
}

#head-code-modal .modal-body, #about-modal .modal-body, #upsell-info-modal .modal-body, #orders-info-modal .modal-body, #editor-info-modal .modal-body, #hosting-modal .modal-body, #policy-modal .modal-body, #partner-modal .modal-body {
    text-align: left;
}

#upsell-info-modal img, #orders-info-modal img, #editor-info-modal img {
    box-shadow: 2px 3px 16px 0px rgba(0, 0, 0, 0.5);
}

@media (max-width: 62em) {
    #upsell-info-modal .imagelightbox, #orders-info-modal .imagelightbox, #editor-info-modal .imagelightbox {
        display: block;
        float: none !important;
    }

    #upsell-info-modal img, #orders-info-modal img, #editor-info-modal img {
        display: block;
        width: 80% !important;
        margin: 0 auto 1rem auto !important;
    }
}

#about-modal .modal-body ul, #partner-modal .modal-body ul {
    list-style-type: none;
}

#about-modal .modal-body ul .fa, #partner-modal .modal-body ul .fa {
    margin-right: 5px;
    color: #00bf54;
}

#about-modal .list-group, #partner-modal .list-group {
    margin-bottom: 1rem;
}

#about-modal .card-header {
    background-color: #14131ed9;
    color: #ffea01;
}

#coupon-code {
    margin-left: auto;
    margin-right: 5px;
}

#coupon-use {
    margin-right: auto;
}

#alert-complete {
    display: none;
}

.total-price-row {
    font-family: Circe-Light;
    font-size: 1.25rem;
}

.total-price-row .total-price {
    font-family: Circe-Regular;
}

.video-review {
    width: 80%;
}

.video-review iframe {
    width: 100%;
    height: 315px;
}

.loading_spinner {
    width: 18px;
}

@media (max-width: 62em) {
    .video-review iframe {
        height: 213px;
    }
}

@media (max-width: 48em) {
    .video-review iframe {
        height: 196px;
    }
}

@media (max-width: 40em) {
    .video-review iframe {
        height: 196px;
    }
}

@media (max-width: 24em) {
    .video-review iframe {
        height: 146px;
    }
}

@media (max-width: 20em) {
    .video-review iframe {
        height: 128px;
    }
}

.ya-payment-url {
    word-break: break-word;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.container {
    max-width: 78%;
    margin: 25px auto;
    padding: 20px;
    border-radius: 4px;
    background-color: rgb(20 30 70 / 56%);
    box-shadow: 0 0 3px #ffea01;
}

h2, .field-block {
    margin-bottom: 20px;
}

.field-block label, .field-block .field {
    display: block;
    width: 100%;
}

.field-block label {
    margin-bottom: 8px;
    font-weight: bold;
}

.field-block .field {
    font-size: 16px;
    padding: 8px 12px;
    line-height: 1.5;
    border-radius: 25px;
    border: 1px solid #ffea01;
    box-shadow: inset 0 1px 1px rgb(102 96 96 / 92%);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.field-block .field:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.field-block textarea {
    resize: vertical;
}

.check-text {
    font-size: 14px;
    vertical-align: top;
}

.button {
    cursor: pointer;
    font-size: 16px;
    padding: 6px 12px;
    margin-bottom: 5px;
    border-radius: 10px;
}

#loader {
    display: none;
}

html {
    overflow-y: scroll;
}

body {
    font-family: 'Courier New', Courier, monospace;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: cover;
    background-size: cover;
    background-attachment: cover;
    background-position: center;
}

a {
    color: #c2b0b0;
    cursor: pointer;
}

.progress {
    cursor: progress;
}

a.nolink {
    text-decoration: none;
    border-bottom: 1px dashed #6c6c6c;
    font-size: 16px;
}

a.nolink.small {
    font-size: 14px;
}

#logo {
    position: fixed;
    left: 80px;
    top: 50px;
    font-size: 25px;
}

#footer {
    position: fixed;
    right: 80px;
    bottom: 50px;
    font-size: 12px;
}

#logo span {
    font-size: 18px;
}

#content {
    margin: 270px auto;
    width: 100%;
    text-align: center;
}

#content table {
    margin: auto;
    font-size: 14px;
}

.tbl_copysettings, .tbl_imgsettings, .tbl_submenu, .tbl_replacements, .tbl_multiinstall, .tbl_cachesettings {
    display: none;
}

tr.tbl_copysettings td, tr.tbl_imgsettings td, .tbl_replacements td, .tbl_multiinstall td, .tbl_cachesettings td {
    padding-left: 10px;
}

.tbl_submenu td {
    padding-left: 30px;
}

#img_example {
    display: none;
    width: auto;
    height: auto;
    position: absolute;
    text-align: left;
    font-size: 14px;
}

#status_loading, #status_sucess, #status_bad {
    display: none;
}