#about .btn,
#about a > span,
#about img,
#about .sing-up-ads,
.about-contact .about-contact-menu label,
.about-feedback-usability > label,
.about-combobox:after {
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

/* Begin main styles */
#about * {
    box-sizing: border-box;
}
#about {
    position: relative;
    max-width: 1240px;
    margin: 0 auto;
    padding: 126px 30px 0;
    overflow: hidden;
    width: 100%;
}
#about strong {
    font-weight: 500;
}
#about .btn {
    display: block;
    margin: 0 auto;
    padding: 0 12px;
    border-radius: 10px;
    box-sizing: border-box;
    text-align: center;
    line-height: 52px;
    cursor: pointer;
    transition: .2s;
}
#about .btn > span {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    vertical-align: middle;
}
#about .btn.btn-white {
    border: 1px solid #17c0ff;
    color: #17c0ff;
}
#about .btn.btn-blue {
    background-color: #17c0ff;
    color: #fff;
    box-shadow: 0 16px 24px rgba(23, 192, 255, .2);
}
#about .btn.btn-green {
    background-color: #00bb63;
    color: #fff;
    box-shadow: 0 16px 24px rgba(0, 187, 99, .2);
}
#about .btn.btn-white:hover,
#about .btn.btn-blue:hover {
    background-color: #00abeb;
    color: #fff;
}
#about .btn.btn-green:hover {
    background-color: #27ae60;
}
#about .btn.btn-white:active,
#about .btn.btn-blue:active {
    background-color: #009dd8;
    color: #fff;
}
#about .btn.btn-green:active {
    background-color: #209652;
}
#about .btn.btn-blue:hover,
#about .btn.btn-blue:active {
    box-shadow: 0 8px 24px rgba(23, 192, 255, .2);
}
#about .btn.btn-green:hover,
#about .btn.btn-green:active {
    box-shadow: 0 8px 24px rgba(0, 187, 99, .2);
}
#about .btn.btn-small {
    max-width: 240px;
}
#about ol {
    padding-left: 17px;
    font-weight: 500;
}
#about ol > li > span {
    font-weight: 300;
}
#about ol > li {
    margin-bottom: 26px;
    padding-left: 23px;
}
#about ol ol {
    margin-top: 12px;
    font-weight: 500;
}
#about ol ol > li {
    margin-bottom: 0;
}
#about h1,
#about h2,
#about h3,
#about p,
#about ul {
    font-weight: 300;
    color: #3e484c;
}
#about ol {
    color: #3e484c;
}
#about h1 {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 30px;
}
#about h2,
#about h3 {
    font-size: 24px;
    line-height: 24px;
}
#about h2 {
    margin-top: 50px;
    margin-bottom: 30px;
}
#about h3 {
    margin-top: 30px;
    margin-bottom: 20px;
}
#about p,
#about ul,
#about ol {
    margin-bottom: 26px;
    font-size: 14px;
    line-height: 24px;
}
#about ol ul {
    margin-bottom: 20px;
}
#about a {
    color: #17c0ff;
    cursor: pointer;
}
/* End main style */

/* Start Content block*/
#about-content {
    position: relative;
    padding-left: 360px;
    padding-bottom: 100px;
}
#about-content:before {
    content: '';
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 100px;
    left: 300px;
    background-color: #d0e2ea;
    transition: left .5s;
}
.about-license ul > li {
    margin-bottom: 20px;
    padding-left: 22px;
}
.about-license > h1 {
    margin-bottom: 50px;
}
/* End Content block */

#about input,
#about textarea {
    padding: 14px 16px;
    border: 1px solid #d0e2ea;
    border-radius: 8px;
    font-size: 14px;
    line-height: 16px;
    color: #3e484c;
    outline: none;
    transition: border .2s,
    background-color .2s;
}
input#about-contact-business-opportunities-form-country{
    padding-left: 52px;
    position: relative;
}
div.country-select.inside{
    width: 100%;
}
#about textarea {
    min-height: 200px;
    resize: vertical;
}
#about input::placeholder,
#about textarea::placeholder {
    color: #3e484c;
}
#about input:hover,
#about textarea:hover {
    border: 1px solid #17c0ff;
}
#about input:focus,
#about textarea:focus {
    border: 1px solid #17c0ff;
}
.about-contact-form input,
.about-contact-form textarea {
    width: 100%;
}
.about-contact-form textarea::-webkit-resizer {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACVSURBVHgB3ZG9DYMwFITvkRQpM0JGCRvYZdJlgogJYACER0A0QGeYgBFYhQ5RGegsC7BdwpWn9937A06lrG7/aSmZ7t1dYVG1MaDYbUKo++QMk2IYVRj9+OAVcARbA2zwqsAHFrl8OgVswpV84UG9ML4QOMOgbvlCEX15o9eTF/zhidmQrDsvY+/BxujyvXWk1ce1NQNwUGjvNe8XIAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: center;
}
.about-contact-form .form-label {
    position: relative;
    left: 2px;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: #667a83;
}
.about-contact-form .optional {
    font-weight: 300;
    color: #94a2a8;
}
.about-contact-form .form-row {
	display: block;
    position: relative;
    margin-bottom: 24px;
    margin-right: unset;
    margin-left: unset;
}
.about-contact-form .form-row[data-type="textarea"] {
    margin-bottom: 30px;
}
#about .about-contact-form .form-row .upload-btn > span{
    vertical-align: baseline;
}
#about .about-contact-form .error {
    border-color: #f64c49;
}
.about-contact-form .error + span {
    opacity: 1;
}
.about-contact-form .form-input-text-error {
    position: absolute;
    display: inline-block;
    bottom: -15px;
    left: 2px;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    color: #f64c49;
    opacity: 0;
    transition: .2s;
}
/* End main */

