.block {
    display: block;
}
b,
strong {
    font-weight: 400;
    font-family: DinRegular, Arial, Helvetica;
}
small {
    text-align: right;
    font-style: italic;
    font-size: 11px;
    margin: 0;
    color: #27383e;
}
.wrapper_grid.big {
    width: 1000px;
    max-width: 1400px;
    overflow: hidden;
    padding: 0 20px;
    text-align: left;
    margin: 0 auto;
}
#content.lp {
    margin-top: 0;
}
img.rspnsv {
    max-width: 100%;
    height: auto;
}
a {
    line-height: inherit;
}
#content {
    color: #064f64;
}


#content h2 {
    text-align: left;
    font-family: DinRegular;
    font-size: 28px;
    line-height: 32px;
    color: inherit;
}


#content h3 {
    font-family: DinBold;
    font-size: 20px;
    line-height: 24px;
    padding: 20px 0 0 0;
    color: inherit;
}
#content h4 {
    font-family: DinBold;
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    color: inherit;
    padding: 20px 0 10px 0;
}
#content p,
#content ul li,
body #container .intro h1 + p {
    font-family: DinLight;
    text-align: left;
    margin: 0;
    padding: 10px 0;
    letter-spacing: -0.5px;
    font-size: 18px;
    line-height: 26px;
    color: inherit;
}
#content ol li,
#content ul li {
    padding: 0 0 0 10px;
    margin: 0 0 0 20px;
    list-style-type: circle;
}
#content ol li p,
#content ul li p {
    padding: 7px 0;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-style: inherit;
}
.intro.common ol li em,
.intro.common p em,
.intro.common ul li em {
    float: none;
    margin: inherit;
    display: inline;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-style: italic;
}
.intro.common em {
    margin: 30px 0 0 0;
    display: inline-block;
    float: right;
    font-size: 14px;
    font-style: italic;
    color: #fff;
}
.vid {
    margin: 10px 0;
}
.strong {
    font-family: DinBold;
    font-weight: 400;
}
.valign {
    display: flex;
}
.valign div:nth-child(n) {
    margin: auto;
}
.alright {
    text-align: right;
}
.classic .alignright {
    float: right;
    margin: 10px 0 30px 20px;
}
.classic .alignleft {
    float: left;
    margin: 10px 30px 20px 0;
}
.products_services_banner .banner {
    background-color: #064f64;
    height: 350px;
    background-position: 50% 25%;
}
.grid {
    width: 100%;
    margin: 18px 0 0 0;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fill, 102px);
    grid-template-rows: repeat(3, 102px);
    position: absolute;
    top: 0;
    font-family: DinBold;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.3px;
    text-align: center;
}
.box {
    color: #fff;
    padding: 3px 10px;
    background: 0 0;
    display: flex;
}
.box.empty {
    -webkit-text-fill-color: transparent;
    background-color: rgba(255, 255, 255, 0.3) !important;
}
.box > span {
    display: inline-block;
    margin: auto;
    word-break: break-word;
}
.item1 {
    grid-column: 1/2;
}
.item2 {
    grid-column: 2/4;
    background: #e97771;
}
.item3 {
    grid-column: 4/5;
}
.item4 {
    grid-column: 5/6;
}
.item5 {
    grid-column: 6/8;
    background: #39aa75;
}
.item6 {
    grid-column: 8/9;
}
.item7 {
    grid-column: 9/10;
}
.item8 {
    grid-column: 1/3;
    background: #7db623;
}
.item9 {
    grid-column: 3/4;
}
.item10 {
    grid-column: 4/5;
}
.item11 {
    grid-column: 5/7;
    background: #2ab4e6;
}
.item12 {
    grid-column: 7/8;
}
.item13 {
    grid-column: 8/10;
    grid-row: 2/4;
    padding: 0;
    background: #fff;
}
.banner .wrapper_grid .item13 img {
    margin: auto;
}
.item14 {
    grid-column: 1/2;
}
.item15 {
    grid-column: 2/4;
    background: #905698;
}
.item16 {
    grid-column: 4/6;
    background: #f0a2c1;
}
.item17 {
    grid-column: 6/7;
}
.item18 {
    grid-column: 7/8;
    background: #f4b618;
}
.systran8 {
    display: inline-block;
    color: #555;
    font-size: 15px;
    float: left;
    clear: none;
    margin: 20px 0 0 10px;
    font-family: DinRegular;
}
.ytvid {
    width: 100%;
}


body #container .intro {
    padding: 30px 0 10px 0;
    margin: 0;
}
body div#container section.intro.common {
    padding: 30px 0 10px 0;
    margin: 0;
    background: #fff;
    color: #064f64;
}
@media only screen and (min-width: 640px) {
    div.txt {
        padding: 0 30px 0 0;
    }
    #content section div.spanleft {
        padding: 0 70px 0 0;
    }
    #content section div.spanright {
        padding: 0 0 0 70px;
    }
    div.txt.left {
        padding: 0 30px 0 0;
    }
    div.txt.right {
        padding: 0 0 0 40px;
    }
    div.txt h2 {
        padding: 5px 0 20px 0;
    }
}
section.classic div.boxes {
    float: left;
    width: 100%;
}
.classic.boxes div div.span4 {
    padding: 10px 30px 10px 0;
}
.boxes a {
    display: inline-block;
}
.line {
    margin: 10px 0 40px 0;
    display: flex;
}
.line > div {
    margin: auto;
}


.line > div > img {
    margin: auto;
    padding: 20px 0 10px 0;
    border-radius: 2%;
    max-width: 90% !important;
}


.line.row {
    display: flex;
    margin: 1rem 0 0 0;
}
.span7 .line {
    margin: 10px 0;
    display: flex;
}
.span7 .line > div {
    margin: 0;
    padding: 0 30px 0 0;
}
.span7 .line > div:first-child {
    width: 220px;
    flex-shrink: 0;
    margin: 0;
}
.line .span9 h2 {
    padding: 0;
}
.img,
.size-full {
    max-width: 100%;
    height: auto;
}
.span4 img {
    max-width: 280px;
}
.span3 img {
    max-width: 200px;
}
.span7.join h2 {
    margin: 10px 0 20px 0;
    padding: 0 40px 0 0;
}
.span7.join p {
    padding: 5px 20px 5px 0;
}
.join img {
    margin: 25px auto;
}



.flex {
    display: flex;
}
.span7.join .flex img {
    margin: 40px auto 20px auto;
    height: auto;
    /*width: 100%;*/
    max-width: 400px;
}

.line.row .box img.size-full {
    max-width: 80%;
}




#start.getstarted {
    background: #fff;
    text-align: center;
    padding: 50px 0;
    color: #064f64;
}
.getstarted .join {
    padding: 0 20px 0 0;
}
img.desktop {
    width: 80px;
    margin: 5px auto;
}
.getstarted .join.assessment {
    padding: 0 20px 0 0;
}
#content .getstarted .assessment h4,
.getstarted .assessment h4 a {
    font-size: 26px;
    line-height: 40px;
    margin: 0;
    padding: 0;
    font-family: DinRegular;
    color: inherit;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
}
.getstarted .assessment h4 span {
    font-size: 50px;
    line-height: 70px;
    font-family: DinBlack;
    color: #aecfdd;
    letter-spacing: -3px;
    margin: 0;
    display: inline-block;
}



.classic {
    background: #fff;
    padding: 40px 0;
}



