/* Global */

* {
    color: #424242;
}

p {
    color: #888888;
}

.ensiferum {
    background: linear-gradient(215deg, rgba(163, 163, 163, 0.03) 0%, rgba(163, 163, 163, 0.03) 20%,rgba(135, 135, 135, 0.03) 20%, rgba(135, 135, 135, 0.03) 40%,rgba(52, 52, 52, 0.03) 40%, rgba(52, 52, 52, 0.03) 60%,rgba(248, 248, 248, 0.03) 60%, rgba(248, 248, 248, 0.03) 80%,rgba(118, 118, 118, 0.03) 80%, rgba(118, 118, 118, 0.03) 100%),linear-gradient(285deg, rgba(139, 139, 139, 0.03) 0%, rgba(139, 139, 139, 0.03) 20%,rgba(2, 2, 2, 0.03) 20%, rgba(2, 2, 2, 0.03) 40%,rgba(247, 247, 247, 0.03) 40%, rgba(247, 247, 247, 0.03) 60%,rgba(159, 159, 159, 0.03) 60%, rgba(159, 159, 159, 0.03) 80%,rgba(246, 246, 246, 0.03) 80%, rgba(246, 246, 246, 0.03) 100%),linear-gradient(261deg, rgba(171, 171, 171, 0.03) 0%, rgba(171, 171, 171, 0.03) 25%,rgba(113, 113, 113, 0.03) 25%, rgba(113, 113, 113, 0.03) 50%,rgba(210, 210, 210, 0.03) 50%, rgba(210, 210, 210, 0.03) 75%,rgba(137, 137, 137, 0.03) 75%, rgba(137, 137, 137, 0.03) 100%),linear-gradient(195deg, rgba(157, 157, 157, 0.01) 0%, rgba(157, 157, 157, 0.01) 16.667%,rgba(14, 14, 14, 0.01) 16.667%, rgba(14, 14, 14, 0.01) 33.334%,rgba(206, 206, 206, 0.01) 33.334%, rgba(206, 206, 206, 0.01) 50.001000000000005%,rgba(96, 96, 96, 0.01) 50.001%, rgba(96, 96, 96, 0.01) 66.668%,rgba(65, 65, 65, 0.01) 66.668%, rgba(65, 65, 65, 0.01) 83.33500000000001%,rgba(57, 57, 57, 0.01) 83.335%, rgba(57, 57, 57, 0.01) 100.002%),linear-gradient(201deg, rgba(105, 105, 105, 0.01) 0%, rgba(105, 105, 105, 0.01) 20%,rgba(129, 129, 129, 0.01) 20%, rgba(129, 129, 129, 0.01) 40%,rgba(205, 205, 205, 0.01) 40%, rgba(205, 205, 205, 0.01) 60%,rgba(0, 0, 0, 0.01) 60%, rgba(0, 0, 0, 0.01) 80%,rgba(215, 215, 215, 0.01) 80%, rgba(215, 215, 215, 0.01) 100%),linear-gradient(160deg, rgba(62, 62, 62, 0.02) 0%, rgba(62, 62, 62, 0.02) 16.667%,rgba(107, 107, 107, 0.02) 16.667%, rgba(107, 107, 107, 0.02) 33.334%,rgba(236, 236, 236, 0.02) 33.334%, rgba(236, 236, 236, 0.02) 50.001000000000005%,rgba(219, 219, 219, 0.02) 50.001%, rgba(219, 219, 219, 0.02) 66.668%,rgba(82, 82, 82, 0.02) 66.668%, rgba(82, 82, 82, 0.02) 83.33500000000001%,rgba(252, 252, 252, 0.02) 83.335%, rgba(252, 252, 252, 0.02) 100.002%),linear-gradient(247deg, rgba(165, 165, 165, 0.02) 0%, rgba(165, 165, 165, 0.02) 14.286%,rgba(207, 207, 207, 0.02) 14.286%, rgba(207, 207, 207, 0.02) 28.572%,rgba(32, 32, 32, 0.02) 28.572%, rgba(32, 32, 32, 0.02) 42.858%,rgba(164, 164, 164, 0.02) 42.858%, rgba(164, 164, 164, 0.02) 57.144%,rgba(210, 210, 210, 0.02) 57.144%, rgba(210, 210, 210, 0.02) 71.42999999999999%,rgba(193, 193, 193, 0.02) 71.43%, rgba(193, 193, 193, 0.02) 85%,rgba(14, 14, 14, 0.02) 85.716%, rgba(14, 14, 14, 0.02) 100.002%),linear-gradient(90deg, rgb(6, 107, 200),rgb(11, 140, 229));
}
/* Hero Header  */
.hero.jumbotron {
    padding-bottom: 200px;
}