.form-upload {
    display: flex;
}
.upload-desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 10px;
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    color: #667a83;
}

.preview > div {
    height: min-content;
    margin: 0 10px 3px 0;
    background: #A7C0CA;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
}
.preview-error {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    color: #f64c49;
    transition: .2s;
}
.preview-remove {
    opacity: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0, 108, 141, 0.58);*/
    background-color: #00abeb;
    border-radius: 5px;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: opacity .22s;
}
.preview > div {
    position: relative;
}
.preview > div:hover .preview-remove {
    opacity: 1;
}
.preview > div:hover span {
    color: #00abeb;
}
.preview-item.removing {
    transform: scale(0);
    transition: transform .3s;
}
#about ._upload-btn {
    width: 150px;
    max-width: 150px;
    min-width: 150px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: unset;
}
#about .preview {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

/* Begin Menu block */
#about-menu {
    padding-top: 4px;
    padding-right: 20px;
    padding-bottom: 100px;
    z-index: 1;
    transition: .5s;
}
#about-menu > div > a {
    display: block;
    min-width: 280px;
    padding: 0 20px;
    border-radius: 20px;
    color: #3e484c;
    transition: .2s;
}
#about-menu > div > a > span {
    font-size: 14px;
    font-weight: 500;
    line-height: 38px;
}
#about-menu > div {
    margin-bottom: 10px;
}
#about-menu > div:last-child {
    margin-bottom: 0;
}
#about-menu > div > a.active,
#about-menu > div > a:hover {
    background-color: #17C0FF;
    color: #fff;
}
#about-menu.fixed {
    position: fixed;
}
#about-menu.sticky {
    position: absolute;
    bottom: 0;
}
/* End Menu block */

/* Start Contact page */
.about-contact {
    font-size: 0;
}
.about-contact-widget-wrapper > div {
    margin-bottom: 40px;
}
.about-contact-widget {
    padding: 20px 20px 30px;
    border-radius: 20px;
    background-color: #f6fafc;
    text-align: center;
}
.about-contact-widget .about-contact-widget-image {
    margin-bottom: 20px;
}
.about-contact-widget img {
    max-width: 100%;
}
#about .about-contact-widget p {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #8fa7b0;
}
.about-social-widget-wrapper {
    text-align: center;
    margin: 0 auto -20px auto;
}
.about-social-widget-wrapper > a {
    margin-bottom: 20px;
}
.about-social-widget {
    position: relative;
    display: block;
    padding: 20px 37px 20px 30px;
    border-radius: 20px;
    background-color: #f6fafc;
    font-size: 0;
    text-align: left;
    cursor: pointer;
    transition: .2s;
}
.about-social-widget > div {
    display: inline-block;
    vertical-align: middle;
}
.about-social-widget > div:first-child {
    margin-right: 25px;
}
.about-social-widget > .title {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #8fa7b0;
}
.about-social-widget:after {
    content: '';
    position: absolute;
    height: 8px;
    width: 4px;
    top: 50%;
    right: 37px;
    margin-top: -2px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAYAAADeM14FAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABmSURBVHgBTYyxDYAwDAT/LRq6jMAqjMAGMAITIAZAGYEKUXqEMAojpKMMMUSIr3xn+7Fs2vtdG5SICCeQ6ld1jwBSiwSHmsEkzb4vDHk8Bf8Qjt+WiLhSK+UUBuPQxSqXzhkPA/M3CgEffI1eHVoAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: center;
    transition: .2s;
}
.about-social-widget:hover:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAYAAADeM14FAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAABbSURBVBhXNUyxEYBADCLf2H7jaekqv4mrOFncREdIq4VIvJcmQACMznV2LuiwaeehGxfRolkUE5FRB4NXZ7WMZYUyRM+Sxg8qaf9XIm7VS48ixTf6EFsOpwCAF78fKamUFqLzAAAAAElFTkSuQmCC);
}
.about-social-widget:hover {
    background-color: #edf6fa;
}
.about-contact-block {
    position: relative;
    font-size: 0;
}
.about-contact > input {
    display: none;
}
.about-contact .about-contact-menu {
    display: table;
    width: 100%;
    margin-bottom: 30px;
    border: 1px solid #17c0ff;
    border-radius: 30px;
    border-collapse: separate;
    border-spacing: 4px;
}
.about-contact .about-contact-menu label {
    display: table-cell;
    padding: 7px 20px;
    border-radius: 21px;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #17c0ff;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: .2s;
}
.about-contact.es-lang .about-contact-menu label,
.about-contact.it-lang .about-contact-menu label,
.about-contact.fr-lang .about-contact-menu label {
    font-size: 12px;
}
@media (max-width:980px					){
	.about-contact.es-lang .about-contact-menu label,
.about-contact.it-lang .about-contact-menu label,
.about-contact.fr-lang .about-contact-menu label {
    font-size: 14px;
}
}
.about-contact .about-contact-menu label:hover {
    background-color: #17c0ff;
    color: #fff;
}
.about-contact .about-contact-menu label + label {
    margin: 0 4px;
}
.about-contact-block-description {
    font-size: 16px;
    transition: .2s;
}
.about-contact-block-description > div {
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: .2s;
}
#about .about-contact-block .about-contact-text {
    margin-bottom: 20px;
    padding: 15px 20px;
    border-radius: 10px;
    background-color: #f6fafc;
}
.about-contact input:checked:nth-of-type(1) ~ .about-contact-menu > label:nth-of-type(1),
.about-contact input:checked:nth-of-type(2) ~ .about-contact-menu > label:nth-of-type(2),
.about-contact input:checked:nth-of-type(3) ~ .about-contact-menu > label:nth-of-type(3),
.about-contact input:checked:nth-of-type(4) ~ .about-contact-menu > label:nth-of-type(4){
    background-color: #17c0ff;
    color: #fff;
}