.classic.skype {
    background: #fff;
    padding: 20px 0 40px 0;
}
.classic .span7 {
    padding: 0 40px 0 0;
}
.classic .span7 small {
    float: left;
    padding-top: 10px;
    text-align: left;
}
.classic h2 {
    margin: 0;
    padding: 10px 0 10px 0;
}
.classic p {
    padding: 10px 0;
}
.classic img {
    margin: 10px 0 10px 0;
}
a.fancybox img {
    margin: 20px 0 30px 0;
}
img.skype-plugin-ss01 {
    margin: 0 0 30px 0 !important;
}
.skype-plugin .banner {
    background-image: url(/wp-content/uploads/skype-systran-plug-in-banner.png);
    height: 250px !important;
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
    .skype-plugin .banner {
        height: 180px !important;
        background-position: center top;
    }
    body div#container section.intro.common {
        padding: 30px 0 10px 0 !important;
        margin: 0 !important;
        display: block;
    }
    .products_services_banner .grid,
    .products_services_banner .veil {
        display: none;
    }
    .banner h1,
    body #container .intro h1 {
        width: auto !important;
        padding-top: 10px !important;
        font-size: 25px !important;
        line-height: 30px !important;
    }
    #content .intro h2,
    #content h2 {
        margin: 10px auto;
        font-size: 21px !important;
        line-height: 28px !important;
    }
    #content h3 {
        font-family: DinLight;
        font-size: 20px;
        line-height: 24px;
        padding: 10px 0 0 0;
        color: inherit;
    }
    .classic .span7 {
        padding: 0;
    }
    .span7 .line > div {
        padding: 0;
        float: left;
    }
    section.classic,
    section.intro.common + section.classic {
        padding-top: 0;
    }
    .line div img {
        margin: 10px auto;
        display: flex;
        float: none;
    }
}
section.rightleft .line a.btn {
    margin: 10px auto 20px auto;
}
.quatro-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 0 40px 20px 0;
}
.quatro-grid a {
    text-decoration: none;
    margin: 5px;
    padding: 15px 10px;
    font-size: 17px;
    text-align: center;
    font-family: DinLight;
    border: 1px #e4e4e4 solid;
    line-height: 16px;
    background: #f9f9f9;
    display: flex;
}
.quatro-grid a,
.quatro-grid a span {
    color: #555;
}
.quatro-grid a span img {
    border: none;
    display: block;
    margin: 15px auto;
    clear: both;
    max-width: 100%;
    background: #f9f9f9;
    padding: 10px;
}
.quatro-grid a:hover span img {
    background: #fff;
}
.quatro-grid a:hover,
.quatro-grid a:hover span {
    color: #f9f9f9;
    background: #333;
    border-color: #333;
}
.quatro-grid > a > span {
    display: block;
    margin: auto;
}
.quatro-grid > a > span > span {
    display: block;
    margin: 0 auto;
}
#endusers {
    float: left;
    margin: 10px 0 0 0;
    color: #064f64;
}
#endusers > div {
    float: left;
    margin: 1px 3px;
    border: 0 #87ceeb solid;
    text-align: center;
}
#endusers > div > span {
    display: block;
    clear: both;
    width: 60px;
    font-size: 10px;
    line-height: 9px;
    padding: 3px;
}
#endusers > div > img {
    display: block;
    width: 60px;
    margin: 0;
}



