/*** 1.0 - Normalize */
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: calc(1rem + 1vw);
}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
    color: #267dd1;
    text-decoration: underline;
}

.content a {
    text-decoration: underline;
}

a:hover, a:focus {
    color: #267dd1;
    text-decoration: none;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
    color: #20272e;
}

em {
    font-style: italic;
    color: #888f97;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

code, kbd, pre, samp {
    font-size: 1em;
}

blockquote {
    display: block;
    margin: 20px auto 50px auto;
    max-width: 400px;
    border: none;
    font-family: 'Noto Serif', serif;
    font-style: italic;
    color: #20272e;
    font-size: 25px;
    line-height: 40px;
    text-align: center;
    padding: 15px;
}

blockquote:before {
    content: "\201C";
    font-size: 55px;
    color: #c3c7cb;
    font-style: italic;
    font-family: 'Noto Serif', serif;
    float: left;
}

blockquote span {
    font-family: 'Noto Serif', serif;
    width: 100%;
    display: block;
}

blockquote span:after {
    content: "\201E";
    font-size: 55px;
    color: #c3c7cb;
    font-family: 'Noto Serif', serif;
    float: right;
    margin-right: -20px;
    margin-top: -10px;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

select {
    text-transform: none;
}

button {
    overflow: visible;
}

button, input, select, textarea {
    max-width: 100%;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled], html input[disabled] {
    cursor: default;
    opacity: .5;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0.4375em;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #d1d1d1;
    margin: 0 0 1.75em;
    min-width: inherit;
    padding: 0.875em;
}

fieldset > :last-child {
    margin-bottom: 0;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

optgroup {
    font-weight: bold;
}

.row {
    padding: 0;
    margin: 0;
}

.container {
    margin: 0 auto;
    max-width: 1100px;
}

.col-md-3, .col-md-4, .col-md-5, .col-md-6 {
    padding-left: 20px;
    padding-right: 20px;
}


/*** 4.0 - Elements */
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    background: #fff;
    padding: 0;
    color: #575d64;
    line-height: 1.5em;
}

hr {
    background-color: #d1d1d1;
    border: 0;
    height: 1px;
    margin: 0 0 1.75em;
}

ul, ol {
    margin: 0 0 1.75em 1.25em;
    padding: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
    margin-left: 1.5em;
}

li > ul, li > ol {
    margin-bottom: 0;
}

dl {
    margin: 0 0 1.75em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 0 1.75em;
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

del {
    opacity: 0.8;
}

table, th, td {
    border: 1px solid #d1d1d1;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.75em;
    table-layout: fixed;
    width: 100%;
    max-width: 100%;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
}

td {
    border-width: 0 1px 1px 0;
}

th, td {
    padding: 0.4375em;
}

p {
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 20px 0;
}

h2 {
    font-size: 30px;
    color: #20272e;
    font-weight: normal;
    margin-bottom: 25px;
    margin-top: 35px;
}

h3 {
    font-size: 25px;
    line-height: 25px;
    color: #20272e;
    font-weight: normal;
    margin-bottom: 25px;
    margin-top: 40px;
}

h5 {
    font-size: 15px;
    line-height: 24px;
    color: #20272e;
    font-weight: bold;
    margin-bottom: 15px;
}

h2 em, h3 em, h5 em {
    color: #20272e;
}

::-webkit-input-placeholder {
    color: #686868;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
}

:-moz-placeholder {
    color: #686868;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
}

::-moz-placeholder {
    color: #686868;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #686868;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
}

.btn {
    border: 1px solid #262cab;
    background: #272eb1;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none !important;
    text-align: center;
    border-radius: 3px;
    font-size: 12px;
    line-height: 26px;
    font-weight: normal;
    padding: 10px 20px;
    letter-spacing: 2px;
}

.btn-lg, .btn-xl {
    padding: 10px 30px;
    background: #262cab;
    font-size: 20px;
    color: #fff;
    border: 1px solid #262cab;
    box-shadow: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    outline: none;
    outline-offset: 0;
}

.btn-lg:active, .btn-xl:active, .btn-lg:focus, .btn-xl:focus {
    background: #262cab;
    color: #fff;
}

.btn-xl {
    padding: 15px 50px;
}

.btn-transp {
    background: none;
    color: #262cab;
    border: 1px solid #262cab;
    font-family: 'Noto Sans', sans-serif;
}

.btn-transp:focus, .btn-transp:active {
    background: none;
    color: #262cab;
}

.btn-lg:hover {
    opacity: 0.8;
    color: #fff !important;
}

.btn:hover {
    opacity: 0.8;
    color: #fff;
    border: 1px solid #262cab;
}

.btn-transp:hover {
    color: #262cab;
}

.btn-lblue, .btn-lblue:hover, .btn-lblue:focus {
    background: #267dd1;
    border: 2px solid #267dd1;
}

.btn-white, .btn-white:hover, .btn-white:focus {
    border: 1px solid #fff;
    color: #fff !important;
}

.clear {
    clear: both;
}

.text-red {
    color: #d2405c;
}

.text-grey {
    color: #c3c7cb;
}

.text-black {
    color: #20272e;
}

.text-white {
    color: #fff;
}

.text-blue {
    color: #262cab;
}

.text-light-blue {
    color: #267dd1;
}

.text-purple {
    color: #a9acee;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-upper {
    text-transform: uppercase;
}

.title-divid {
    width: 30px;
    height: 1px;
    color: #fff;
    border-top: 3px solid #fff;
    font-size: 1px;
    margin: 0 auto;
}

.circle-asterisks {
    display: inline-block;
    color: #fff;
    background: #d2405c;
    border-radius: 9px;
    text-align: center;
    line-height: 16px;
    width: 18px;
    padding: 0;
    padding-top: 2px;
}

header, footer, nav, article, section {
    display: block;
    width: 100%;
}

body {
    background: #fff;
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-family: 'Noto Sans', sans-serif;
}


/* Layout */
.content h4, .container h4 {
    text-transform: uppercase;
    color: #3337c1;
    font-size: 16px;
    margin: 50px 0 60px 0;
    letter-spacing: 3px;
    font-weight: normal;
    text-align: center;
}

.content h4:after, .container h4:after {
    display: block;
    width: 40px;
    height: 1px;
    border-bottom: 2px solid #3337c1;
    clear: both;
    content: "";
    text-align: center;
    margin: 10px auto;
}

.content ul {
    overflow: hidden;
    list-style: none;
}

.content ul li {
    margin-bottom: 15px;
    overflow: visible;
    padding-left: 25px;
}

.content ul li:before {
    content: "";
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin-left: -25px;
    float: left;
    display: block;
    width: 6px;
    height: 6px;
    margin-top: 10px;
    background-color: #000;
    border-radius: 50%;
}

.top-content {
    max-width: 700px;
    text-align: center;
    margin: 0 auto 80px auto;
}

.bottom-content {
    max-width: 700px;
    text-align: center;
    margin: 30px auto;
}

.img-text-box img {
    float: left;
    margin: 25px 20px 0 0;
    max-width: 60px;
}

.img-text-box p {
    overflow: hidden;
}

@media (min-width: 992px) {
    .container {
        width: auto;
    }
}

@media screen and (max-width: 992px) {
    .top-content {
        margin: 0 auto 50px auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 768px) {
    .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 {
        float: none;
        width: 100%;
    }
}


/*** 5.0 - Forms */
input {
    line-height: normal;
}

button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus {
    border: 0;
    border-radius: 2px;
    text-transform: none;
    color: #fff;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-weight: 300;
    line-height: 1;
    padding: 15px 17px;
    text-align: center;
}

button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
    outline: thin dotted;
    outline-offset: -4px;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
    background: #fff;
    border: 1px solid #e8e9eb;
    border-radius: 0;
    color: #575d64;
    padding: 0.8em 0.4375em;
    width: 100%;
    font-weight: 400;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus {
    background-color: #fff;
    border-color: #007acc;
    color: #1a1a1a;
    outline: 0;
}

.post-password-form {
    margin-bottom: 1.75em;
}

.post-password-form label {
    color: #686868;
    display: block;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 13px;
    font-size: 0.8125rem;
    letter-spacing: 0.076923077em;
    line-height: 1.6153846154;
    margin-bottom: 1.75em;
    text-transform: uppercase;
}

.post-password-form input[type="password"] {
    margin-top: 0.4375em;
}

.post-password-form > :last-child {
    margin-bottom: 0;
}

.search-form {
    position: relative;
}

input[type="search"].search-field {
    border-radius: 2px 0 0 2px;
    width: -webkit-calc(100% - 42px);
    width: calc(100% - 42px);
}

.search-submit:before {
    font-family: 'Glyphicons Halflings';
    content: "\e003";
    font-size: 20px;
    left: 2px;
    line-height: 42px;
    position: relative;
    width: 40px;
}

.search-submit {
    border-radius: 0 2px 2px 0;
    bottom: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 42px;
}


/* Icons */
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?7dnjfe');
    src: url('../fonts/icomoon.eot?7dnjfe#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?7dnjfe') format('truetype'),
    url('../fonts/icomoon.woff?7dnjfe') format('woff'),
    url('../fonts/icomoon.svg?7dnjfe#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    color: #3337c1;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-align: center;
    text-transform: none;
    line-height: 1;
    font-size: 45px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-icon-01:before {
    content: "\e900";
}

.icon-icon-02:before {
    content: "\e901";
}

.icon-icon-03:before {
    content: "\e902";
}

.icon-icon-04:before {
    content: "\e903";
}

.icon-icon-05:before {
    content: "\e904";
}

.icon-icon-06:before {
    content: "\e905";
}

.icon-icon-07:before {
    content: "\e906";
}

.icon-icon-08:before {
    content: "\e907";
}

.icon-icon-09:before {
    content: "\e908";
}

.icon-icon-10:before {
    content: "\e909";
}

.icon-icon-11:before {
    content: "\e90a";
}

.icon-icon-12:before {
    content: "\e90b";
}

.icon-icon-13:before {
    content: "\e90c";
}

.icon-icon-14:before {
    content: "\e90d";
}

.icon-icon-15:before {
    content: "\e90e";
}

.icon-icon-16:before {
    content: "\e90f";
}

.icon-icon-17:before {
    content: "\e910";
}

.icon-icon-18:before {
    content: "\e911";
}

.icon-icon-19:before {
    content: "\e912";
}

.icon-icon-20:before {
    content: "\e913";
}

.icon-icon-21:before {
    content: "\e914";
}

.icon-icon-22:before {
    content: "\e915";
}

.icon-icon-23:before {
    content: "\e916";
}

.icon-icon-24:before {
    content: "\e917";
}

.icon-icon-25:before {
    content: "\e918";
}

.icon-icon-26:before {
    content: "\e919";
}

.icon-icon-27:before {
    content: "\e91a";
}

.icon-icon-28:before {
    content: "\e91b";
}

.icon-icon-29:before {
    content: "\e91c";
}

.icon-icon-30:before {
    content: "\e91d";
}

.icon-icon-31:before {
    content: "\e91e";
}

.icon-icon-32:before {
    content: "\e91f";
}

.icon-icon-33:before {
    content: "\e920";
}

.icon-icon-34:before {
    content: "\e921";
}

.icon-icon-35:before {
    content: "\e922";
}

.icon-icon-36:before {
    content: "\e923";
}

.icon-icon-37:before {
    content: "\e924";
}

.icon-icon-38:before {
    content: "\e925";
}

.icon-icon-39:before {
    content: "\e926";
}

.icon-icon-40:before {
    content: "\e927";
}

.icon-icon-41:before {
    content: "\e928";
}

.icon-icon-42:before {
    content: "\e929";
}

.icon-icon-45:before {
    content: "\e92c";
}

.icon-icon-46:before {
    content: "\e92d";
}

.icon-icon-47:before {
    content: "\e92e";
}

.icon-icon-48:before {
    content: "\e92f";
}

.icon-icon-49:before {
    content: "\e930";
}

.icon-icon-50:before {
    content: "\e931";
}

.icon-icon-51:before {
    content: "\e932";
}

.icon-icon-52:before {
    content: "\e933";
}

.icon-icon-53:before {
    content: "\e934";
}

.icon-icon-54:before {
    content: "\e935";
}

.icon-icon-55:before {
    content: "\e936";
}

.icon-icon-56:before {
    content: "\e937";
}

.icon-icon-57:before {
    content: "\e938";
}

.icon-icon-58:before {
    content: "\e939";
}

.icon-icon-59:before {
    content: "\e93a";
}

.icon-icon-60:before {
    content: "\e93b";
}

.icon-icon-61:before {
    content: "\e93c";
}

.icon-icon-62:before {
    content: "\e93d";
}

.icon-icon-63:before {
    content: "\e93e";
}

.icon-icon-64:before {
    content: "\e93f";
}

.icon-icon-65:before {
    content: "\e940";
}

.icon-icon-66:before {
    content: "\e941";
}

.icon-icon-67:before {
    content: "\e942";
}

.icon-icon-68:before {
    content: "\e943";
}

.icon-icon-69:before {
    content: "\e944";
}

.icon-icon-70:before {
    content: "\e945";
}

.icon-icon-71:before {
    content: "\e946";
}

.icon-icon-72:before {
    content: "\e947";
}

.icon-icon-73:before {
    content: "\e948";
}

.icon-icon-74:before {
    content: "\e949";
}

.icon-icon-75:before {
    content: "\e94a";
}

.icon-icon-76:before {
    content: "\e94b";
}

.icon-icon-77:before {
    content: "\e94c";
}

.icon-icon-78:before {
    content: "\e94d";
}

.icon-icon-79:before {
    content: "\e94e";
}

.icon-icon-80:before {
    content: "\e94f";
}

.icon-icon-81:before {
    content: "\e950";
}

.icon-icon-82:before {
    content: "\e951";
}

.icon-icon-83:before {
    content: "\e952";
}

.icon-icon-84:before {
    content: "\e953";
}

.icon-icon-85:before {
    content: "\e954";
}

.icon-icon-86:before {
    content: "\e955";
}

/* Header */
header {
    min-height: 60px;
    position: absolute;
    top: 0;
    z-index: 9999;
    padding: 5px 0;
}

header .container {
    width: 100%;
    max-width: 100%;
    padding-left: 60px;
    padding-right: 60px;
}

header .logo {
    display: block;
    background: url(images/logo.png) no-repeat left top;
    width: 136px;
    height: 53px;
    float: left;
}

/* Language */
.top-lang {
    float: right;
    padding-top: 5px;
}

.top-lang select {
    background: none;
    color: #fff;
    padding: 0;
}

.top-lang option {
    background: none;
    color: #575d64;
}

.select2-container {
    width: 120px;
}


/* Mobile menu */
@media screen and (max-width: 1280px) {
    header .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .main-nav li, .navbar-nav > li {
        margin: 0;
    }
}

@media screen and (max-width: 992px) {
    header {
        padding-top: 0;
    }

    .navbar-header {
        padding-left: 20px;
        margin: 0;
        height: 70px;
        width: 100%;
    }

    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin: 0;
    }

    .navbar-brand.logo {
        margin-top: 15px;
        width: 110px;
        height: 43px;
        background-image: url(images/logo_mob.png);
    }

    .navbar-toggle {
        display: block;
        width: 60px;
        height: 70px;
        background: #2d80cf;
        border-radius: 0;
        text-align: center;
    }

    .navbar-toggle.collapsed {
        background: none;
        display: block;
    }

    .navbar-toggle .icon-bar {
        margin-left: auto;
        margin-right: auto;
    }

    .navbar-nav {
        margin: 8px 0;
    }

    .main-nav li, .navbar-nav > li {
        clear: both;
    }

    .navbar-default .navbar-collapse {
        background: rgba(0, 0, 0, 0.95);
        padding: 20px 20px 100px 20px;
        clear: both;
    }

    .navbar-form {
        padding: 15px;
    }

    .navbar-default .navbar-form {
        margin: 8px 0;
    }

    .main-nav li a, .navbar-default .navbar-nav > li > a, .main-nav li a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-collapse a {
        color: #267dd1;
        text-decoration: none;
    }

    .navbar-default .navbar-nav > li > a {
        height: 70px;
        padding: 20px;
        position: relative;
        border-bottom: 1px solid #e3e5e7;
    }

    .navbar-default .navbar-nav > li a, .navbar-nav > li > .dropdown-menu .nav-header .nav-header-title {
        font-weight: bold;
        border-bottom: 1px solid #23272c;
        font-size: 15px;
    }

    .navbar-nav > li > .dropdown-menu .nav-header .nav-header-title {
        color: #575d64;
        background: #000;
        padding: 20px 15px;
    }

    .navbar-nav li a .caret {
        float: right;
        width: 50px;
        height: 50px;
        display: block;
        margin-right: 20px;
        margin-top: -10px;
        border: none;
        text-align: center;
        padding-top: 15px;
        top: 0;
    }

    .navbar-nav li a .caret:before {
        font-family: 'Glyphicons Halflings';
        content: "\e250";
        color: #267dd1;
        text-align: center;
    }

    .navbar-nav > li > .dropdown-menu ul {
        _background: rgba(32, 39, 46, 0.5);
    }

    .navbar-nav > li > .dropdown-menu li {
        border: none;
    }

    .navbar-nav > li > .dropdown-menu li a {
        padding: 20px 15px;
    }

    .navbar-nav > li > .dropdown-menu li li {
        _background: rgba(8, 6, 5, 0.9);
        background: none;
    }

    .navbar-nav > li > .dropdown-menu li li a {
        border: none;
        padding: 20px 15px;
    }

    .navbar-nav > li > .dropdown-menu li:nth-last-child(1), .navbar-nav > li > .dropdown-menu li:nth-last-child(1) a {
        border: none;
    }

    .navbar-nav > li > .dropdown-menu .nav-header .nav-header-title .caret {
        color: #20272e;
        border-top: 8px dashed;
        border-top: 8px solid \9;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }

    .navbar-nav > li > .dropdown-menu li.nav-header.active a {
        background: rgba(8, 6, 5, 0.9);
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover {
        background: #267dd1;
        border-radius: 0;
        border-bottom: none;
    }

    .navbar-nav > li.active {
        background: none;
    }

    .dropdown.open, .navbar-nav > li.open {
        background: rgba(17, 21, 25, 0.9);
        border-bottom: 1px solid #23272c;
    }

    .dropdown.open .caret:before {
        content: "\e252";
        color: #fff;
    }

    .dropdown.open .nav-header-title .caret:before {
        content: "";
    }

    .dropdown-menu {
        background: #fff;
        margin-left: 40px;
        margin-right: 40px;
    }

    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        border-color: #23272c;
    }

    .navbar-nav > li > .dropdown-menu {
        padding: 0;
    }

    .navbar-nav .carret-top {
        display: none;
    }

    .select2-container {
        width: 100%;
    }

    .top-lang {
        padding-top: 0;
        float: none;
    }

    .select2-container a, .select2-container .select2-choice > .select2-chosen {
        color: #fff;
    }

    .navbar-form {
        box-shadow: none;
    }

    .select2-container .select2-choice {
        border: 1px solid #51504f;
    }

    .select2-container .select2-choice .select2-arrow {
        border-left: 1px solid #51504f;
    }

    .select2-container .select2-choice .select2-arrow b {
        color: #fff;
    }
}

@media screen and (max-width: 640px) {
    .navbar-nav li a .caret {
        margin-right: 0;
    }

    .dropdown-menu {
        margin-left: 20px;
        margin-right: 20px;
    }
}


/* Page Banner */
.page-banner {
    width: 100%;
    min-height: 450px;
    text-align: center;
    padding-top: 150px;
    padding-bottom: 30px;
    background: #262cab;
}

.page-banner .header-title {
    margin: 0 auto;
}

.page-banner h1 {
    color: #fff;
    font-size: 45px;
    line-height: 75px;
    display: inline-block;
    font-weight: normal;
    margin: 0;
    padding: 10px 40px 25px 40px;
}

.page-banner h1:after {
    display: block;
    width: 40px;
    height: 1px;
    border-bottom: 2px solid #fff;
    clear: both;
    content: "";
    text-align: center;
    margin: 10px auto;
}

.breadcrumb {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    background: none;
    margin: 0;
    text-align: center;
    padding: 0 15px;
    letter-spacing: 1px;
    opacity: 0.8;
}

.breadcrumb a {
    color: #fff;
    margin-left: 5px;
    margin-right: 5px;
    letter-spacing: 1px;
}

.breadcrumb span {
    padding-left: 5px;
}

@media screen and (max-width: 640px) {
    .page-banner {
        padding-top: 50px;
        display: flex;
        align-items: center;
    }

    .page-banner h1 {
        font-size: 35px;
        line-height: 45px;
    }
}


/* Footer */
footer {
    clear: both;
    margin-top: 0;
    border: none;
    border-top: 1px solid #f3f4f5;
    background: #fff;
}

footer .container {
    text-align: center;
    padding-bottom: 20px;
}

.ftr-phone-box {
    max-width: 800px;
    min-height: 60px;
    margin: 20px auto;
    padding: 20px;
}

.ftr-phone-box .col-md-6 {
    min-height: 60px;
    padding: 20px 15px 40px 15px;
    font-size: 20px;
    color: #3337c1;
}

.ftr-phone-box .icon {
    color: #c3c7cb;
    display: block;
    margin-bottom: 15px;
}

footer .menu-cont {
    padding: 15px 25px;
    border-bottom: 1px solid #f3f4f5;
    border-top: 1px solid #f3f4f5;
    margin-bottom: 30px;
    clear: both;
}

.ftr-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ftr-menu li {
    list-style: none;
    display: inline-block;
    margin: 5px 2em;
}

.ftr-menu li a {
    text-transform: uppercase;
    font-size: 14px;
    color: #888f97;
    padding: 5px;
}

footer p {
    text-transform: uppercase;
    color: #c3c7cb;
    font-size: 12px;
    margin-bottom: 15px;
    text-align: center;
}

footer p a {
    color: #888f97;
}

footer a {
    text-decoration: none;
}

footer p a:hover, .ftr-menu li a:hover {
    color: #267dd1;
}

.live-chat-btn, .lz_cbl {
    position: fixed;
    bottom: 0;
    right: 0;
}

@media screen and (max-width: 500px) {
    .ftr-phone-box .col-md-6 {
        float: none;
        width: 100%;
    }
}

/* On top button */
a.back-to-top {
    display: none;
    width: 40px;
    height: 40px;
    position: fixed;
    z-index: 999;
    top: auto;
    left: 20px;
    bottom: 20px;
    background: #e5e5e5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    padding: 0;
    font-size: 24px;
    line-height: 40px;
    opacity: 0.5;
}

a.back-to-top:hover {
    opacity: 1;
}


/* Content */
.content {
    margin: 0 auto;
    position: relative;
}

.horiz-divider {
    margin: 20px auto;
    width: 100%;
    max-width: 50%;
    height: 1px;
    border-bottom: 1px solid #e3e4e6;
}

@media screen and (max-width: 992px) {
    .container {
        width: 100%;
    }
}


/* Sellers/Dealers Page */
.page-sellers header .container {
    height: 0;
    overflow: visible;
}

.page-sellers .top-content, .page-sellers .bottom-content, .page page-id-94 .top-content, .page page-id-94 .bottom-content {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.page-sellers .bottom-content, .page page-id-94 .bottom-content {
    margin-bottom: 80px;
}

.ds-info {
    margin: 40px auto;
    border-radius: 3px;
    text-align: left;
    padding: 30px 40px 30px 100px;
    background: #f0f0e8;
    max-width: 600px;
    color: #888f97;
    font-style: italic;
}

.ds-info p:before {
    content: "i";
    font-size: 90px;
    line-height: 60px;
    position: absolute;
    color: #d8d8d1;
    font-style: normal;
    font-weight: bold;
    display: block;
    margin-left: -60px;
    float: left;
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
}

.bottom-banner .bb-left, .bottom-banner .bb-right {
    min-height: 200px;
    background: #e5e5e5 url(images/bb-left.jpg) no-repeat center top;
    text-align: center;
    margin-bottom: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.bottom-banner .bb-right {
    background-image: url(images/bb-right.jpg);
}

.bottom-banner .bb-inn {
    background-color: rgba(38, 45, 161, 0.9);
    color: #fff;
    margin: 0 auto;
    padding: 40px;
    max-width: 400px;
}

.bottom-banner .bb-inn h3 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #5bc3ff;
    font-weight: normal;
    text-transform: uppercase;
}

.bottom-banner .bb-inn .title-divid {
    margin: 15px auto;
    border-color: #5bc3ff;
}

/* Tabs */
.alpha-vert {
    position: absolute;
    margin-left: 0px;
    padding-top: 30px;
    z-index: 100;
}

.alpha-vert ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.alpha-vert li {
    list-style: none;
    float: none;
    text-align: center;
    padding: 0;
    margin: 0;
}

.alpha-vert a {
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding: 0 5px;
    width: 40px;
    height: 30px;
    line-height: 30px;
    border: none;
}

.alpha-vert .empty a {
    color: #c3c7cb;
    cursor: default;
}

.alpha-vert .active a, .alpha-vert a:hover {
    color: #fff;
    background: #20272e;
}

.ds-tbl {
    margin-left: 100px;
    position: relative;
    text-align: left;
}

.ds-tbl .ds-tbl-row {
    display: table-row;
    clear: both;
}

.ds-tbl .ds-tbl-cell, .ds-tbl .acc-ttl {
    display: table-cell;
    padding: 30px 20px;
    font-size: 13px;
    width: 50%;
    vertical-align: top;
    border-bottom: 1px solid #e8e9eb;
}

.ds-tbl-subrow .ds-tbl-cell {
    display: inline-block;
    width: 49%;
    border-bottom: none;
}

.ds-tbl-subrow-cell {
    display: table-cell;
    width: 75%;
    border-bottom: 1px solid #e8e9eb;
}

.ds-tbl-subrow-cell .ds-tbl-subrow {
    display: block;
    width: 100%;
    clear: both;
}

.ds-tbl-subrow-cell .ds-tbl-subrow + .ds-tbl-subrow {
    border-top: 1px dashed #e8e9eb;
}

.ds-tbl-subrow-cell .ds-tbl-subrow {
}

.ds-tbl .acc-ttl {
    color: #20272e;
    font-weight: bold;
    font-size: 15px;
    width: 25%;
    padding-left: 0;
}

.ds-tbl .acc-ttl img {
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
}

.ds-tbl .ds-tbl-tgl {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 90px;
    background: none;
    border: none;
    font-weight: bold;
    font-size: 20px;
    text-align: right;
    padding-right: 25px;
    outline: none;
}

.ds-tbl .ds-tbl-tgl:hover, .ds-tbl .ds-tbl-tgl:focus {
    border: none;
    outline: none;
}

.accordian ul li .acc-ttl .expand {
    display: none;
    text-decoration: none;
}

.accordian ul li .acc-ttl .expand, .accordian ul li .acc-ttl .expand:hover {
    text-decoration: none;
}

.accordian ul {
    margin: 0;
    list-style: none
}

.accordian ul li {
    border-bottom: 1px solid #e8e9eb;
    overflow: hidden;
    position: relative;
    max-height: 6em;
    -webkit-transition: max-height 1s ease;
    transition: max-height 1s ease
}

/* Map */
#map {
    width: 100%;
    height: 800px;
}

.map-mk-win {
    margin-left: -50%;
    position: relative;
    width: 260px;
}

.map-mk-win .win-in {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    background: #fff;
}

.win-in-head {
    padding: 10px 15px;
    background: #f3f4f5;
    height: 40px;
}

.win-in-head img {
    float: left;
}

.win-in-head .map-win-close {
    float: right;
    text-decoration: none;
    color: #c3c7cb;
    font-weight: bold;
    font-size: 22px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.win-in-cont {
    background: #fff;
    padding: 15px;
    padding-bottom: 20px;
    font-size: 13px;
    color: #575d64;
}

.win-in-cont .win-in-cont {
    padding: 0;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #e8e9eb;
}

.win-in-cont h5 {
    font-size: 13px;
    color: #575d64;
    line-height: 16px;
    margin-bottom: 10px;
}

.win-in-cont span {
    display: block;
}

.alpha-vert.is_fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

.js-code {
    cursor: pointer;
}


/* Become a Seller */
.page-become-a-seller .content .container {
    text-align: center;
    max-width: 880px;
    padding-bottom: 80px;
    padding-top: 80px;
}

.page-become-a-seller .page-banner {
    background: url(images/page-banner-01.jpg) no-repeat center top;
}

.bs-form {
    padding: 50px;
    background: #f3f4f5;
    margin: 40px auto 80px auto;
    text-align: left;
}

.bs-form label {
    font-weight: normal;
    clear: both;
    float: none;
    display: block;
    margin-top: 40px
}

.bs-form input, .bs-form textarea {
    margin-bottom: 0;
}

.bs-form .col-md-6, .bs-form .col-md-12 {
    margin-bottom: 0;
}

.bs-form .col-md-12 {
    padding-left: 20px;
    padding-right: 20px;
}

.sec-code img {
    float: left;
    margin-right: 20px;
    clear: both;
}

.sec-code input[type="text"] {
    width: 50%;
    float: right;
}

.bs-form .btn-lg {
    width: 80%;
    margin: 20px auto;
}

.text-required {
    color: #c3c7cb;
}

.text-required .text-red {
    font-size: 30px;
    line-height: 20px;
    display: block;
    float: left;
    padding-top: 7px;
    margin-right: 5px;
}

input.has-error, input.has-error:focus, textarea.has-error, textarea.has-error:focus {
    border: 1px solid #d2405c;
    margin-bottom: 0;
}

.has-error-text {
    font-size: 12px;
    color: #d2405c;
    margin: 0 0 30px 0;
    padding: 0;
    display: block;
}

.bs-form .sec-code .has-error-text {
    text-align: right;
}

.btn-seller-app {
    margin-bottom: 40px;
    line-height: 30px;
}

.btn-seller-app .icon {
    font-size: 30px;
    float: left;
    display: block;
    margin-right: 15px;
}

.form-info {
    text-align: center;
}

.form-info img {
    margin-bottom: 25px;
}

.form-info strong {
    color: #20272e;
}

@media screen and (max-width: 992px) {
    input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
        padding: 5px 15px;
    }
}

@media screen and (max-width: 640px) {
    .bs-form {
        padding: 30px 20px;
    }

    .bs-form label {
        text-align: center;
    }

    .bs-form input, .bs-form textarea {
        margin-bottom: 25px;
    }

    .sec-code {
        text-align: center;
    }

    .sec-code img {
        float: none;
        margin-bottom: 15px;
    }

    .sec-code input[type="text"] {
        float: none;
        width: 100%;
        text-align: center;
    }

    .text-required {
        text-align: center;
    }

    .text-required .text-red {
        float: none;
        display: inline-block;
    }
}


@media screen and (max-width: 960px) {
    .accordian {
        padding: 0
    }

    .accordian ul {
        margin: 0;
        list-style: none
    }

    .accordian ul li {
        border-bottom: 1px solid #ccc;
        overflow: hidden;
        position: relative;
        max-height: 5.6875em;
        -webkit-transition: max-height 1s ease;
        transition: max-height 1s ease;
    }

    .accordian .ds-tbl-row {
        display: block;
        clear: both;
        position: relative;
    }

    .ds-tbl .ds-tbl-cell {
        margin-bottom: 20px;
        padding-top: 0;
    }

    .accordian ul li .acc-ttl {
        font-size: 15px;
        line-height: 22px;
        display: block;
        margin: 0;
        width: 100%;
        border: none;
    }

    .accordian ul li .acc-ttl img {
        margin-right: 15px;
    }

    .accordian ul li .acc-ttl .expand {
        font-size: 50px;
        line-height: 50px;
        border: none;
        color: #e1e3e5;
        font-weight: normal;
        display: block;
        position: absolute;
        top: 10px;
        right: 0;
        -webkit-transition: -webkit-transform 1s ease;
        transition: transform 1s ease;
    }

    .accordian ul li .acc-ttl .expand:hover, .accordian .inner ul li .acc-ttl .expand:focus, .accordian .inner ul li .acc-ttl .expand:active {
        text-decoration: none;
        border: none;
    }

    .accordian ul li .acc-ttl:hover {
        cursor: pointer;
        opacity: .7;
    }

    .accordian ul li p, .accordian .inner ul li > a {
        padding-right: 30px;
        opacity: 0;
        -webkit-transition: opacity .666s;
        transition: opacity .666s;
        margin-bottom: 1em;
    }

    .accordian ul li > a {
        display: inline-block;
    }

    .accordian ul li.expanded {
        max-height: 100%;
    }

    .accordian ul li.expanded p {
        display: block;
        opacity: 1;
    }

    .accordian ul li.expanded > a {
        opacity: 1;
        display: inline-block;
    }

    .accordian ul li.expanded .acc-ttl .expand {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .ds-tbl-subrow-cell {
        display: block;
        width: 100%;
    }

    .ds-tbl-subrow-cell .ds-tbl-subrow + .ds-tbl-subrow {
        padding-top: 25px;
    }

    .alpha-vert {
        overflow: hidden;
        overflow-x: scroll;
    }

    .alpha-vert > ul {
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
    }

    .alpha-vert > ul li {
        display: inline-block;
        float: none;
    }

    .nav-box {
        display: none;
    }

    body.page-sellers .header-title {
        top: 150px;
    }

    #map {
        height: 600px;
    }

    .alpha-vert {
        position: relative;
        padding: 0 15px;
        background: #20272e;
        height: 45px;
    }

    .alpha-vert li {
        float: left;
        height: 45px;
        margin: 0 5px;
    }

    .alpha-vert a {
        line-height: 45px;
        height: 45px;
        font-size: 18px;
    }

    .alpha-vert .empty a {
        color: #c3c7cb;
        font-weight: normal;
    }

    .alpha-vert .active a {
        background: #363c42;
    }

    .ds-tbl {
        margin: 0;
        margin-top: 60px;
        border-top: 1px solid #e8e9eb;
        padding: 0 15px;
    }

    .ds-tbl .ds-tbl-cell {
        display: block;
        width: 100%;
        position: relative;
        border: none;
        font-size: 15px;
        line-height: 23px;
        padding-bottom: 0;
        margin-bottom: 30px;
    }

    .ds-tbl .ds-tbl-cell:nth-child(2), .ds-tbl .ds-tbl-cell:nth-child(3) {
        float: none;
        width: 100%;
        padding-left: 20px;
    }

    .ds-tbl .ds-tbl-cell:nth-child(3):after {
        clear: both;
    }

    .bs-form .col-md-6 {
        clear: both;
    }

    .clean-ui-phones .col-md-2 {
        width: 48%;
        margin-bottom: 15px;
        float: left;
    }
}


/* About us */
.page-id-190 .content .container {
    text-align: center;
    max-width: 750px;
    padding-bottom: 100px;
    padding-top: 100px;
}


.inner-text-wrapper p {
    font-size: 30px;
    line-height: 39px;
    padding: 10px 0;
}

.wow_paragraph {
    margin-bottom: 20px !important;
}

.wow_title {
    font-size: 26px;
    line-height: 33px;
}

.wow_title-m0 {
    margin: 0 0 0 15px;
}

.wow_menu {
    margin-bottom: 0;
}

.icon-m0 {
    margin: 0 !important;
}

.conf-things .bottom-content, .secure-your-mail .bottom-content {
    display: flex;
    align-items: center;
}

/* Disclaimer */
.page-id-196 p, .page-gbc p {
    padding-left: 80px;
}

.page-id-196 .content .container {
    padding-bottom: 80px;
    padding-top: 80px;
}


/* Privacy Policy */
.page-id-202 .content {
    padding-top: 100px;
    padding-bottom: 80px;
}

.page-id-202 .content .container {
    max-width: 750px;
}


/* GBC */
.page-id-208 .content .container, .page-id-214 .content .container, .page-id-220 .content .container {
    padding-top: 80px;
    padding-bottom: 80px;
}

ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0;
}

ol > li {
    display: table;
    counter-increment: item;
    margin-bottom: 15px;
    margin-top: 10px;
    font-size: 25px;
}

.page-id-208 .content ol > li, .page-id-214 .content ol > li {
    color: #20272e;
}

ol > li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 0.6em;
}

.page-id-208 .content li ol > li, .page-id-208 .content ol > li, .page-id-214 .content li ol > li, .page-id-214 .content ol > li {
    margin: 20px 0 15px 0;
    font-size: 15px;
    color: #575d64;
}

li ol > li:before {
    content: counters(item, ".") ". ";
    color: #c3c7cb;
}

ol > li > p, ol > p {
    margin-top: 15px;
    color: #575d64;
}

.listnum {
    list-style: none;
    counter-reset: start 5;
}

.listnum li::before {
    counter-increment: start;
    content: counter(start, decimal) ". ";
}


/* Contact Us */
.page-id-226 .page-banner {
    background: url(images/page-banner-01.jpg) no-repeat center top;
}

.page-id-226 .contact-form {
    text-align: center;
    max-width: 880px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.page-id-226 .bs-form .col-md-6 {
    margin-bottom: 20px;
}

.page-id-226 .bs-form .col-md-12 {
    margin-bottom: 0;
}

.page-id-226 .bs-form button {
    max-width: 280px;
}

@media screen and (max-width: 768px) {
    .page-id-196 p, .page-gbc p {
        padding-left: 0;
    }
}


/* Services */
.page-id-121 .row .container {
    text-align: center;
    max-width: 1140px;
}

.e-encryption {
    background: #f3f4f5 url(../../../../uploads/2020/12/conf-things_2.jpg) no-repeat;
    padding-bottom: 80px;
    padding-top: 60px;
    background-size: contain;
    background-color: #fff;
}

.e-encryption h5 {
    text-align: left;
}

.e-encryption .top-content {
    position: relative;
    width: auto;
    max-width: 740px;
    min-height: 340px;
    padding-bottom: 20px;
    margin-bottom: 20%
}

.e-encryption .phone-bg {
    margin: 0 auto 130px auto;
    width: 620px;
    height: 200px;
    word-break: break-all;
    padding: 0;
    text-align: left;
    font-size: 15px;
    color: #333;
}

.e-encryption .phone-header {
    height: 40px;
    border-bottom: 3px solid #267dd1;
    margin-bottom: 15px;
}

.e-encryption .phone-header .ph-name {
    font-size: 21px;
    color: #282828;
    float: left;
    padding: 5px 10px;
    font-weight: 500;
    letter-spacing: 1px;
}

.e-encryption .phone-header .ph-date {
    float: right;
    font-size: 15px;
    color: #a6a6a6;
    padding: 5px 10px;
}

.e-encryption .phone-bg p {
    padding: 5px 15px;
    font-size: 14px;
    margin: 0;
    line-height: 18px;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
}

.e-encryption .col-md-6 {
    text-align: left;
}

.e-encryption .col-md-6 .icon {
    font-size: 60px;
}

.encr-comm {
    background: #101317 url(images/encr-comm-bg.jpg) repeat-x center bottom;
    min-height: 500px;
    padding-bottom: 0;
    padding-top: 100px;
    z-index: 80;
}

.encr-comm .serv-top-conent {
    padding-top: 40px;
    height: auto;
    padding-bottom: 50px;
}

.encr-comm h2, .encr-comm h5 {
    color: #fff;
}

.encr-comm p {
    color: #888f97;
}

.encr-comm .col-md-4 {
    text-align: left;
}

.s-phones {
    padding-top: 50px;
}

.s-phones .col-md-3 {
    text-align: center;
    margin-bottom: 25px;
}

.s-notes {
    min-height: 760px;
    background: #fff url(images/s-notes-bg.jpg) no-repeat left bottom;
    padding-top: 30px;
    padding-bottom: 100px;
    text-align: center;
    margin-top: -130px;
    z-index: 100;
    position: relative;
}

.s-notes h4 {
    clear: both;
}

.s-notes .col-md-6 {
    text-align: left;
}

.serv-email-encr {
    padding-top: 50px;
    background: #f5f5f5 url(../../../../uploads/2020/12/SECURE-MAIL_2-1.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 275px;
}

.mar-bo300 {
    margin-bottom: 300px;
}

.pad-10 {
    padding-top: 5%;
}

.serv-email-encr .col-md-6 {
    text-align: left;
}

.s-next {
    min-height: 600px;
    background: url(images/s-next-bg.jpg) no-repeat center top;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
    color: #fff;
    display: flex;
    align-items: center;
}

.page-id-121 .s-next .container {
    max-width: 750px;
}

.s-next h2 {
    color: #fff;
}

.s-next a {
    color: #fff;
    text-decoration: underline;
}

.s-next a:hover {
    text-decoration: none;
}

@media screen and (max-width: 1500px) {
    .s-notes {
        background-position: left bottom;
        background-size: 800px;
    }

    .serv-email-encr {
        min-height: auto;
    }
}

@media screen and (max-width: 1280px) {
    .s-notes {
        background-size: 700px;
        padding-bottom: 80px;
    }
}

@media screen and (max-width: 992px) {
    .e-encryption {
        padding-top: 20px;
    }

    .e-encryption .phone-bg {
        display: none;
    }

    .e-encryption .top-content {
        min-height: 100px;
        margin-bottom: 30px;
    }

    .e-encryption .mail-screen-2 .row .col-md-6 {
        margin-bottom: 30px;
    }

    .e-encryption .mail-screen-2 .row .col-md-6 img {
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .e-encryption .mail-screen-2 .row .col-md-6 p {
        overflow: hidden;
    }

    .s-phones {
        display: none;
    }

    .encr-comm {
        padding-top: 20px;
        padding-bottom: 50px;
        background-image: none;
    }

    .encr-comm .col-md-4 {
        padding-bottom: 300px;
        margin-bottom: 50px;
    }

    .encr-comm .col-md-4 img {
        float: left;
        margin-right: 20px;
        margin-top: 5px;
    }

    .encr-comm .col-md-4 p {
        overflow: hidden;
    }

    .ec-chats {
        background: url(images/ec-chats.jpg) no-repeat center bottom;
        background-size: 350px;
    }

    .ec-voice-calls {
        background: url(images/ec-voice-calls.jpg) no-repeat center bottom;
        background-size: 350px;
    }

    .ec-file-transfers {
        background: url(images/ec-voice-calls.jpg) no-repeat center bottom;
        background-size: 350px;
    }

    .s-notes {
        background: #fff url(images/s-notes-bg-2.jpg) no-repeat center bottom;
        background-size: contain;
        margin-top: 0;
        padding-bottom: 550px;
    }

    .s-notes .top-content {
        margin-bottom: 50px;
    }

    .serv-email-encr {
        padding-top: 20px;
        padding-bottom: 20px;
        background-size: contain;
    }

    .s-next {
        background: url(images/s-next-bg-2.jpg) no-repeat center top;
    }
}

@media screen and (max-width: 700px) {
    .s-notes {
        padding-bottom: 400px;
    }

    .s-next {
        min-height: 400px;
        padding-top: 50px;
        padding-bottom: 60px;
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 640px) {

    .s-notes {
        padding-bottom: 350px;
    }

}

@media screen and (max-width: 500px) {

    .s-notes {
        padding-bottom: 250px;
    }

    .ec-chats, .ec-voice-calls, .ec-file-transfers {
        background-size: 300px;
        padding-bottom: 250px;
    }
}


/* Advantages */
.page page-id-130 .page-banner {
    background: url(images/page-banner-04.jpg) no-repeat center top;
}

.adv-ultimate-sec {
    background: #f5f3f4;
    padding-top: 50px;
    padding-bottom: 80px;
}

.adv-ultimate-sec .top-content {
    margin-bottom: 50px;
}

.adv-ultimate-sec .col-md-4 .icon_ {
    font-size: 65px;
    float: left;
    margin: 15px 20px 20px 0;
}

.adv-ultimate-sec .col-md-4 p {
    _overflow: hidden;
}

.page page-id-130 h2 {
    text-align: center;
    margin-bottom: 40px;
}

.page page-id-130 .ph-software {
    padding-top: 40px;
}

.page page-id-130 .ph-software .col-md-4 {
    text-align: center;
    margin-bottom: 20px;
}

.mightly-thing {
    min-height: 650px;
    padding-top: 180px;
    padding-bottom: 30px;
    background: url(images/mightly-thing-bg.jpg) no-repeat center top;
    margin-top: -120px;
    position: relative;
    z-index: 99;
}

.mightly-thing .container {
    max-width: 750px;
    text-align: center;
}

.mightly-thing h4 {
    color: #fff;
    margin-bottom: 60px;
}

.mightly-thing h4:after {
    border-color: #fff;
}

.mightly-thing h2, .mightly-thing p {
    color: #fff;
}

.str-encr-methods {
    padding-top: 50px;
}

.str-encr-methods .col-md-6 p {
    overflow: hidden;
}

.s-arch {
    padding-bottom: 450px;
    padding-top: 50px;
    background: #f6f7f5 url(images/s-arch-bg.jpg) no-repeat center bottom;
}

.icons-box {
    min-height: 60px;
    margin-bottom: 30px;
}

.icons-box h5 {
    margin-top: 0;
    line-height: 25px;
    margin-bottom: 5px;
}

.icons-box p {
    overflow: hidden;
}

.icons-box .icon {
    font-size: 60px;
    display: block;
    width: 60px;
    text-align: center;
    float: left;
    margin: 5px 20px 20px 0;
}

.icon-sec-access {
    background-image: url(images/icon-sec-access.png);
}

.icon-easy-use {
    background-image: url(images/icon-flex.png);
}

.icon-diff-serv {
    background-image: url(images/icon-easy-use.png);
}

.icon-icon-human-factor {
    background-image: url(images/icon-diff-serv.png);
}

.icon-duress-pass {
    background-image: url(images/icon-duress-pass.png);
}

.icon-us-encr {
    background-image: url(images/icon-us-encr.png);
}

.icon-ww-use {
    background-image: url(images/icon-ww-use.png);
}

.icon-contact-list {
    background-image: url(images/icon-contact-list.png);
}

.icon-peolpe-u-know {
    background-image: url(images/icon-peolpe-u-know.png);
}

.icon-imposs-mitm {
    background-image: url(images/icon-imposs-mitm.png);
}

.whats-next {
    display: flex;
    align-items: center;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px;
}

.whats-next .container {
    max-width: 750px;
}

.whats-next h2 {
    margin-top: 0;
}

.whats-next .btn-group-inn {
    padding-top: 30px;
}

.whats-next .btn-group-inn .btn {
    min-width: 230px;
}

.whats-next .btn-group-inn .btn + .btn {
    margin-left: 15px;
}

@media screen and (max-width: 992px) {
    .adv-ultimate-sec .row {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .adv-ultimate-sec .fl-col-1 {
        order: 1;
    }

    .adv-ultimate-sec .fl-col-2 {
        order: 3;
    }

    .adv-ultimate-sec .fl-col-3 {
        order: 2;
    }
}

@media screen and (max-width: 545px) {
    .icons-box .icon {
        float: none;
        display: block;
        margin-bottom: 15px;
    }

    .whats-next .btn-group-inn .btn + .btn {
        margin-left: auto;
    }

    .whats-next .btn-group-inn .btn {
        float: none;
        margin: 15px auto;
        display: block;
        max-width: 230px;
    }
}


/* Key advantages */
.page-id-142 .page-banner {
    background: url(images/page-banner-07.jpg) no-repeat center top;
}

.page-id-142 .top-content {
    max-width: 720px;
}

.key-adv-say-bye {
    padding-bottom: 470px;
    padding-top: 50px;
    background: url(images/you-are-watched-bg.jpg) no-repeat center bottom;
}

.key-adv-say-bye .col-md-5 {
    margin-bottom: 50px;
}

.key-adv-say-bye h4 {
    margin-bottom: 50px;
}

.buy-label {
    position: absolute;
    background: url(images/buy-label.png) no-repeat left top;
    width: 39px;
    height: 22px;
    margin-left: -15px;
    margin-top: -10px;
}

.key-adv-say-bye .col-md-5 .icon {
    margin-top: 20px;
}

.key-adv-say-bye .col-md-5 h5 {
    margin-top: 0;
}

.key-adv-say-bye .col-md-5 p {
    overflow: hidden;
}

.key-adv-say-hi {
    padding-top: 50px;
    padding-bottom: 80px;
    background: #262cab;
    color: #fff;
}

.key-adv-say-hi h4, .key-adv-say-hi h2, .key-adv-say-hi p, .key-adv-say-hi h5, .key-adv-say-hi a {
    color: #fff;
}

.key-adv-say-hi em {
    color: #fff;
}

.key-adv-say-hi p {
    color: #b2b5f3;
}

.key-adv-say-hi h4:after {
    border-color: #fff;
}

.key-adv-say-hi .top-content {
    margin-bottom: 80px;
}

.key-adv-say-hi .row {
    border-bottom: 1px solid #555ac3;
    padding: 40px 0;
    display: flex;
    align-items: center;
}

.key-adv-say-hi .first-row {
    border-top: 1px solid #555ac3;
}

.key-adv-say-hi .col-img {
    text-align: center;
}

.phone-you-like {
    background: #3e43b7;
    max-width: 600px;
    margin: 60px auto 20px auto;
    padding: 20px;
    text-align: center;
    border-radius: 3px;
}

@media screen and (max-width: 992px) {
    .key-adv-say-hi .row .col-text {
        order: 2;
    }

    .key-adv-say-hi .row .col-img {
        order: 1;
    }
}

@media screen and (max-width: 640px) {
    .key-adv-say-hi .row {
        flex-direction: column;
        text-align: center;
    }

    .key-adv-say-hi .row .col-text {
        order: 2;
    }

    .key-adv-say-hi .row .col-img {
        order: 1;
    }
}


/* Home page */
.carousel-caption {
    text-shadow: none;
}

#home-slider .item .carousel-caption {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    max-width: 650px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    top: 50px;
}

#home-slider .item .carousel-caption h2 {
    text-shadow: none;
    color: #fff;
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 40px;
}

#home-slider .item .carousel-caption p {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 40px;
    text-shadow: none;
}

#home-slider .item .carousel-caption a {
    color: #5bc3ff;
    text-decoration: none;
}

#home-slider .item .carousel-caption .btn {
    margin: 5px;
    width: 290px;
    color: #fff;
}

#home-slider .slide-1 {
    background: #262cab;
}