.about-contact input:checked:nth-of-type(1) ~ .left-side .about-contact-block .about-contact-block-description > div:nth-of-type(1),
.about-contact input:checked:nth-of-type(2) ~ .left-side .about-contact-block .about-contact-block-description > div:nth-of-type(2),
.about-contact input:checked:nth-of-type(3) ~ .left-side .about-contact-block .about-contact-block-description > div:nth-of-type(3),
.about-contact input:checked:nth-of-type(4) ~ .left-side .about-contact-block .about-contact-block-description > div:nth-of-type(4){
    opacity: 1;
    visibility: visible;
}
.about-contact .inline-form-row {
    display: table;
    width: 100%;
    margin-bottom: 24px;
}
.about-contact .inline-form-row > div {
    display: table-cell;
}
.about-contact .inline-form-row > div > div > input {
    position: relative;
}
.about-contact .inline-form-row > div + div > span {
    left: 22px ;
}
.about-contact .inline-form-row.title-row > div {
    width: 150px;
}
.about-contact .inline-form-row.title-row > div + div  {
    width: 325px;
    padding-left: 20px;
}

.about-contact .about-technical-description-title,
.about-contact .about-sales-description-title,
.about-contact .about-feature-description-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #3E484C;
}
.about-contact .about-feature-description-text {
    margin-top: 20px;
    background: #F6FAFC;
    border-radius: 10px;
}
.about-contact .about-feature-description-text p {
    padding: 16px;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    color: #3E484C;
}
.about-contact .about-feature-description-subtext {
    transition: all 1s;
    opacity: 0;
}
.about-contact .about-feature-description-subtext p {
    transition: all 1s;
    margin-top: 16px;
    font-weight: normal;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    color: #3E484C;
}

.about-technical-description-form,
.about-sales-description-form {
    display: none;
}
.technical-description-form-title {
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    color: #3E484C;
}
.about-technical-description-topics.js_hide_topics {
    display: none;
}
.about-technical-description-topic {
    display: none;
}

.about-contact-required-field {
    color: #f64c49;
}

.go-to-form-btn-wrapper {
    margin-top: 80px;
}
.go-to-form-btn {
    background: rgba(23, 192, 255, 0.1);
    border: 1px solid #17C0FF;
    border-radius: 10px;
    padding: 14px 8px 14px 14px;
}
.go-to-form-btn span {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #17C0FF;
}
.go-to-form-btn img {
    transform: rotate(180deg);
    padding: 0 16px;
}

/* topics block */
.topics-list,
.sales-topics-list {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    grid-gap: 24px;
}
.topic-card-wrapper {
    background: #FFFFFF;
    border: 1px solid #D0E2EA;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 18px 22px 18px 56px;
    position: relative;
    cursor: pointer;
}
.topic-card-image {
    position: absolute;
    left: 16px;
}
.topic-card-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #3E484C;
    font-style: normal;
    margin-bottom: 8px;
    word-wrap: break-word;
}
.topic-card-desc {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    color: #3E484C;
}