body.page-template-2020-full-width-page #container .intro {
    padding: 20px 0 10px 0;
}
#content .intro h2 {
    margin: 20px 0;
}
#content ol,
#content ul {
    list-style: none;
    padding: 10px 0;
}
#content ol li,
#content ul li {
    padding: 3px 0 3px 10px;
}
.getstarted.cms {
    padding: 40px 0 50px 0;
}
.getstarted .join {
    padding: 20px 60px 0 0;
}
#content h4.call.block {
    margin: 30px auto 0 auto;
}
#try h4.call.block {
    margin: 0 auto;
}
.cms .staticform {
    margin: 10px 0 0 0;
}
.line.row .boxes_section {
    padding: 0;
}
.line.row .box {
    display: block;
    border: 0 #ddd solid;
    font-size: 15px;
    line-height: 24px;
    color: inherit;
    margin: 0;
}
.iconsrow {
    float: left;
}
.line.row .box.side {
    padding: 0;
    border: 0 #eee solid;
}
.line.row .box > a {
    display: block;
    margin: auto;
    text-align: center;
}
.line.row .box img {
    display: block;
    width: auto;
    margin: 5px auto;
    border-radius: 2%;
    max-width: 80%;
}
#content .boxrow > .box p {
    font-family: DinRegular;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
}
@media only screen and (min-width: 641px) {
    #content .boxrow > .box.span3 {
        width: 25%;
    }
}
.line.row .box > span {
    display: block;
    margin: auto;
    word-break: break-word;
    width: 100%;
    padding: 10px;
    text-align: center;
    letter-spacing: -0.5px;
    font-size: 16px;
    line-height: 19px;
}
.line.row .box > h4 {
    text-align: center;
    padding: 20px 0 5px 0;
}
@media only screen and (min-width: 640px) {
    .iconsrow .span1.side {
        width: 0;
    }
    .iconsrow .span2 {
        width: 192px;
    }
}
.imglnk {
    display: block;
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
    .getstarted .assessment,
    .getstarted .join {
        padding: 0;
    }
    .getstarted .assessment h4 span {
        font-size: 40px;
        line-height: 40px;
    }
    #content .getstarted .assessment h4,
    .getstarted .assessment h4 a {
        font-size: 23px;
        line-height: 35px;
    }
    .line.row .box {
        margin: 20px 0;
    }
    .vidblock {
        margin: 30px 0 10px 0;
    }
}
.intelligent-language-technologies-for-government-community div.line.row div.span12.boxes_section div.box.span6 a img,
div.line.row div.span12.boxes_section div.box.span6 a img {
    margin: 10px auto 5px auto;
    background: #b7d8e1;
    padding: 10px;
    -webkit-border-radius: 5px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-left-radius: 30px;
    border-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 30px;
}
.btn-link,
.btn-lp {
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    border: 1px #00aeef solid;
    color: #00aeef;
    font-size: 18px;
    line-height: 24px;
    font-family: DinBold;
    letter-spacing: -0.5px;
    margin: 10px 0 20px 0;
    padding: 5px 30px;
}
.btn-link:hover,
.btn-lp:hover {
    background-color: #00aeef;
    border: 1px #00aeef solid;
    color: #fff;
    text-decoration: none;
}
.btn-link.heavy {
    font-size: 30px;
    line-height: 36px;
    padding: 20px 30px;
    margin: 20px auto;
}
section.download {
    border: 0 #eee solid;
    border-left: 0;
    border-right: 0;
    background: #fafafa;
}
pre {
    font-size: 13px;
}
#content .span7.join h2 + h3 {
    padding: 0;
}
.classic.lightbutton {
    padding: 0 0 20px 0;
}
.line.row .box.wysiwyg {
    padding: 0 5px;
    margin: 15px 0 5px 0;
}
.box.wysiwyg > div {
    display: block;
    word-break: break-word;
    width: 100%;
    letter-spacing: -0.5px;
    font-size: 16px;
    line-height: 19px;
    color: inherit;
    margin: 0;
    background-color: #fff;
    background-clip: padding-box;
    position: relative;
    text-align: center;
    padding: 20px 10px 20px 10px;
    border-radius: 10px;
    border: 1px #e5e5e5 solid;
}
.box.wysiwyg .imgs {
    display: flex;
}
.box.wysiwyg .imgs > div {
    margin: auto;
}
.box.wysiwyg .imgs img {
    float: left;
    margin: 10px 5px 10px 5px;
    max-height: 35px;
}
.box.wysiwyg .imgs img.pdf {
    height: 30px;
    margin-top: 13px;
}
i.fa-users-cog {
    font-size: 30px;
    color: #444;
    margin: 13px 5px 10px 3px;
    max-height: 35px;
}
#content section .wysiwyg > div h4 {
    text-align: inherit;
    line-height: 24px;
    font-size: 24px;
    font-family: DinBlack;
    padding: 25px 0 15px 0;
}
#content section .wysiwyg > div h6 {
    font-family: DinRegular;
    font-size: 21px;
    line-height: 26px;
    padding: 10px 5px 15px 5px;
}
#content .wysiwyg > div h5 {
    font-family: DinBold;
    padding: 5px 0 15px 0;
    font-size: 38px;
    line-height: 44px;
    color: #064f64;
}
#content .wysiwyg > div h5 span {
    font-family: DinLight;
    font-size: 17px;
    padding: 0;
    color: #064f64;
    display: contents;
    line-height: inherit;
}
.box h5 strong b {
    font-weight: 600;
}
#content section .wysiwyg > div p {
    text-align: inherit;
    font-size: 16px;
    line-height: 20px;
    padding: 10px;
}
#content section .wysiwyg > div h6.p {
    font-family: DinRegular;
    font-size: 18px;
    line-height: 26px;
    padding: 10px 5px 15px 5px;
}
#content section .wysiwyg > div.bg-img h4 {
    line-height: 30px;
    font-size: 26px;
    font-family: DinBlack;
    padding: 20px 0 15px 0;
    font-weight: 800;
}
#content section .wysiwyg > div.bg-img p {
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
}
#content .wysiwyg > div h4 span {
    border-bottom: 2px solid;
    padding-bottom: 15px;
    display: block;
}
#content .wysiwyg > div.lite h4 span {
    color: #fbc234;
}
#content .wysiwyg > div.plus h4 span {
    color: #49b894;
}
#content .wysiwyg > div.premium h4 span {
    color: #e85418;
}
#content .wysiwyg > div.infinite h4 span {
    color: #38aada;
}
#content .wysiwyg > div.api h4 span {
    color: #1e40c9;
}
#content .wysiwyg > div small {
    text-align: left;
    padding: 10px !important;
    position: absolute;
    bottom: 10px;
    display: block !important;
}
@media (max-width: 640px) {
    .line.row .box.wysiwyg > div {
        height: auto !important;
        padding: 20px 10px 20px 10px;
    }
    #content .wysiwyg > div small {
        position: initial;
        max-width: none;
    }
}
span.anchor {
    border: 0 #dc143c solid;
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
}
body #container #content.homepage .intro h1 {
    font-size: 38px;
    line-height: 42px;
    font-family: DinBold;
    padding: 10px 30px 10px 30px !important;
    margin: 0 !important;
    color: inherit !important;
    letter-spacing: -1.5px;
    text-align: center;
}
@media only screen and (min-width: 240px) and (max-width: 640px) {
    body #container #content .intro h1 {
        font-size: 36px !important;
        line-height: 40px !important;
        padding: 20px 0 10px 0 !important;
    }
}
table {
    width: 100%;
    border: 0;
}
table tr,
table tr td {
    color: inherit !important;
    text-align: left;
    border: 0;
    padding: 10px;
}
.classic#try .span7 {
    padding: 0 20px 0 0;
    margin: 0;
}
.join small {
    text-align: left;
    font-family: DinRegular;
    font-size: 15px !important;
    line-height: 24px !important;
}
#content ul li {
    list-style-type: circle;
}
#content ol li {
    list-style-type: decimal;
}
#content ol li ol,
#content ol li ul {
    padding: 5px 0;
}
#content ol li ul li {
    list-style-type: circle;
}
#content ol li,
#content ol li ul li,
#content ul li {
    font-family: DinLight !important;
    text-align: left;
    letter-spacing: -0.5px;
    font-size: 18px !important;
    line-height: 26px !important;
    color: inherit !important;
    margin: 0 0 0 20px !important;
    padding: 0 0 0 10px !important;
}

@media only screen and (max-width: 640px) {
    .author h5 {
        margin-bottom: 30px;
    }
}