#home-slider .slide-1 .carousel-caption {
    max-width: 800px;
    padding-bottom: 0;
    padding-top: 80px;
    bottom: 0;
    top: auto;
}

#home-slider .slide-1 .carousel-caption .btn, #home-slider .slide-2 .carousel-caption .btn, #home-slider .slide-3 .carousel-caption .btn, #home-slider .slide-4 .carousel-caption .btn, #home-slider .slide-6 .carousel-caption .btn {
    margin-bottom: 30px;
}

#home-slider .item {
    min-height: 700px;
}

#home-slider .slide-1 {
    background: url(images/h-slide-5.jpg) no-repeat center bottom;
    background-size: cover;
}

#home-slider .slide-2 {
    background: url(images/h-slide-1.jpg) no-repeat 70% -100px;
    background-size: cover;
}

#home-slider .slide-3 {
    background: url(images/h-slide-2.jpg) no-repeat 30% top;
    background-size: cover;
}

#home-slider .slide-4 {
    background: url(images/h-slide-3.jpg) no-repeat center top;
    background-size: cover;
}

#home-slider .slide-5 {
    background: url(images/h-slide-6.jpg) no-repeat center top;
    background-size: cover;
}

#home-slider .slide-6 {
    background: url(images/h-slide-7.jpg) no-repeat center top;
    background-size: cover;
}