/* topic block */
.topic-header, .sales-topic-header {
    display: flex;
    align-items: center;
    margin-bottom: 29px;
}
.back-topics-btn, .sales-back-topics-btn  {
    margin-right: 20px;
}
.topic-title, .sales-topic-title {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    color: #3E484C;
}
.topic-articles {
    list-style: disc;
    padding-left: 50px;
}
.topic-articles > li {
    font-size: 16px;
}
.topic-articles > li::marker {
    color: #17c0ff;
}
.topic-line-block {
    width: 475px;
    margin-top: 80px;
    border: 1px solid #D0E2EA;
}

.topic-question {
    display: none;
    transition: all ease .2s ;
}
.question-title {
    margin-top: 40px;
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #3E484C;
}
.question-btn {
    width: 230px;
    border-radius: 10px;
    padding: 16px 0;
}
.question-btn-yes {
    border: 1px solid #27AE60;
    color: #27AE60;
    margin-right: 15px;
}
.question-btn-no {
    border: 1px solid #EB5757;
    color: #EB5757;
}

/*.form-label-for-input {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #94A2A8;
    position:absolute;
    pointer-events:none;
    left: 16px;
    top: 14px;
    transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -webkit-transition:0.2s ease all;
}

.form-input:focus ~ .form-label-for-input,
.form-input:valid ~ .form-label-for-input,
.email-error ~ .form-label-for-input,
.form-country-label-for-input,
.form-phone-label-for-input,
.select ~ .form-title-label-for-input {
    top:-8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #3E484C;
    background: white;
    padding: 0 4px;
    margin-left: -4px;
}

.form-country-label-for-input {
    left: 40px;
}
.form-phone-label-for-input {
    left: 20px;
}
.form-name-label-for-input {
    left: 38px;
}*/
    /* End Contact page */

/* Start Feedback */
#about .about-feedback h1 {
    margin-bottom: 10px;
}
#about .about-feedback p {
    color: #667a83;
    margin-bottom: 30px;
}
#about .about-feedback .left-side {
    padding-bottom: 0;
}
#about-content .left-side {
    width: 475px;
    width: 60%;
    margin-right: 5%;
}

#about-content .left-side, #about-content .right-side {
    display: inline-block;
    vertical-align: top;
}
#about-content .right-side {
    max-width: 35%;
}
.about-feedback .top-border {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #d0e2ea;
}
.about-feedback-feeling,
.about-feedback-usability {
    position: relative;
    max-width: 475px;
    margin: 20px auto 40px;
    padding: 0 18px;
    font-size: 0;
    text-align: justify;
}
.about-feedback-feeling:after,
.about-feedback-usability:after {
    content: '';
    display: inline-block;
    width: 100%;
}
.about-feedback-feeling > input,
.about-feedback-usability > input {
    display: none;
}
.about-feedback-feeling > label,
.about-feedback-usability > label {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.about-feedback-feeling > label {
    opacity: .7;
}
.about-feedback-usability > label {
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 35px;
    border: 2px solid #d0e2ea;
    border-radius: 20px;
    text-align: center;
    transition: .2s;
}
.about-feedback-usability > label > span {
    font-weight: 500;
    line-height: 16px;
    color: #3e484c;
}
.about-feedback-usability > label:before,
.about-feedback-feeling > label:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    border: 2px solid #17c0ff;
    border-radius: 30px;
    box-sizing: border-box;
    opacity: 0;
    transition: .2s;
}
.about-feedback-usability > label:hover {
    background-color: #d0e2ea;
}
.about-feedback-usability > label:hover:before,
.about-feedback-feeling > label:hover,
.about-feedback-feeling > label:hover:before {
    opacity: 1;
}
.about-feedback-feeling > input:checked + label,
.about-feedback-feeling > input:checked + label:before  {
    opacity: 1;
}
.about-feedback-usability > input:checked + label {
    background-color: #d0e2ea;
}
.about-feedback-usability > input:checked + label,
.about-feedback-usability > input:checked + label:before  {
    opacity: 1;
}
/* End Feedback */

