/* Add here all your css styles (customizations) */
.text-logo {
    margin-top: 15px;
    font-family: 'Audiowide', cursive;
    text-transform: none;
}

@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 400;
    src: local("Raleway"), local("Raleway-Regular"), url("https://fonts.gstatic.com/s/raleway/v10/QAUlVt1jXOgQavlW5wEfxQLUuEpTyoUstqEm5AMlJo4.woff2") format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 700;
    src: local("Raleway Bold"), local("Raleway-Bold"), url("https://fonts.gstatic.com/s/raleway/v10/JbtMzqLaYbbbCL9X6EvaIwzyDMXhdD8sAj6OAJTFsBI.woff2") format("woff2");
    unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* ==========================================================================
Transpdf Banner
========================================================================== */
.transpdf-banner {
    background: url(../img/bg/blur-big.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 40px;
    padding-bottom: 30px;
}

.hello-transpdf {
    background: url(/assets/img/whats-new/translate-small.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 40px;
    padding-bottom: 30px;
}

.transpdf-banner h1 {
    color: white;
    font-size: 50px;
    line-height: 110%;
    font-family: "Raleway", Lucida Sans Unicode, "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
}

.transpdf-banner h2 {
    color: white;
    line-height: 100%;
    font-family: "Raleway", Lucida Sans Unicode, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 0px;
}

.transpdf-banner h3 {
    color: white;
    line-height: 110%;
    font-family: "Raleway", Lucida Sans Unicode, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.transpdf-banner p {
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.7);
    font-family: "Open Sans", "Raleway", Lucida Sans Unicode, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    font-weight: 600;
}

.transpdf-banner a {
    color: white;
}

.lost-keycode {
    background: url(../img/bg/mountains.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 40px;
    padding-bottom: 30px;
}

.lost-keycode hr {
    margin-top: 10px;
    margin-bottom: 5px;
    border-color: #555;
}

.image-block.bg-telephone {
    background: url(../img/mockup/4.png) no-repeat;
    background-size: cover;
    background-position: center center;
}

/* ==========================================================================
Forms
========================================================================== */
.banner-form {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    background: rgba(0, 0, 0, 0.4);
}

.banner-form h3 {
    margin-bottom: 0;
    font-size: 18px;
}

.form-title {
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFF;
    text-align: center;
    padding: 25px 0;
}

.form-title h2 {
    margin-bottom: 0;
    font-size: 24px;
}

.form-body {
    padding: 30px;
}

.form-body p {
    color: rgba(255, 255, 255, 0.6);
}

.form-footer {
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFF;
    text-align: center;
    padding: 15px 3px;
}

.form-footer h3 {
    margin-bottom: 0;
    font-size: 18px;
}

.form-footer p {
    margin-bottom: 0;
    font-size: 14px;
}

.banner-form .form-control {
    border: none;
    outline: none;
    box-shadow: none;
    padding: 13px 15px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    border-radius: 0;
    height: auto;
    background-color: rgba(0, 0, 0, 0.4);
    margin-bottom: 15px;
}

.btn-login {
    background-color: #08B4DA;
    color: white;
    width: 100%;
    padding: 11px;
}

.btn-proz {
    background-color: #336666;
    border-color: #2b5555;
}

.btn-login:hover {
    border-color: white;
}

.btn-platform {
    background-color: rgba(0, 0, 0, 0.64);
    color: white;
    width: 100%;
    padding: 11px;
}

.btn-platform:hover {
    background-color: rgb(189, 23, 28);
    border-color: black;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;

}

.btn-register {
    background-color: #2bd95f;
    width: 100%;
    color: white;
    padding: 11px;
}

.btn-download {
    background-color: #4765a0;
    color: white;
    padding: 11px;
}

.call-action-v1-in .btn-register {
    width: 50%;
}

.call-action-v1-in .btn-register:lang(ru) {
    width: 60%;
}

.light-link:hover,
.light-link:visited,
.light-link:link {
    color: white;
}

.library-bg {
    background: url(../img/bg/books-on-shelf-blur.jpg) no-repeat center;
    background-size: cover;
}

.faq-bg {
    background: url(../img/bg/11.jpg) no-repeat center;
    background-size: cover;
}

.tutorial-bg {
    background: url(../img/bg/classroom-824120_1280-blur.jpg) no-repeat center;
}

.spelling-bg {
    background: url(../img/breadcrumbs/spelling.jpg) no-repeat center;
}

/* ==========================================================================
Company Description
========================================================================== */
.image-block .infixserver-description {
    max-width: 600px;
    margin: 40px auto;
    padding: 35px 25px;
    position: relative;
    text-align: center;
    background: rgba(255, 255, 255, 0.9);
}

.image-block .infixserver-description h2 {
    margin-bottom: 20px;
    text-transform: uppercase;
}

.image-block .infixserver-description p {
    text-align: justify;
}

.service-block-yellow p {
    color: #708081;
}

.spellcheck {
    font-size: 14px;
}

.breadcrumbs-v3.whats-new {
    background: url(/assets/img/sliders/layer/sailing-boats-blue.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.breadcrumbs-v3.translate {
    background: url(/assets/img/whats-new/translate-small.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.breadcrumbs-v3.norwich-river {
    background: url(../img/breadcrumbs/norwich-river-bw.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.breadcrumbs-v3.bookshelf {
    background: url(../img/bg/books-on-shelf-blur.jpg) no-repeat center;

    background-size: cover;
    background-position: center center;
}

.breadcrumbs-v3.legacy {
    background: url(../img/bg/street-cars.jpg) no-repeat center;

    background-size: cover;
    background-position: center center;
}

.breadcrumbs-v3.no-upper p {
    text-transform: none;
}

.featured-blog .featured-img .legacy {
    background: #f4e5c0;
    background: url(../img/patterns/17.png) repeat center;
}

.breadcrumbs-v3.norwich-river {
    background: url(../img/breadcrumbs/norwich-river-bw.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.breadcrumbs-v3.secure {
    background: url(../img/breadcrumbs/secure.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.breadcrumbs-v3.gdpr {
    background: url(../img/regulation-3246979_1280.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}
.breadcrumbs-v3.translation {
    background: url(../img/bg/blur-big.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.breadcrumbs-v3.translation p {
    color: #fff;
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 0;
    text-transform: none;
}

.breadcrumbs-v3.secure p {
    color: #fff;
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 0;
    text-transform: none;
}

.breadcrumbs-v3.gdpr p {
    color: #fff;
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 0;
    text-transform: none;
}

.breadcrumbs-v3 h3 {
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    /*text-transform: uppercase;*/
}

.translate-guide h2 {
    margin-top: 40px;
    margin-bottom: 0;
    font-size: 19px;
    font-weight: 700;
}

.translate-guide img {
    margin-bottom: 25px;
    margin-top: 5px;
}

.translate-guide p {
    margin-bottom: 5px;
    font-size: 16px;
}

.translate-guide p.intro {
    font-size: 22px;
    margin-top: 40px;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: 200;
}

.translate-guide .intro p:after {
    left: 0;
    width: 70px;
    height: 2px;
    content: " ";
    bottom: -10px;
    background: #555;
    position: absolute;
}

.secure_points {
    /*padding: 30px;*/
    /*margin-left: 50px;*/
    margin-top: 40px;
    margin-bottom: 10px;
}

.secure_points .row {
    margin-bottom: 30px;
}

.secure_points p {
    font-size: 14px;
}

.blog-thumbnail img {
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    max-height: 157px;
}

.blog-thumbnail .overflow-hidden {
    height: 157px;
}

.news-v3-in-sm img {
    display: inline-block;
    max-width:100% !important;
    height:auto;
}

.news-v3-in-sm .rinse_this {
    display: none;
}

.rinse_this {
    display: none;
}

/* ==========================================================================
Infix Annual Purchase Pop-up
========================================================================== */
.buy_popup {
    color: #888;
    font-size: 14px;
    font-weight: 200;
}

.buy_popup .total_cost {
    font-weight: 400;
}

.buy_popup .modal-header {
    background: #74C52C;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.buy_popup h4 {
    color: white;
    font-weight: 400;
}

.buy_popup .discount {
    color: #aaa;
    font-style: italic;
}

.buy_popup .xhelp-block {
    font-size: 12px;
}

.heading-v1 p {
    font-size: 14px;
}

.transpdf-cost {
    font-size: 14px;
}

.transpdf-cost .free {
    background: #74C52C;
    /*border-radius: 2px;*/
    color: white;
    /*xpadding: 8px;*/
    /*text-align: center;*/
}

.transpdf-cost .cost {
    background: #4a7a94;
    border-radius: 2px;
    color: white;
    /*padding: -8px;*/
}

.pricing-content .multi-user {
    font-size: 12px;
    color: #888;
}

.pricing .margin30 {
    margin-right:30px;
    margin-left:30px;
}

/* ==========================================================================
Panel describing new help for infix 7 (what's new)
========================================================================== */
.new-help {
    background-color: #84acbd;
    padding-top: 30px;
    padding-bottom: 1px;
}

.new-help img {
    width: 30%;
    height: 30%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.new-help p {
    color: white;
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 10px;
}

.new-help a {
    color: white;
    text-decoration: underline;
}

.whats-new p {
    font-size: 17px;
    font-weight: 200;
}

.text-expired {
    color: white;
    font-weight: 400;
    /*border-width: 1px;*/
    /*border-style: solid;*/
    /*border-color: darkred;*/
    padding: 3px;
    background-color: darkred;
}

.purchase p {
    font-size: 14px;
}

.service p {
    font-size: 14px;
}

.service a:hover {
    text-decoration: none;
}

.service-icon {
    font-size: 30px;
}

.content-boxes-v6 p {
    font-size: 14px;
}

.da-slide .top20 {
    top: 0;
}

.text-left a {
    /*text-decoration: underline;*/
    color: #006094;
}

.text-left ul {
    font-size: 14px;
    padding: 0;
}

/* ==========================================================================
faq-bodys
============================================================================ */
.faq-section {
    font-size: 14px;
}

.faq-body {
    margin-bottom: 40px;
}

.faq-body i {
    float: left;
    font-size: 40px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.faq-body h4 {
    padding-top: 10px;
    font-size: 18px;
}

.faq-body p {
    clear: both;
    /*font-size: 14px;*/
}

.answer {
    position: relative;
    border: 1px solid #E5E5E5;
    background-color: #FFF;
    padding: 20px;
    margin-top: 30px;
    border-radius: 3px;
}

.answer:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -15px;
    top: -15px;
    left: 10%;
}

.answer:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #E5E5E5 transparent;
    display: block;
    width: 0;
    z-index: 0;
    margin-left: -15px;
    top: -16px;
    left: 10%;
}

.blue {
    color: #08b4da;
}

.grey-bg {
    background-color: #f4e5c0;
}

/* ==========================================================================
Across all the site
============================================================================ */

/* Ensure buttons are always on top */
.btn-u {
    z-index: 999;
}

/* And text in the sliders */
.ls-slide span {
    z-index: 999;
}

/* Russian text in the infix.htm slider needs to have a background
otherwise it's not visible over the image */
.ls-l-2:lang(ru) {
    background-color: rgba(00, 96, 148, 0.8);
}

.multi-user td {
    text-align: right;
}

.multi-user th {
    text-align: right;
}

/* German text in the infix.htm slider needs to have a background
otherwise it's not visible over the image */
.ls-l-2:lang(de) {
    background-color: rgba(00, 96, 148, 0.8);
}

.parallax-quote-in:lang(de) p::before {
    content: ' „ ';
    position: absolute;
    font-family: Tahoma;
}

.parallax-quote-in:lang(de) p::after {
    content: ' “ ';
    position: absolute;
    font-family: Tahoma;
}

.news-v3 .no-text-transform {
      text-transform: none;
}

.padding-top-20 {
    padding-top: 50px;
    padding-bottom: 50px;
}