#home-slider .slide-7 {
    background: url(images/h-slide-8.jpg) no-repeat center top;
    background-size: cover;
}

#home-slider .slide-5 .carousel-caption h2 {
    font-size: 70px;
    color: #20272e;
    line-height: 80px;
    margin-bottom: 50px;
}

#home-slider .slide-5 .carousel-caption .btn {
    width: auto;
    margin-bottom: 50px;
}

#home-slider .slide-5 .carousel-caption p {
    font-size: 20px;
    color: #267dd1;
}

#home-slider .item .carousel-caption .sl-small {
    font-size: 20px;
}

#home-slider .slide-3 .carousel-caption .sl-small a {
    color: #fff;
}

#home-slider .slide-6 .carousel-caption {
    max-width: 770px;
}

#home-slider .slide-7 .carousel-caption {
    max-width: 830px;
}

#home-slider .slide-7 .carousel-caption .btn-lg {
    margin-bottom: 25px;
}

#home-slider .slide-7 .carousel-caption .sl-small a {
    color: #fff;
}


.carousel-indicators {
}

.carousel-indicators li, .carousel-indicators .active {
    margin-right: 5px;
}

.carousel-indicators li:nth-last-child(1), .carousel-indicators .active:nth-last-child(1) {
    margin-right: 0;
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right {
    top: 50%;
    font-family: 'icomoon' !important;
    font-size: 50px;
}

.carousel-control .glyphicon-menu-left {
    margin-left: 0;
    width: 50px;
    height: 50px;
}

.carousel-control .glyphicon-menu-left {
    margin-left: 0;
    width: 50px;
    height: 50px;
}

.carousel-control .glyphicon-menu-right {
    margin-right: 0;
    width: 50px;
    height: 50px;
}

.carousel-control.left, .carousel-control.right {
    width: 8%;
    background: none;
    z-index: 999;
}

.glyphicon-menu-left:before {
    content: "\e92a";
    font-family: 'icomoon' !important;
}

.glyphicon-menu-right:before {
    content: "\e92b";
}

.quick-features {
    background-color: #CDE7F3;
}

.quick-features__title {
    color: #000 !important;
}

.quick-features__text {
    color: #000 !important;
}

.btn-black {
    color: #000 !important;
    border-color: #000 !important;
    opacity: unset !important;
}

.quick-features .cont_inn {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 70px;
    padding-bottom: 70px;
}

.quick-features .col-md-6 {
    display: inline-block;
    border-right: 1px dotted #3e4449;
    padding: 0 5em;
    text-align: left;
    min-height: 150px;
    color: #fff;
}

.quick-features .col-md-6 + .col-md-6 {
    border-right: none;
}

.quick-features .col-md-6 h5 {
    margin-bottom: 10px;
    margin-top: 0;
    color: #fff;
}

.quick-features .col-md-6 p {
    text-align: left;
    font-size: 15px;
    color: #888f97;
    line-height: 25px;
    margin-bottom: 20px;
}

.quick-features [class^="icon-"], .quick-features [class*=" icon-"] {
    color: #3337c1;
    font-size: 140px;
    margin-bottom: 50px;
    margin-right: 40px;
    display: block;
    float: left;
    width: 170px;
    text-align: center;
}

.quick-features .col-md-6 .btn {
    opacity: 0.5;
}

.quick-features .col-md-6 .btn:hover {
    opacity: 0.3;
}

.h-solutions {
    background: #f3f4f5;
    padding-top: 80px;
    padding-bottom: 50px;
    position: relative;
}

.h-solutions .container {
    max-width: 1200px;
}

.h-solutions #solution-slider .row {
    display: flex;
    align-items: center;
}

.h-solutions .carousel-control {
    color: #575d64;
    text-shadow: none;
}

.h-solutions .carousel-indicators {
    bottom: 0;
}

.h-solutions .carousel-indicators li {
    background-color: #fff;
    border-color: #888f97;
}

.h-solutions .carousel-indicators .active {
    background: #888f97;
}

.h-solutions h2, .h-solutions h4 {
    text-align: left;
}

.h-solutions h4 {
    margin-top: 0;
}

.h-solutions h4:after {
    margin-left: 0;
}

.h-solutions .padd-left {
    padding-left: 80px;
    padding-right: 50px;
}

.h-solutions .icons-box .icon {
    font-size: 50px;
    width: 50px;
}

.h-solutions .icons-box p {
    margin-bottom: 30px;
}

.home-hardware {
    display: flex;
    align-items: center;
    text-align: center;
    min-height: 770px;
    background: url('/wp-content/uploads/2020/12/take-care-bg_2_1980х1080.jpg') no-repeat center bottom;
    color: #000;
    padding-top: 70px;
    padding-bottom: 110px;
    background-size: cover;
    background-position: center;
    background-position-y: bottom;
}

.home-hardware .top-content {
    margin-bottom: 180px;
}

.home-hardware .top-content .btn {
    line-height: 30px;
}

.home-hardware .top-content .btn .icon {
    color: #fff;
    font-size: 30px;
    float: left;
    display: block;
    margin-right: 10px;
}

.home-hardware h4 {
    color: #fff;
    margin-bottom: 30px;
}

.home-hardware h4:after {
    border-bottom: 2px solid #fff;
}

.home-hardware .col-md-5 {
    text-align: left;
}

.home-hardware .col-md-5 .icon {
    color: #fff;
}

.home-hardware .col-md-5 h5 {
    color: #fff;
}

.home-hardware .col-md-5 p {
    overflow: hidden;
}

.home-dont-wait {
    min-height: 720px;
    padding-top: 40px;
    background: #fff url(../../../../uploads/2020/12/newkit-1.jpg) no-repeat center bottom;
}

.home-dont-wait h4 {
    text-transform: uppercase;
}

.home-dont-wait .col-md-3 {
    text-align: left;
    padding-top: 80px;
}

.home-dont-wait .col-md-3 h2 {
    text-align: left;
}

.unp-security {
    min-height: 900px;
    padding-top: 80px;
    padding-bottom: 70px;
    background: #0b0c10 url(../../../../uploads/2020/11/unp-security-bg_3.jpg) no-repeat center top;
    background-attachment: fixed;
    background-size: cover;
}

.unp-security h4 {
    margin-bottom: 80px;
    color: #fff;
    font-weight: 900;
    font-size: 36px;

}

.unp-security h4:after {
    border-bottom-color: #fff;
}

.unp-security .top-content {
    max-width: 600px;
    margin-bottom: 80px;
}

.unp-security .top-content h2 {
    color: #fff;
}

.unp-security .top-content p {
    color: #acb5bf;
}

.unp-security .col-md-4 {
    text-align: center;
}

.unp-security .col-md-4 table, .unp-security .col-md-4 td {
    border: none;
    text-align: center;
    padding: 0;
}

.unp-security .col-md-4 td {
    padding-top: 20px;
}

.unp-security .col-md-4 td .icon {
    color: #fff;
    font-size: 50px;
}

.unp-security .tbl-btm-content td {
    border: 2px dashed #fff;
    border-top: none;
    padding: 30px 20px;
}

.unp-security .dashed-border {
    border: 2px dashed #fff;
    border-bottom: none;
    height: 20px;
}

.unp-security td:nth-child(1) .dashed-border {
    border-right: none;
}

.unp-security td:nth-child(3) .dashed-border {
    border-left: none;
}

.unp-security .col-md-4 p {
    color: #acb5bf;
}

.unp-security .col-md-4 h1 {
    color: #fff;
    font-size: 100px;
    font-weight: normal;
}

.unp-security .col-md-4 h6 {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.you-are-watched {
    min-height: 900px;
    padding-top: 60px;
    padding-bottom: 70px;
    background: #fff url(../../../../uploads/2020/11/you-are-watched-bg_2.jpg) no-repeat center bottom;
}

.you-are-watched .container {
    max-width: 600px;
    text-align: center;
}

.you-are-watched h4 {
    margin-bottom: 0;
}

.you-are-watched h2 {
    text-align: center;
}

.you-are-watched p {
    margin-bottom: 80px;
}

.take-care {
    min-height: 520px;
    padding-top: 0px;
    padding-bottom: 50px;
    background: #867c8b url(../../../../uploads/2020/12/1920x1500-scaled.jpg) no-repeat center bottom;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    background-size: cover;
    background-attachment: fixed;
}

.take-care .container {
    max-width: 650px;
}

.take-care h2 {
    color: #000;
    margin-bottom: 30px;
    margin-top: 0;
}

.take-care p {
    color: #000;
    margin-bottom: 40px;
}

.care_p {
    margin-bottom: 15px !important;
    line-height: 30px;
}

.take-care .btn-lblue {
    margin-left: 10px;
    border-color: #267dd1;
}

@media screen and (max-width: 1024px) {
    .home-dont-wait {
        clear: both;
        padding-bottom: 530px;
    }

    .home-dont-wait .col-md-3 {
        padding-top: 0;
        text-align: center;
    }

    .home-dont-wait .col-md-3 h2 {
        text-align: center;
    }
}

@media screen and (max-width: 992px) {
    p {
        font-size: 14px;
        line-height: 22px;
    }

    h2 {
        font-size: 22px;
    }

    .btn-lg, .btn-xl {
        font-size: 16px;
        padding: 10px 30px;
    }

    a.back-to-top {
        bottom: 40px;
        left: 10px;
    }

    #home-slider .item {
        min-height: 650px;
        background-size: cover;
        text-align: center;
    }

    #home-slider .item img {
        display: none;
    }

    #home-slider .slide-1 {
        _background: #262cab;
    }

    #home-slider .slide-2 {
        background: url(images/h-slide-1.jpg) no-repeat 70% -100px;
    }

    #home-slider .slide-3 {
        background: url(images/h-slide-2.jpg) no-repeat 30% top;
    }

    #home-slider .slide-4 {
        background: url(images/h-slide-3.jpg) no-repeat center top;
    }

    #home-slider .item .carousel-caption {
        top: 0;
        left: 25px;
        right: 25px;
    }

    #home-slider .item .carousel-caption h2 {
        margin-bottom: 25px;
        font-size: 30px;
        line-height: 40px;
    }

    #home-slider .item .carousel-caption p {
        font-size: 19px;
        line-height: 27px;
    }

    #home-slider .item .carousel-caption .btn {
        display: block;
        margin: 15px auto;
        font-size: 16px;
    }

    .carousel-indicators li, .carousel-indicators .active {
        margin-right: 20px;
    }

    .h-solutions {
        padding-bottom: 0;
        padding-top: 20px;
    }

    .h-solutions .padd-right {
        padding-right: 20px;
    }

    .h-solutions h2, .h-solutions h4 {
        text-align: center;
    }

    .h-solutions h2 {
        font-size: 22px;
    }

    .content h4, .container h4 {
        margin-bottom: 20px;
    }

    .h-solutions h4 {
        margin-top: 50px;
    }

    .h-solutions h4:after {
        margin-left: auto;
    }

    #solution-slider .item {
        padding-top: 30px;
    }

    #solution-slider .item .row {
        display: flex;
        flex-direction: column;
    }

    #solution-slider .item .row .text-left {
        order: 1;
        padding: 0;
        text-align: center;
    }

    #solution-slider .item .row .padd-left {
        order: initial;
        padding: 0;
    }

    /*#solution-slider .item .btn { display: block; max-width: 200px; margin: 15px auto;}*/
    #solution-slider {
        padding-bottom: 50px;
    }

    #solution-slider .carousel-indicators {
        bottom: auto;
        top: 10px;
    }

    /*.home-hardware { padding-top: 20px; padding-bottom: 50px; background-image: url(images/home-hardware-bg-2.jpg); background-position: center -50px; }*/
    .home-hardware .top-content {
        margin-bottom: 230px;
    }

    .home-dont-wait {
        clear: both;
        padding-bottom: 530px;
        padding-top: 20px;
        text-align: center;
    }

    .home-dont-wait .col-md-3 {
        padding-top: 0;
        text-align: center;
    }

    .home-dont-wait .col-md-3 h2 {
        text-align: center;
    }

    .home-dont-wait .btn {
        display: block;
        margin: 20px auto;
        max-width: 240px;
        padding: 10px 0;
    }

    .unp-security {
        padding-top: 30px;
    }

    .unp-security .top-content {
        margin-bottom: 50px;
    }

    .you-are-watched {
        padding-top: 20px;
        min-height: 200px;
        padding-bottom: 300px;
        background-image: url(../../../../uploads/2020/11/you-are-watched-bg_2.jpg);
    }

    .take-care {
        padding-top: 80px;
    }

    .take-care .btn {
        min-width: 235px;
        margin-bottom: 25px;
    }

    .take-care .btn-lblue {
        margin-left: auto;
    }
}

@media screen and (max-width: 768px) {
    .quick-features .col-md-6 {
        margin-bottom: 50px;
    }

    .h-solutions h4 {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    #solution-slider {
        padding-bottom: 0;
    }

    #solution-slider .carousel-indicators {
        top: 120px;
    }

    #solution-slider .item .row .padd-left {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 0;
        text-align: center;
    }

    .h-solutions .icons-box .icon {
        display: none;
    }

    #solution-slider .icons-box h5 {
        display: none;
    }

    #solution-slider .icons-box p {
        margin-bottom: 0;
        display: inline-block;
    }

    #solution-slider .item .btn {
        margin-top: 30px;
    }

    .home-hardware {
        position: relative;
        z-index: 100;
    }

    .quick-features [class^="icon-"], .quick-features [class*=" icon-"] {
        margin: 0 auto;
        float: none;
        margin-bottom: 20px;
    }

    .quick-features .col-md-6 h5, .quick-features .col-md-6 p {
        text-align: center;
    }

    .quick-features .col-md-6 .btn {
        display: block;
    }
}

@media screen and (max-width: 500px) {
    .quick-features .col-md-2 {
        width: 100%;
        clear: both;
        float: none;
    }

    .home-hardware {
        background-position: center top;
    }

    .home-dont-wait {
        background-size: contain;
        padding-bottom: 550px;
    }
}

@media screen and (max-width: 480px) {
    .carousel-indicators {
        width: 100%;
        left: auto;
        margin-left: 0;
    }

    #home-slider .slide-2 {
        background: url(images/h-slide-1-480.jpg) no-repeat center top;
    }

    #home-slider .slide-3 {
        background: url(images/h-slide-2-480.jpg) no-repeat center top;
    }

    #home-slider .slide-4 {
        background: url(images/h-slide-3-480.jpg) no-repeat center top;
    }

    .home-dont-wait {
        padding-bottom: 500px;
    }
}

@media screen and (max-width: 400px) {
    .home-hardware {
        background-size: cover;
    }

    .home-dont-wait {
        padding-bottom: 400px;
    }
}


/* Downloads */
.page-id-238 h2 {
    text-align: center;
}

.dwnl-docs {
    padding-top: 50px;
}

.dwnl-docs .container {
    max-width: 560px;
}

.dwnl-docs ul {
    list-style: none;
}

.dwnl-docs ul li {
    padding: 15px 15px 15px 20px;
    min-height: 70px;
    border-bottom: 1px solid #f3f4f5;
}

.dwnl-docs ul li:hover {
    background-color: #f9f9fa;
    cursor: pointer;
}

.dwnl-docs ul li:before {
    content: "";
}

.dwnl-docs ul li i {
    color: #c3c7cb;
}

.pdf-doc .icon {
    color: #d2405c;
    float: left;
    padding-right: 15px;
}

.dwnl-media .container {
    max-width: 1140px;
    padding: 0;
}

.dwnl-media .container .col-md-4 {
    background-color: #e5e5e5;
    min-height: 260px;
    width: 32%;
    margin: 3px;
    padding: 0;
    float: left;
    text-align: center;
}

.dwnl-format {
    text-transform: uppercase;
    color: #fff;
    display: none;
    margin-bottom: 10px;
}

.dwnl-media-01 {
    background: url(images/dwnl-media-01.jpg) no-repeat center top;
}

.dwnl-media-02 {
    background: url(images/dwnl-media-02.jpg) no-repeat center top;
}

.dwnl-media-03 {
    background: url(images/dwnl-media-03.jpg) no-repeat center top;
}

.dwnl-media-04 {
    background: url(images/dwnl-media-04.jpg) no-repeat center top;
}

.dwnl-media-05 {
    background: url(images/dwnl-media-05.jpg) no-repeat center top;
}

.dwnl-media-06 {
    background: url(images/dwnl-media-06.jpg) no-repeat center top;
}

.dwnl-media-07 {
    background: url(images/dwnl-media-07.jpg) no-repeat center top;
}

.dwnl-media-08 {
    background: url(images/dwnl-media-08.jpg) no-repeat center top;
}

.dwnl-media-09 {
    background: url(images/dwnl-media-09.jpg) no-repeat center top;
}

.dwnl-media-10 {
    background: url(images/dwnl-media-10.jpg) no-repeat center top;
}

.dwnl-media-11 {
    background: url(images/dwnl-media-11.jpg) no-repeat center top;
}

.dwnl-media-12 {
    background: url(images/dwnl-media-12.jpg) no-repeat center top;
}

.dwnl-media-13 {
    background: url(images/no1bc-logo-basic.jpg) no-repeat center top;
}

.dwnl-media-14 {
    background: url(images/no1bc-logo-center-4-color.jpg) no-repeat center top;
}

.dwnl-media-15 {
    background: url(images/no1bc-logo-horizontal_full.jpg) no-repeat center top;
}

.dwnl-format-mask {
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    text-align: center;
    position: absolute;
    transition: background 0.2s ease, linear;
    display: flex;
    align-items: center;
}

.dwnl-links-inn {
    width: 100%;
    text-align: center;
}

.format-label {
    background-color: #267dd1;
    display: inline-block;
    color: #fff;
    padding: 3px 8px;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-right: 10px;
    font-style: normal;
    font-weight: bold;
}

.dwnl-media .dwnl-format-mask a {
    border: none;
    text-decoration: none;
    color: #fff;
    width: auto;
}

.dwnl-media .container .col-md-4:hover .dwnl-format-mask {
    background: rgba(46, 46, 46, 0.5);
}

.dwnl-media .container .col-md-4:hover .dwnl-format {
    display: block;
}

.dwnl-logos {
    padding-top: 50px;
    padding-bottom: 30px;
}

.dwnl-logos h2 {
    margin-bottom: 35px;
}

.dwnl-logos img {
    float: left;
    width: 32%;
    margin: 10px 3px;
}

.dwnl-join-us .container {
    max-width: 750px;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 80px;
}

@media screen and (max-width: 700px) {
    .dwnl-media .container .col-md-4 {
        width: 47%;
    }

    .dwnl-media .container .dwnl-format-mask {
        background: rgba(46, 46, 46, 0.5);
    }

    .dwnl-media .container .col-md-4 .dwnl-format {
        display: block;
    }
}

@media screen and (max-width: 500px) {
    .dwnl-media .container .col-md-4 {
        width: 100%;
        float: none;
        background-size: cover;
    }

    .dwnl-logos img {
        float: none;
        clear: both;
    }
}


/* Supported OS */
.page-id-244 .page-banner {
    background: url(images/page-banner-05.jpg) no-repeat center top;
}

.page-id-244 .dev-list {
    text-align: center;
    padding-bottom: 60px;
    padding-top: 50px;
}

.page-id-244 .dev-list h4 {
    margin-bottom: 60px;
}

.page-id-244 .dev-list h2 {
    margin-bottom: 90px;
}

.page-id-244 .dev-list .col-md-3 {
    margin-bottom: 30px;
}

.page-id-244 .dev-list .col-md-3 img {
    margin-bottom: 20px;
}

.page-id-244 .dev-list .col-md-3 p {
    color: #888f97;
}

.page-id-244 .other-models {
    text-align: center;
    background: #f9f9fa;
    padding-top: 50px;
    padding-bottom: 100px;
}

.page-id-244 .other-models .container {
    max-width: 600px;
}

.page-id-244 .other-models h4 {
    margin-bottom: 30px;
}

.page-id-244 .other-models p {
    margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
    .page-id-244 .dev-list {
        padding-bottom: 30px;
        padding-top: 20px;
    }

    .page-id-244 .dev-list h2 {
        margin-bottom: 50px;
    }

    .page-id-244 .other-models {
        padding-top: 20px;
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 460px) {
    .page-id-244 .dev-list .col-md-3 {
        float: none;
        clear: both;
        text-align: center;
        width: 100%;
    }
}


/* Where to buy */
.wtb-inn .container {
    max-width: 1200px;
}

.wtb-inn {
    padding-top: 100px;
    padding-bottom: 80px;
}

.wtb-inn .col-md-6 {
    margin-bottom: 50px;
    padding: 0;
}

.wtb-inn .col-md-6 img {
    float: left;
    margin-right: 25px;
}

@media screen and (max-width: 992px) {
    .wtb-inn .col-md-6 {
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 60px;
    }

    .wtb-inn .col-md-6 img {
        float: none;
        margin: 0;
    }
}


/* Why use no1bcmail */
.page-id-136 {
    background: #f7f7f7;
}

.page-id-136 .page-banner {
    background: url(images/page-banner-08.jpg) no-repeat center top;
}

.conf-things {
    background: #f7f7f7 url(/wp-content/uploads/2021/01/conf-things.jpg) no-repeat center top;
    min-height: 800px;
    padding-top: 100px;
    padding-bottom: 50px;
    background-size: contain;
}

.conf-things.conf-things-ios {
    background: #f7f7f7 url(images/conf-things-ios.jpg) no-repeat center top;
}

.page-id-136 p {
    margin-bottom: 40px;
}

.conf-things .bottom-content, .secure-your-mail .bottom-content {
    max-width: 470px;
    min-height: 62px;
    text-align: left;
    font-style: italic;
    color: #888f97;
}

.secure-your-mail {
    background: #f7f7f7 url(/wp-content/uploads/2021/01/secure-your-mail.jpg) no-repeat center top;
    background-size: contain !important;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    background-size: 90%;
}

.secure-your-mail .container {
    display: flex;
    display: -ms-flex;
    align-items: center;
    -webkit-align-content: center;
    justify-content: center;
    flex-direction: row;
    padding-top: 100px;
}

.secure-your-mail.secure-your-mail-ios {
    background: #f7f7f7 url(images/syi.jpg) no-repeat center top;
}

.clean-ui {
    background: #f7f7f7;
    padding-bottom: 50px;
    padding-top: 50px;
}

.clean-ui .top-content {
    max-width: 550px;
}

.clean-ui-phones {
    background: #f7f7f7;
}

.clean-ui-phones .col-md-2 {
    width: 20%;
    text-align: center;
}

#clean-ui-phones-sl {
    padding-top: 60px;
}