#content .wysiwyg > div small.footnote {
    font-family: DinRegular;
    font-size: 14px !important;
    font-style: normal !important;
    line-height: 20px !important;
}
.box.wysiwyg strong {
    font-family: DinBold;
}
a.box_link {
    text-decoration: none;
    color: inherit;
}
a.box_link:hover {
    text-decoration: none;
}
.box a.box_link:hover p {
    text-decoration: underline;
}
.shadow {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    -webkit-box-shadow: 4px 4px 7px 2px rgba(0, 0, 0, 0.07) !important;
    box-shadow: 4px 4px 7px 2px rgba(0, 0, 0, 0.07) !important;
    border: 0 solid rgba(0, 0, 0, 0.04) !important;
    margin-bottom: 1rem;
}
.move {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
    transition: all 0.2s;
}
.move:hover {
    margin-top: -0.25rem !important;
    margin-bottom: 1.5rem !important;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3) !important;
    transition: all 0.2s;
}
.blueborder,
div.shadow.blueborder {
    border: 1px #00aeef solid !important;
}
div.row.shadow {
    padding: 20px 20px 40px 20px !important;
    margin: 5px 0 13px 0 !important;
}
#content.homepage section.classic {
    padding: 10px 0;
}
#content.homepage h2 {
    text-align: center;
    font-family: DinBold;
    font-size: 30px;
    line-height: 40px;
    color: inherit;
    margin: 15px 0;
}
#content.homepage section.classic h2 {
    padding: 0 0 10px 0;
    margin: 0 0 15px 0;
}
#content.homepage h3 {
    font-family: DinBold;
    font-size: 22px;
    line-height: 30px;
    padding: 10px 0 10px 0;
    color: inherit;
}
#content.homepage h4 {
    font-family: DinBold;
    font-style: normal;
    font-size: 18px;
    line-height: 22px;
    color: inherit;
    padding: 30px 0 10px 0;
}
#content.homepage .wysiwyg > div h5 {
    font-family: DinBold;
    font-size: 34px;
    padding: 10px 0;
    color: #064f64;
}
#content.homepage .wysiwyg > div p {
    font-family: DinRegular;
    font-size: 15px;
    line-height: 21px;
}
#content.homepage .boxrow > .box p {
    font-family: DinRegular;
    font-size: 15px !important;
    line-height: 21px !important;
    text-align: center !important;
}
#content.homepage .getstarted {
    padding: 10px 0;
}
div.plus {
    text-align: center;
    float: none;
    width: 100%;
    padding: 0;
    margin: 10px;
    background: 0 0;
}
#content.landing section div.plus b,
div.plus b,
div.plus > a {
    color: #ddd;
    font-size: 80px;
    border: 1px #eee solid;
    margin: auto;
    display: block;
    border-radius: 50%;
    padding: 5px 5px 5px 6px;
    line-height: 48px;
    font-family: DinLight !important;
    position: relative;
    width: 60px;
    cursor: pointer;
    text-decoration: none;
    font-weight: 300;
    -webkit-box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.07) !important;
    box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.07) !important;
}
.row:hover div.plus b,
.row:hover div.plus > a {
    background: #eee;
    color: #1d5064;
    text-decoration: none;
}
section.container.section {
    padding: 40px 30px 0 30px;
}
.testimonial {
    padding: 0;
    margin: 10px;
    position: relative;
}
div.testimonial.shadow {
    padding: 10px 20px 20px 20px;
}
.testimonial > h3 {
    text-align: right !important;
    padding: 10px 20px 0 0 !important;
    font-family: DinBlack !important;
}
.owl-carousel:hover {
    cursor: default;
}
.slider-text,
.testimonial-review {
    padding: 10px;
    position: relative;
    border: 0;
    display: flex;
}
.slider-text div,
.testimonial-review div {
    margin: 0 auto auto auto;
}
.slider-text div p {
    quotes: "";
}
.testimonial-review div p {
    quotes: "«\00A0""\00A0»";
    font-style: italic !important;
}
.testimonial-review div p::before {
    content: open-quote;
    font-size: 2rem;
    line-height: 1.1rem;
    vertical-align: text-top;
    font-weight: 700;
    color: #67a3b5;
}
.testimonial-review div p::after {
    content: close-quote;
    font-size: 2rem;
    line-height: 1.1rem;
    vertical-align: text-top;
    font-weight: 700;
    color: #67a3b5;
}
.slider-text div h4,
.testimonial-review div h4 {
    font-style: normal !important;
    font-family: DinBold !important;
    font-size: 1.4rem !important;
    line-height: 1.2rem !important;
    letter-spacing: -0.5px;
    padding: 10px 0 !important;
}
.author {
    display: inline-flex;
    width: 100%;
    padding: 10px;
}
.author .left {
    float: left;
    width: 70%;
}
.author img.photo {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    float: left;
    margin: 0 20px 0 0;
    width: auto;
    max-width: 100px;
}
.author img.company_logo {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: auto;
    width: auto;
    max-width: 130px;
    max-height: 50px;
}
.author h5 {
    margin-top: 30px;
    font-weight: 300;
    display: inline;
    font-family: DinLight;
    font-size: 1.1rem;
    line-height: 1.1rem;
}
.author h5 small {
    display: block !important;
    margin: 5px 0 20px 0 !important;
    font-style: normal !important;
    font-family: DinBold !important;
    font-size: 1rem !important;
    line-height: 1rem !important;
    text-align: left;
}
.owl-theme .owl-controls {
    margin-top: 30px;
}
.owl-theme .owl-controls .owl-page span {
    width: 15px;
    height: 15px;
    border: 1px solid transparent;
}
.owl-theme .owl-controls .owl-page span {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #64a3b5;
    border: 1px solid #fff;
}
@media (max-width: 990px) {
    .testimonial {
        padding: 0;
    }
}
.owl-carousel .owl-item {
    float: left;
    padding: 10px;
}
.owl-theme .owl-controls .owl-buttons div {
    display: inline-block !important;
    font-size: 40px !important;
    line-height: 40px !important;
    margin-top: 80px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    filter: Alpha(Opacity=50) !important;
    opacity: 0.5 !important;
    border: 0 #064f64 solid !important;
    background: 0 0 !important;
    font-family: DinBlack !important;
    color: #064f64 !important;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100) !important;
    opacity: 1 !important;
    text-decoration: none !important;
}
.owl-next {
    position: absolute;
    top: 80px;
    right: -40px;
}
.owl-prev {
    position: absolute;
    top: 80px;
    left: -40px;
}
@media (min-width: 768px) {
    .owl-next {
        right: -50px;
    }
    .owl-prev {
        left: -50px;
    }
}
#landing-slider,
#landing-slider .owl-item {
    margin: auto;
    max-width: 98%;
}
#testimonial-slider,
#testimonial-slider .owl-item {
    margin: auto;
    max-width: 680px;
}
@media (max-width: 420px) {
    #landing-slider,
    #testimonial-slider,
    .owl-item {
        max-width: 330px;
    }
}
.owl-carousel {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
#landing-slider .owl-next,
#landing-slider .owl-prev {
    top: 0;
}
.slider.benefits {
    padding: 0 0 40px 0;
}
#content .bottom_note {
    margin: 0 0 20px 0;
}
#content .center p {
    text-align: center;
}
#content .bottom_note p {
    font-size: 14px;
    line-height: 20px;
    padding: 5px 0;
}
div.row.logos {
    padding: 5px 0 !important;
    margin: 25px 0 20px 0 !important;
}
div.row.logos.shadow > .company-logos {
    padding: 0 5px;
}
.company-logos {
    display: flex;
}
.company-logos > div {
    display: inline-block !important;
    padding: 0;
    margin: auto;
}
.company-logos > div > img {
    max-height: 100% !important;
    max-width: 85% !important;
    margin: 5px !important;
    opacity: 0.8;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-filter: saturate(80%);
    filter: saturate(80%);
}
.company-logos > div > img:hover {
    opacity: 1;
    -webkit-filter: saturate(100%);
    filter: saturate(100%);
}
@media (max-width: 640px) {
    div.staticform {
        margin: 40px 0 30px 0 !important;
    }
    .company-logos > div {
        padding: 10px !important;
        width: 48%;
        display: inline-flex !important;
    }
    .company-logos > div > img {
        margin: 10px auto !important;
    }
}
.staticform.shadow {
    border: 1px #eee solid !important;
}
#content.landing,
#content.landing section {
    white-space: normal;
    word-break: keep-all;
    word-wrap: break-word;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-stretch: normal;
    font-family: Poppins, sans-serif !important;
    font-weight: 300;
    letter-spacing: -0.2px;
    color: #1b1d21;
}
#content.landing section * {
    font-family: inherit !important;
}
#content.landing section strong {
    font-weight: 700;
}
body #container #content.landing section.intro h1,
body #container #content.landing section.intro h2 {
    font-family: Montserrat, sans-serif !important;
}
body #container #content.landing section.intro h1 {
    font-weight: 900 !important;
    font-size: 72px !important;
    line-height: 78px !important;
    padding: 15px 0 20px 0 !important;
}
#content.landing section h2 {
    padding: 10px 0;
    font-weight: 800;
    line-height: 40px;
    font-size: 36px;
}
#content.landing section h3 {
    font-family: Poppins, sans-serif;
    font-weight: 300;
    text-align: center;
    font-size: 24px;
    line-height: normal;
}
#content.landing section p {
    text-align: left;
    margin: 0;
    padding: 10px 0;
    word-spacing: 1px;
    letter-spacing: -0.5px;
    color: inherit;
    font-style: normal !important;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
}
#content.landing section p.nopadding {
    padding: 0;
}
#content.landing .wrapper_grid.big {
    width: 1240px;
    overflow: hidden;
    padding: 0 20px;
    text-align: left;
    margin: 0 auto;
}
#content.landing .box.wysiwyg > div {
    padding: 20px 20px 15px 25px;
}
@media only screen and (min-width: 641px) {
    #content.landing .span12 {
        width: 1200px;
    }
    #content.landing .span11 {
        width: 1100px;
    }
    #content.landing .span10 {
        width: 1000px;
    }
    #content.landing .span9 {
        width: 9000px;
    }
    #content.landing .span8 {
        width: 800px;
    }
    #content.landing .span7 {
        width: 700px;
    }
    #content.landing .span6 {
        width: 600px;
    }
    #content.landing .span5 {
        width: 500px;
    }
    #content.landing .span4 {
        width: 400px;
    }
    #content.landing .span3 {
        width: 300px;
    }
    #content.landing .span2 {
        width: 200px;
    }
    #content.landing .span1 {
        width: 100px;
    }
    #content.landing .boxes > .box:nth-child(n + 2):nth-child(-n + 2) {
        margin: 20px 0 !important;
    }
}
body div#container #content.landing section {
    color: inherit;
}
body div#container #content.landing section.intro {
    padding: 40px 0 20px 0;
}
#content.landing section.intro .text {
    padding: 0 20px;
}
#content.landing ul li {
    padding: 10px;
}
#content.landing .line.row .box.wysiwyg {
    padding: 0 10px;
    margin: 20px 0 20px 0;
}
@media only screen and (min-width: 641px) {
    .fancybox-inner,
    .fancybox-opened {
        width: 615px !important;
    }
}
section.three_domains {
    background: #eee;
    padding: 60px 0 40px 0;
}
section.meet {
    background: #eee;
    padding: 60px;
}
section.try {
    background-color: #211e3b;
    background-image: url(/wp-content/uploads/bg-particle.png);
    background-position: 0 70px;
    background-repeat: no-repeat;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    color: #fff !important;
    padding: 100px 0 200px 0;
}
section.cta_img {
    padding: 140px 0 0 0;
}
.cta_img .bg-cta-find-out {
    display: inline-block;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 9999;
    top: -125px;
    max-width: initial;
}
@media (max-width: 640px) {
    .cta_img .bg-cta-find-out {
        left: 0;
    }
}
.position {
    top: -70px;
    z-index: 999999;
    position: absolute;
    margin: 0 0 0 50px;
    color: #fff;
}
.position * {
    color: #fff !important;
}
.position + .btn-link {
    position: relative;
    z-index: 9999;
    margin: -20px 20px 5px 70px;
    padding: 15px 30px;
    font-weight: 700;
    background-color: #00aeef;
    border: 1px #00aeef solid;
    color: #fff;
}
.cta_img .btn-link:hover,
.cta_img:hover .btn-link {
    background-color: #fff;
    color: #00aeef;
}
#content.landing section.three_logos {
    padding: 40px 0;
}
#content.landing section.three_logos p {
    margin: auto !important;
    display: contents;
}
#content.landing section.three_logos .box.wysiwyg {
    margin: 0;
}
#content.landing section.three_logos .box.wysiwyg > div {
    display: inline-flex;
    height: auto !important;
}
#content.landing section.three_logos img {
    height: 80px !important;
    opacity: 0.7;
}
#content.landing section.three_logos img:hover {
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.fancybox-desktop {
    background: #555 !important;
    padding: 1px !important;
    width: auto !important;
}
.video > span {
    margin: 20px 0 0 20px;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.5px;
    display: inline-block;
}
.fancyvideo {
    cursor: pointer;
}
.flatico {
    float: left;
    padding: 0 0 22px 0;
}
@media only screen and (min-width: 641px) {
    .flatico.lnk {
        margin-left: 55px;
    }
}
.flatico .btn-lnk,
.flatico .btn-play {
    color: #fff !important;
    background: #7141b1 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    position: relative;
    width: 65px;
    height: 65px;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    line-height: 65px;
    border: 0;
}
.flatico .btn-lnk {
    color: #fff !important;
    background: #96bf39 !important;
}
.flatico .btn-lnk i {
    margin: 0;
}
.flatico .btn-play i {
    margin-left: 8%;
}
.flatico .btn-lnk i:before,
.flatico .btn-play i:before {
    font-size: 21px;
}
.flatico .btn-lnk:hover,
.flatico .btn-play:hover {
    background: #43baff !important;
    color: #fff !important;
}
.flatico .btn-lnk span,
.flatico .btn-play span {
    border-color: #7141b1 !important;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, 0.8);
    animation: circle-fade-before 2s infinite ease-in-out;
    -webkit-animation: circle-fade-before 2s infinite ease-in-out;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.flatico .btn-lnk span {
    border-color: #96bf39 !important;
}
.flatico .btn-lnk .circle-2,
.flatico .btn-play .circle-2 {
    animation: circle-fade-after 2s infinite ease-in-out;
    -webkit-animation: circle-fade-after 2s infinite ease-in-out;
}
.flatico .btn-lnk:hover span,
.flatico .btn-play:hover span {
    border-color: #43baff !important;
}
@keyframes circle-fade-before {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.8);
        opacity: 0;
    }
}
@keyframes circle-fade-after {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(2.5);
        opacity: 0;
    }
}
.flatlink {
    display: flex;
    margin: 0;
    padding: 20px 0;
    color: inherit;
    text-decoration: none;
}
.flatlink > img {
    width: 80px;
    height: 80px;
}
.flatlink > span {
    font-weight: 800;
    height: 100%;
    display: inline-block;
    margin: 10px 15px;
    line-height: 24px;
    font-size: 20px;
    word-spacing: 3px;
}
a.flatlink {
    color: inherit;
    text-decoration: none !important;
}
@media only screen and (min-width: 641px) {
    section.meet img.left {
        position: absolute;
        top: -60px;
        right: 50%;
        z-index: 999;
    }
}
div.systran {
    width: 100%;
    height: auto;
    display: flex;
}
iframe#stbiframe {
    border: 1px #bcd2d4 solid;
    border: 0;
    width: 100%;
    min-height: 500px;
    overflow: hidden;
    margin: auto;
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
}