/* Start modal */
.about-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 20px;
    background-color: rgba(62, 72, 76, .6);
    text-align: center;
}
.about-modal.open {
    z-index: 10;
    opacity: 1;
    transition: .2s;
}
.about-modal.close {
    opacity: 0;
    visibility: hidden;
}
.about-modal .about-modal-content {
    position: relative;
    display: inline-block;
    max-width: 600px;
    top: 110px;
    margin: 0 auto;
    padding: 30px 35px 50px 30px;
    border-radius: 20px;
    background-color: #f6fafc;
    box-shadow: 0 15px 30px rgba(52, 73, 80, .3);
}
#about .about-modal .about-modal-title {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}
#about .about-modal .about-modal-text {
    font-size: 16px;
    line-height: 28px;
}
.about-modal .about-modal-image,
.about-modal .about-modal-text {
    margin-bottom: 30px;
}
.about-modal .about-modal-close-button {
    width: 24px;
    height: 24px;
    margin: 0 0 14px auto;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADrSURBVHgB7ZW9DcIwEIXPUZBSZgSPABuEEVJSMkLWgCIjUCBE6REyQhghI1BSIMI5pkBKwp2NoijSfVKUws/3nuWfAxAEQWBwuJh1eTWaqy9PJj2eTcbRRpTAFlpFqgZQFSdEp0lUHceox+CUngwQP+GGvwY/TYVwY6pyWpwTwR3+DVDscyzSboEI0TPHOcUub6j6Cpj8Mgg19wowZvQpE2TuHWA4REeQeVCAgRAQam4hD+HULGsLZj2Es15DjsFkD5FP4Z720W7cSzoOfQtekAJzVW7s69lOgGxGLHBlmW2xHnrN6YSCIAiWN/XGoewe5P8bAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.about-modal .about-modal-close-button:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADcSURBVHgB7ZVBCsIwEEV/7EKXXSi47BH0Bu3JcwQ9QpcuuxWUMR9cSKmdSaQUYR6UQvMz/4cmGcBxHMfAIcrpGKWx6uso9T5Ka9FuNAELbQIuEhAtIajZJn2V9Ayu6dUAD+CaXn16Gi0Ex6ihlnMqYMCvAYYuDEHQaSHG5pxz60Kv1Q8wMmdQap4V4JsRv5eaZweYCvH+XGReFGAiBErNiboJl+a/fsGqm3DVY2gxWOwiyik81t4FZ96kc/XVU/BMzQ3GVXHs89reAWozMpFW1rLFZugbSyd0HMchL9oetTJ2/FxSAAAAAElFTkSuQmCC);
}
.about-modal .about-modal-close-button:active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADtSURBVHgB7ZUxDoJAEEWHhRjsOAKtndxAj0LpiUyw4CgeAQsTEiuOQKdRUWewMYjs7CIxknkJhIS/+z/L7A6AIAgCh2Q/h3UesvVpFsAmX3CkSqugiVwvg4mzZYVIUXObZqBQT8F7B/BOO7wXeIXaELU5akhLYyq3hN4B4qgEdV+CLkTT/IxjVrNCN70DXLoMLM3NAnwy8vHJ0tw8QFuIJ1bmdgHeQ4CtOaEvwoH5+S8wW4G2IuRs0Q7+ZBtyDAY7iEwmbmrVMapP0g70NXCpAuB+VYzvXmvi6mubEQ/qiNRiudBKJIcvmQuCMHYecP+tt1itDfwAAAAASUVORK5CYII=);
}
.about-modal .about-modal-submit-button {
    max-width: 500px;
}
/* End modal*/

/* Combobox style */
.about-combobox {
    position: relative;
    cursor: pointer;
    transition: .2s;
}
.about-combobox:hover > .about-combobox-input,
.about-combobox:focus > .about-combobox-input {
    border: 1px solid #17c0ff;
    background-color: #fff;
}
.about-combobox:after {
    content: '';
    position: absolute;
    width: 4px;
    height: 8px;
    top: 50%;
    right: 20px;
    margin-top: -2px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAYAAADeM14FAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABmSURBVHgBTYyxDYAwDAT/LRq6jMAqjMAGMAITIAZAGYEKUXqEMAojpKMMMUSIr3xn+7Fs2vtdG5SICCeQ6ld1jwBSiwSHmsEkzb4vDHk8Bf8Qjt+WiLhSK+UUBuPQxSqXzhkPA/M3CgEffI1eHVoAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(90deg);
}
.about-combobox:hover:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAYAAADeM14FAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAABbSURBVBhXNUyxEYBADCLf2H7jaekqv4mrOFncREdIq4VIvJcmQACMznV2LuiwaeehGxfRolkUE5FRB4NXZ7WMZYUyRM+Sxg8qaf9XIm7VS48ixTf6EFsOpwCAF78fKamUFqLzAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center;
}
.about-combobox-input {
    cursor: pointer;
}
.about-combobox-list {
    position: absolute;
    max-height: 0;
    top: 48px;
    right: 0;
    left: 0;
    margin-bottom: 0;
    padding: 0;
    border-top: 0;
    border-bottom: 0;
    border-radius: 10px;
    overflow: auto;
    background-color: #fff;
    box-shadow: 0 4px 20px rgba(177, 193, 199, .4);
    z-index: 1;
    transition: .2s ease .2s;
}
.about-combobox-input:focus ~ .about-combobox-list {
    max-height: 135px;
    transition: .2s;
}
.about-combobox-list > li {
    position: relative;
    padding: 0 20px;
    line-height: 30px;
    cursor: pointer;
}
.iti__country-list > li:hover,
.about-combobox-list > li:hover {
    background-color: #edf6fa;
}
.about-combobox-list > li:first-child {
    margin-top: 10px;
}
.about-combobox-list > li:last-child {
    margin-bottom: 10px;
}
.iti__country-list::-webkit-scrollbar,
.about-combobox-list::-webkit-scrollbar {
    width: 12px;
    background-color: transparent;
}
.iti__country-list::-webkit-scrollbar-track,
.about-combobox-list::-webkit-scrollbar-track {
    background-color: transparent;
}
.iti__country-list::-webkit-scrollbar-thumb,
.about-combobox-list::-webkit-scrollbar-thumb {
    height: 67px;
    border: 4px solid transparent;
    border-radius: 8px;
    background-color: #dde5e7;
    background-clip: padding-box;
}
.iti__country-list::-webkit-scrollbar-thumb:hover,
.about-combobox-list::-webkit-scrollbar-thumb:hover {
    background-color: #8fa7b0;
}
.iti__country-list::-webkit-scrollbar-track-piece,
.about-combobox-list::-webkit-scrollbar-track-piece {
    background: transparent;
}
/* End Combobox style */