#clean-ui-phones-sl .carousel-indicators {
    top: 0;
    bottom: auto;
}

#clean-ui-phones-sl .carousel-indicators li {
    background: #f7f7f7;
    border: 1px solid #575d64;
}

#clean-ui-phones-sl .carousel-indicators li.active {
    background: #575d64;
    border: 1px solid #575d64;
}

#clean-ui-phones-sl .item {
    text-align: center;
}

#owl-carousel .item {
    margin: 0 15px;
}

#owl-carousel .item img {
    display: block;
    width: 100%;
    max-width: 318px;
    height: auto;
}

.email-accounts {
    background: #fff;
    margin-top: -130px;
    z-index: 100;
    position: relative;
    padding-bottom: 100px;
    padding-top: 80px;
}

.email-accounts .container {
    max-width: 650px;
    text-align: center;
}

.email-accounts .col-md-6 .box-inn {
    border: 1px solid #ebeced;
    border-radius: 2px;
    padding: 45px 15px 20px 15px;
    text-align: center;
    height: 200px;
    margin: 20px 0;
    _margin-right: 3%;
    font-size: 20px;
    color: #20272e;
}

.email-accounts .col-md-6 img {
    margin-bottom: 25px;
}

.email-accounts .col-md-6 p {
    font-size: 20px;
    color: #20272e;
}

.what-you-need {
    background: url(/wp-content/uploads/2021/01/1111-7.jpg) no-repeat center top;
    min-height: 500px;
    background-size: cover;
}

.what-you-need h2, .what-you-need p {
    color: #fff;
}

.black_bg {
    background: #00000087;
    padding: 30px;
}

@media screen and (max-width: 1400px) {
    .what-you-need {
        background-position: left top;
    }
}

@media screen and (max-width: 1260px) {
    .page-id-136 .page-banner {
        background-position: left top;
    }
}

@media screen and (max-width: 1024px) {
    .page-id-136 .page-banner {
        background-position: -200px top;
    }
}

@media screen and (max-width: 992px) {
    .clean-ui-phones {
        display: none;
    }

    .conf-things {
        background: #f7f7f7 url(images/conf-things-2.jpg) no-repeat center bottom;
        background-size: contain;
        padding-bottom: 600px;
        padding-top: 50px;
        text-align: center;
        min-height: 200px;
    }

    .conf-things .bottom-content, .secure-your-mail .bottom-content {
        margin: 0 15px 50px 15px;
        max-width: 95%;
    }

    /*.secure-your-mail { background: #f7f7f7 url(images/secure-your-mail-2.jpg) no-repeat center bottom; background-size: contain; text-align: center; padding-bottom: 800px; padding-top: 20px; }*/
    .secure-your-mail .container {
        padding-top: 0;
        display: block;
    }

    .secure-your-mail .col-md-5 {
        padding-top: 0;
    }

    .secure-your-mail .horiz-divider {
        max-width: 50%;
    }

    .secure-your-mail.secure-your-mail-ios {
        background: #f7f7f7 url(images/syi2.jpg) no-repeat center bottom;
        background-size: contain;
        text-align: center;
        padding-top: 20px;
    }

    .clean-ui .top-content {
        padding-top: 0px;
    }

    .email-accounts {
        margin-top: -120px;
        padding-top: 50px;
    }

    .conf-things.conf-things-ios {
        background: #f7f7f7 url(images/conf-things-ios2.jpg) no-repeat center bottom;
        background-size: contain;
        padding-top: 50px;
        text-align: center;
        min-height: 200px;
    }
}

@media screen and (max-width: 800px) {
    .conf-things {
        padding-bottom: 400px;
    }
}

@media screen and (max-width: 640px) {
    .page-id-136 .page-banner {
        background-position: -300px top;
    }

    .conf-things {
        padding-bottom: 300px;
    }

    .what-you-need {
        background-position: -150px top;
    }
}

@media screen and (max-width: 500px) {
    .conf-things {
        padding-bottom: 200px;
    }


    .clean-ui {
        padding-top: 0;
        padding-bottom: 20px;
    }

    #owl-demo .item {
        margin: 0 30px;
    }
}


/* No.1 BC: PGP */
.golden-standart {
    padding-top: 50px;
    padding-bottom: 380px;
    min-height: 800px;
    background: #f9f9fa url(images/golden-standart-bg.jpg) no-repeat center bottom;
}

.golden-standart .top-content {
    max-width: 750px;
    margin-bottom: 80px;
}

.impr-features {
    padding-bottom: 150px;
}

.same-as-pgp {
    background: #f9f9fa;
    padding-top: 50px;
    padding-bottom: 0;
}

.same-as-pgp .top-content {
    margin-bottom: 60px;
    max-width: 550px;
}

/* table */
.d-table {
    display: table;
    max-width: 950px;
    border: 1px solid #ebeced;
    margin: 20px auto;
}

.d-table-head .d-cell {
    background: #20272e;
    text-align: left;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    border: none;
    border-bottom: 1px solid #ebeced;
    padding: 20px 35px;
}

.d-table-head em {
    color: #fff;
}

.d-table .d-row {
    display: table-row;
}

.d-table .d-cell {
    display: table-cell;
    background: #fff;
    padding: 20px 35px;
    border: none;
    border-bottom: 1px solid #ebeced;
    vertical-align: top;
}

.d-table .d-cell:nth-child(1) {
    text-align: right;
    font-weight: bold;
    color: #20272e;
    padding-right: 60px;
    width: 25%;
}

.d-table .d-cell:nth-child(2) {
    background: #fbfbfb;
}

.d-table .d-table-head .d-cell {
    background: #20272e;
}

.d-table .d-table-head .d-cell:nth-child(1) {
    text-align: right;
    padding-right: 60px;
    color: #fff;
}

.d-table .d-table-head .d-cell:nth-child(2) {
    background: #353b41;
}

.d-table .d-cell p {
    margin: 0;
    padding: 0;
}

.d-table .d-cell span {
    display: none;
}

.comm-securely {
    padding-top: 70px;
    display: flex;
    align-items: center;
}

.pgp-on-phone {
    background: url(/wp-content/uploads/2021/01/page_banner-09.jpg) no-repeat center top;
    min-height: 500px;
}

.pgp-on-phone h2, .pgp-on-phone p {
    color: #fff;
}

@media screen and (max-width: 992px) {
    .comm-securely {
        flex-direction: column;
    }

    .page-id-172 .page-banner {
        background-position: 30% top;
    }
}