.jumbotron h1 {
    font-size: 62px;
}

.jumbotron p {
    font-size: 22px;
    margin: 0 0 5px 0;
}

.btn-cta {
    min-width: 420px;
    margin: 30px 0px;
    padding: 15px;
    background: #00b284;
    border-color: #00b284;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.19);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.19);
    box-shadow: 0 0 5px rgba(0,0,0,.19);
}

    .btn-cta:hover {
        background: #00bf8c;
    }

@media (max-width: 575px) {
    .navbar-brand {
        margin: 0 auto;
    }

    .btn-cta {
        min-width: 100%;
        margin: 15px 0px;
        padding: 15px;
        font-size: 16px;
    }

    .jumbotron h1 {
        font-size: 42px;
    }
}
/* Multi Box */
#multi-box-parent {
    margin-top: -205px;
}

# multi-boxer {
    position: relative;
    padding-bottom: 195px;
}

#multi-box {
    background-color: #fff;
    height: auto;
}

/* ===================================
   lists
   =================================== */
#conversion-actions {
    margin-top: 0.0em;
}

ul.no-gutter li a, ul.no-gutter li label {
    margin: 0 !important;
}

ul.conversion-icons {
    padding: 0;
    margin: 0 0 2em 0;
    width: 100%;
}

    ul.conversion-icons li:nth-child(1) a, ul.conversion-icons li:nth-child(1) label {
        background-color: #2d83c3;
        background: radial-gradient(circle at bottom center, #4597d4 30px, #256da2);
        border-color: #1f5985;
    }

        ul.conversion-icons li:nth-child(1) a:hover, ul.conversion-icons li:nth-child(1) label:hover {
            background-color: #4d9cd6;
            background: radial-gradient(circle at bottom center, #4d9cd6 30px, #102f47);
            border-color: #77b3e0;
            cursor: pointer;
        }

    ul.conversion-icons li:nth-child(2) a, ul.conversion-icons li:nth-child(2) label {
        background-color: #2d47c3;
        background: radial-gradient(circle at bottom center, #455ed4 30px, #253ba2);
        border-color: #1f3085;
    }

        ul.conversion-icons li:nth-child(2) a:hover, ul.conversion-icons li:nth-child(2) label:hover {
            background-color: #4d65d6;
            background: radial-gradient(circle at bottom center, #4d65d6 30px, #101a47);
            border-color: #7789e0;
            cursor: pointer;
        }

    ul.conversion-icons li:nth-child(3) a, ul.conversion-icons li:nth-child(3) label {
        background-color: #4f2dc3;
        background: radial-gradient(circle at bottom center, #6545d4 30px, #4225a2);
        border-color: #361f85;
    }

        ul.conversion-icons li:nth-child(3) a:hover, ul.conversion-icons li:nth-child(3) label:hover {
            background-color: #6c4dd6;
            background: radial-gradient(circle at bottom center, #6c4dd6 30px, #1d1047);
            border-color: #8e77e0;
            cursor: pointer;
        }

    ul.conversion-icons li:nth-child(4) a, ul.conversion-icons li:nth-child(4) label {
        background-color: #8b2dc3;
        background: radial-gradient(circle at bottom center, #9f45d4 30px, #7325a2);
        border-color: #5f1f85;
    }

        ul.conversion-icons li:nth-child(4) a:hover, ul.conversion-icons li:nth-child(4) label:hover {
            background-color: #a34dd6;
            background: radial-gradient(circle at bottom center, #a34dd6 30px, #321047);
            border-color: #b877e0;
            cursor: pointer;
        }

    ul.conversion-icons li:nth-child(5) a, ul.conversion-icons li:nth-child(5) label {
        background-color: #c32dbf;
        background: radial-gradient(circle at bottom center, #d445d0 30px, #a2259f);
        border-color: #851f82;
    }

        ul.conversion-icons li:nth-child(5) a:hover, ul.conversion-icons li:nth-child(5) label:hover {
            background-color: #d64dd2;
            background: radial-gradient(circle at bottom center, #d64dd2 30px, #471045);
            border-color: #e077dd;
            cursor: pointer;
        }

    ul.conversion-icons li:nth-child(6) a, ul.conversion-icons li:nth-child(6) label {
        background-color: #c32d83;
        background: radial-gradient(circle at bottom center, #d44597 30px, #a2256d);
        border-color: #851f59;
    }

        ul.conversion-icons li:nth-child(6) a:hover, ul.conversion-icons li:nth-child(6) label:hover {
            background-color: #d64d9c;
            background: radial-gradient(circle at bottom center, #d64d9c 30px, #47102f);
            border-color: #e077b3;
            cursor: pointer;
        }

    ul.conversion-icons li:nth-child(7) a, ul.conversion-icons li:nth-child(7) label {
        background-color: #c32d47;
        background: radial-gradient(circle at bottom center, #d4455e 30px, #a2253b);
        border-color: #851f30;
    }

        ul.conversion-icons li:nth-child(7) a:hover, ul.conversion-icons li:nth-child(7) label:hover {
            background-color: #d64d65;
            background: radial-gradient(circle at bottom center, #d64d65 30px, #47101a);
            border-color: #e07789;
            cursor: pointer;
        }

    ul.conversion-icons li:nth-child(8) a, ul.conversion-icons li:nth-child(8) label {
        background-color: #c34f2d;
        background: radial-gradient(circle at bottom center, #d46545 30px, #a24225);
        border-color: #85361f;
    }

        ul.conversion-icons li:nth-child(8) a:hover, ul.conversion-icons li:nth-child(8) label:hover {
            background-color: #d66c4d;
            background: radial-gradient(circle at bottom center, #d66c4d 30px, #471d10);
            border-color: #e08e77;
            cursor: pointer;
        }

    ul.conversion-icons li:nth-child(9) a, ul.conversion-icons li:nth-child(9) label {
        background-color: #c38b2d;
        background: radial-gradient(circle at bottom center, #d49f45 30px, #a27325);
        border-color: #855f1f;
    }

        ul.conversion-icons li:nth-child(9) a:hover, ul.conversion-icons li:nth-child(9) label:hover {
            background-color: #d6a34d;
            background: radial-gradient(circle at bottom center, #d6a34d 30px, #473210);
            border-color: #e0b877;
            cursor: pointer;
        }

    ul.conversion-icons li:nth-child(10) a, ul.conversion-icons li:nth-child(10) label {
        background-color: #bfc32d;
        background: radial-gradient(circle at bottom center, #d0d445 30px, #9fa225);
        border-color: #82851f;
    }

        ul.conversion-icons li:nth-child(10) a:hover, ul.conversion-icons li:nth-child(10) label:hover {
            background-color: #d2d64d;
            background: radial-gradient(circle at bottom center, #d2d64d 30px, #454710);
            border-color: #dde077;
            cursor: pointer;
        }

    ul.conversion-icons li:nth-child(11) a, ul.conversion-icons li:nth-child(11) label {
        background-color: #83c32d;
        background: radial-gradient(circle at bottom center, #97d445 30px, #6da225);
        border-color: #59851f;
    }

        ul.conversion-icons li:nth-child(11) a:hover, ul.conversion-icons li:nth-child(11) label:hover {
            background-color: #9cd64d;
            background: radial-gradient(circle at bottom center, #9cd64d 30px, #2f4710);
            border-color: #b3e077;
            cursor: pointer;
        }

    ul.conversion-icons li:nth-child(12) a, ul.conversion-icons li:nth-child(12) label {
        background-color: #47c32d;
        background: radial-gradient(circle at bottom center, #5ed445 30px, #3ba225);
        border-color: #30851f;
    }

        ul.conversion-icons li:nth-child(12) a:hover, ul.conversion-icons li:nth-child(12) label:hover {
            background-color: #65d64d;
            background: radial-gradient(circle at bottom center, #65d64d 30px, #1a4710);
            border-color: #89e077;
            cursor: pointer;
        }

    ul.conversion-icons li:nth-child(13) a, ul.conversion-icons li:nth-child(13) label {
        background-color: #2dc34f;
        background: radial-gradient(circle at bottom center, #45d465 30px, #25a242);
        border-color: #1f8536;
    }

        ul.conversion-icons li:nth-child(13) a:hover, ul.conversion-icons li:nth-child(13) label:hover {
            background-color: #4dd66c;
            background: radial-gradient(circle at bottom center, #4dd66c 30px, #10471d);
            border-color: #77e08e;
            cursor: pointer;
        }

    ul.conversion-icons li:nth-child(14) a, ul.conversion-icons li:nth-child(14) label {
        background-color: #2dc38b;
        background: radial-gradient(circle at bottom center, #45d49f 30px, #25a273);
        border-color: #1f855f;
    }

        ul.conversion-icons li:nth-child(14) a:hover, ul.conversion-icons li:nth-child(14) label:hover {
            background-color: #4dd6a3;
            background: radial-gradient(circle at bottom center, #4dd6a3 30px, #104732);
            border-color: #77e0b8;
            cursor: pointer;
        }

    ul.conversion-icons li:nth-child(15) a, ul.conversion-icons li:nth-child(15) label {
        background-color: #2dbfc3;
        background: radial-gradient(circle at bottom center, #45d0d4 30px, #259fa2);
        border-color: #1f8285;
    }

        ul.conversion-icons li:nth-child(15) a:hover, ul.conversion-icons li:nth-child(15) label:hover {
            background-color: #4dd2d6;
            background: radial-gradient(circle at bottom center, #4dd2d6 30px, #104547);
            border-color: #77dde0;
            cursor: pointer;
        }

    ul.conversion-icons li:nth-child(16) a, ul.conversion-icons li:nth-child(16) label {
        background-color: #2d83c3;
        background: radial-gradient(circle at bottom center, #4597d4 30px, #256da2);
        border-color: #1f5985;
    }

        ul.conversion-icons li:nth-child(16) a:hover, ul.conversion-icons li:nth-child(16) label:hover {
            background-color: #4d9cd6;
            background: radial-gradient(circle at bottom center, #4d9cd6 30px, #102f47);
            border-color: #77b3e0;
            cursor: pointer;
        }

    ul.conversion-icons li {
        list-style: none;
        text-align: center;
        float: left;
        margin-bottom: 4px;
    }

        ul.conversion-icons li a, ul.conversion-icons li label {
            max-width: 100%;
            width: 100%;
            height: 100%;
            /*min-height: 83px;*/
            display: inline-block;
            margin: 2px 0px;
            padding: 4px 5px 2px;
            background-color: #2dbfc3;
            border: 1px solid #28abae;
            /*border-radius: 4px;*/
            color: #fff;
            font-size: 10px;
            text-align: center;
            -webkit-transition: all 0.25s ease-in-out;
            -moz-transition: all 0.25s ease-in-out;
            -o-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out;
        }

            ul.conversion-icons li a img, ul.conversion-icons li label img {
                display: block;
                margin: 4px auto 4px auto;
                max-width: 82px;
                max-height: 46px;
            }

            ul.conversion-icons li a:hover, ul.conversion-icons li label:hover {
                background-color: #4dd2d6;
                border-color: #77dde0;
            }


.min-gutter > [class*='col-'] {
    padding-right: 2px;
    padding-left: 2px;
}

/* Three Steps */
.three-steps figure svg {
    max-height: 100px;
    height: 100px;
}

/* Column Content  */
.protip h3 {
    position: relative;
    margin-left: 30px;
}

    .protip h3::before {
        position: absolute;
        left: -30px;
        top: 6px;
        content: "?";
        font-size: 16px;
        font-weight: 700;
        color: rgb(11, 140, 229);
        background-color: rgb(224, 255, 237);
        width: 22px;
        height: 22px;
        padding: 2px 0 0 8px;
        line-height: 1;
        border-radius: 50%;
    }

.tip ul {
    list-style: none;
}

    .tip ul li {
        position: relative;
        line-height: 2;
    }

        .tip ul li::before {
            content: "›";
            content: "✓";
            position: absolute;
            left: -30px;
            top: 6px;
            font-size: 16px;
            font-weight: 700;
            color: rgb(11, 140, 229);
            width: 22px;
            height: 22px;
            padding: 2px 0 0 8px;
            line-height: 1;
            border-radius: 50%;
        }

/* upload */
.upload-btn-row {
    margin-top: 10px;
    text-align: center;
}

    .upload-btn-row .box-wrap {
        width: 130px;
        margin: 7px 10px;
        display: inline-block;
    }

    .upload-btn-row .upload-box {
        margin: 0 auto;
        width: 100%;
        min-height: 100px;
        padding: 25px 20px;
        border-radius: 20px;
        background: #999;
        background: linear-gradient(to bottom,#eee,#ddd);
    }

        .upload-btn-row .upload-box .file-size span,
        .upload-btn-row .upload-box .file-name span {
            position: relative;
            z-index: 5;
            margin-bottom: 10px;
            padding: 2px 5px;
            background-color: rgba(255,255,255,.4);
        }

        .upload-btn-row .upload-box .file-name:not(:hover) {
            overflow: hidden;
            text-overflow: ellipsis;
        }

.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap;
}

.upload-btn-row .upload-box .file-size {
    margin-bottom: 5px;
}
/* --- Testimonials --- */




/* footer */
footer#footer {
    background: #333;
    color: #fff;
    padding: 10px 0;
    margin: 10px 0 0 0;
}

    footer#footer span {
        color: #fff;
    }
.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

#footer .list-inline a {
    color: #fff;
}

/*//////////////////////////////////////////////////////////////
*/
#pricing, .btn, .form-control, .lead, .list-inline, .navbar-nav a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
small,
ul,
ol,
li,
div,
label {
    font-family: sans-serif, Helvetica, Arial;
}




/*Info pages*/
section#info ul,
section#info ol,
section#info li,
section#info div {
    font-size: 18px;
    color: #666;
}


@media (max-width: 768px) {
    section#info .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

section a {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    /*word-break: break-all;*/ /*This is creating issue in IE and Mozilla*/
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

@media (max-width: 768px) {
    /*Terms page*/
    .info table {
        word-wrap: break-word;
        hyphens: auto;
    }

    .info p {
        word-wrap: break-word;
    }
}

.info th,
.info td {
    padding: 3px;
}




.text-white {
    color: #fff !important;
}


@media (max-width: 991px) {
    #testimonials .review-item-o.rio-wise .col-md-6.pull-right {
        width: 70%
    }

    #mobile-apps .panel-group.margin-top-xl {
        margin-top: 0;
    }
}



@media (max-width: 767px) {
    #page-header-wrap h1 {
        font-size: 30px;
    }
}


#info {
    margin-top: 80px;
}

section#info li, section#info div {
    font-size: 18px;
    color: #666;
}

#info h3 {
    font-weight: 700;
}

#info p {
    font-size: 18px;
    line-height: 1.5;
    color: #666;
    font-weight: 400;
    margin-bottom: 20px;
}

#info b {
    color: #666;
}

#info span {
    color: #666;
}

#mainHeader a {
    color: #ffff;
}

.caret {
    color: #ffff;
}

#mainHeader .dropdown-menu a {
    color: #888888;
}

#mainHeader .nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #1f91d4;
}

.navbar-fixed-top .nav {
    padding: 0;
}

#mobile-navbar-collapse-1 ul.navbar-right li a {
    font-size: 14px
}

@media only screen and (max-width: 991px) {
    #footer .list-inline {
        display: block;
    }

    #footer .pull-left {
        float: initial !important;
    }

    #footer .pull-right {
        float: initial !important;
    }
}

@media (max-width: 767px) {
    .navbar-fixed-top .navbar-brand {
        float: left;
        padding: 15px 15px;
    }
}

@media (max-width: 768px) {
    section#info .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}