#content h1,
body #container #wrapper.about #content article h1,
body #container .intro h1 {
    font-size: 40px !important;
    line-height: 50px !important;
    font-family: DinBold !important;
    padding: 20px 0 10px 0 !important;
    margin: 0 !important;
    color: inherit !important;
    letter-spacing: -1px;
}


#content p.subtitle {
    font-family: DinRegular;
    font-size: 22px;
    line-height: 30px;
}



#content ul li {
    font-family: DinLight !important;
    text-align: left;
    letter-spacing: -0.5px;
    font-size: 18px !important;
    line-height: 26px !important;
    color: inherit !important;
    margin: 0 0 0 20px !important;
    padding: 0 0 0 10px !important;
}
.autolp .breadcrumb.old {
    background: #064f64;
    color: #fff !important;
}
.autolp .breadcrumb.old ul li,
.autolp .breadcrumb.old ul li a {
    color: #fff !important;
}
.autolp .breadcrumb ul li + li::before {
    background: 0 0;
    content: " > ";
    display: inline;
    font-family: inherit;
    margin: 0 10px 0 13px;
}
.autolp .breadcrumb {
    background: #002f5c;
    margin: 0;
    color: #fff;
    padding: 30px 0 20px 0 !important;
}
.autolp .breadcrumb + #content,
.breadcrumb + #content {
    margin: 0 !important;
}




.autolp section {
    padding: 40px 0 !important;
}
section.icons {
    padding: 40px 0 10px 0 !important;
}
.autolp section.lightbutton {
    padding: 20px 0 !important;
}
.autolp section.lightbutton .line {
    display: flex !important;
}
.autolp section.lightbutton .btn-link {
    margin: auto;
}
.classic.odd {
    background: #fff;
}
.getstarted h2,
.locations h2 {
    font-size: 30px;
    line-height: 34px;
    margin: 30px 0 15px 0;
    font-family: DinRegular;
    color: #064f64;
}