@media screen and (max-width: 640px) {
    .golden-standart {
        background-size: contain;
        padding-bottom: 300px;
    }

    .d-table {
        display: block;
        background: #fff;
        border: 1px solid #ebeced;
        padding: 40px 25px;
        text-align: left;
    }

    .d-table .d-row {
        display: block;
        width: 100%;
        padding-top: 10px;
    }

    .d-table .d-cell {
        display: block;
        border: none;
        background: none;
        width: 100%;
        text-align: left;
    }

    .d-table .d-table-head {
        display: none;
    }

    .d-table .d-cell:nth-child(1) {
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        border-bottom: 1px solid #ebeced;
        padding: 15px 0;
    }

    .d-table .d-cell:nth-child(2) {
        background: none;
    }

    .d-table .d-cell:nth-child(3) {
        color: #262cab;
    }

    .d-table .d-cell span {
        display: inline-block;
    }

    .d-table .d-cell:nth-child(2) span, .d-table .d-cell:nth-child(3) span {
        width: auto;
        background: #575d64;
        color: #fff;
        border-radius: 2px;
        padding: 2px 5px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .d-table .d-cell:nth-child(3) span {
        background: #262cab;
    }

    .d-table .d-cell:nth-child(3) span em {
        color: #fff;
    }
}

@media screen and (max-width: 480px) {
    .golden-standart {
        padding-bottom: 200px;
    }

    .comm-securely {
        background-size: contain;
    }
}


/* No.1 BC: Notes */
.page-id-166 .page-banner {
    background: url(images/page-banner-12.jpg) no-repeat center top;
}

.napkins-era {
    background: #f9f9fa url(images/napkins-era-bg.jpg) no-repeat center bottom;
    padding-top: 50px;
    padding-bottom: 300px;
    min-height: 500px;
}

.encrypts-your-data {
    background: #262cab url(images/encrypts-your-data-bg.jpg) no-repeat center bottom;
    padding-top: 90px;
    padding-bottom: 120px;
}

.encrypts-your-data em {
    color: #fff;
}

.encr-animation {
    background: #000057 url(images/encr-animation-bg.jpg) repeat-x center bottom;
    min-height: 200px;
    margin-bottom: 100px;
    padding-top: 50px;
    padding-bottom: 90px;
    text-align: center;
}

.encr-animation h2 {
    color: #fff;
}

.encr-animation h3 {
    font-size: 15px;
    color: #fff;
    font-weight: bold;
}

.encrypts-your-data .icons-box .icon {
    color: #fff;
    display: block;
    width: 60px;
}

.encrypts-your-data .icons-box h5 {
    color: #fff;
    font-size: 17px;
}

.encrypts-your-data .icons-box p {
    color: #b2b5f3;
    margin-bottom: 40px;
}

.notes-how-it-works {
    padding-top: 50px;
    padding-bottom: 0;
    background: #f9f9fa;
}

.notes-how-it-works h6 {
    font-size: 15px;
    line-height: 24px;
    color: #20272e;
    font-weight: bold;
    margin-bottom: 30px;
    display: none;
}

.start-the-app {
    max-width: 960px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.start-the-app .col-md-8 {
    width: 500px;
    float: right;
    margin-bottom: 40px;
}

.icon-encr-piece {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.start-the-app .img-arrow-1 {
    position: absolute;
    width: 7px;
    height: 620px;
    background: url(images/img-arrow-1.png) no-repeat left top;
    margin-left: 0;
    z-index: 200;
}

.start-the-app .img-arrow-2 {
    position: absolute;
    width: 86px;
    height: 530px;
    background: url(images/img-arrow-2.png) no-repeat left top;
    top: 250px;
    margin-left: -15px;
    z-index: 200;
}

.arrow-text {
    position: absolute;
    font-style: italic;
    color: #20272e;
    text-align: left;
    width: 180px;
}

.arrow-checked {
    display: block;
    position: absolute;
    width: 43px;
    height: 43px;
    background: url(images/scheme-1-checked.png) no-repeat center top;
}

.arrow-checked-dark {
    background-image: url(images/arrow-checked-dark.jpg);
}

.arrow-1 {
    width: 7px;
    margin: 0 0 0 10px;
    position: absolute;
    z-index: 100;
}

.arrow-1 .line {
    width: 1px;
    height: 690px;
    border-left: 1px dashed #c3c7cb;
}

.arrow-1 .point {
    width: 0;
    height: 0;
    margin-left: -3px;
    border-style: solid;
    border-width: 7px 3.5px 0 3.5px;
    border-color: #c3c7cb transparent transparent transparent;
}

.arrow-2 {
    width: 80px;
    margin: 0 0 0 -10px;
    position: absolute;
    top: 235px;
    z-index: 100;
}

.arrow-2 .line {
    margin-top: 14px;
    width: 80px;
    height: 530px;
    border-left: 1px dashed #c3c7cb;
    border-top: 1px dashed #c3c7cb;
}

.arrow-2 .point {
    width: 0;
    height: 0;
    margin-left: -3px;
    border-style: solid;
    border-width: 7px 3.5px 0 3.5px;
    border-color: #c3c7cb transparent transparent transparent;
}

.arrow-3 {
    width: 57px;
    margin: 0;
    z-index: 100;
}

.arrow-3 .line {
    margin-top: -3px;
    width: 50px;
    height: 7px;
    border-bottom: 1px dashed #c3c7cb;
    float: left;
}

.arrow-3 .point {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 7px;
    border-color: transparent transparent transparent #c3c7cb;
    float: right;
}

.arrow-4 {
    width: 7px;
    margin: 10px 0 0 140px;
    position: absolute;
    z-index: 100;
}

.arrow-4 .line {
    width: 1px;
    height: 240px;
    border-left: 1px solid #267dd1;
}

.arrow-4 .point {
    width: 0;
    height: 0;
    margin-left: -2.5px;
    border-style: solid;
    border-width: 7px 3.5px 0 3.5px;
    border-color: #267dd1 transparent transparent transparent;
}

.arrow-5 {
    margin: 10px 0 0 150px;
    z-index: 100;
}

.arrow-5 .line {
    width: auto;
    height: 53px;
    border-left: 1px solid #20272e;
    border-bottom: 1px solid #20272e;
}

.arrow-5 .point {
    width: 0;
    height: 0;
    margin-left: -3px;
    border-style: solid;
    border-width: 0 3.5px 7px 3.5px;
    border-color: transparent transparent #20272e transparent;
}

.arrow-6 {
    width: 100%;
    margin: 10px 0 0 0;
    float: left;
    z-index: 100;
}

.arrow-6 .line {
    width: auto;
    height: 60px;
    border-right: 1px solid #20272e;
    border-bottom: 1px solid #20272e;
    position: relative;
}

.arrow-6 .point {
    width: 0;
    height: 0;
    margin-left: -3px;
    bottom: -2px;
    position: absolute;
    border-style: solid;
    border-width: 3.5px 7px 3.5px 0;
    border-color: transparent #20272e transparent transparent;
}

.arrow-7 {
    width: 100%;
    margin: 10px 0 0 0;
    z-index: 100;
}

.arrow-7 .line {
    width: auto;
    height: 53px;
    border-left: 1px solid #68c34c;
    border-bottom: 1px solid #68c34c;
    border-right: 1px solid #68c34c;
}

.arrow-7 .point {
    width: 0;
    height: 0;
    margin-left: -3px;
    border-style: solid;
    border-width: 0 3.5px 7px 3.5px;
    border-color: transparent transparent #68c34c transparent;
}

.arrow-7 .arrow-checked {
    margin-left: -20px;
    bottom: -20px;
    left: 50%;
}

.arrow-8 {
    width: 7px;
    margin: -30px 0 0 140px;
    position: absolute;
    z-index: 100;
}

.arrow-8 .line {
    width: 1px;
    height: 60px;
    border-left: 1px solid #267dd1;
}

.arrow-8 .point {
    width: 0;
    height: 0;
    margin-left: -3px;
    border-style: solid;
    border-width: 7px 3.5px 0 3.5px;
    border-color: #267dd1 transparent transparent transparent;
}

.arrow-9 {
    width: 7px;
    margin: 0 0 0 200px;
    position: absolute;
    z-index: 100;
    top: 220px;
}

.arrow-9 .line {
    width: 1px;
    height: 540px;
    border-left: 1px dashed #c3c7cb;
}

.arrow-9 .point {
    width: 0;
    height: 0;
    margin-left: -3px;
    border-style: solid;
    border-width: 7px 3.5px 0 3.5px;
    border-color: #c3c7cb transparent transparent transparent;
}

.arrow-10 {
    width: 500px;
    margin: 0 0 0 250px;
    position: absolute;
    z-index: 100;
    top: 450px;
}

.arrow-10 .line {
    width: 500px;
    height: 290px;
    border-right: 1px solid #267dd1;
    border-top: 1px solid #267dd1;
}

.arrow-10 .point {
    width: 0;
    height: 0;
    right: -3px;
    position: absolute;
    border-style: solid;
    border-width: 7px 3.5px 0 3.5px;
    border-color: #267dd1 transparent transparent transparent;
}

.arrow-11 {
    width: 40px;
    margin: -50px 0 0 -50px;
    position: absolute;
    z-index: 100;
}

.arrow-11 .line {
    width: 40px;
    height: 735px;
    border-left: 1px solid #68c34c;
    border-top: 1px solid #68c34c;
    border-bottom: 1px solid #68c34c;
}

.arrow-11 .point {
    width: 0;
    height: 0;
    right: 0;
    margin-top: -3px;
    position: absolute;
    border-style: solid;
    border-width: 3.5px 0 3.5px 7px;
    border-color: transparent transparent transparent #68c34c;
}

.arrow-11 .arrow-checked {
    bottom: auto;
    top: 350px;
    left: -21px;
    margin: 0;
}

.arrow-12 {
    width: 7px;
    margin: 0px 0 0 43%;
    position: absolute;
    z-index: 100;
}

.arrow-12 .line {
    width: 7px;
    height: 80px;
    border-right: 1px solid #68c34c;
}

.arrow-12 .point {
    width: 0;
    height: 0;
    right: -3px;
    position: absolute;
    border-style: solid;
    border-width: 7px 3.5px 0 3.5px;
    border-color: #68c34c transparent transparent transparent;
}

.arrow-12 .arrow-checked {
    top: 20px;
    left: -15px;
}

.arrow-13 {
    width: 7px;
    margin: 20px 0 0 43%;
    position: absolute;
    z-index: 100;
}

.arrow-13 .line {
    width: 7px;
    height: 90px;
    border-right: 1px solid #267dd1;
}

.arrow-13 .point {
    width: 0;
    height: 0;
    right: -3px;
    position: absolute;
    border-style: solid;
    border-width: 7px 3.5px 0 3.5px;
    border-color: #267dd1 transparent transparent transparent;
}

.arrow-14 {
    width: 87px;
    margin: 0;
    z-index: 100;
    left: -65px;
    top: 267px;
    position: absolute;
}

.arrow-14 .line {
    margin-top: -3px;
    width: 80px;
    height: 7px;
    border-bottom: 1px dashed #c3c7cb;
    float: left;
}

.arrow-14 .point {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 7px;
    border-color: transparent transparent transparent #c3c7cb;
    float: right;
}

.arrow-15 {
    width: 67px;
    margin: 0;
    z-index: 100;
    right: -45px;
    top: 267px;
    position: absolute;
}

.arrow-15 .line {
    margin-top: -3px;
    width: 60px;
    height: 7px;
    border-bottom: 1px dashed #c3c7cb;
    float: left;
}

.arrow-15 .point {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 7px;
    border-color: transparent transparent transparent #c3c7cb;
    float: right;
}

.arrow-16 {
    width: 40px;
    margin: 100px 0 0 0px;
    position: absolute;
    right: 0;
    z-index: 100;
}

.arrow-16 .line {
    width: 40px;
    height: 950px;
    border-right: 1px solid #267dd1;
    border-top: 1px solid #267dd1;
    border-bottom: 1px solid #267dd1;
}

.arrow-16 .point {
    width: 0;
    height: 0;
    margin-left: -3px;
    bottom: -2px;
    position: absolute;
    border-style: solid;
    border-width: 3.5px 7px 3.5px 0;
    border-color: transparent #267dd1 transparent transparent;
}

.arrow-17 {
    width: 207px;
    margin: 0;
    z-index: 100;
    left: -200px;
    top: 305px;
    position: absolute;
}

.arrow-17 .line {
    margin-top: -3px;
    width: 200px;
    height: 7px;
    border-bottom: 1px dashed #c3c7cb;
    float: left;
}

.arrow-17 .point {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 7px;
    border-color: transparent transparent transparent #c3c7cb;
    float: right;
}

.arrow-18 {
    width: 47px;
    margin: 0;
    z-index: 100;
    right: -35px;
    top: 305px;
    position: absolute;
}

.arrow-18 .line {
    margin-top: -3px;
    width: 40px;
    height: 7px;
    border-bottom: 1px dashed #c3c7cb;
    float: left;
}

.arrow-18 .point {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 7px;
    border-color: transparent transparent transparent #c3c7cb;
    float: right;
}

.arrow-19 {
    width: 7px;
    margin: 0 0 0 45%;
    position: absolute;
    z-index: 100;
}

.arrow-19 .line {
    width: 7px;
    height: 200px;
    border-right: 1px solid #267dd1;
}

.arrow-19 .point {
    width: 0;
    height: 0;
    right: -3px;
    position: absolute;
    border-style: solid;
    border-width: 7px 3.5px 0 3.5px;
    border-color: #267dd1 transparent transparent transparent;
}

.arrow-20 {
    width: 80px;
    margin: 0 0 0 30px;
    position: absolute;
    top: 1200px;
    z-index: 100;
    display: none;
}

.arrow-20 .line {
    width: 150px;
    height: 1030px;
    border-left: 1px solid #267dd1;
    border-top: 1px solid #267dd1;
}

.arrow-20 .point {
    width: 0;
    height: 0;
    position: absolute;
    right: -4px;
    bottom: 0;
    border-style: solid;
    border-width: 7px 3.5px 0 3.5px;
    border-color: #267dd1 transparent transparent transparent;
}

.arrow-20 .point2 {
    width: 0;
    height: 0;
    margin-left: -50px;
    margin-top: -3px;
    bottom: auto;
    right: 0;
    position: absolute;
    border-style: solid;
    border-width: 3.5px 7px 3.5px 0;
    border-color: transparent #267dd1 transparent transparent;
}

.arrow-20 .corner-line {
    width: 140px;
    height: 30px;
    position: relative;
    border-top: 1px solid #267dd1;
    border-right: 1px solid #267dd1;
}

.arrow-21 {
    width: 160px;
    margin: 0 0 0 0px;
    position: absolute;
    top: 270px;
    right: 30px;
    z-index: 100;
    display: none;
}

.arrow-21 .line {
    width: 160px;
    height: 1210px;
    border-right: 1px solid #68c34c;
    border-top: 1px solid #68c34c;
    border-bottom: 1px solid #68c34c;
}

.arrow-21 .point {
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    border-style: solid;
    margin-left: -4px;
    border-width: 0 3.5px 7px 3.5px;
    border-color: transparent transparent #68c34c transparent;
}

.arrow-21 .corner-line {
    width: 380px;
    height: 30px;
    position: absolute;
    margin-left: -330px;
    margin-top: -30px;
    border-bottom: 1px solid #68c34c;
    border-left: 1px solid #68c34c;
}

.arrow-21 .arrow-checked {
    top: -60px;
    left: -23px;
}

.arrow-21 .arrow-text {
    color: #68c34c;
    left: -180px;
    bottom: -10px;
}

.arrow-22 {
    width: 250px;
    margin: -80px 0 0 0px;
    position: absolute;
    top: 0px;
    left: 30px;
    z-index: 100;
    display: none;
}

.arrow-22 .line {
    width: 200px;
    height: 350px;
    border-left: 1px solid #20272e;
    border-top: 1px solid #20272e;
    border-bottom: 1px solid #20272e;
}

.arrow-22 .point {
    width: 0;
    height: 0;
    position: absolute;
    right: -3px;
    top: -70px;
    border-style: solid;
    border-width: 0 3.5px 7px 3.5px;
    border-color: transparent transparent #20272e transparent;
}

.arrow-22 .corner-line1 {
    width: 150px;
    height: 30px;
    position: absolute;
    margin-top: -30px;
    right: 0;
    border-bottom: 1px solid #20272e;
    border-right: 1px solid #20272e;
}

.arrow-22 .corner-line2 {
    width: 150px;
    height: 70px;
    position: absolute;
    margin-top: -69px;
    right: 0;
    border-bottom: 1px solid #20272e;
    border-right: 1px solid #20272e;
}

.arrow-22 .arrow-text {
    color: #267dd1;
    margin-left: -200px;
}

.arrow-23 {
    width: 7px;
    margin: 0;
    z-index: 100;
    position: absolute;
    left: 350px;
    top: 280px;
    display: none;
}

.arrow-23 .line {
    width: auto;
    height: 80px;
    border-left: 1px solid #68c34c;
}

.arrow-23 .point {
    width: 0;
    height: 0;
    margin-left: -3px;
    border-style: solid;
    border-width: 0 3.5px 7px 3.5px;
    border-color: transparent transparent #68c34c transparent;
}

.arrow-23 .arrow-text {
    margin-left: -200px;
    bottom: 0;
}

.arrow-24 {
    top: 110%;
    left: -50%;
    transform: translate(50%, 0);
    z-index: 100;
    position: absolute;
}

.arrow-24 .line {
    margin-top: -3px;
    width: 160px;
    height: 7px;
    border-bottom: 1px solid #68c34c;
    float: left;
}

.arrow-24 .point {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 7px;
    border-color: transparent transparent transparent #68c34c;
    float: right;
}

.arrow-24 .arrow-checked {
    top: -18px;
    left: 60px;
}


.scheme-1 {
    background: #fff;
    padding: 70px 60px;
    clear: both;
    text-align: center;
    position: relative;
}

.scheme-1 .top-content {
    margin-bottom: 0;
}

.scheme-1 .top-content p {
    margin-bottom: 0;
}

.scheme-1 .col-md-3 {
    text-align: left;
    width: 27%;
    padding: 0 5px;
}

.scheme-1 .why-pin .col-md-1 {
    padding-top: 20px;
}

.scheme-1 span.text-red {
    display: none;
}

.scheme-1 .col-md-3 .col-inn {
    min-height: 220px;
}

.scheme-1 .vertical-key {
    display: none;
}

.scheme-1-arrows-1 {
    height: 100px;
    margin-bottom: 40px;
}

.scheme-1-comment {
    text-align: left;
    font-style: italic;
    color: #888f97;
}

.on-mobile {
    display: none;
}

.scheme-1 .decr-list-of-notes {
    position: absolute;
    bottom: -150px;
}

.step-numbers {
    width: 100%;
    border-bottom: 1px solid #ebeced;
    margin: 40px auto;
    display: none;
}

.step-numbers .step-nmbr {
    display: block;
    position: absolute;
    width: 36px;
    height: 36px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    background: #267dd1;
    font-size: 15px;
    font-weight: bold;
    left: 50%;
    margin-left: -18px;
    margin-top: -18px;
    border-radius: 18px;
}

.notes-list {
    padding-top: 180px;
    padding-bottom: 20px;
    max-width: 1000px;
}

.notes-list .row {
    display: flex;
    align-items: center;
}

.notes-list .col-img {
    text-align: center;
    flex: 0 0 50%;
}

.scheme-2 {
    background: #fff;
    padding: 70px 60px;
    margin-bottom: 30px;
    clear: both;
}

.scheme-2 .row {
    max-width: 850px;
    margin: 0 auto 80px auto;
}

.scheme-2 .step-nmbr-2, .scheme-2 .step-nmbr-3 {
    clear: both;
    margin-top: 80px;
}

.scheme-2 .step-nmbr-5 {
    margin-top: 80px;
}

.scheme-2 img {
    margin: 0 auto;
    _display: block;
    text-align: center;
}

.scheme-2 .text-required {
    font-style: italic;
    color: #888f97;
    max-width: 250px;
    display: block;
    margin: 130px auto 0 auto;
}

.list-of-notes-label {
    padding: 35px;
    color: #267dd1;
    background: #fff;
    border-top: 2px solid #267dd1;
    box-shadow: 0 0 30px #e5e5e5;
    margin: 0 auto;
    max-width: 280px;
}

.mid-key-1 {
    padding-top: 250px;
}

.mid-key-2 {
    padding-top: 290px;
}

.new-note {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
    max-width: 960px;
    display: flex;
    align-items: center;
}

.page-id-166 .email-accounts {
    margin-top: 0;
}

.page-id-166 .email-accounts .col-md-6 .box-inn {
    padding-top: 20px;
}

.page-id-166 .email-accounts .col-md-6 h3 {
    font-size: 50px;
}

.page-id-166 .whats-next {
    background-image: url(/wp-content/uploads/2021/01/page-banner-06.jpg);
}

.page-id-166 .whats-next .container {
    background: #0000008a;
    padding: 30px;
}

.page-id-166 .whats-next h2 {
    margin-bottom: 70px;
}

.rotate-icon {
    display: inline-block;
    width: 47px;
    height: 60px;
    background: url(images/icon-notes-2.png) no-repeat center top;
    margin: 0 25px -20px 25px;
}

.rotate-icon.scrolled {
    background-image: url(images/icon-notes-1.png);
}

@media screen and (max-width: 992px) {
    .encrypts-your-data {
        background-size: contain;
        background: #262cab url(images/encrypts-your-data-bg-2.jpg) no-repeat right bottom;
        padding-bottom: 500px;
    }

    .arrow-1 {
        width: 157px;
        margin-left: 30px;
    }

    .arrow-1 .line {
        border-bottom: 1px dashed #c3c7cb;
        width: 150px;
        height: 750px;
    }

    .arrow-1 .point {
        float: right;
        border-width: 3.5px 0 3.5px 7px;
        border-color: transparent transparent transparent #c3c7cb;
        margin-left: 0;
        margin-top: -3px;
    }

    .arrow-2 {
        width: 7px;
        top: 280px;
        margin-left: 100px;
    }

    .arrow-2 .line {
        border-top: none;
        width: 1px;
        height: 450px;
    }

    .step-nmbr-1 .arrow-3 {
        width: 7px;
        right: 150px;
        position: absolute;
        margin-top: -90px;
    }

    .step-nmbr-1 .arrow-3 .line {
        width: 7px;
        height: 100px;
        border-bottom: none;
        border-left: 1px dashed #c3c7cb;
    }

    .step-nmbr-1 .arrow-3 .point {
        margin-left: -2px;
        float: left;
        border-width: 7px 3.5px 0 3.5px;
        border-color: #c3c7cb transparent transparent transparent;
    }

    .scheme-1-arrows-1 .arrow-7 {
        width: 7px;
    }

    .scheme-1-arrows-1 .arrow-7 .arrow-checked {
        display: none;
    }

    .scheme-1-arrows-1 .arrow-7 .line {
        border-right: none;
        border-bottom: none;
    }

    .arrow-20, .arrow-21, .arrow-22, .arrow-23 {
        display: block;
    }

    .scheme-1 {
        padding-top: 50px;
        padding-bottom: 150px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .scheme-1 .top-content {
        max-width: 550px;
    }

    .scheme-1 .col-md-3 {
        width: 100%;
        display: flex;
        padding-left: 25%;
        margin-bottom: 110px;
        align-items: center;
    }

    .scheme-1 .col-md-3 .col-inn {
        min-height: 50px;
        order: 2;
        width: auto;
    }

    .scheme-1-arrows-1 {
        display: none;
    }

    .scheme-1-comment {
        display: none;
    }

    .scheme-1 .vertical-key {
        display: block;
        position: absolute;
        margin-left: -150px;
    }

    .scheme-1 .vertical-key-inn {
        z-index: 200;
        position: relative;
        width: 71px;
        height: 170px;
        background: url(images/scheme-1-key2.jpg) no-repeat center top;
    }

    .scheme-1 .col-md-3 img {
        order: 1;
        float: left;
        margin-right: 30px;
        width: auto;
    }

    .scheme-1 .decr-list-of-notes {
        bottom: -120px;
        left: 50px;
    }

    .new-note .col-md-6 {
        flex: 0 0 50%;
    }
}

@media screen and (max-width: 860px) {
    .arrow-1 .line {
        height: 700px;
    }

    .step-nmbr-1 .arrow-3 {
        right: 100px;
    }

    .arrow-9 .line {
        height: 450px;
    }

    .arrow-10 {
        width: 300px;
    }

    .arrow-10 .line {
        width: 300px;
        height: 170px;
    }

    .arrow-11 .line {
        height: 750px;
    }

    .arrow-16 {
        right: -20px;
    }

    .arrow-21 .corner-line {
        width: 300px;
        margin-left: -230px;
    }
}

@media screen and (max-width: 768px) {
    .encr-animation .col-xs-4 {
        float: none;
        width: 100%;
        clear: both;
    }

    .encrypts-your-data {
        background-size: contain;
        background-position: center bottom;
        padding-bottom: 400px;
    }

    .arrow-1, .arrow-2, .step-nmbr-1 .arrow-3, .arrow-8, .arrow-9, .arrow-10, .arrow-11, .arrow-12, .arrow-15, .arrow-16, .arrow-19, .arrow-20, .arrow-21, .arrow-22, .arrow-23, .scheme-1 .vertical-key, .mid-key-1, .mid-key-2 {
        display: none;
    }

    .notes-how-it-works h6 {
        display: block;
        text-align: center;
    }

    .step-numbers {
        display: block;
    }

    .start-the-app {
        max-width: 85%;
        padding-bottom: 0;
    }

    .start-the-app .col-md-8, .start-the-app .col-md-4 {
        width: 100%;
        float: none;
        text-align: center;
        padding-top: 50px;
    }

    .start-the-app .col-md-4 {
        text-align: left;
        padding-top: 0px;
    }

    .start-the-app .text-right img {
        max-width: 260px;
    }

    .scheme-1, .scheme-2 {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 50px;
    }

    .scheme-1 .why-pin {
        display: flex;
        flex-direction: column;
    }

    .scheme-1 h5 {
        display: none;
    }

    .scheme-1 .step-nmbr-1 {
        order: 1;
    }

    .scheme-1 .step-nmbr-2 {
        order: 2;
    }

    .scheme-1 .step-nmbr-3 {
        order: 3;
    }

    .scheme-1 .step-nmbr-4 {
        order: 4;
    }

    .scheme-1 .step-nmbr-5 {
        order: 5;
        display: block;
        width: 100%;
        margin-bottom: 40px;
    }

    .scheme-1 .col-md-3 {
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 50px;
        padding: 0;
        text-align: center;
    }

    .scheme-1 .col-md-3 img {
        float: none;
        margin: 0;
    }

    .scheme-1 .col-md-1 {
        display: none;
    }

    .scheme-1 span.text-red {
        display: inline;
    }

    .scheme-1 .decr-list-of-notes {
        position: relative;
        left: auto;
        bottom: auto;
    }

    .scheme-1 .decr-list-of-notes .text-red, .scheme-2 .step-nmbr-6 .text-red {
        display: block;
        font-size: 40px;
        line-height: 40px;
        margin-top: 30px;
        text-align: center;
    }

    .scheme-1 .decr-list-of-notes p em {
        line-height: 25px;
        font-size: 15px;
    }

    .on-desktop {
        display: none;
    }

    .on-mobile {
        display: inherit;
    }

    .scheme-2 .row {
        display: flex;
        flex-direction: column;
        text-align: center;
        margin-bottom: 0;
    }

    .scheme-2 .col-md-5 {
        clear: both;
        float: none;
        width: 100%;
        text-align: center;
        padding: 0;
    }

    .scheme-2 h5 {
        display: none;
    }

    .scheme-2 .step-nmbr-1 {
        order: 1;
    }

    .scheme-2 .step-nmbr-2 {
        order: 2;
    }

    .scheme-2 .step-nmbr-3 {
        order: 3;
    }

    .scheme-2 .step-nmbr-4 {
        order: 4;
    }

    .scheme-2 .step-nmbr-5 {
        order: 5;
    }

    .scheme-2 .step-nmbr-6 {
        order: 6;
        display: block;
        width: 100%;
    }

    .scheme-2 .step-nmbr-2, .scheme-2 .step-nmbr-3, .scheme-2 .step-nmbr-5 {
        margin-top: 10px;
    }

    .scheme-2 .step-nmbr-3 .text-required {
        display: none;
    }

    .scheme-2 .step-4-float {
        padding: 20px 10px;
        max-width: 280px;
        margin: 0 auto;
        position: relative;
        display: flex;
        align-items: center;
    }

    .scheme-2 .step-4-float .list-of-notes-label {
        margin: 0;
        float: left;
        padding: 20px;
        width: 75%;
        text-align: left;
        font-size: 12px;
    }

    .scheme-2 .step-4-float .list-of-notes-label p {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    .scheme-2 .bottom-border {
        width: 100%;
        max-width: 280px;
        display: block;
        height: 20px;
        position: absolute;
        border: 1px solid #267dd1;
        border-top: none;
        left: 50%;
        bottom: 0;
        margin-left: -150px;
    }

    .arrow-13 {
        margin-left: -4px;
        left: 50%;
    }

    .arrow-13 .line {
        height: 30px;
    }

    .notes-list {
        padding-top: 50px;
    }

    .notes-list .row {
        flex-direction: column;
    }

    .notes-list .col-text {
        order: 1;
        max-width: 80%;
    }

    .notes-list .col-img {
        order: 2;
        max-width: 260px;
    }

    .new-note {
        flex-direction: column;
    }

    .new-note .col-md-6 img {
        max-width: 260px;
    }
}

@media screen and (max-width: 640px) {
    .napkins-era {
        background-size: contain;
        padding-bottom: 150px;
    }

    .encrypts-your-data {
        background-size: contain;
        background-position: center bottom;
        padding-bottom: 300px;
    }

    .notes-how-it-works {
        padding-top: 20px;
    }

    .page-id-166 .email-accounts .col-md-6 {
        clear: both;
        float: none;
        width: 100%;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }

    .email-accounts {
        padding-top: 30px;
    }
}

@media screen and (max-width: 480px) {
    .encrypts-your-data {
        padding-bottom: 200px;
    }

    .scheme-1, .scheme-2 {
        padding: 50px 20px 30px 20px;
    }
}


/* How No.1 BC: Mail works */
.page-id-148 .page-banner {
    background: url(images/page-banner-19.jpg) no-repeat center top;
}

.pre-encryption {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #f7f7f7;
}

.exchange-public-keys {
    display: flex;
    align-items: center;
    max-width: 850px;
    margin: 40px auto;
}

.exchange-public-keys .col-md-6 {
    flex-grow: 1;
    flex-basis: 0;
}

.pre-encr-scr2 {
    text-align: center;
    padding-bottom: 50px;
}

.pre-encr-scr2 p {
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
}

.pre-encr-scr2 .arrow-3 {
    position: absolute;
    margin: 15px 0 0 -40px;
}

.key-exchange-scheme {
    background: #fff;
    padding: 5%;
    border-radius: 3px;
}

.key-exchange-scheme .row {
    display: flex;
    align-items: center;
}

.key-exchange-scheme-1 {
    margin-bottom: 30px;
}

.key-exchange-scheme-1 .arrow-3 {
    margin: 100px 0 0 -80px;
    position: absolute;
}

.key-exchange-scheme-1 .arrow-3 .line {
    border-color: #267dd1;
    border-bottom-style: solid;
}

.key-exchange-scheme-1 .arrow-3 .point {
    border-color: transparent transparent transparent #267dd1;
}

.key-exchange-scheme-2 {
    margin-bottom: 40px;
    flex-wrap: wrap
}

.key-exchange-scheme-2 .arrow-3 {
    position: absolute;
    margin: 20px 0 0 -125px;
}

.key-exchange-scheme-2 .col-md-5 {
    padding: 0;
}

.key-exchange-scheme-2 .arrow-4 {
    margin: -170px 0 0 50%;
}

.key-exchange-scheme-3 {
    margin-bottom: 50px;
}

.key-exchange-scheme-3 .storing-public-keys-2 {
    position: absolute;
    right: 85px;
    bottom: -90px;
}

.key-exchange-scheme-3 .arrow-4 {
    margin: -200px 0 0 0;
    right: 100px;
}

.key-exchange-scheme-3 .arrow-4 .line {
    height: 150px;
}

.key-exchange-scheme-3 .arrow-8 {
    margin: 100px 0 0 0;
    right: 100px;
}

.key-exchange-scheme-3 .arrow-8 .line {
    height: 115px;
}

.to-be-short {
    display: block;
    text-align: center;
    background: #3337c1;
    padding-top: 80px;
    padding-bottom: 100px;
}

.to-be-short h5, .to-be-short p em {
    color: #fff;
}

.to-be-short p {
    color: #b2b5f3;
    margin-bottom: 30px;
}

.encr-mail {
    padding-top: 80px;
    padding-bottom: 80px;
}

.encr-mail .top-content {
    max-width: 750px;
}

.encr-mail .row {
    display: flex;
    align-items: center;
}

.encr-mail .row .text-left {
    padding-right: 100px;
}

.encr-mail-2 {
    background: #fff;
    padding: 10px;
    padding-bottom: 50px;
}

.encrypting-mail {
    display: flex;
    align-items: center;
}

.encr-public-keys {
    padding-top: 80px;
    padding-bottom: 80px;
}

.encr-public-keys .col-md-7 {
    padding: 0;
}

.encr-public-keys .col-md-7 .arrow-8 {
    margin: -70px 0 0 50%;
}

.encr-public-keys .col-md-7 .arrow-8-2 {
    margin: 0 0 0 50%;
}

.encr-symm-key .arrow-3 {
    position: absolute;
    margin: 0;
    top: 150px;
    right: -30px;
    width: auto;
}

.encr-symm-key .arrow-3 .line {
    width: 180px;
}

.encr-symm-key .arrow-10 {
    margin: -30px 0 0 40px;
    top: 0;
    width: 100px;
}

.encr-symm-key .arrow-10 .line {
    width: 100px;
    height: 20px;
}

.encr-symm-key .arrow-10 .line2 {
    position: absolute;
    height: 70px;
    border-left: 1px solid #267dd1;
}

.encr-symm-key .col-md-6 h5 {
    margin-top: 70px;
}

.encr-mail-2 .encr-random-key .arrow-8 {
    display: none;
}

.encr-mail-2 .bottom-content {
    max-width: 500px;
}

.encr-mail-2 .bottom-content p {
    max-width: 340px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.encr-mail-2 .bottom-content .bottom-border {
    width: 100%;
    height: 15px;
    border: 1px solid #267dd1;
    border-top: none;
    position: relative;
}

.encr-mail-2 .bottom-content .bottom-border .arrow-8 {
    margin: 15px 0 0 50%;
}

.encr-mail-2 .bottom-content .bottom-border .arrow-8 .line {
    height: 120px;
}

/*.decrypt-mail { padding-top: 80px; padding-bottom: 80px; }*/
.decrypt-mail .top-content {
    max-width: 700px;
}

.decrypt-mail .decr-new-email {
    display: flex;
    align-items: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

.abr-steps p {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
}

.decr-scheme {
    padding: 10px;
    background: #fff;
    margin-top: 40px;
    border-radius: 3px;
}

.decr-scheme .col-md-12 {
    max-width: 550px;
    display: block;
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.decr-scheme .col-md-12 img {
    margin-bottom: 10px;
}

.decr-scheme-3 {
    margin-bottom: 60px;
}

.decr-scheme-4 {
    position: relative;
}

.decr-scheme-4 .arrow-8 {
    margin: 0 0 0 50%;
}

.decr-scheme-4 .arrow-8 .line {
    height: 120px;
}

.decrypted-mail {
    padding-top: 20px;
    padding-bottom: 0;
    max-width: 800px;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.decrypted-mail ol li {
    font-size: 15px;
}

.page-id-148 .email-accounts {
    margin-top: 0;
}

.page-id-148 .what-you-need {
    background: url(images/page-banner-21.jpg) no-repeat center top;
    background-size: cover;
}

.page-id-148 .what-you-need .rotate-icon {
    background-image: url(images/icon-notes-3.png);
}

@media screen and (max-width: 992px) {
    .encrypting-mail {
        display: block;
    }

    .encr-mail-2 {
        text-align: center;
    }

    .encr-mail-2 .encr-random-key {
        padding-top: 180px;
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .encr-mail-2 .encr-random-key .arrow-8 {
        left: 50%;
        margin: 0;
        position: relative;
        display: block;
    }

    .encr-mail-2 .arrow-24 {
        margin: 0;
        left: 50%;
        top: 0;
        width: 7px;
    }

    .encr-mail-2 .arrow-24 .line {
        border: none;
        border-left: 1px solid #68c34c;
        height: 180px;
    }

    .encr-mail-2 .arrow-24 .point {
        top: 177px;
        left: -2px;
        position: absolute;
        border-width: 7px 3.5px 0 3.5px;
        border-color: #68c34c transparent transparent transparent;
    }

    .encr-mail-2 .arrow-24 .arrow-checked {
        left: -21px;
        top: 65px;
    }

    .encrypting-mail .col-md-4 {
        text-align: left;
        position: absolute;
        max-width: 300px;
        z-index: 99;
    }

    .encr-public-keys .col-md-5 {
        position: absolute;
        z-index: 99;
        text-align: left;
        max-width: 300px;
    }

    .encr-public-keys .col-md-7 .arrow-8-2 {
        height: 120px;
    }

    .encr-public-keys .col-md-7 .arrow-8-2 .line {
        width: 0;
        height: 120px;
        border: none;
        border-top: 1px solid #267dd1;
        border-right: 1px solid #267dd1;
    }

    .encr-public-keys .col-md-7 .arrow-8-2 .point {
        position: absolute;
        right: unset;
    }

}

@media screen and (max-width: 800px) {
    .key-exchange-scheme-1 .arrow-3, .pre-encr-scr2 .arrow-3 {
        display: none;
    }
}


/* How No.1 BC: Chat works */
body.page-id-160 {
    background: #000;
}

.page-id-160 .page-banner {
    background: url(images/page-banner-22.jpg) no-repeat center top;
}

.chat-dark {
    background-color: #000;
    padding-bottom: 0;
}

.chat-dark h2, .chat-dark h5, .chat-dark strong {
    color: #fff;
}

.chat-dark p {
    color: #888f97;
}

.chat-dark p em {
    color: #fff;
}

.chat-dark .top-content {
    max-width: 550px;
}

.chat-dark .pre-encr-scr2 {
    padding-bottom: 0;
}

.chat-dark .pre-encr-scr2 p {
    max-width: 100%;
}

.chat-dark .pre-encr-scr2 .arrow-3 {
    margin-top: 10px;
}

.initiating-call {
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
    align-items: center;
    background: url(images/initiating-call-2.jpg) no-repeat right top;
}

.chat-dark .key-exchange-scheme {
    background: #13171c url(images/key-exchange-scheme.jpg) no-repeat right 230px;
    padding: 100px 0 0 0;
}

.chat-dark .key-exchange-scheme .top-content {
    max-width: 570px;
    margin-bottom: 120px;
}

.chat-dark .key-exchange-scheme .top-content p {
    margin-bottom: 25px;
}

.chat-dark .key-exchange-scheme .top-content .arrow-8 {
    left: 50%;
    margin: 20px 0 0 0;
}

.chat-dark .key-exchange-scheme .top-content .arrow-8 .line {
    height: 130px;
    border-color: #68c34c;
}

.chat-dark .key-exchange-scheme .top-content .arrow-8 .point {
    border-color: #68c34c transparent transparent transparent;
    margin-left: -2px;
}

.chat-dark .key-exchange-scheme .top-content .arrow-8 .arrow-checked {
    margin: 40px 0 0 -21px;
}

.chat-dark .key-exchange-scheme-1 {
    padding-bottom: 30px;
    display: block;
    padding-left: 70px;
    padding-right: 70px;
}

.chat-dark .key-exchange-scheme-1 .padd-top {
    padding-top: 100px;
}

.chat-dark .key-exchange-scheme-1 .initiating-a-chat-key {
    position: absolute;
    left: 50%;
    margin: -65px 0 0 60px;
}

.chat-dark .key-exchange-scheme-1 .initiating-a-chat-key .arrow-4 {
    margin: -210px 0 0 28px;
}

.chat-dark .key-exchange-scheme-1 .initiating-a-chat-key .arrow-4 .line {
    height: 190px;
}

.chat-dark .key-exchange-scheme-1 .initiating-a-chat-key .arrow-8 {
    margin: 10px 0 0 28px;
}

.chat-dark .key-exchange-scheme-1 .initiating-a-chat-2 {
    padding-top: 70px;
    max-width: 345px;
    float: right;
    margin-bottom: 40px;
}

.chat-dark .key-exchange-scheme-1 .initiating-a-chat-2 p {
    max-width: 250px;
}

.chat-invite {
    padding-left: 70px;
    padding-right: 70px;
}

.chat-invite .col-md-4 {
    flex-grow: 0;
    flex-basis: 35%;
}

.accept-chat {
    margin-bottom: 100px;
    padding-left: 70px;
    padding-right: 70px;
}

.accept-chat .arrow-8 {
    margin-top: 15px;
    margin-left: 100px;
}

.accept-chat .arrow-8 .line {
    height: 320px;
}

.encrypting-conversation-key-1 {
    margin-bottom: 30px;
    padding-left: 70px;
    padding-right: 70px;
}

.encrypting-conversation-key-2 {
    margin-bottom: 0;
    padding-left: 70px;
    padding-right: 70px;
    background: url(images/encrypting-conversation-key-2-bg.jpg) no-repeat left 70px;
}

.encrypting-conversation-key-2 .arrow-8 {
    margin-top: -60px;
    margin-left: 485px;
}

.encrypting-conversation-key-2 .arrow-8 .line {
    height: 140px;
}

.key-exchange-scheme .decrypting-response {
    padding: 100px 70px 70px 70px;
    min-height: 1090px;
    background: url(images/decrypting-response-bg.jpg) no-repeat right bottom;
    display: block;
}

.key-exchange-scheme .decrypting-response .arrow-24 {
    margin: 120px 0 10px -220px;
}

.key-exchange-scheme .decrypting-response .arrow-24 .line {
    width: 300px;
}

.key-exchange-scheme .decrypting-response .arrow-24 .arrow-checked {
    left: 120px;
}

.key-exchange-scheme .decrypting-response .arrow-24 .marker-text {
    position: absolute;
    left: 120px;
    margin-top: 30px;
    color: #68c34c;
    font-style: italic;
}

.key-exchange-scheme .decrypting-response .arrow-4 {
    position: relative;
    margin: 10px 0 10px 50%;
}

.key-exchange-scheme .decrypting-response .arrow-4 .line {
    height: 110px;
}

.key-exchange-scheme .decrypting-response .arrow-8 {
    position: relative;
    margin: 10px 0 15px 50%;
}

.key-exchange-scheme .decrypting-response .arrow-8 .line {
    height: 90px;
}

.key-exchange-scheme .decrypting-response .circle-marker {
    position: absolute;
    left: 50%;
    margin-left: 50px;
}

.encrypted-channel {
    padding-top: 50px;
    padding-bottom: 30px;
    text-align: center;
}

.encrypted-channel .top-content {
    max-width: 550px;
}

.encrypted-communication {
    background: #0a0b30 url(images/encrypted-communication-bg.jpg) no-repeat center bottom;
    min-height: 933px;
    padding: 40px 70px 0 70px;
    text-align: center;
}

.encrypted-communication .top-content h4 {
    color: #fff;
}

.encrypted-communication .top-content h4:after {
    border-color: #fff;
}

.encrypted-communication .row {
    padding-top: 150px;
}

.encrypted-communication p {
    color: #b2b5f3;
}

.encrypted-communication .row .col-md-3 {
    padding: 230px 40px 30px 40px;
    width: 33%;
}

.encrypted-communication .row .text-left {
    padding-left: 70px;
}

.encrypted-communication .row .text-right {
    padding-right: 60px;
}

.final-message {
    min-height: 780px;
    background: url(images/final-message.jpg) no-repeat right bottom;
    display: flex;
    align-items: center;
    padding-left: 50px;
    padding-right: 50px;
}

.final-message ul {
    list-style: none;
    width: 100%;
    margin: 0 auto;
    max-width: 600px;
}

.final-message ul li {
    float: left;
    padding: 0 15px 0 0;
    width: 33%;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    margin: 15px 0 30px 0;
    display: flex;
    align-items: center;
}

.final-message ul li:before {
    display: none;
}

.final-message ul li .icon {
    margin-right: 10px;
}

.final-message p {
    clear: both;
}

.page-id-160 .email-accounts {
    margin-top: 0;
    background: #267dd1;
}

.page-id-160 .email-accounts p, .page-how-chat-works .email-accounts p em {
    color: #fff;
}

.page-id-160 .email-accounts .col-md-6 .box-inn {
    border-color: #4991d6;
}

.page-id-160 .email-accounts .col-md-6 p {
    color: #20272e;
}

.page-id-160 .what-you-need {
    background-image: url(/wp-content/uploads/2021/01/page-banner-06.jpg);
    min-height: 450px;
    background-size: cover;
}

.page-id-160 .whats-next .container {
    background: #0000008a;
    padding: 30px;
}

/* No.1 BC: chats, calls, files */
.page-id-154 .page-banner {
    background: url(images/page-banner-23.jpg) no-repeat center top;
}

.contact-list {
    padding-top: 70px;
    background: #fafafc;
}

.contact-list .row {
    display: flex;
    align-items: center;
}

.contact-list .row .col-md-3 {
    padding-bottom: 30px;
}

.contact-list .row .icon, .chat-settings .icon {
    font-size: 45px;
    float: left;
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 30px;
}

.contact-list .row p, .chat-settings p {
    overflow: hidden;
    margin-bottom: 30px;
}

.encrypted-chat {
    background: #1b2026 url(images/encrypted-chat-bg.jpg) no-repeat center bottom;
    padding-top: 70px;
    padding-bottom: 150px;
}

.encrypted-chat .top-content h2 {
    color: #fff;
}

.encrypted-chat .top-content p, .encrypted-chat .bottom-content p {
    color: #888f97;
}

.encrypted-chat .bottom-content {
    max-width: 550px;
    margin-top: 90px;
}

.encrypted-chat .bottom-content .btn-transp, .encrypted-chat .bottom-content .btn-transp:hover {
    color: #267dd1 !important;
    border-color: #267dd1;
    margin-top: 20px;
}

.encrypted-chat .bottom-content .btn .icon {
    color: #267dd1;
}

.encrypted-phone-calls {
    background: #000 url(images/encrypted-phone-calls-bg.jpg) no-repeat center bottom;
    background-size: cover;
    padding-top: 150px;
    padding-bottom: 150px;
}

.encrypted-phone-calls h4 {
    text-align: left;
    margin-top: 20px;
}

.encrypted-phone-calls h4:after {
    margin: 10px 0;
}

.encrypted-phone-calls h2 {
    color: #fff;
}

.encrypted-phone-calls {
}

.encrypted-phone-calls .col-md-6 p, .encrypted-phone-calls .col-md-6 img {
    margin-bottom: 50px;
}

.secure-file-transfer {
    background: #1b2026 url(images/secure-file-transfer-bg.jpg) no-repeat center bottom;
    padding-top: 100px;
    padding-bottom: 150px;
}

.secure-file-transfer h4 {
    margin-bottom: 80px;
}

.secure-file-transfer .container .row {
    display: flex;
    align-items: center;
}

.secure-file-transfer .container .row h5 {
    color: #fff;
}

.secure-file-transfer .container .row p {
    color: #888f97;
}

.chat-settings {
    padding-top: 80px;
    padding-bottom: 680px;
    background: #fbfafd url(/wp-content/uploads/2021/01/chat-setting-bg_2.jpg) no-repeat center bottom;
}

.chat-settings .top-content {
    max-width: 550px;
}

.page-no1bc-chats-calls-files .what-you-need {
    background: url(images/page-banner-24.jpg) no-repeat center top;
    background-size: cover;
}

@media screen and (max-width: 992px) {
    .chat-dark .key-exchange-scheme .top-content {
        margin-bottom: 180px;
    }

    .accept-chat {
        flex-direction: column;
        text-align: center;
    }

    .accept-chat .col-md-5 {
        margin-bottom: 25px;
    }

    .accept-chat .arrow-24 {
        margin: 10px auto;
        position: relative;
        width: 4px;
    }

    .accept-chat .arrow-24 .line {
        width: 2px;
        height: 100px;
        border: none;
        border-left: 1px solid #68c34c;
    }

    .accept-chat .arrow-24 .point {
        border-color: #68c34c transparent transparent transparent;
        border-width: 7px 3.5px 0 3.5px;
    }

    .accept-chat .arrow-24 .arrow-checked {
        top: 22px;
        left: -21px;
    }

    .accept-chat h5 {
        clear: both;
    }

    .accept-chat .arrow-8 {
        margin: 0 0 0 80px;
        left: 50%;
    }

    .encrypting-conversation-key-1 p, .decrypting-response p {
        max-width: 320px;
    }

    .key-exchange-scheme .decrypting-response {
        display: flex;
    }

    .key-exchange-scheme .decrypting-response .col-md-6 {
        flex-grow: 1;
        flex-basis: 50%;
    }

    .key-exchange-scheme .decrypting-response .arrow-24 {
        margin: 120px 0 10px -200px;
    }

    .contact-list .row {
        flex-direction: column;
    }

    .contact-list .row .col-md-3, .contact-list .row .col-md-6 {
        float: none;
        width: 100%;
    }

    .contact-list .row .order-1 {
        order: 1;
        padding-bottom: 0;
    }

    .contact-list .row .order-2 {
        order: 2;
    }

    .contact-list .row .order-3 {
        order: 3;
    }

    .encrypted-phone-calls {
        text-align: center;
    }

    .encrypted-phone-calls h4 {
        text-align: center;
    }

    .encrypted-phone-calls h4:after {
        margin: 10px auto;
    }

    .encrypted-phone-calls .row {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .secure-file-transfer .container .row {
        flex-direction: column;
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .encrypted-chat {
        padding-bottom: 100px;
        background-size: contain;
    }

    .encrypted-chat .col-xs-6, .encrypted-phone-calls .row .col-xs-6 {
        float: left;
        width: 50%;
    }

    .encrypted-phone-calls {
        padding-top: 100px;
        padding-bottom: 120px;
    }

    .secure-file-transfer {
        background-image: url(images/secure-file-transfer-bg-mob.jpg);
    }

    .secure-file-transfer .col-md-6 img {
        margin-bottom: 80px;
    }

    .key-exchange-scheme .decrypting-response .arrow-8 {
        display: block;
    }

    /*.encrypted-communication { background-image: url(images/encrypted-communication-bg-mob.jpg); background-color: #12135a; _background-size: contain; min-height: 950px; padding-top: 0;}*/
    .encrypted-communication .top-content {
        min-height: 172px;
        padding-top: 50px;
        background: url(images/encrypted-communication-spy.png) no-repeat left top;
    }

    .encrypted-communication .row {
        padding-top: 0;
        display: flex;
        flex-direction: column;
    }

    .encrypted-communication .row .col-md-3 {
        width: 100%;
        text-align: center;
    }

    .encrypted-communication .row .col-md-4 {
        text-align: center;
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }

    .encrypted-communication .row .order-1 {
        order: 1;
        margin-bottom: 230px;
    }

    .encrypted-communication .row .order-2 {
        order: 2;
        max-width: 300px;
    }

    .encrypted-communication .row .order-3 {
        order: 3;
        padding: 0;
    }
}

@media screen and (max-width: 480px) {
    .secure-file-transfer {
        background-size: contain;
    }

    .encrypted-phone-calls {
        background-image: url(images/encrypted-phone-calls-bg-mob.jpg);
        background-size: contain;
    }
}


/* 404 */
.page-404 {
    background: #262cab url(images/404-bg.png) no-repeat 75% 270px;
}

.page-404 .page-banner {
    background: none;
}

.page-404 .breadcrumb {
    display: none;
}

.page-404 .content {
    min-height: 650px;
}

.page-404 .content p {
    color: #fff;
    margin-bottom: 25px;
}

.page-404 .content .btn {
    width: 180px;
}

.page-404 .content .btn + .btn {
    margin-left: 15px;
}

@media screen and (max-width: 1200px) {
    .page-404 .col-md-5 {
        width: 48%;
    }
}

@media screen and (max-width: 992px) {
    .page-404 {
        background-image: none;
    }

    .page-404 .content {
        background: #262cab url(images/404-bg.png) no-repeat center bottom;
        background-size: contain;
        text-align: center;
    }

    .page-404 .page-banner {
        min-height: 250px;
    }

    .page-404 .col-md-5 {
        width: 100%;
    }

    .page-404 .content .btn {
        float: none;
        display: block;
        margin: 10px auto;
    }

    .page-404 .content .btn + .btn {
        margin-left: auto;
    }
}

@media screen and (max-width: 500px) {
    .page-404 .content {
        min-height: 550px;
    }
}

@media screen and (max-width: 320px) {
    .page-404 .content {
        min-height: 450px;
    }
}


/* Boring terms */
.postid-259 .page-banner {
    background: url(images/page-banner-14.jpg) no-repeat center top;
}

.boring-terms-intro {
    text-align: center;
    background: #f5f5f5;
    padding-top: 100px;
    padding-bottom: 80px;
}

.boring-terms-intro .container {
    max-width: 750px;
}

.top-terms {
    padding-top: 100px;
    padding-bottom: 80px;
}

.boring-terms-keys {
    background: #262cab;
    color: #fff;
    padding-top: 100px;
    padding-bottom: 80px;
}

.boring-terms-keys .container {
    display: flex;
    align-items: center;
}

.boring-terms-keys h5 {
    color: #fff;
}

.boring-terms-keys p {
    color: #b2b5f3;
}

.boring-terms-keys .box-1 {
    padding-right: 30px;
}

.boring-terms-keys .box-1 .icon {
    color: #fff;
}

.boring-terms-keys .box-2, .boring-terms-keys .box-3 {
    font-style: italic;
    padding: 260px 35px 0 35px;
    background: url(images/keys-cube-1.jpg) no-repeat center top;
}

.boring-terms-keys .box-3 {
    background-image: url(images/keys-cube-2.jpg);
}

.bottom-lists {
    background: #f5f5f5;
    padding-top: 100px;
    padding-bottom: 80px;
}

.bottom-lists .icons-box .text-box {
    position: relative;
    display: block;
    overflow: hidden;
}


/* Why encrypt phone calls */
.page-id-49 .page-banner {
    background: url(images/page-banner-25.jpg) no-repeat center top;
}

.problem-and-views {
    padding-top: 100px;
    padding-bottom: 80px;
    background: #f5f5f5;
}

.problem-and-views h4 {
    margin-top: 0;
    margin-bottom: 70px;
}

.problem-and-views .row {
    clear: both;
}

.problem-and-views .col-md-8 {
    padding-right: 100px;
}

.problem-and-views .col-md-8 h3 {
    margin-top: 0;
}

.problem-and-views .col-md-4 {
    border-top: 3px solid #3337c1;
    text-align: center;
    padding-top: 25px;
}

.problem-and-views .col-md-4:after {
    clear: both;
}

.problem-and-views .col-md-4 h2 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 55px;
}

.problem-and-views .col-md-4 p {
    font-weight: bold;
    color: #20272e;
    margin-bottom: 15px;
}

.img-quotation {
    background: #fff;
    margin-top: 80px;
    margin-bottom: 90px;
    position: relative;
    clear: both;
    width: 100%;
    display: flex;
    align-items: center;
}

.img-quotation .image-credits {
    position: absolute;
    font-size: 12px;
    background: #000;
    padding: 5px 10px;
    color: #fff;
    z-index: 99;
    bottom: 20px;
    left: 100px;
}

.img-quotation .photo-triangle {
    position: absolute;
    border-style: solid;
    border-width: 25px 30px 25px 0;
    border-color: transparent #fff transparent transparent;
    top: 180px;
    right: 0;
}

.img-quotation .col-md-4 {
    padding: 0;
    border: none;
}

.img-quotation .col-md-8 {
    padding: 50px 90px 50px 100px;
}

.img-quotation .col-md-8 blockquote {
    margin: 0 0 25px 0;
    padding: 0;
    font-size: 20px;
    line-height: 38px;
    color: #20272e;
    font-style: italic;
    max-width: 100%;
    text-align: left;
    position: relative;
}

.img-quotation .col-md-8 blockquote:before {
    display: none;
}

.img-quotation .col-md-8 blockquote:after {
    content: "\201D";
    font-size: 200px;
    color: #f7f8f8;
    font-style: italic;
    font-family: 'Noto Serif', serif;
    float: right;
    top: 15px;
    right: -50px;
    position: absolute;
}

.img-quotation .col-md-8 .q-author {
    margin: 0;
    text-transform: uppercase;
    color: #c3c7cb;
    font-size: 16px;
    padding-left: 35px;
    letter-spacing: 2px;
}

.img-quotation .col-md-8 .q-author:before {
    content: "―";
    position: absolute;
    margin-left: -35px;
    color: #267dd1;
}

.img-quotation .q-author-video {
    margin-top: 35px;
    display: flex;
    align-items: center;
}

.img-quotation .q-author-video img {
    float: left;
    margin-right: 15px;
    max-width: 165px;
}

.q-right .photo-triangle {
    right: auto;
    left: 0;
    border-width: 25px 30px 25px 25px;
    border-color: transparent transparent transparent #fff;
}

.q-right .col-md-8 blockquote:before {
    display: block;
    content: "\201C";
    font-size: 200px;
    color: #f7f8f8;
    font-style: italic;
    font-family: 'Noto Serif', serif;
    float: right;
    top: 0px;
    left: -70px;
    position: absolute;
}

.q-right .col-md-8 blockquote:after {
    display: none;
}

.why-encrypt-anim-1 {
    background: #000;
    min-height: 700px;
    width: 100%;
    position: relative;
}

.why-encrypt-anim-1-text {
    max-width: 450px;
    margin-left: -225px;
    position: absolute;
    top: 180px;
    left: 50%;
    z-index: 100;
}

.why-encrypt-anim-1-text h2 {
    font-size: 70px;
    color: #267dd1;
    font-weight: normal;
}

.why-encrypt-anim-1-text p {
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 30px;
}

.why-encrypt-icons .row {
    margin-top: 70px;
}

.why-encrypt-icons .col-md-8 {
    padding-right: 20px;
}

.why-encrypt-icons .col-md-8 .col-md-3 {
    text-align: center;
}

.why-encrypt-icons .col-md-8 .col-md-3 .icon {
    float: none;
    clear: both;
    display: block;
    margin-bottom: 15px;
    font-size: 55px;
}

/* ---- Animation ---- */
canvas {
    display: block;
    vertical-align: top;
}

#particles-js, #particles2-js {
    position: relative;
    width: 100%;
    height: 700px;
    background: #000 url("") no-repeat 50% 50%;
    background-size: cover;
}

#particles2-js {
    background-color: #1c22a1;
    height: auto;
    min-height: 820px;
}

.why-encrypt-anim-2 {
    text-align: center;
}

.why-encrypt-anim-2-text {
    position: absolute;
    max-width: 750px;
    z-index: 100;
    text-align: center;
    left: 50%;
    margin-left: -375px;
    padding-top: 50px;
    padding-bottom: 40px;
}

.why-encrypt-anim-2-text h4 {
    color: #fff;
}

.why-encrypt-anim-2-text h4:after {
    border-color: #fff;
}

.why-encrypt-anim-2-text-inn {
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 70px;
    position: relative;
}

.why-encrypt-anim-2-text-inn .col-md-6 {
    height: 190px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 30px 50px 20px 50px;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
}

.why-encrypt-anim-2-text-inn .cell-1 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.why-encrypt-anim-2-text-inn .cell-2 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.why-encrypt-anim-2-text-inn .cell-4 {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.why-encrypt-anim-2-text-inn .col-md-6 p {
    width: 100%;
}

.why-encrypt-anim-2-text-inn .col-md-6 .btn {
    display: none;
}

.why-encrypt-anim-2-text-inn .col-md-6:hover {
    background: #fff;
    color: #1c22a1;
    flex-direction: column;
}

.why-encrypt-anim-2-text-inn .col-md-6:hover .btn {
    display: inline-block;
}

.why-encrypt-anim-2-text .circle-marker {
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    left: 50%;
    top: 130px;
    margin-left: -60px;
    background: #267dd1;
    z-index: 110;
}

.why-encrypt-anim-2-text .circle-marker .icon {
    color: #fff;
    font-size: 60px;
    margin-top: 25px;
    display: block;
}

.why-encrypt-anim-2-text .btn-lblue {
    margin-bottom: 25px;
    font-size: 16px;
    padding-left: 30px;
    padding-right: 30px;
    display: block;
    position: relative;
    font-size: 8px;
}

.why-encrypt-anim-2-text .wea-link {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
}

.why-encrypt-disclaimer {
    background: #20272e;
    padding-top: 80px;
    padding-bottom: 80px;
}

.why-encrypt-disclaimer h5 {
    font-size: 13px;
    color: #c3c7cb;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: 2px;
}

.why-encrypt-disclaimer h5:before {
    content: "*";
    display: block;
    position: absolute;
    margin-left: -50px;
    margin-top: 12px;
    font-size: 50px;
    color: #692f3e;
}

.why-encrypt-disclaimer p {
    font-size: 11px;
    line-height: 20px;
    color: #575d64;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.why-encrypt-disclaimer strong {
    color: #888f97;
}

.why-encrypt-disclaimer a {
    color: #888f97;
}

@media screen and (max-width: 768px) {
    .problem-and-views .col-md-8 {
        padding-right: 15px;
    }

    .problem-and-views .col-md-4 {
        margin: 50px auto;
        max-width: 350px;
        border-top: none;
        border-left: 3px solid #3337c1;
        padding-top: 0;
        text-align: left;
    }

    .img-quotation {
        flex-direction: column;
        margin: 80px auto;
        max-width: 430px;
        border-radius: 4px;
    }

    .img-quotation .photo-triangle {
        display: none;
    }

    .img-quotation .col-md-4 {
        border: none;
        order: 2;
        text-align: center;
        margin-top: 0;
    }

    .img-quotation .col-md-8 {
        order: 1;
        padding: 40px;
    }

    .q-right .col-md-8 blockquote:before {
        font-size: 150px;
        top: 0;
        left: -30px;
    }

    .img-quotation .col-md-8 blockquote:after {
        font-size: 150px;
        top: 0;
        right: -30px;
    }

    .img-quotation .col-md-4 img {
        max-width: 200px;
    }

    .why-encrypt-icons .row {
        margin-top: 0;
    }

    .why-encrypt-icons .col-md-8 .col-md-3 {
        width: 50%;
        float: left;
        margin-bottom: 30px;
    }


    .why-encrypt-anim-2-text .circle-marker {
        position: relative;
        top: auto;
        left: auto;
        margin: 25px auto;
        display: flex;
        justify-content: center
    }

    .why-encrypt-anim-2-text-inn {
        border: none;
    }

    .why-encrypt-anim-2-text-inn .col-md-6 {
        height: auto;
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }

    .why-encrypt-anim-2-text-inn .cell-1 {
        border-top: 1px solid rgba(255, 255, 255, 0.5);
    }

    .why-encrypt-anim-2-text-inn .col-md-6:hover p {
        display: none;
    }

    .why-encrypt-anim-1-text {
        max-width: 100%;
        margin-left: 0;
        position: relative;
        top: 180px;
        left: 0;
        z-index: 100;
        text-align: center;
        padding: 25px;
    }

    .why-encrypt-anim-1-text h2 {
        font-size: 32px;
    }
}

@media screen and (max-width: 480px) {
    .why-encrypt-icons .col-md-8 .col-md-3 {
        float: none;
        width: 100%;
    }
}


/* Cryptographic strength */
.postid-301 .page-banner {
    background: url(images/page-banner-18.jpg) no-repeat center top;
    background-size: cover !important;
}

.basic-definition {
    background: #f5f5f5;
    padding-top: 80px;
    padding-bottom: 80px;
}

.basic-definition .container {
    max-width: 800px;
    text-align: center;
}

.basic-definition .container .icon {
    float: left;
    margin-right: 20px;
    margin-top: 5px;
    font-size: 30px;
}

.basic-definition-factors {
    background: #fff url(images/basic-definition-factors.jpg) no-repeat right 120px;
    min-height: 600px;
    padding: 40px 70px;
    margin-bottom: 70px;
    margin-top: 50px;
}

.basic-definition-factors h5 {
    margin-bottom: 30px;
}

.basic-definition-factors p {
    text-align: left;
    margin-bottom: 30px;
    padding-right: 200px;
    overflow: hidden;
}

.comparison {
    background: #0c0f1b url(images/comparison.jpg) no-repeat center bottom;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px;
    background-size: cover;
}

.comparison .container {
    max-width: 780px;
}

.comparison h2 {
    color: #fff;
}

.comparison p {
    color: #888f97;
}

.diagramm-comment {
    border-top: 1px solid rgba(154, 166, 174, .3);
    padding-top: 20px;
    margin-top: 40px;
}

.diagramm-comment p {
    font-style: italic;
    color: #fff;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.diagramm-comment p .text-red {
    margin-right: 15px;
}

.rsa {
    padding-top: 50px;
    padding-bottom: 80px;
}

.rsa .container {
    max-width: 780px;
    text-align: center;
}

.rsa .top-content {
    text-align: center;
}

.little-numbers {
    background: #0b0c10 url(images/unp-security-bg.jpg) no-repeat center top;
    padding-top: 50px;
    padding-bottom: 80px;
    text-align: center;
    background-size: cover;
}

.little-numbers .container {
    max-width: 1000px;
}

.little-numbers h2 {
    color: #fff;
}

.little-numbers p {
    color: #888f97;
}

.long-number {
    width: 100%;
    border: 2px dashed #267dd1;
    padding: 40px 70px;
    margin: 50px 0;
    font-size: 25px;
    line-height: 35px;
    font-weight: bold;
    text-align: center;
    color: #267dd1;
    word-wrap: break-word;
}

.little-numbers .bottom-content {
    max-width: 750px;
}

.little-numbers em {
    color: #c3c7cb;
}


/* Symmetric encryption */
.postid-271 .page-banner {
    background: url(images/page-banner-17.jpg) no-repeat center top;
}

.se-intro {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #f5f5f5;
}

.se-intro .container {
    max-width: 900px;
    text-align: center;
}

.se-about-aes {
    padding-top: 80px;
    padding-bottom: 80px;
}

.se-about-aes .container {
    display: flex;
    align-items: center;
}

.se-about-aes .bottom-content {
    color: #888f97;
    max-width: 550px;
    margin-top: 50px;
    font-style: italic;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}

.se-tricks {
    background: #000;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
    align-items: center;
}

.se-tricks .container {
    display: flex;
    align-items: center;
}

.se-tricks .container h2 {
    color: #fff;
}

.se-tricks .container p {
    color: #888f97;
}

.se-man-in-middle {
    background: #e5f1f6;
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
}

.se-man-in-middle h2 {
    margin-bottom: 50px;
}

.se-man-in-middle .icons-box {
    text-align: left;
}

.se-man-in-middle .bottom-content {
    margin-top: 60px;
    font-style: italic;
    color: #888f97;
    max-width: 600px;
    padding-left: 20px;
    padding-right: 20px;
}

.se-fear-not {
    background: #000;
    padding-top: 100px;
    padding-bottom: 100px;
}

.se-fear-not h2 {
    color: #fff;
}

.se-fear-not p {
    color: #888f97;
}


/* Asymmetric encryption */
.postid-277 .page-banner {
    background: url(images/page-banner-26.jpg) no-repeat center top;
}

.asymm-encryption-intro {
    text-align: center;
    background: #f5f5f5;
    padding-top: 70px;
    padding-bottom: 80px;
}

.asymm-encryption-intro .container {
    max-width: 740px;
}

.asymm-encr-keys {
    background: #01040d url(images/asymm-encr-keys-bg.jpg) no-repeat center bottom;
    background-size: cover;
}

.asymm-encr-keys .row {
    padding-top: 100px;
}

.asymm-encr-keys .col-md-6 img {
    float: left;
    margin-right: 40px;
}

.asymm-encr-keys .col-md-6 h3 {
    color: #fff;
}

.asymm-encr-keys .horiz-divider {
    border-bottom: 1px solid #20272e;
    margin-bottom: 50px;
}

.asymm-encr-keys .asym-legend {
    max-width: 840px;
    text-align: center;
    color: #888f97;
    margin: 0 auto;
}

.asymm-encr-keys .asym-legend img {
    margin-top: 30px;
}

.asym-wiki {
    padding-top: 100px;
    padding-bottom: 80px;
    background: #fff;
}

.asym-wiki .col-md-3 img {
    margin-top: 30px;
}

.asym-hiw {
    background: #f5f5f5;
    padding-top: 100px;
    padding-bottom: 80px;
}

.asym-hiw .mid-content {
    background: #fff;
    border-radius: 4px;
    padding: 60px 60px;
    max-width: 1000px;
    margin: 80px auto;
}

.asym-hiw .mid-content h2, .asym-hiw .mid-content h3 {
    text-align: center;
    margin-bottom: 70px;
}

.asym-hiw .mid-content .col-left {
    padding-right: 70px;
}

.asym-hiw .mid-content .col-right {
    border-left: 1px solid #ecedee;
    padding-left: 70px;
}


/* Hybrid encryption */
.postid-295 .page-banner {
    background: url(images/page-banner-27.jpg) no-repeat center top;
}

.hyb-encryption-methods {
    background: #01040d url(images/asymm-encr-keys-bg.jpg) no-repeat center bottom;
    background-size: cover;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 150px;
}

.hyb-encryption-methods h2 {
    color: #fff;
    margin-bottom: 80px;
}

.hyb-encryption-methods .row {
    display: flex;
}

.hyb-encryption-methods .col-md-3 {
    text-align: left;
    border: 1px dashed #575d64;
    padding: 20px;
    border-radius: 3px;
}

.hyb-encryption-methods .col-md-3 .icon-icon-83 {
    position: absolute;
    right: 15px;
    top: 50px;
    font-size: 25px;
    line-height: 20px;
    color: #20272e;
}

.hyb-encryption-methods .col-md-3 h5 {
    font-size: 16px;
    color: #575d64;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
}

.hyb-encryption-methods .col-md-3 .horiz-divider {
    width: 100%;
    max-width: 100%;
    border-color: #20272e;
}

.hyb-encryption-methods .col-md-3 ul {
    margin-left: 0;
}

.hyb-encryption-methods .col-md-3 ul li {
    color: #c3c7cb;
    padding-left: 0;
}

.hyb-encryption-methods .col-md-3 ul li:before {
    list-style: none;
    content: "";
}

.hyb-encryption-methods .col-md-3 ul li .icon {
    color: #68c34c;
    font-size: 25px;
    margin-right: 15px;
    line-height: 20px;
}

.hyb-encryption-methods .col-md-3 ul li.text-red, .hyb-encryption-methods .col-md-3 ul li.text-red .icon {
    color: #d2405c;
}

.hyb-encryption-methods .col-md-3 p {
    font-style: italic;
    color: #575d64;
}

.hyb-encryption-methods .col-md-1 {
    font-size: 100px;
    line-height: 1;
    color: #20272e;
    font-weight: 200;
    font-family: Lato;
    align-self: center;
}

.hyb-encryption-methods .col-rotate {
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hyb-encryption-methods .last-col {
    border: 1px solid #68c34c;
}

.hyb-encryption-methods .last-col h5 {
    color: #68c34c;
}

.h_encr-imp_feature {
    padding-top: 90px;
    padding-bottom: 90px;
    background: url(images/h_encr-imp_feature-bg.jpg) no-repeat center bottom;
}

.h_encr-imp_feature .col-md-3 {
    text-align: center;
}

.h_encr {
    padding-bottom: 0;
}

.h_encr .h_encr-mid .row {
    margin-bottom: 50px;
    display: flex;
}

.h_encr .h_encr-mid .row .col-left {
    align-self: center;
}

.h_encr .h_encr-mid .row .col-right {
    text-align: center;
    border: none;
    padding-left: 50px;
}

.h_encr .h_encr-mid .row .col-right p {
    text-align: left;
}

.h_encr-nmbr {
    font-weight: bold;
    color: #000;
    position: absolute;
    margin-left: -20px;
}

.h_encr .h_encr-mid .row-1 .col-right {
    padding-left: 130px;
}

.h_encr .h_encr-mid .row-1 .col-right img {
    float: right;
    margin-left: 50px;
    margin-right: 70px;
}

.h_encr .h_encr-mid .row-2 .col-right .arrow-8 {
    right: 180px;
}

.h_encr .h_encr-mid .row-3 .col-right .arrow-8 {
    right: 180px;
    margin-top: 0;
}

.h_encr .h_encr-mid .row-3 .col-right .arrow-8 .line {
    height: 120px;
}

.h_encr .h_encr-mid .row-5 {
    text-align: center;
    margin-bottom: 50px;
}

.h_encr .h_encr-mid .row-5 .col-md-5, .h_encr .h_encr-mid .row-6 .col-md-4 {
    align-self: center;
}

.h_encr .h_encr-mid .row-5 img {
    margin-bottom: 50px;
    margin-top: 30px;
}

.h_encr2 {
    padding-top: 0;
}

.h_encr2 .h_encr-mid .row-2 .col-right, .h_encr2 .h_encr-mid .row-4 .col-right {
    text-align: left;
}

.h_encr2 .h_encr-mid .row-2 .col-right {
    margin-bottom: 50px;
}

.h_encr2 .h_encr-mid .row-2 .col-right img, .h_encr2 .h_encr-mid .row-4 .col-right img {
    margin-left: 30px;
}

.h_encr2 .h_encr-mid .row-2 .col-right .arrow-8, .h_encr2 .h_encr-mid .row-4 .col-md-6 .arrow-8 {
    right: auto;
    margin-left: 60px;
    margin-top: 15px;
}

.h_encr2 .h_encr-mid .row-3 .col-md-12 .arrow-8 {
    margin: -170px -5px 0 0;
    right: 37%;
    left: auto;
}

.h_encr2 .h_encr-mid .row-3 .col-md-12 .arrow-8 .line {
    height: 200px;
}

.h_encr2 .h_encr-mid .row-4 .col-md-6 .arrow-8 .line {
    height: 140px;
}

.h_encr2 .bottom-content {
    padding-bottom: 60px;
}

@media screen and (max-width: 992px) {
    .h_encr .h_encr-mid .row, .hyb-encryption-methods .row {
        display: block;
    }

    .h_encr .h_encr-mid .row-1 .col-right, .h_encr .h_encr-mid .row .col-right {
        padding-left: 20px;
    }

    .h_encr .h_encr-mid .row-2 .col-right .arrow-8 {
        right: 40%;
    }

    .h_encr .h_encr-mid .row-3 .col-right .arrow-8 {
        right: 40%;
        display: none;
    }

    .h_encr .h_encr-mid .row-4 .col-right {
        padding-top: 30px;
    }

    .h_encr2 .h_encr-mid .row-2 .col-right, .h_encr2 .h_encr-mid .row-4 .col-right {
        text-align: center;
    }

    .h_encr2 .h_encr-mid .row-2 .col-right img, .h_encr2 .h_encr-mid .row-4 .col-right img {
        margin-left: 0;
    }

    .h_encr2 .h_encr-mid .row-2 .col-right .arrow-8 {
        right: 50%;
        display: block;
        margin: 10px -5px 0 0;
    }

    .h_encr2 .h_encr-mid .row-3 .col-md-12 .arrow-8 {
        right: 50%;
        display: block;
    }

    .h_encr2 .h_encr-mid .row-3 .text-right {
        text-align: center;
    }

    .h_encr .h_encr-mid .row-4 .col-right {
        padding-top: 0;
    }

    .h_encr2 .h_encr-mid .row-4 .col-md-6 .arrow-8 {
        display: none;
    }

    .h_encr2 .h_encr-mid .row-6 .col-md-8 {
        padding-top: 30px;
    }
}

@media screen and (max-width: 768px) {
    .h_encr2 .h_encr-mid .row-3 .col-md-12 .arrow-8 {
        margin-top: -100px;
    }

    .h_encr2 .h_encr-mid .row-3 .col-md-12 .arrow-8 .line {
        height: 140px;
    }
}


/* Data hashing */
.postid-283 .page-banner {
    background: url(images/page-banner-15.jpg) no-repeat center top;
}

.data-hashing-inn {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #f5f5f5;
}

.data-hashing-inn p {
    padding-left: 80px;
}

.data-hashing-inn .row {
    margin: 40px auto;
    max-width: 750px;
}

.data-hashing-inn .row .col-md-5 {
    background: #fff;
    border-radius: 3px;
    padding: 0;
    padding-top: 40px;
    text-align: center;
    margin: 10px 5px;
}

.data-hashing-inn .row .col-md-5 h4 {
    margin-top: 0;
    margin-bottom: 30px;
}

.data-hashing-inn .row .col-md-5 p {
    padding: 0 15px;
    margin-bottom: 30px;
    font-size: 25px;
    line-height: 35px;
    color: #888f97;
    font-style: italic;
}

.data-hashing-inn .row .col-md-5 .color-box-ftr {
    padding: 15px 10px;
    color: #fff;
}

.data-hashing-inn .row .col-md-5 .color-box-ftr p {
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    padding: 0;
    margin: 0;
}

.data-hashing-inn .row .green-box h4 {
    color: #68c34c;
}

.data-hashing-inn .row .green-box h4:after {
    border-color: #68c34c;
}

.data-hashing-inn .row .green-box .color-box-ftr {
    background: #68c34c;
}

.data-hashing-inn .row .red-box h4 {
    color: #d2405c;
}

.data-hashing-inn .row .red-box h4:after {
    border-color: #d2405c;
}

.data-hashing-inn .row .red-box .color-box-ftr {
    background: #d2405c;
}


/* Digital signatures */
.postid-289 .content {
    background: #f5f5f5;
}

.postid-289 .page-banner {
    background: url(images/page-banner-20.jpg) no-repeat center top;
}

.postid-289 .content .container {
    background: #fff;
    padding: 70px 120px;
    margin-bottom: 80px;
    border-radius: 5px;
}

.postid-289 .top-content {
    margin-top: 100px;
    max-width: 710px;
}

.postid-289 .content .container h2 {
    text-align: center;
    margin-bottom: 50px;
}

.postid-289 .content .blue-label, .postid-289 .content .green-label {
    display: inline-block;
    background: #267dd1;
    color: #fff;
    font-weight: bold;
    padding: 5px 15px;
    margin-bottom: 60px;
}

.postid-289 .content .green-label {
    background: #68c34c;
}

.text-number {
    position: absolute;
    margin-left: -20px;
    font-weight: bold;
}

.postid-289 .content .container .row {
    display: flex;
    align-items: center;
}

.sender-side-2 .arrow-8, .sender-side-3 .arrow-8 {
    position: relative;
    margin: 10px auto;
}

.sender-side-2 .arrow-8 .line, .sender-side-3 .arrow-8 .line {
    height: 130px;
}

.sender-side-2-code {
    margin: 0 auto;
    max-width: 160px;
    background: #fff;
    padding: 5px;
    box-shadow: 0 0 25px #d6d7d7;
}

.sender-side-2-code div {
    padding: 25px;
    color: #267dd1;
    font-size: 15px;
    font-weight: bold;
    word-wrap: break-word;
    border: 3px solid #267dd1;
    text-align: center;
}

.sender-side-2-code.green div {
    color: #68c34c;
    border-color: #68c34c;
}

.sender-side-3 .arrow-8 {
    margin-top: 20px;
}

.sender-side-4 .arrow-10 {
    margin: 0 0 0 20px;
    right: auto;
    width: 100px;
    top: -30px;
}

.sender-side-4 .arrow-10 .line {
    width: 100px;
    height: 20px;
}

.sender-side-4 .arrow-10 .line2 {
    position: absolute;
    height: 30px;
    border-left: 1px solid #267dd1;
}

.sender-side-4 .arrow-3 {
    position: absolute;
    margin: -100px 10px 0 0;
    left: auto;
    right: 0;
    width: 107px;
}

.sender-side-4 .arrow-3 .line {
    border-bottom: 1px solid #267dd1;
    width: 100px;
}

.sender-side-4 .arrow-3 .point {
    border-color: transparent transparent transparent #267dd1;
}


.sender-side-5 {
    padding-top: 50px;
}

.sender-side-6 {
    padding-top: 20px;
}

.recipient-side-2, .recipient-side-4, .recipient-side-5, .recipient-side-6, .recipient-side-7, .recipient-side-8 {
    padding-top: 50px;
}

.hash-code-text {
    max-width: 180px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.recipient-side-3 .arrow-8 {
    margin: 20px 0 0 0;
    left: auto;
    right: 100px;
}

.recipient-side-3 .arrow-8 .line {
    height: 40px;
    border-color: #68c34c;
}

.recipient-side-3 .arrow-8 .point {
    border-color: #68c34c transparent transparent transparent;
}

.recipient-side-3 .arrow-7 {
    width: 130px;
    right: -50px;
    position: absolute;
    margin: 20px 0 0 0;
}

.recipient-side-3 .arrow-7 .line {
    height: 40px;
}

.recipient-side-5 .arrow-3 {
    position: absolute;
    margin: -150px 0 0 0;
    right: -50px;
}

.recipient-side-5 .arrow-3 .line {
    border-bottom: 1px solid #68c34c;
}

.recipient-side-5 .arrow-3 .point {
    border-color: transparent transparent transparent #68c34c;
}


.recipient-side-7 {
    text-align: center;
}

.recipient-side-7 .big-text, .big-text-abs {
    font-size: 100px;
    color: #c3c7cb;
    font-style: italic;
}

.recipient-side-8 img {
    margin: 20px auto;
    display: block;
}

.why-use-signatures {
    background: #000 url(images/why-use-signatures-bg.jpg) no-repeat center bottom;
    background-size: cover;
    padding-bottom: 70px;
    padding-top: 70px;
    margin-top: 70px;
    text-align: center;
}

.why-use-signatures h2 {
    color: #fff;
    font-size: 25px;
    margin-bottom: 50px;
}

.why-use-signatures .row {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

.why-use-signatures .row .col-md-3 {
    text-align: left;
}

.why-use-signatures .row .col-md-3 .icon {
    color: #fff;
}

.why-use-signatures .row .col-md-3 h5 {
    color: #fff;
}

.why-use-signatures .row .col-md-3 p {
    color: #888f97;
}

.why-use-signatures .row .col-1 .icon {
    color: #3337c1;
}

.why-use-signatures .row .col-2 .icon {
    color: #267dd1;
}

.why-use-signatures .row .col-3 .icon {
    color: #2db9a7;
}

.why-use-signatures .row .col-4 .icon {
    color: #68c34c;
}

.postid-289 .content .home-dont-wait .container {
    background: none;
    padding: 0;
    margin-bottom: 0;
}

.postid-289 .content .home-dont-wait .container .row {
    display: block;
}


/* ios-hardware-encryption */
.page-id-340 .row-1 {
    padding-bottom: 70px;
    padding-top: 50px;
}

.page-id-340 .row-1 .container {
    text-align: center;
    max-width: 910px;
}

.page-id-340 .row-1 .row {
    display: flex;
    align-items: center;
}

.page-id-340 .row-1 .row .col-md-3 {
    text-align: center;
}

.page-id-340 .row-1 .row .col-md-3 img {
    display: block;
    margin: 10px auto;
}

.page-id-340 .row-1 .row .col-md-6 p {
    margin-top: -40px;
}

.page-id-340 .row-2 {
    background: #3337c1;
    color: #b2b5f3;
    padding-bottom: 80px;
    padding-top: 50px;
}

.page-id-340 .row-2 h4 {
    color: #fff;
}

.page-id-340 .row-2 h4:after {
    border-color: #fff;
}

.page-id-340 .row-2 .container {
    max-width: 800px;
}

.page-id-340 .row-2 .container h2, .page-id-340 .row-2 .container h5, .page-id-340 .row-2 .container a {
    color: #fff;
}

.page-id-340 .row-2 .container h2 {
    text-align: center;
}

.page-id-340 .row-2 .top-content {
    text-align: center;
    margin-bottom: 50px;
}

.page-id-340 .row-2 .row .col-md-5 img {
    margin-top: 15px;
    margin-bottom: 20px;
}

.page-id-340 .row-3 {
    padding-top: 70px;
    background: #101317 url(images/ios-encryption-02.jpg) no-repeat right bottom;
    min-height: 1130px;
}

.page-id-340 .row-3 .top-content {
    text-align: left;
    max-width: 360px;
    margin-left: 0;
}

.page-id-340 .row-3 .top-content h4 {
    text-align: left;
}

.page-id-340 .row-3 .top-content h4:after {
    margin-left: 0;
}

.page-id-340 .row-4 {
    padding-top: 50px;
    padding-bottom: 70px;
}

.page-id-340 .row-4 .col-md-5 {
    padding-top: 50px;
}

.page-id-340 .row-4 h4 {
    text-align: left;
}

.page-id-340 .row-4 h4:after {
    margin-left: 0;
}

.page-id-340 .whats-next {
    background: url(images/page-banner-28.jpg) no-repeat center top;
    color: #fff;
    padding-top: 150px;
    padding-bottom: 150px;
    background-size: cover;
}

.page-id-340 .whats-next h2 {
    color: #fff;
}


@media screen and (max-width: 1024px) {
    .sender-side-4 .arrow-3 {
        width: 57px;
    }

    .sender-side-4 .arrow-3 .line {
        width: 50px;
    }

    .page-id-340 .row-2 {
        text-align: center;
    }

    .page-id-340 .row-2 .col-md-5 img {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .page-id-340 .row-3 {
        background-size: contain;
        min-height: 900px;
    }

    .page-id-340 .row-3 .top-content {
        margin-left: auto;
        text-align: center;
    }

    .page-id-340 .row-3 .top-content h4 {
        text-align: center;
    }

    .page-id-340 .row-3 .top-content h4:after {
        margin-left: auto;
    }

    .page-id-340 .row-4 .row {
        display: flex;
        flex-direction: column;
    }

    .page-id-340 .row-4 .row .col-md-5 {
        text-align: center;
        order: 2;
    }

    .page-id-340 .row-4 .row .col-md-7 {
        order: 1;
    }

    .page-id-340 .row-4 .col-md-7 h4 {
        text-align: center;
    }

    .page-id-340 .row-4 .col-md-7 h4:after {
        margin-left: auto;
    }
}

@media screen and (max-width: 992px) {
    .boring-terms-keys .container {
        flex-direction: column;
    }

    .boring-terms-keys .box-2, .boring-terms-keys .box-3 {
        text-align: center;
    }

    .page-why-encrypt-phone-calls .main-text .container p {
        padding-left: 20px;
    }

    .basic-definition-factors {
        padding: 30px 40px;
        background-image: none;
    }

    .basic-definition-factors p {
        padding-right: 0;
    }

    .long-number {
        padding: 30px 20px;
        font-size: 18px;
        line-height: 24px;
    }

    .se-about-aes .container {
        flex-direction: column;
    }

    .se-tricks {
        background-position: center top;
        background-size: contain;
        text-align: center;
    }

    .se-tricks .container {
        min-height: 300px;
        flex-direction: column;
    }

    .se-fear-not {
        text-align: center;
    }

    .postid-289 .content .container {
        margin-left: 15px;
        margin-right: 20px;
        padding: 70px 30px;
        width: auto;
    }

    .postid-289 .content .blue-label, .postid-289 .content .green-label {
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 150px;
        text-align: center;
    }

    .sender-side-4 .arrow-10 {
        width: 80px;
        display: block;
    }

    .sender-side-4 .arrow-10 .line {
        width: 80px;
    }

    .page-id-340 .row-3 {
        min-height: 700px;
    }
}

@media screen and (max-width: 768px) {
    .basic-definition-factors {
        padding: 20px 30px;
    }

    .basic-definition .container .icon {
        font-size: 20px;
    }

    .data-hashing-inn p {
        padding-left: 0;
    }

    .sender-side-2 .arrow-8, .sender-side-3 .arrow-8 {
        display: block;
    }

    .sender-side-4 {
        flex-direction: column;
        text-align: left;
    }

    .sender-side-4 .col-md-6 {
        text-align: left;
    }

    .sender-side-4 .arrow-3 {
        margin: 0;
        right: auto;
        width: 3px;
        height: 50px;
        left: 35%;
    }

    .sender-side-4 .arrow-3 .line {
        border: none;
        width: 1px;
        height: 50px;
        border-left: 1px solid #267dd1;
    }

    .sender-side-4 .arrow-3 .point {
        border-color: #267dd1 transparent transparent transparent;
        border-width: 7px 3.5px 0 3.5px;
    }

    .sender-side-4 .padd-top {
        padding-top: 60px;
    }

    .sender-side-5 {
        flex-direction: column;
    }

    .postid-289 .content .container .sender-side-6 {
        display: block;
    }

    .postid-289 .content .container .sender-side-6 .col-xs-7 {
        float: left;
        width: 58.33333333%;
    }

    .postid-289 .content .container .sender-side-6 .col-xs-5 {
        float: left;
        width: 41.66666667%;
    }

    .postid-289 .content .container .recipient-side-1 {
        display: block;
    }

    .postid-289 .content .container .recipient-side-1 .col-xs-8 {
        float: left;
        width: 66.66666667%;
    }

    .postid-289 .content .container .recipient-side-1 .col-xs-4 {
        float: left;
        width: 33.33333333%;
        padding-top: 100px;
    }

    .postid-289 .content .container .recipient-side-2 {
        display: block;
        margin-bottom: 30px;
    }

    .recipient-side-3 .arrow-7, .recipient-side-3 .arrow-8 {
        display: block;
    }

    .recipient-side-4 .padd-top {
        padding-top: 20px;
    }

    .recipient-side-5 {
        flex-direction: column;
    }

    .recipient-side-5 .text-right {
        text-align: center;
    }

    .recipient-side-5 .text-right img {
        max-width: 200px;
    }

    .recipient-side-5 .arrow-3 {
        right: auto;
        position: relative;
        margin: 10px auto;
        height: 50px;
        width: 3.5px;
    }

    .recipient-side-5 .arrow-3 .line {
        width: 1px;
        height: 50px;
        border: none;
        border-left: 1px solid #68c34c;
    }

    .recipient-side-5 .arrow-3 .point {
        border-color: #68c34c transparent transparent transparent;
        border-width: 7px 3.5px 0 3.5px;
    }

    .recipient-side-5 .text-left {
        display: flex;
        flex-direction: column;
    }

    .recipient-side-5 .text-left .order-1 {
        margin-bottom: 20px;
    }

    .recipient-side-7 {
        padding-top: 60px;
    }

    .recipient-side-7 .col-md-3 {
        padding: 0;
    }

    .recipient-side-7 .big-text-abs {
        position: absolute;
        margin-top: -80px;
        font-size: 70px;
        text-align: center;
        right: 50%;
        transform: translate(50%, 0);
    }

    .recipient-side-7 .sender-side-2-code div {
        padding: 20px 15px;
    }

    .postid-289 .bottom-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .why-use-signatures {
        background-image: url(images/why-use-signatures-bg-mob.jpg);
    }

    .why-use-signatures .col-md-3 {
        margin-bottom: 40px;
    }

    .why-use-signatures .col-md-3 .icon {
        font-size: 50px;
    }
}

@media screen and (max-width: 640px) {
    .sender-side-3 .arrow-8 {
        margin: 10px 0 10px 120px;
    }

    .sender-side-4 .arrow-3 {
        left: 40%;
    }

    .page-id-340 .row-1 .row {
        flex-direction: column;
    }

    .page-id-340 .row-1 .row .col-md-3 {
        margin-bottom: 15px;
    }

    .page-id-340 .row-1 .row .order-1 {
        order: 1;
    }

    .page-id-340 .row-1 .row .order-2 {
        order: 2;
    }

    .page-id-340 .row-1 .row .order-3 {
        order: 3;
    }

    .page-id-340 .whats-next {
        background-position: -700px top;
    }
}

@media screen and (max-width: 540px) {
    .recipient-side-7 .sender-side-2-code div {
        font-size: 14px;
    }

    .page-id-340 .row-3 {
        min-height: 500px;
        padding-top: 50px;
    }

    .recipient-side-7 {
        flex-direction: column
    }

    .marg25 {
        margin: 25px;
    }

    .recipient-side-7 {
        padding-top: 90px;
    }

    .recipient-side-7 .big-text-abs {
        top: -610%;
    }
}

@media screen and (max-width: 480px) {

}

@media screen and (max-width: 340px) {
}


/* Livezilla */
#lz_floating_button {
    left: auto !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0 !important;
}

#lz_chat_overlay_text {
    text-shadow: none !important;
}

.lz_fbv2_body {
    border-radius: 3px !important;
}

.lz_fbv2_body * {
    font-family: 'Noto Sans', sans-serif !important;
    color: #575d64 !important;
}

.lz_fbv2_header {
    text-transform: uppercase;
    background: #f3f4f5 !important;
    height: 50px !important;
    line-height: 50px !important;
    letter-spacing: 2px;
    font-size: 15px !important;
    font-weight: normal !important;
    color: #20272e !important;
}

.lz_fbv2_vis {
    width: 330px !important;
    height: 280px !important;
    left: auto !important;
    right: 10px !important;
    top: auto !important;
    bottom: 90px !important;
    border-radius: 3px !important;
    border: 2px solid #ebeced !important;
}

.lz_fbv2_module a {
    font-weight: normal !important;
    font-size: 15px !important;
    color: #267dd1 !important;
    text-decoration: underline !important;
}

.lz_fbv2_module a:hover {
    text-decoration: none !important;
}

.lz_fbv2_body table {
    border: none !important;
}

.lz_fbv2_chat_icon {
    background: url(images/icon-livezilla-01.png) no-repeat left 17px !important;
}

.lz_fbv2_phone_icon {
    background: url(images/icon-livezilla-03.png) no-repeat left 17px !important;
}

.lz_fbv2_ticket_icon {
    background: url(images/icon-livezilla-02.png) no-repeat left 17px !important;
}

.lz_fbv2_arrow_frame_22 {
    bottom: -37px !important;
    margin-right: 120px !important;
}

.lz_fbv2_arrow_border {
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-width: 17px 0px 0 27px !important;
    border-color: #ebeced transparent transparent transparent !important;
}

.lz_fbv2_module_devider_h {
    border-bottom: 1px dashed #dce0e2 !important;
    margin-bottom: 3px !important;
    margin-top: 3px !important;
}

.lz_fbv2_footer {
    background: none !important;
}

.lz_fbv2_vlink {
    bottom: 0 !important;
}

#lz_fbv2_callback {
    margin-left: -50px !important;
}

.lz_fbv2_callback_init {
    color: #fff !important;
}

.lz_fbv2_callback_init:hover {
    opacity: 0.8 !important;
}


/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    padding-top: 50px;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor: url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

/*
* 	Owl Carousel Owl Theme
*	v1.3.3
*/
.owl-theme .owl-controls {
    margin-top: 10px;
    position: absolute;
    left: auto;
    right: auto;
    top: 0;
    width: 100%;
    text-align: center;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50); /*IE7 fix*/
    opacity: 0.5;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100); /*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50); /*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100); /*IE7 fix*/
    opacity: 1;
}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* preloading images */
.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu,
.nav-pills .dropdown-menu,
.navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}

.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

@media (max-width: 767px) {
    .scrolled {
        background: rgba(23, 17, 139, 0.5);
        transition: background-color 0.7s ease;
        min-height: 70px;
        z-index: 99;
    }
}


/* Reset */
.btn {
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
}

.btn {
    box-shadow: 0px 0px 0px rgba(15, 165, 60, 0.1);

    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.btn:hover {
    top: -10px;

    -webkit-transform: rotateX(20deg);
    -moz-transform: rotateX(20deg);
    -ms-transform: rotateX(20deg);
    transform: rotateX(20deg);
}

.btn:active {
    top: 0px;
    box-shadow: 0px 0px 0px rgba(15, 165, 60, 0.0);
    background: rgba(20, 224, 133, 1);
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: none !important;
}

.block_text_rt {
    padding: 17%;
    color: #fff;
    background: #262cabcc;
}

.block_text_rt p {
    font-size: 20px;
    margin-bottom: 10px;
}

.block_text_rt p strong {
    color: #fff;
}

.bits_img {

}

.bc_bits {
    padding: 50px 0;
}

#solution-slider .carousel-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#solution-slider .carousel-inner .item {
    display: block;
}

#Capa_1 {
    width: 60px;
    height: 60px;
    fill: #3337c1;
}

.bc_bits .row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.e-encryption .top-content {
    max-width: 400px;
    width: 100%;
}

.contacts-t {
    text-decoration: unset !important;
    color: #575d64;
}

@media (max-width: 1600px) {
    .e-encryption {
        background-position-x: 50px;
    }
}

.page-id-142 ul.grt-menu li a {
    color: #000;
}

.page-id-142 ul.grt-menu li.menu-item-has-children:hover > a {
    color: #000;
}

.page-id-142 .page-banner .header-title {
    margin-left: -250px;
}

.page-id-142 header {
    background: #ffffff9e;
}

.page-id-148 header {
    background: #ffffff9e;
}

.page-id-148 ul.grt-menu li a {
    color: #000;
}

.page-id-148 ul.grt-menu li.menu-item-has-children:hover > a {
    color: #000;
}

.page-id-85 .header-title h1 {
    color: #000;
}

.page-id-85 .header-title h1:after {
    border-color: #000;
}

.page-id-85 .breadcrumb a {
    color: #000;
}

.page-id-85 .breadcrumb {
    color: #000;
}

.page-id-172 .whats-next .container {
    max-width: 750px;
    background: #00000080;
    padding: 30px;
}

.page-id-154 .header-title h1 {
    color: #000;
}

.page-id-154 .header-title h1:after {
    border-color: #000;
}

.page-id-154 .breadcrumb a {
    color: #000;
}

.page-id-154 .breadcrumb {
    color: #000;
}

.sub-item2 {
    background: rgba(235, 236, 237, 0.60);
    color: #888f97;
}

.sub-item2 a {
    color: #888f97 !important;
}

.sub-item2 a:hover {
    color: #fff !important;
}

.sub-item2.bold {
    font-weight: 600;
}

.plt {
    margin: 30px 0;
}

.section_blue {
    background: #262cab;
    color: #fff;
    padding: 50px 0;
    margin-bottom: 30px;
}

.section_blue strong {
    color: #fff;
}

.section_blue h2 {
    color: #fff;
}

.pt_1 {
    padding-top: 65px;
}

.block_menus_phone {
    padding: 50px 0;
}

.blue_top_pad {
    padding-top: 100px;
}

.txt-r_1 {
    text-align: right;
}

.txt-c_1 {
    text-align: center !important;
}

.txt-c_1::after {
    margin: 10px auto !important;
}

/*NEW STYLES*/
.block_arrow {
    position: relative;
    z-index: 2;
}

.arrow_txt_child {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(0, -20px);
    border: 4px dashed #262cab;
    border-bottom: unset;
    width: 114.5%;
    height: 70px;
}

.arrow_img_child {
    position: absolute;
    bottom: 5%;
    right: 35%;
    border-right: 4px dashed #262cab;
    border-bottom: 4px dashed #262cab;
    width: 95px;
    height: 70px;
}

.arrow_img2_child {
    position: absolute;
    bottom: -7%;
    right: 35%;
    border-left: 4px dashed #262cab;
    width: 95px;
    height: 82px;
}

.arrow_img_child_2 {
    position: absolute;
    right: -48%;
    top: 37%;
    border-left: 4px dashed #fff;
    border-bottom: 4px dashed #fff;
    border-right: 4px dashed #fff;
    width: 110.3%;
    height: 379px;
    z-index: -1;
}

.arrow_img2_child_2 {
    position: absolute;
    right: 0;
    bottom: -7%;
    border-left: 4px dashed #fff;
    transform: translate(2px, 0);
    width: unset;
    height: 100px;
    z-index: -1;
}

.arrow_txt_child_2 {
    position: absolute;
    right: 52%;
    top: -24%;
    width: unset;
    height: 81px;
    border-left: 4px dashed #fff;
}

.block_menus_phone--pb_1 {
    padding-bottom: unset;
}

.row_reverse_2 {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

{
    position: absolute
;
    border-left: 4px dashed #262cab
;
    top: 0
;
    right: 50%
;
    height: 60px
;
    transform: translate(2px, -79px)
;
}
.title-arrow-img1 {
    position: absolute;
    border-left: 4px dashed #262cab;
    top: -100%;
    left: 50%;
    height: 50px;
    transform: translate(-2px, -67%);
}

.title-arrow-img2 {
    position: absolute;
    border-top: 4px dashed #262cab;
    border-left: 4px dashed #262cab;
    top: 29%;
    left: 0;
    height: 234px;
    width: 155px;
}

.title-arrow-img3 {
    position: absolute;
    border-top: 4px dashed #262cab;
    border-right: 4px dashed #262cab;
    transform: translate(0, 225px);
    top: 50%;
    left: 0;
    height: 300px;
    width: 100%;
    z-index: 1;
}

.title-img-child1 {
    position: absolute;
    border-bottom: 4px dashed #fff;
    border-right: 4px dashed #fff;
    top: -73%;
    left: 47.4%;
    height: 50px;
    width: 150%;
    z-index: 1;
}

.title-img-child2 {
    position: absolute;
    border-right: 4px dashed #fff;
    top: -34%;
    left: 47%;
    height: 89px;
    z-index: 1;
}

.title-img-child3 {
    position: absolute;
    border-top: 4px dashed #fff;
    right: -43%;
    top: 50%;
    transform: translate(-17px, 23px);
    width: 41%;
    z-index: 1;
}

.image-img-child1 {
    position: absolute;
    border-bottom: 4px dashed #fff;
    border-right: 4px dashed #fff;
    bottom: 0;
    left: 49%;
    height: 14%;
    width: 17%;
    z-index: 1;
}

.image-img-child2 {
    position: absolute;
    border-right: 4px dashed #fff;
    bottom: -14%;
    left: 49%;
    height: 14%;
    z-index: 1;
}

.title-img-child4 {
    position: absolute;
    border-right: 4px dashed #262cab;
    top: -4%;
    left: 50%;
    height: 60px;
    transform: translate(2px, 0);
}

.title-img-child5 {
    position: absolute;
    border-top: 4px dashed #262cab;
    left: -39%;
    bottom: 81%;
    width: 35%;
}

.image-img-child3 {
    position: absolute;
    border-right: 4px dashed #262cab;
    bottom: 0;
    left: 36%;
    height: 15%;
    z-index: 1;
}

.title-img-child6 {
    position: absolute;
    border-right: 4px dashed #fff;
    top: -90%;
    left: 37.5%;
    height: 125px;
    z-index: 1;
    transform: translate(1px, 0);
}

.title-img-child7 {
    position: absolute;
    border-bottom: 4px dashed #fff;
    top: 68%;
    right: -40%;
    width: 245px;
    z-index: 1;
}

.title-why-bits {
    margin: 7% 0;
}

.title-why-bits::before {
    display: block;
    max-width: 240px;
    width: 100%;
    height: 1px;
    border-bottom: 2px solid #fff;
    clear: both;
    content: "";
    text-align: center;
    margin: 0 auto 25px auto;

}

.why-bits__ico {
    margin-bottom: 20px;
}

.image-img-child4 {
    position: absolute;
    border-left: 4px dashed #fff;
    bottom: -14%;
    left: 65%;
    height: 203px;
    z-index: -1;
}

.title-img-child8 {
    position: absolute;
    border-right: 4px dashed #262cab;
    border-bottom: 4px dashed #262cab;
    top: -59%;
    right: 34%;
    transform: translate(-2px, 0);
    height: 100px;
    width: 20%;
    z-index: 1;
}

.title-img-child9 {
    position: absolute;
    border-left: 4px dashed #262cab;
    top: 12%;
    right: 54%;
    transform: translate(-1px, 0);
    height: 38px;
    z-index: 1;
}

.title-img-child10 {
    position: absolute;
    border-bottom: 4px dashed #262cab;
    left: -39%;
    top: 57%;
    transform: translate(-1px, 0);
    width: 38%;
}

.arrow-up {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-44%, 15px);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #262cab;
}

.image-img-child5 {
    position: absolute;
    border-left: 4px dashed #262cab;
    border-bottom: 4px dashed #262cab;
    left: 34%;
    bottom: 9%;
    height: 35px;
    transform: translate(-1px, 0);
    width: 67%;
}

.image-img-child6 {
    position: absolute;
    border-left: 4px dashed #262cab;
    left: 50%;
    top: -39%;
    height: 65px;
    transform: translate(2px, 0);
    width: 67%;
}

.arrow-down {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-37%, 14%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #262cab;
}

.text-product {
    max-width: 800px;
    font-size: 18px;
    margin: 50px auto;
    position: relative;
    padding: 0 20px;
}

.text-product:before {
    content: "\0022";
    font-size: 80px;
    color: #262cab;
    position: absolute;
    left: -3%;
    top: 0;
}

.text-product:after {
    content: "\0022";
    font-size: 80px;
    color: #262cab;
    position: absolute;
    right: -3%;
    bottom: -50%;
}

.prod-pad {
    padding: 0 20px;
}

.ma-l_1 {
    display: inline-block;
}

.ma-l_1:after {
    margin: 10px auto !important;
}

.ico-sertif {
    color: #fff;
    font-size: 30px;
    float: left;
    display: block;
    margin-right: 10px;
}

.mar-bo20 {
    margin-bottom: 20%;
}

.custom-bg-slide {
    position: relative !important;
}

.custom-bg-slide::after,
.custom-bg-slide1::after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.rs-fsv .fullcoveredvideo video {
    object-fit: contain !important;
}

.rs-parallax-wrap {
    z-index: 10 !important;
}

.logoWidth {
    width: 137px;
}

.logoWidth {
    width: 137px;
}

#lz_overlay_wm {
    margin: unset !important;
    inset: unset !important;
    bottom: 30px !important;
    right: 20px !important;
}

.wpcf7-textarea {
    max-height: 188px;
    height: 100%;
}

.footer__tel {
    color: #3337c1;
}

.serv-email-encr__title,
.serv-email-encr__content {
    position: relative;
}

.mar-left {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.button-learn-mar {
    text-align: center;
    margin-bottom: 5%;
}

#cn-accept-cookie {
    background-color: #262cab !important;
}

.cn-link {
    color: #fff;
}

#cookie-notice {
    z-index: 999999999 !important;
}

.mar-top50 {
    margin-top: 50px;
}

.btn {
    visibility: unset !important;
    animation-name: unset !important;
}

.slider__button {
    border-radius: 5px;
    padding: 5px;
}

#rev_slider_43_1_wrapper .ares .tp-bullet:hover .tp-bullet-title {
    visibility: hidden !important;
}

@media screen and (max-width: 1200px) {
    .quick-features .col-md-6 {
        padding: 0 10px;
    }
}

@media screen and (max-width: 1024px) {
    .bt_1 {
        padding-bottom: 55px;
    }

    .pt_none {
        padding-top: unset;
    }

    .block_arrow {
        display: flex;
        justify-content: center;
        z-index: 2;
    }

    .arrow_txt_child {
        top: 96%;
        left: 50%;
        transform: translate(-2px, 0);
        border: unset;
        border-left: 4px dashed #262cab;
        width: unset;
        height: 60px;
    }

    .arrow_img2_child {
        border-left: 4px dashed #fff;
        width: unset;
        bottom: -21%;
        right: 50%;
        transform: translate(2px, 0);
    }

    .arrow_img_child {
        position: absolute;
        bottom: -11%;
        right: 50%;
        transform: translate(2px, 0);
        border: none;
        border-left: 4px dashed #262cab;
        width: unset;
        height: 38%;
        z-index: -1;
    }

    .row_reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    .arrow_img_child_2 {
        display: none;
    }

    .arrow_txt_child_2 {
        display: none;
    }

    .arrow-up {
        top: unset;
        bottom: -8px;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid #262cab;
        border-bottom: unset;
        left: 50%;
        transform: translate(-50%, 64%);
    }

    .arrow_img2_child_2 {
        right: 50%;
        height: 114%;
    }

    .title-arrow-img2 {
        width: unset;
        top: 100%;
        left: 50%;
        border-top: unset;
        height: 2800px;
        transform: translate(-2px, 0);
    }

    .title-arrow-img3 {
        display: none;
    }

    .title-img-child1 {
        display: none;
    }

    .title-img-child2 {
        left: 50%;
        transform: translate(-2px, 0);
        height: 100%;
        top: -75%;
    }

    .image-img-child1 {
        display: none;
    }

    .image-img-child2 {
        left: 50%;
        height: 114%;
        transform: translate(-2px, 0);
    }

    .title-img-child6 {
        left: 50%;
        transform: translate(-2px, 0);
        top: -87%;
        height: 100%;
    }

    .image-img-child4 {
        left: 50%;
        transform: translate(-2px, 0);
        z-index: -1;
        height: 114%;
        top: 0;
    }

    .title-img-child5 {
        display: none;
    }

    .image-img-child3 {
        bottom: 0;
        left: 50%;
        transform: translate(-2px, 0);
        height: 99%;
    }

    .wi-100 {
        width: 100%;
    }

    .title-img-child4 {
        top: -11%;
        transform: translate(-2px, 0);
    }

    .title-img-child8 {
        display: none;
    }

    .image-img-child5 {
        border-bottom: none;
        left: 50%;
        height: 116%;
        bottom: -5%;
        transform: translate(-2px, 0);
        width: unset;
    }

    .title-img-child9 {
        display: none;
    }

    .
    element.style {
        width: unset;
    }

    .image-img-child6 {
        top: 0%;
        height: 21%;
        width: unset;
        transform: translate(-2px, 0);
    }

    .arrow-down {
        top: 20%;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .title-img-child7 {
        display: none;
    }

    .title-img-child3 {
        display: none;
    }

    .title-arrow-img1 {
        top: -50%;
    }

    .block_menus_phone__image {
        max-width: 500px;
        width: 100%;
    }

    .text-product {
        margin: 100px auto;
    }

    .why-encrypt-anim-2-text {
        max-width: unset;
        margin-left: unset;
        transform: translate(-50%, 0);
    }

    .why-encrypt-anim-2-text-inn .col-md-6 {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }

    #particles2-js {
        min-height: 1165px;
    }

    .mar-bo-50 {
        margin-bottom: 50px;
    }

    .secure-your-mail {
        background: none;
    }

    .serv-email-encr {
        background: none;
    }

    .mar-bo300 {
        margin-bottom: 0;
    }

}

@media screen and (max-width: 992px) {
    .txt-a-c {
        width: 100%;
        text-align: center;
    }

    .mar-bo20 {
        margin-bottom: unset;
    }

    .encr-mail-2 .arrow-24 {
        transform: translate(0, -50%);
        top: 50%;
    }

    .mar-bo100 {
        margin-bottom: 32vh;
    }

    .decr-scheme-3 {
        text-align: center;
    }

    .encrypting-mail .col-md-4 {
        max-width: 100%;
    }

    .arrow-10 {
        display: none;
    }

    .text-c-992 {
        text-align: center;
        width: 100%;
    }

    .line {
        width: unset;
    }

    .point {
        right: unset;
    }

    .quick-features .col-md-6 {
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .mar-r-unset {
        margin: 0 0 20px 0 !important;
    }

    .quick-features .col-md-6 p {
        text-align: center;
    }

    #lz_overlay_wm {
        right: 10px !important;
    }

    .e-encryption {
        background: none;
    }

}

@media screen and (max-width: 820px) {
    .text-product {
        padding: 0 60px;
    }
}

@media screen and (max-width: 768px) {
    .logoWidth {
        width: 110px;
    }

    .block_text_rt {
        padding: 7%;
    }

    .whats-next-mob {
        padding: unset;
        min-height: unset;
    }

    .chat-settings {
        background-size: 100%;
        padding-bottom: 36%;
    }

    .page-id-142 .page-banner .header-title {
        margin: 0 auto;
    }

    .encr-mail .row {
        flex-wrap: wrap;
        text-align: center;
    }

    .encr-mail .row .text-left {
        padding-right: unset;

    }

    .encr-mail {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .e-encryption {
        padding-right: 0;
    }

    .send-mail {
        text-align: center;
        padding: 0 20px;
    }

    .encr-public-keys .col-md-5 {
        position: static;
        text-align: center;
        max-width: unset;
    }

    .encrypting-mail .col-md-4 {
        position: static;
        text-align: center;
    }

    .arrow-8-2 {
        display: block;
    }

    .decrypted-mail {
        flex-wrap: wrap;
        justify-content: center;
    }

    .key-exchange-scheme-2,
    .key-exchange-scheme-3 {
        margin-bottom: 30px;
    }

    .ma-bo-30 {
        margin-bottom: 30px;
    }

    .slider-container {
        height: 100vh;
    }

    .slider-control-button {
        width: 40px !important;
        height: 40px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .slider-skip-btn {
        width: 70px !important;
    }

    .slider-text {
        padding: 0 20px;
    }

    .sub-item2 a {
        color: #fff !important;
        font-weight: 300;
    }

    .tparrows {
        display: none !important;
    }

    ul.grt-menu li a {
        color: #fff !important;
    }

    .ul.grt-menu li.menu-item-has-children ul.sub-menu .sub-item {
        background: rgba(235, 236, 237, 0.60) !important;
    }

    .initiating-call {
        flex-wrap: wrap;
        padding-top: unset;
        padding-bottom: unset;
    }

    .initiating-call__text-box {
        order: -1;
        text-align: center;
    }

    .initiating-call__image-block {
        order: 1;
    }

    .initiating-call__text-box1 {
        text-align: center;
    }

    #particles2-js {
        min-height: 1050px;
    }

    #menu-primary {
        height: calc(100vh - 65px);
        top: 65px;
    }

    .black-bg {
        background-color: #000 !important;
        position: fixed;
    }

    .quick-features .col-md-6 {
        border-right: none;
    }

    header .container {
        padding-left: 0;
        padding-right: 0;
    }

    .slider__layer2 .slider__big-title {
        transform: translate(0px, 0px) !important;
    }

    #rev_slider_43_1_forcefullwidth,
    #rev_slider_43_1_wrapper {
        height: 60vh !important;
    }

    .video-slider-bg video {
        height: 60vh !important;
    }

}

@media screen and (max-width: 580px) {
    .asym-hiw .mid-content {
        padding: 40px 10px;
    }

    .final-message {
        padding-left: unset;
        padding-right: unset;
    }

    .final-message ul {
        display: flex;
        justify-content: space-around;
    }

    .final-message ul li {
        width: unset;
    }

    .mob-ver {
        min-height: unset;
        padding: 0;
    }

    .q-author-video {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .crypto-list .col-md-6 {
        padding: 0;
    }

    .crypto-list .btn {
        padding: 10px 5px;
    }

    .what-you-need {
        min-height: 0;
    }

    .whats-next {
        padding: 0;
    }

    .page-id-148 .what-you-need {
        padding: 15% 0;
    }

}

@media screen and (min-width: 768px) {
    .slider-control-button {
        transform: translate(0, 0) !important;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .slider__title {
        transform: translate(0, -110px) !important;
    }

    .slider__subtitle {
        transform: translate(0, -70px) !important;
    }

    .slider__button {
        transform: translate(0, -130px) !important;
    }

    .slider-span {
        transform: translate(0, -90px) !important;
    }

    .slider-control-button {
        transform: translate(0, -280px) !important;
    }
}

@media screen and (max-width: 480px) {
    .slider__title {
        transform: translate(0, -30px) !important;
    }

    .slider__subtitle {
        transform: translate(0, -70px) !important;
    }

    .slider-control-button {
        transform: translate(0, -200px) !important;
    }

    .slider__button {
        transform: translate(0, -90px) !important;
    }

    .slider-span {
        transform: translate(0, -90px) !important;
    }
}

.cont_inn .col-md-6:first-child{
    display: none;
}
.quick-features .cont_inn{
    display: flex;
    justify-content: center;
}