body.about-modal-show {
    position: fixed;
    width: 100%;
}

/* Security page */
div.security-faq-item{
	margin-bottom: 20px;
}
div.security-faq-item > span.security-faq-item-header{
	position:relative;
	padding: 21px 60px 21px 40px;
	font-weight: bold;
	line-height: 1.4;
	color: #3E484C;
	position: relative;
	border-radius: 5px;
	display:block;
	cursor:pointer;
}
div.security-faq-item > span.security-faq-item-header,
div.security-faq-item > span.security-faq-item-content{
	padding: 21px 60px 21px 40px;
}
div.security-faq-item > span.security-faq-item-header:hover{
	background-color: #F6FAFC;
}
div.security-faq-item > span.security-faq-item-header.open{
	background-color: #F6FAFC;
}
div.security-faq-item > span.security-faq-item-header::before{
	content: "";
	float: right;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAACPp7CPp7BzvofOAAAAAnRSTlMA32D/An0AAAAdSURBVAjXY2BgCGAAgQVEklmrVq2aACGJ1wWxBQA64Q9RqnKY7wAAAABJRU5ErkJggg);
	width:18px;
	height:18px;
	margin-right: -37px;
	vertical-align: center;
}
div.security-faq-item > span.security-faq-item-header.open::before{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAFVBMVEUAAAAXwP8Yv/8WwP8XwP8Vv/8XwP+c4RcwAAAABnRSTlMA3yCfkDBk5gVcAAAAQ0lEQVQI12MIUWBgYGAyZTATAtKKKQyKiQoMTGJCIAxmAwklIJMBKCAI4gIF0oBcKA0Xh6mD6YOb4wY2N5khGGyPKwA+lgpdxDKRRgAAAABJRU5ErkJggg);
	width:14px;
	height:14px;
}
div.security-faq-item > span.security-faq-item-content{
	display:none;
	padding-top: 0px;
	font-size: 14px;
	line-height: 24px;
	color: #3e484c;
	border: 1px solid #f0f2f5;
	border-top: 0;
	margin-top: -2px;
}
div.security-faq-item > span.security-faq-item-header.open + span.security-faq-item-content{
	display:block;
	background-color: #F6FAFC;
}
div.security-faq-item.open > span.security-faq-item-content{
	display:block;
}
div.security-table-block{
	width: 100%;
    font-size: 0;
	margin-top: 54px;
	margin-bottom: 54px;
}
div.security-table-block > div.security-table-item > span.offline-img{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAaVBMVEUAAAD/5+L/5OH/5+L/39//5uL/5+L/5uL/49//5uH/5uH/5uP/6OP/5uL8Vzv9kH7+wrj9no7+ppj/1c//4dz9mIf/3dj/29b/1s//0Mn+y8P+xr3+xrz+sKP9oJH9jXr9e2X9aVD8aVCvE9AEAAAADXRSTlMA32C/EO+vnyDPcM9vbdvouAAAAThJREFUSMft18lugzAQgGEbDCRpx3YwS1izvP9DdgYrSg8V4KE9NOK/f/IwQgILn4oyCSs7ppH43mcCQckXVzEEFx+8PUhgJNWEY2AVk42A2Qmx5OJE4cHsIpHycSY++FgK2NCO3wMXl6ZgYpcbLK85uCc6lsb04bg2VAfWmEswzifcAuo8BLe2gmKyJT1waQqobLsO37S20JAdHbghL3Fuq/VtDR404QtaHNeVBmsI62EFPqP1Y3cAI1kaG/V5HfYLoz0R9QsLws4YS8vC6mAMHS47J9xDOIbav54OGBgrGlcAMDG14z/Elb1qbX9I66t1C/ihZ3os4Pscvi9gZ2eq/scXY8e/jSXfHkXGx+m2H1eVcK0UQpzYB2+9JgjFu6A8rzecq5ESz6LAw5MTqRdPj6sHziLl0RfhobXZEDjMGAAAAABJRU5ErkJggg);
}
div.security-table-block > div.security-table-item > span.securely-img{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAYFBMVEUVv/8XwP8AAAAXwP8Wv/8Xwf8TwP8Tvf8Su/8WwP8WwP8Wv/8UwP8Wwf8Uvv8WwP8Uwf8WwP8Xvv8Xwf8AgP8Xv/8Av/8WwP8XwP8XwP8WwP8A//8Xwf8Vv/8VwP8XwP8k2h4UAAAAH3RSTlMkpwCRXMgeGQ52n/I+lzJlNK3XbQIsBEXkhn4CuoRVIf9f5AAAAV5JREFUSMft18lOwzAUheHjxGNmyFDaAn7/tyS2UQ2hVXLtDYt+i3T1q2l1FMUovEkriYOk0kUQYg0aqW/xpECmlhAvEgnk5GOFJMrFGon0GkukmqCRTEMhmYJEMomnTFzYe96q7kBrHxHYJWxdvVp/2eLYY+0LunDZKrGntqIx1l+2DPaU9pG6wZ5OPGoNDuDlPR8d/rW/CxNlc7TdzrLkiEgL+y5P/Qkr2sJMKFvGWDs2IC3sHWjW0vP9QFhYCbg0qggLW2P2G2Fh/Edcja2LKWLcoEmOe4AfiLnY/OZ2GFoDDGxFWNgaV4yt13nG4P93wsJegHO4ZeDi2jNhYTXQu8bM4ZN9Up5hHHPlt3UJE6MszAqAs4jTnmEcGG/tSHyGGQB9bBPwys2TI81gmBnwlC/rJS7r9THvxfWaftdZL+u5x4TimnZAWXxcLClHoykeyqhfHg9lDu04OIXoC+NsLqFsVPnBAAAAAElFTkSuQmCC);
}
div.security-table-block > div.security-table-item > span.trusted-img{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAbFBMVEUAAAD15v705Pz15//v3//15v725//15v/15v7y4vr25//15v/05v7y5Pz/3//y5P/35//15v6+Y/nZpPzox/3y3v7v1/7z4v7gtP3drPzszv3NhfvFc/rjvf3apfvlwf3VmfvJfPrhtv3Ca/mKKi73AAAAEXRSTlMA32C/EO+vn3Ag38/PYBBgIJ9JbPYAAAE0SURBVEjH7dfJboMwEIBhAwZClraDN/aG9v3fsd4qW7kYJqc2/Cc00pexL5FMXPRWn2FjlyoncacSdpUFTgvYXdE422SAKKMWF4CqMDYHZCeNMywuqV6MLicVHtfkiscZgSc68IFfEotulljct7plH1acC9Dx1sbDLI1Fz1iv9Mfo8D3M0pgzHQ94DLONeNAfd785zNJYmSOaC8pvYycZZmkMYuDuenLUhx6iWRoLqRP+W8SzJFZfzNSrh5uYZpXAn8wmYF5b39SBWOyUJ/DidsDcRnH/m0sCM9sAY4xHGNw8dezOJGGK8QTSjnkC+x5xXBqvMV53YsmjxN/6Gzrw/8FnvL2QGo8r8o7HOaEl1mbmcYJe/OwzgVDcA6Uhtg/M0+iN/JbvXF6eSFxeXTcfuL75tT9BLOuSIfmtQAAAAABJRU5ErkJggg);
}
div.security-table-block > div.security-table-item > span{
    display:block;
	background-repeat: no-repeat;
    background-position: center;
	width:60px;
	height:60px;
	margin-bottom:24px;
}
#about div.security-table-block > div.security-table-item > p.item-header{
	font-family: Roboto;
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
}
div.security-table-block > div.security-table-item{
	width:33%;
	display:inline-block;
	vertical-align: top;
	padding: 8px 10px;
}
hr.security-hr{
	margin-top:40px;
	margin-bottom:40px;
	border: none;
    height: 1px;
    color: #D0E2EA;
    background-color: #D0E2EA;
}
/* END Security page */