#content.landing.auto section.common.lp {
    padding: 0 0 50px 0 !important;
}
#content.landing.auto .banner.cs {
    height: auto;
    margin: 0;
    padding: 5px 0 15px 0 !important;
    background: #002f5c none;
    color: #fff !important;
}
.landing.auto .classic {
    padding: 20px 0 10px 0;
}
#content.landing.auto .wrapper_grid.big {
    width: 1240px;
    overflow: hidden;
    padding: 0 20px;
    text-align: left;
    margin: 0 auto;
    height: auto;
    background: 0 0 !important;
}
.autolp .wrapper_grid {
    width: 1240px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 20px;
}
#content.landing.auto .span12 {
    padding: 0;
    margin: auto;
    font-family: inherit !important;
    height: auto;
}
#content.landing.auto section h1,
#content.landing.auto section h2 {
    font-family: inherit !important;
}
#content.landing.auto section h1 {
    font-weight: 900;
    font-size: 40px !important;
    line-height: 60px !important;
    padding: 10px 0 !important;
    text-align: center;
    width: 100%;
    text-shadow: none;
    margin: 0 !important;
    color: inherit !important;
    letter-spacing: -1px;
    word-spacing: 10px;
    text-transform: uppercase;
}
#content.landing.auto section h2 {
    padding: 15px 0 0 0;
    font-weight: 900;
    font-size: 28px;
    line-height: 32px;
    word-spacing: 5px;
    color: inherit;
}
#content.landing.auto section.try h2 {
    font-weight: 700;
}
#content.landing.auto section h3 {
    font-weight: 900;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    word-spacing: 3px;
    color: inherit;
}
@media (min-width: 640px) {
    .common.lp .l {
        padding: 0 30px 0 0;
    }
    .common.lp .r {
        padding: 0 0 0 30px;
    }
}
.landing.auto section.try {
    padding: 10px 0 50px 0 !important;
}
.landing.auto section.kingblue {
    background: #002f5c url(/wp-content/uploads/bg-particle.png);
    background-position: 0 70px;
    background-repeat: no-repeat;
    color: #fff !important;
}
section.kingblue a {
    color: #83cff0;
}
@media (min-width: 640px) {
    #content.landing.auto section.classic .span7 {
        padding: 0 0 0 100px;
    }
    #content.landing.auto section.common.lp {
        padding: 50px 0;
    }
}
.landing.auto .line > div {
    margin: 0;
}
#content.landing.auto ul li {
    padding: 5px 10px;
    color: #ddd !important;
}
#content.landing.auto .line.row .box.wysiwyg {
    margin: 20px 0 0 0 !important;
}
#content.landing.auto .box.wysiwyg > div {
    padding: 20px 10px 10px 10px;
    border-radius: 2px;
    border: 0;
}
#content.landing.auto .box.wysiwyg > div p {
    text-align: inherit;
    font-size: 15px;
    line-height: 20px;
}
.landing.auto .line.row .box img {
    display: block;
    width: auto;
    margin: 10px auto;
    max-width: 120px;
    max-height: 120px;
}
section.gray {
    background: #f5f5f5;
}
section.ads {
    padding: 60px 0;
    margin: 0;
}
section.ads .wrapper_grid.big .span12 {
    text-align: center;
}
section.ads .wrapper_grid.big .span12 > a {
    margin: 0 70px;
    background: 0 0;
    border: 0;
    display: inline-block;
    padding: 0;
}
#links_zone {
    margin: 10px 0;
}
#content.landing.auto .banner.cs.oldlp {
    background: #fff none !important;
    color: inherit !important;
    padding: 20px 0 15px 0 !important;
}
#content.landing.auto .common.old section h2 {
    padding: 10px 0 0 0;
    font-weight: 300;
    font-size: 25px;
    line-height: 30px;
}
@media (max-width: 640px) {
    #container .breadcrumb {
        padding: 22px 0 5px 0;
    }
}