.hidden-overlay{
    display: none;
}
.loading-overlay{
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    border-radius: 5px;
    z-index: 10;
    opacity: 0.8;
	position: fixed;
    top:0;
    text-align: center;
}

.loading-overlay > .overlay-content{
    position: relative;
    top: 40%;
    margin: 0 auto;
}

.overlay-content > span{
    font-size: 20px;
    color: rgb(146, 146, 146);
}
.icon-loadnig{
    background: url('/images/loading_animation.gif') center no-repeat;
    width: 31px;
    height: 31px;
    display: block;
    margin: 0px auto;

}

/* Start media queries */
@media screen and (max-width: 1330px) {
    #about-content .left-side,
    #about-content .right-side {
        display: block;
    }
    #about-content .left-side {
        width: auto;
        max-width: 100%;
        margin-right: 0;
        padding-bottom: 60px;
    }
    #about-content .right-side {
        max-width: 100%;
        font-size: 0;
    }
    #about-content .about-social-widget {
        display: inline-block;
        width: 344px;
    }
    .about-social-widget-wrapper > a:nth-child(2n+1) {
        margin-right: 20px;
    }
    #about .sing-up-ads > .sing-up-ads_description {
        text-align: left;
    }
    .about-contact input:checked:nth-of-type(1) ~ .left-side .about-contact-block .about-contact-block-description > div:nth-of-type(1),
    .about-contact input:checked:nth-of-type(2) ~ .left-side .about-contact-block .about-contact-block-description > div:nth-of-type(2),
    .about-contact input:checked:nth-of-type(3) ~ .left-side .about-contact-block .about-contact-block-description > div:nth-of-type(3),
    .about-contact input:checked:nth-of-type(4) ~ .left-side .about-contact-block .about-contact-block-description > div:nth-of-type(4){
        height: auto;
    }
}
@media screen and (max-width: 1240px) {
    #about > #about-menu {
        left: 30px;
    }
}
@media screen and (min-width: 980px) and (max-width: 1167px) {
    #about-content .about-social-widget-wrapper {
        max-width: 344px;
    }
}
@media screen and (max-width: 980px) {
    #about {
        padding: 90px 30px 0;
    }
    #about > #about-menu {
        position: static;
        margin-bottom: 50px;
        padding-right: 0;
        padding-bottom: 0;
    }
    #about > #about-content {
        padding-left: 0;
    }
    #about > #about-content:before {
        display: none;
    }
    #about-content .left-side {
        padding-bottom: 50px;
    }
    #about-content .right-side > div:first-child {
        margin-bottom: 40px;
    }
    #about-content {
        padding-bottom: 60px;
    }
    .topic-line-block {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    #about {
        padding: 90px 20px 0;
    }
	/* Security page */
	div.security-table-block > div.security-table-item{
		width:100%;
		display:block;
		padding:10px 0;
	}
	/* END Security page */
}
@media screen and (max-width: 767px) {
    #about-content .about-social-widget-wrapper {
        max-width: 100%;
        margin: 0 auto;
    }
    #about-content .about-social-widget {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (max-width: 630px) {
    #about > #about-content {
        padding-bottom: 60px;
    }
    #about-content .about-contact .about-contact-menu {
        border-radius: 20px;
    }
    #about-content .about-contact .about-contact-menu > label {
        display: block;
        margin: 0;
    }
    #about-content .about-contact .about-contact-menu label:first-child + label {
        margin: 4px 0;
    }
}
@media screen and (max-width: 539.99px) {
    .about-technical-description-title br {
        display: none;
    }
}
@media screen and (max-width: 518px) {
    .question-btns {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .question-btn-yes {
        margin-right: 0;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 470px) {
    #about {
        margin: 0 auto;
    }
    #about-content .about-social-widget-wrapper {
        max-width: 344px;
    }
    #about > #about-content .about-social-widget {
        width: 100%;
    }
    .back-topics-btn {
        width: 30px;
    }
}
@media screen and (max-width: 320px) {
    #about h1 {
        margin-bottom: 30px;
        font-size: 24px;
        text-align: center;
    }
    #about-content .about-contact .inline-form-row {
        display: block;
    }
    #about-content .about-contact .inline-form-row > div {
        display: block;
        width: 100%;
        padding-left: 0;
    }
    .about-modal > .about-modal-content {
        padding: 30px 20px 20px;
    }
    .about-modal > .about-modal-content > .about-modal-title {
        margin-bottom: 12px;
    }
    .about-feedback-feeling,
    .about-feedback-usability {
        padding: 0;
    }
    #about #about-menu {
        margin-bottom: 38px;
    }
}
@media screen and (max-height: 600px) {
    .about-modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }
}
@media screen and (max-height: 500px) {
    #about-content {
        padding-bottom: 50px;
    }
    .about-modal > .about-modal-content {
        top: 0;
        vertical-align: middle;
    }
    .about-modal > .about-modal-content > .about-modal-image {
        display: none;
    }
}
/* End media queries */
.show-promo {
    display: flex;
    flex-direction: column;
}
#about {
    flex: 1 0 auto;
}
#footer {
    flex: 0 0 auto;
}