@media (max-width: 640px) {
    .autolp .breadcrumb {
        padding: 20px 0 15px 0 !important;
    }
    #content.landing.auto .banner.cs {
        padding: 5px 0 5px 0 !important;
    }
    #content.landing.auto section h1 {
        font-weight: 900;
        font-size: 24px !important;
        line-height: 1 !important;
        padding: 5px 0 !important;
        letter-spacing: -1px;
        word-spacing: 6px;
    }
    iframe#stbiframe {
        min-height: 420px;
    }
    #stb #textbox {
        height: 200px;
    }
}
.full-400 > .card > img,
.full-500 > .card > img {
    display: none;
}
.form-container .select2-container,
.staticform .form-container form input[type="email"],
.staticform .form-container form input[type="password"],
.staticform .form-container form input[type="text"],
.staticform .form-container form textarea {
    width: 100% !important;
}
.pay-container .full-400 .p-3,
.pay-container .full-500 .p-3 {
    border: 0 !important;
    padding: 0 !important;
}
#content .pay-container {
    color: inherit;
}
#content .pay-container p.text-center.small {
    padding: 0 20px 10px 20px;
}
.box a.btn-link,
a.btn-link.success {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin: 0;
    line-height: 24px;
    font-size: 18px !important;
    text-transform: uppercase;
    font-family: DinBlack !important;
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    padding: 15px 15px 10px 15px;
    width: 100%;
}
.box a.btn-link:hover,
.row:hover div.plus > a.btn-link,
a.btn-link.success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}
.wistia_responsive_padding {
    margin: 30px 0 0 0;
}
@media (min-width: 641px) {
    .wistia_responsive_padding {
        margin: 20px 0 0 20px;
    }
}
.box.wysiwyg > div.team {
    padding: 0;
    border-radius: 0;
    border: 0;
}
.box.wysiwyg > div.team > a {
    width: 100%;
    text-align: left;
}
#content section .wysiwyg > div.team p {
    font-size: 15px;
    line-height: 19px;
    text-align: left;
    display: inline-block;
    padding: 10px 10px 10px 0;
}
#content section .wysiwyg > div.team p strong {
    font-size: 18px;
    line-height: 30px;
}
.line.row .box .team img {
    max-width: 300px;
    height: 400px;
    margin: 0 0 0 3px;
    border-radius: 9px 5px 5px 60px;
}
.fullwidth {
    margin: 0 0 20px 0;
}
#content ul.buttons li {
    color: #00aeef !important;
    list-style-type: none !important;
}
.details_infos + .details_infos {
    padding-top: 15px;
}
ol.linkslist,
ol.list,
ul.linkslist,
ul.list {
    margin: 10px 0 10px 10px;
}
#content ul.linkslist li {
    padding: 0 0 5px 10px !important;
}
#content ul.linkslist li a {
    font-family: inherit;
}
#content ul.linkslist li {
    padding: 0 0 5px 10px !important;
    color: #009cd3 !important;
}
#content table.plans-features b,
#content table.plans-features strong {
    font-weight: 300;
    font-family: DinBold, Arial, Helvetica;
    display: inline-block;
    width: 100%;
}
#content table.plans-features tr th:first-child {
    width: auto;
}
#content table.plans-features tr th {
    text-align: center;
    background: #fff;
    vertical-align: middle;
    color: #064f64;
    padding: 5px 15px 15px 15px;
    line-height: 40px;
    font-size: 20px;
    width: 120px;
}
#content table.plans-features tr th strong {
    border-bottom: 1px solid;
}
#content table.plans-features tr td {
    border-bottom: 1px #eee solid;
    padding: 10px 10px 10px 5px;
    vertical-align: middle;
    font-family: inherit;
    font-size: 16px;
    line-height: 20px;
    position: relative;
}
#content table.plans-features tr:last-child td {
    border-bottom: 0;
}
#content table.plans-features td b,
#content table.plans-features td strong {
    line-height: 16px;
    font-size: 16px;
}
.api a.btn-link.contact,
.infinite a.btn-link.contact {
    width: auto;
    margin: 10px 0;
    padding: 25px 30px 20px 30px;
}
#content h2.feat {
    font-family: DinBold;
    color: #fff;
    padding: 8px 20px;
    border-radius: 0.5rem;
    background: #509aaf;
    font-size: 24px;
    line-height: 30px;
}
#content h2.feat + i {
    color: #fff;
    font-size: 22px;
}
table.plans-features tr:hover {
    background: #f7f7f7;
}
#content section .wysiwyg > div p#credits,
#content section .wysiwyg > div p#user {
    display: block;
    padding: 0;
    font-size: 18px;
    line-height: 26px;
    font-family: DinLight;
}
.box.api {
    color: inherit;
    height: auto !important;
    margin-bottom: 15px !important;
}
h6 {
    font-family: DinBold;
    font-size: 23px;
    line-height: 30px;
}
a.btn-link.freetrial {
    width: 100%;
    margin: 10px 0;
}
a.btn-link.contact {
    width: 100%;
    margin: 10px 0;
    padding: 22px 15px 17px 15px;
}
#switchbar {
    margin-bottom: 10px;
    display: flex;
}
#switchbar .wrap {
    margin: auto;
    width: auto;
    padding-left: 1rem;
}
.annual,
.monthly {
    padding: 0;
    display: inline-block;
    font-size: 1.3rem;
    vertical-align: text-top;
}
.annual {
    text-align: left;
    color: #064f64;
    font-family: DinBlack;
    margin-right: -70px;
}
.monthly {
    text-align: right;
    color: #adb5bd;
    font-family: DinBlack;
}
.annual small,
.monthly small {
    padding: 0 !important;
    font-family: DinRegular;
    font-size: 1.1rem !important;
    text-align: left;
    font-style: normal;
}
.switch {
    display: inline-block;
    width: 130px;
    padding: 0 0.5rem;
}
.sticky {
    z-index: 999;
    background: #fff;
    padding: 20px 0;
    border-bottom: 2px #eee solid;
    position: fixed;
    top: 79px;
    width: 100%;
    left: 0;
    right: 0;
}
@media only screen and (max-width: 640px) {
    .annual,
    .monthly {
        font-size: 1.1rem;
    }
    .sticky {
        top: 0;
    }
}
*,
::after,
::before {
    box-sizing: border-box;
}
.custom-control {
    position: relative;
    display: block;
    min-height: 2.3rem;
    padding-left: 1.5rem;
}
.custom-switch {
    padding-left: 2rem;
}
button,
input {
    overflow: visible;
}
.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
label {
    display: inline-block;
    margin-bottom: 0.5rem;
}
.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}
.custom-switch .custom-control-label::before {
    position: absolute;
    top: -0.5rem;
    left: -1.3rem;
    display: block;
    pointer-events: none;
    content: "";
    pointer-events: all;
    border-radius: 1rem;
    width: 6rem;
    height: 2rem;
    cursor: pointer;
}
.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.custom-control-label.annual-position::before {
    background-color: #00aeef;
    border: #00aeef solid 1px;
}
.custom-control-input:checked ~ .custom-control-label.monthly-position::before {
    color: #fff;
    border: #00aeef solid 1px;
    background-color: #00aeef;
    padding: 0.5rem 2rem;
}
.custom-switch .custom-control-label.annual-position::after {
    background-color: #fff;
}
.custom-switch .custom-control-label::after {
    position: absolute;
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    top: calc(-0.5rem + 4px);
    left: calc(2rem - 2px);
    width: calc(3rem - 8px);
    height: calc(2rem - 8px);
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    cursor: pointer;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label.monthly-position::after {
    background-color: #fff;
    -webkit-transform: translateX(-2.8rem);
    transform: translateX(-2.8rem);
}
.acc.parent {
    border-bottom: 1px #e7e7e7 solid;
    padding-bottom: 25px;
}
#content .acc h3 {
    font-family: DinRegular;
    font-size: 18px;
    line-height: 26px;
    padding: 10px 0 5px 40px;
    color: inherit;
}
div.acc_item {
    position: relative;
    cursor: pointer;
}
div.item_closed {
    display: inline-block;
    overflow: hidden;
    opacity: 0;
    height: 0;
    transition: all 0.1s ease-in;
}
div.item_opened {
    display: inline-block;
    padding-bottom: 20px;
    margin-bottom: 10px;
    opacity: 1;
    height: auto;
    transition: all 0.4s ease-out;
    padding-top: 10px;
    cursor: default;
}
div.acc_item_parent {
    position: relative;
    cursor: pointer;
}
div.item_parent_closed {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    opacity: 0;
    height: 0;
    transition: all 0.1s ease-in;
}
div.item_parent_opened {
    width: 100%;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 10px;
    opacity: 1;
    height: auto;
    transition: all 0.4s ease-out;
}
.acc_item_parent .fa-minus,
.acc_item_parent .fa-plus,
.fa-minus,
.fa-plus {
    color: inherit;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 3px;
    left: auto;
}
.acc_item .fa-minus.fa-left,
.acc_item .fa-plus.fa-left {
    right: 15px;
    top: 3px;
    left: auto;
}
.acc_item .fa-minus,
.acc_item .fa-plus {
    left: 10px;
    top: 4px;
    right: auto;
}
.fa,
.far,
.fas {
    display: inline-block !important;
    width: auto;
    margin: 10px auto;
    text-align: center;
    font-size: 19px;
}
.fa-check-circle {
    display: block !important;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 19px;
    color: #28a745;
    position: absolute;
    bottom: 27%;
    left: 43%;
}
.fa-ban {
    display: block !important;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 17px;
    color: #dc143c;
    position: absolute;
    bottom: 30%;
    left: 43%;
}
.fa-info-circle {
    display: inline-block !important;
    width: auto;
    padding: 0;
    text-align: center;
    cursor: pointer;
    z-index: 99;
    position: absolute;
    bottom: 30%;
    right: 0;
    margin: 0;
    font-size: 15px;
    color: #71c9ee;
}
table.plans-features tr:last-child td:last-child .fa-info-circle {
    right: 10px;
    bottom: 12px;
}
.fa-bell,
.fa-crown,
.fa-stopwatch {
    position: relative;
    display: inline-block !important;
    margin: 0;
    font-size: 17px !important;
    padding: 0 0 0 5px !important;
}
.fa-crown {
    font-size: 15px !important;
}
.crown,
.new,
.soon {
    font-family: DinBlack;
    letter-spacing: -0.05rem;
    padding: 0 3px;
    font-size: 14px;
}
.crown {
    color: #71c9ee;
}
.new {
    color: #71c9ee;
}
.soon {
    color: #71c9ee;
}
div.feature-event {
    display: inline-block;
}
.fancybox-inner .layer ul li {
    padding: 5px 0;
    list-style-type: circle;
    font-family: DinLight;
    letter-spacing: -0.5px;
    line-height: inherit;
    font-size: inherit;
}
.fancybox-inner .layer strong {
    font-weight: 300;
    font-family: DinBold;
}
.fancybox-overlay {
    background: 0 0 !important;
}
.fancybox-desktop {
    background: 0 0 !important;
    padding: 0 !important;
    width: auto !important;
}
.fancybox-close {
    display: none !important;
}


section.nopadding {
    padding: 0;
}

.aiovg-col {
    padding: 5px;
}
.aiovg .aiovg-title {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.2rem;
}

.aiovg .aiovg-category,
.aiovg .aiovg-tag,
.aiovg .aiovg-description,
.aiovg .aiovg-excerpt,
.aiovg .aiovg-views {
    line-height: 1.1rem;
}





.banner .simple {
    font-size: 37px;
    line-height: 46px;
    font-family: DinBold;
    color: #fff;
    text-shadow: 1px 1px 1px #888;
    margin: 0 auto;
    width: 100%;
    text-align: left;
    letter-spacing: -1px;
    font-weight: 400;
}
@media (min-width: 640px) {
    .banner .simple {
        padding: 0 0 20px 0 !important;
    }
}
.banner.page {
    padding: 0;
}

section.banner {
    padding: 0 !important;
}

body.page-template-2020-full-width-page section.banner.topbanner > div.title,
body.page-template-page-with-sections-template section.banner.topbanner > div.title {
    margin: auto 0;
    width: 100%;
    min-height: 180px;
    display: flex;
}
section.banner .veil {
    width: auto;
    max-width: none;
    /*height: 100%;*/
    /*height: auto;*/
    margin: 0;
    padding: 0;
    display: block;
    background-color: rgba(0, 0, 0, 0.2) !important;
}

section.banner .wrapper_grid {
    margin-top: auto;
    margin-bottom: auto;
    padding: 0;

    /*height: auto;*/
}

section.banner h1 {
    font-size: 37px;
    line-height: 46px;
    font-family: DinBold;
    color: #fff;
    text-shadow: 1px 1px 1px #888;
    margin: 0 auto;
    width: 960px;
    padding: 20px 0 30px 0 !important;
}
.logos-banner {
    max-width: 960px;
    margin: 10px auto;
    height: 224px;
}
.logos-banner img {
    margin: auto 20px;
}
.logos-banner .logo.systran {
    max-width: 220px;
}

@media (max-width: 640px) {
    section.banner.topbanner {
        padding: 10px 0 10px 0 !important;
    }
    section.banner.topbanner .wrapper_grid {
        width: auto;
        margin: 0 20px;
        padding: 10px 0;
    }
    .banner .simple {
        font-size: 37px;
        line-height: 42px;
    }
}



section.banner.frontpage h1,
section.banner.frontpage h3,
section.banner.page h1,
section.banner.page h3 {
    color: #fff !important;
    /*height: 100% !important;*/
    display: inline-block !important;
    font-family: DinBlack !important;
    font-size: 48px !important;
    line-height: 58px !important;
    padding: 30px !important;
    text-shadow: 1px 1px 1px #888;
    padding: 20px !important;
    text-align: center !important;
    background-color: rgba(0, 0, 0, 0.2) !important;
    margin: 40px 0 10px 0 !important;
    width: 100%;
    letter-spacing: -0.7px;
}


section.banner.frontpage h1 span,
section.banner.frontpage h3 span,
section.banner.page h1 span,
section.banner.page h3 span {
    display: inline-block;
    font-family: DinLight;
    font-size: inherit;
    margin-top: 25px;
    color: #fff;
    font-size: 42px;
    line-height: 42px;
    margin: 0;
}
section.banner.center h1,
section.banner.center h3 {
    text-align: center;
}




section.banner.page .veil {
    padding: 30px 0;
}
section.banner.page h3 {
    font-size: 70px !important;
    line-height: 90px !important;
    font-weight: 900 !important;
    letter-spacing: initial;
    word-spacing: 10px;
    margin: 30px 0 10px 0 !important;
    padding: 0 0 30px 0 !important;
}
section.banner.page h3 span {
    display: inline-block;
    margin-top: 0;
    color: #fff;
    word-spacing: initial;
    font-size: 22px;
    line-height: 32px;
    font-weight: 400;
}
@media only screen and (max-width: 640px) {
    section.banner.page h3 {
        font-size: 36px !important;
        line-height: 40px !important;
        font-weight: 900 !important;
    }
    section.banner.page h3 span {
        font-size: 18px;
        line-height: 22px;
        padding: 20px 0;
    }
    section.banner.topbanner {
        padding: 20px 0 40px 0 !important;
    }
    section.banner.frontpage .wrapper_grid {
        padding: 20px 0;
    }
    section.banner h1 {
        font-size: 30px !important;
        line-height: 34px !important;
        padding: 10px !important;
    }
    section.banner.frontpage h1 {
        padding: 20px !important;
        text-align: center !important;
        background-color: rgba(0, 0, 0, 0.2) !important;
        margin: -20px 0 10px 0 !important;
        font-size: 28px !important;
        line-height: 32px !important;
    }
    section.banner.frontpage h3 {
        margin: 30px 0 10px 0 !important;
        font-size: 36px !important;
        line-height: 38px !important;
    }
    section.banner.frontpage h1 span,
    section.banner.frontpage h3 span,
    section.banner.page h1 span,
    section.banner.page h3 span {
        font-size: 28px;
        line-height: 30px;
        padding: 10px 0;
    }
    .btn-banner,
    section.banner.frontpage .btn-banner {
        font-size: 22px !important;
        line-height: 22px !important;
        padding: 30px !important;
        margin: 20px auto !important;
        width: auto !important;
        font-family: DinBold !important;
    }
    .author h5 {
        margin-bottom: 30px;
    }
}



section.banner.frontpage .btn-banner,
section.banner.page .btn-banner {
    margin: 15px auto;
    font-size: 23px !important;
    line-height: 25px !important;
    padding: 0.7rem 3rem;
    border-radius: 3px;
/*    background-color: #1abae9;
    color: #ffffff;*/
}

/*section.banner.frontpage:hover .btn-banner,
section.banner.page:hover .btn-banner {
    background-color: #ffffff !important;
    color: #1abae9 !important;

    border-color: inherit !important;
}*/



/* New banners */
section.banner.frontpage.cover {
    background-size: cover;
}
section.banner.frontpage.contain {
    background-size: contain;
}

section.banner.frontpage.contain .btn-banner,
section.banner.page.contain .btn-banner {
    position: absolute;
    bottom: -55px;
    margin-left: -85px;
}

@media screen and (max-width: 640px) {
    section.banner.frontpage.contain {
        background-size: cover;
    }
    section.banner.frontpage.contain .btn-banner,
    section.banner.page.contain .btn-banner {
        display: none;
    }
}







.page-template-page-with-sections-2020 ul li::before {
  content: "" !important;
}




.intro a.btn, a.btn {
  text-decoration: none !important;
}

.clear {
    clear: both;
}

.top-padding-50 {
    padding-top: 50px;
    float: left;
}




.resources_btn {
    width: 100%;
    text-align: center;
    padding: 20px 0;
    display: inline-block;
}
#content .resources_btn .btn {
    margin: 5px !important;
}