/*
Theme Name: Diebold
Author: Vox Digital
Author URI: https://www.voxdigital.com.br/
Description: Tema criado especificamente para Diebold
Version: 1.0
License: GNU General Public License v2 or later
*/


/*
    ##################
    ###### RESET #####
    ##################
 */


/* ALL TAGS */

*,
*:before,
*:after {
    outline: none;
}


/*TAGS*/

body {
    position: relative;
    font-family: "Montserrat", sans-serif;
    background-color: #ffffff;
}

a img {
    text-decoration: none;
    border: none;
}

img {
    max-width: 100%;
    vertical-align: middle;
    height: auto;
    margin: 0;
    border: none;
}

b,
strong {
    font-weight: 800;
}

embed,
video,
iframe,
iframe[style] {
    max-width: 100%;
    height: auto;
}


/* BOOTSTRAP */

@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1245px;
    }
}


/*WORDPRESS*/

.wp-pagenavi {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}

.wp-pagenavi .pages {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 5px 15px 5px 5px;
    text-transform: uppercase;
    line-height: 16px;
    font-size: 16px;
    font-weight: 500;
    color: #265dc4;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 5px;
    border-radius: 50%;
    line-height: 24px;
    font-size: 24px;
    font-weight: 900;
    color: #265dc4;
    transition-duration: 0.5s;
}

.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover {
    background-image: linear-gradient( to right, #1e75b2 0%, #441f73 50%, #9d1734 100%);
    text-decoration: none;
    color: #ffffff;
}

.wp-pagenavi .current,
.wp-pagenavi .page {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 5px;
    border-radius: 50%;
    line-height: 16px;
    font-size: 16px;
    font-weight: 500;
    color: #4d4d4d;
    transition-duration: 0.5s;
}

.wp-pagenavi .current,
.wp-pagenavi .page:hover {
    background-image: linear-gradient( to right, #1e75b2 0%, #441f73 50%, #9d1734 100%);
    text-decoration: none;
    color: #ffffff;
}

.wp-pagenavi .extend {
    display: inline-block;
    margin: 5 px;
    line-height: 16px;
    font-size: 16px;
    font-weight: 400;
    color: #4d4d4d;
}


/*HELPERS*/

.embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin: 0;
    vertical-align: middle;
    border: none;
    overflow: hidden;
    max-width: 100%;
}

.embed iframe,
.embed object,
.embed embed,
.embed .fb-page {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0px;
    padding: 0;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    border: none;
}

.htmlchars {
    font-family: "Montserrat", sans-serif;
}

.htmlchars h1,
.htmlchars h2,
.htmlchars h3,
.htmlchars h4,
.htmlchars h5,
.htmlchars h6 {
    margin: 25px 0;
    color: #265dc4;
}

.htmlchars h1 {
    line-height: 34px;
    font-size: 30px;
    font-weight: 800;
}

.htmlchars h2 {
    line-height: 32px;
    font-size: 28px;
    font-weight: 700;
}

.htmlchars h3 {
    line-height: 30px;
    font-size: 26px;
    font-weight: 600;
}

.htmlchars h4 {
    line-height: 30px;
    font-size: 24px;
    font-weight: 500;
}

.htmlchars h5 {
    line-height: 30px;
    font-size: 22px;
    font-weight: 400;
}

.htmlchars h6 {
    line-height: 30px;
    font-size: 20px;
    font-weight: 400;
}

.htmlchars p {
    margin-bottom: 25px;
    line-height: 30px;
    font-size: 20px;
    font-weight: 400;
    color: #4d4d4d;
}

.htmlchars ul,
.htmlchars ol {
    padding-inline-start: 20px;
    margin: 20px 0;
}

.htmlchars ul {
    list-style: disc;
}

.htmlchars ol li,
.htmlchars ul li {
    margin-top: 5px;
}

.htmlchars a {
    font-weight: 400;
    text-decoration: none;
}

.htmlchars a:hover {
    color: #09f;
}

.htmlchars a:hover {
    text-decoration: underline;
}

.htmlchars img {
    max-width: 100%;
    height: auto;
    margin: 25px 0px;
}

.htmlchars pre {
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #eeeeee;
    margin: 20px 0;
    overflow-x: auto;
}


/*
    ########################
    ###### MAIN-HEADER #####
    ########################
*/

.main-header {
    position: relative;
    display: block;
    width: 100%;
    background-color: Rgba(245 246 248 / 88%);
    box-shadow: 0 3px 10px 0 Rgba(0 0 1 / 20%);
    z-index: 1;
}

.main-header.fixed {
    position: fixed !important;
    top: 0px;
    left: 0px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) !important;
    z-index: 999;
}

.header-transparent .main-header {
    position: absolute;
    top: 0px;
    left: 0px;
    box-shadow: none;
    background-color: transparent;
    z-index: 90;
}

.header-transparent .main-header.fixed {
    background-image: linear-gradient( to right, #1e75b2 0%, #441f73 50%, #9d1734 100%);
}

.main-header .container {
    max-width: 1284px;
}

.main-header .container .col-12 {
    position: initial;
}

.main-header-logo {
    display: block;
    width: 77px;
    max-width: 100%;
    transition-duration: 0.5s;
}

.main-header-logo img {
    width: 77px;
}

.main-header-logo:hover {
    text-decoration: none;
    transform: scale(1.1);
}

.main-header-nav-mobile {
    display: none;
    width: 100%;
    text-align: center;
}

.main-header-nav-mobile span {
    display: block;
    width: 128px;
    max-width: 100%;
    margin: 0 auto;
    padding: 15px;
    border-radius: 25px;
    background-color: #2f5294;
    background-image: linear-gradient( to right, #1e75b2 0%, #441f73 50%, #9d1734 100%);
    text-transform: uppercase;
    text-align: center;
    line-height: 15px;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    transition-duration: 0.5s;
    cursor: pointer;
}

.main-header-nav-mobile span:hover {
    transform: scale(1.1);
}

.main-header-nav {
    display: block;
    width: 100%;
}

.main-header-nav-menu {
    display: block;
    width: 100%;
}

.main-header-nav-menu span {
    display: none;
    width: 100%;
    padding: 20px 15px;
    text-align: right;
    text-transform: uppercase;
    line-height: 15px;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    transition-duration: 0.5s;
    cursor: pointer;
}

.main-header-nav-menu span:hover {
    background-color: #2f5294;
    background-image: linear-gradient( to right, #1e75b2 0%, #441f73 50%, #9d1734 100%);
}

.main-header-nav-menu ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.main-header-nav-menu ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 90px;
    margin-right: 5px;
}

.main-header-nav-menu ul li:last-child {
    margin-right: 0px;
}

.main-header-nav-menu ul li a {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 8px;
    text-transform: uppercase;
    line-height: 15px;
    font-size: 15px;
    font-weight: 700;
    color: #808080;
    transition-duration: 0.5s;
}

.main-header-nav-menu ul li a:hover {
    text-decoration: none;
    color: #000000;
}

.main-header-nav-menu ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    width: 24px;
    height: 1px;
    margin: 0 auto;
    background-image: -webkit-gradient( linear, left top, right top, from(#00b0ff), color-stop(49%, #b01fff), to(#ff3250));
    background-image: linear-gradient(90deg, #00b0ff, #b01fff 49%, #ff3250);
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

.main-header-nav-menu ul li a:hover:before {
    opacity: 1;
}

.main-header-nav-automation {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.main-header-nav-automation li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 90px;
    margin-right: 30px;
}

.main-header-nav-automation li:last-child {
    margin-right: 0px;
}

.main-header-nav-automation li.active .section-submenu,
.main-header-nav-automation li:hover .section-submenu {
    display: block;
}

.main-header-nav-automation li .section-submenu .submenu.active a i,
.main-header-nav-automation li .section-submenu .submenu:hover a i {
    transition: transform 0.2s ease-out;
    transform: rotate(90deg);
    color: #ffffff;
}

.main-header-nav-automation li .section-submenu .submenu.active .section-submenu-2,
.main-header-nav-automation li .section-submenu .submenu:hover .section-submenu-2 {
    display: block;
}

.main-header-nav-automation li .section-submenu .submenu.active .section-submenu-2 a i,
.main-header-nav-automation li .section-submenu .submenu:hover .section-submenu-2 a i {
    transform: rotate(0);
}

.main-header-nav-automation li .close {
    display: none;
    width: 100%;
    padding: 20px 15px;
    text-align: right;
    text-transform: uppercase;
    line-height: 15px;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    transition-duration: 0.5s;
    cursor: pointer;
}

.main-header-nav-automation li .close:hover {
    background-color: #2f5294;
    background-image: linear-gradient( to right, #1e75b2 0%, #441f73 50%, #9d1734 100%);
}

.main-header-nav-automation li .page {
    display: block;
    width: 100%;
    text-transform: uppercase;
    line-height: 15px;
    font-size: 15px;
    font-weight: 600;
    color: #2a2b36;
}

.main-header-nav-automation li>a {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 8px;
    text-transform: uppercase;
    line-height: 15px;
    font-size: 15px;
    font-weight: 500;
    color: #808080;
    transition-duration: 0.5s;
}

.main-header-nav-automation li.active>a,
.main-header-nav-automation li>a:hover {
    text-decoration: none;
    font-weight: 600;
    color: #2a2b36;
}

.main-header-nav-automation li>a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    width: 24px;
    height: 1px;
    margin: 0 auto;
    background-image: -webkit-gradient( linear, left top, right top, from(#00b0ff), color-stop(49%, #b01fff), to(#ff3250));
    background-image: linear-gradient(90deg, #00b0ff, #b01fff 49%, #ff3250);
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

.main-header-nav-automation li.active>a:before,
.main-header-nav-automation li>a:hover:before {
    opacity: 1;
}

.main-header-nav-submenu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.main-header-nav-submenu ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    list-style: none;
    padding: 0px 18px 0px 0px;
    margin: 0px;
}

.main-header-nav-submenu ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 90px;
    margin-right: 5px;
}

.main-header-nav-submenu ul li:last-child {
    margin-right: 0px;
}

.main-header-nav-submenu ul li a {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 8px;
    line-height: 15px;
    font-size: 13px;
    font-weight: 400;
    color: #005896;
    transition-duration: 0.5s;
}

.main-header-nav-submenu ul li a:hover {
    text-decoration: none;
}

.main-header-nav-submenu ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    width: 24px;
    height: 1px;
    margin: 0 auto;
    background-image: -webkit-gradient( linear, left top, right top, from(#00b0ff), color-stop(49%, #b01fff), to(#ff3250));
    background-image: linear-gradient(90deg, #00b0ff, #b01fff 49%, #ff3250);
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

.main-header-nav-submenu ul li a:hover:before {
    opacity: 1;
}

.main-header-nav-submenu span {
    display: inline-block;
    outline: none;
    border: none;
    background-color: transparent;
    line-height: 20px;
    font-size: 20px;
    font-weight: 900;
    color: #005896;
    transition-duration: 0.5s;
    cursor: pointer;
}

.main-header-nav-submenu span:hover {
    transform: scale(1.1);
}

.header-transparent .main-header-nav-menu ul li a,
.header-transparent .main-header-nav-submenu ul li a,
.header-transparent .main-header-nav-submenu span {
    color: #ffffff;
}


/*
    #####################
    ###### SECTIONS #####
    #####################
*/


/* SECTION-SUBMENU */

.section-submenu {
    position: absolute;
    left: 0px;
    top: 90px;
    display: none;
    width: 100%;
    /*background-color: #4d4d4d;*/
    background-color: rgba(42 43 54 / 86%);
    z-index: 99;
}

/*
.section-submenu .container {
    max-width: 1832px;
}
*/

.section-submenu .container .row {
    margin-left: 0px;
    margin-right: 0px;
}

.section-submenu .container .row .col-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.section-submenu a {
    display: block;
    width: 100%;
    padding: 20px 0px;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 16px;
    font-weight: 600;
    color: #dbdce0;
    transition-duration: 0.5s;
}

.section-submenu a:hover {
    text-decoration: none;
    color: #ffffff;
}

/* SECTION-SUBMENU-2 */

.section-submenu-2 {
    position: absolute;
    left: 0px;
    display: none;
    width: 100%;
    background-color: #4d4d4d;
    z-index: 99;
}

.section-submenu-2 .container {
    max-width: 1832px;
}

.section-submenu-2 .container .row {
    margin-left: 0px;
    margin-right: 0px;
}

.section-submenu-2 .container .row .col-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.section-submenu-2 a {
    display: block;
    width: 100%;
    padding: 20px 0px;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    transition-duration: 0.5s;
}

.section-submenu-2 a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.7);
}

/* SECTION-SEARCH */

.section-search {
    position: absolute;
    top: 90px;
    left: 0px;
    display: none;
    width: 100%;
    padding: 15px 0;
    background-color: #3b3c46;
    text-align: right;
    z-index: 90;
}

.section-search .container {
    display: flex;
    align-items: center;
}

.section-search span {
    display: block;
    width: 150px;
    max-width: 100%;
    text-transform: uppercase;
    text-align: center;
    line-height: 16px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    transition-duration: 0.5s;
    cursor: pointer;
}

.section-search span:hover {
    color: red;
}

.section-search form {
    display: flex;
    width: 100%;
}

.section-search form input:after,
.section-search form input:before,
.section-search form input {
    display: block;
    width: 100%;
    padding: 20px;
    border: none;
    background-color: #3b3c46;
    line-height: 20px;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    order: 1;
}

.section-search form button {
    display: block;
    padding: 20px;
    border: none;
    outline: none !important;
    background-color: #3b3c46;
    line-height: 20px;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    order: 0;
}


/* SECTIONS-SUBJECTS */

.section-subjects {
    display: block;
    padding: 80px 0px;
    background-color: #2f5294;
    background-image: linear-gradient( to right, #1e75b2 0%, #441f73 50%, #9d1734 100%);
}

.section-subjects-header {
    display: block;
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
}

.section-subjects-header h2 {
    display: block;
    width: 420px;
    max-width: 100%;
    margin: 0 auto;
    line-height: 52px;
    font-size: 48px;
    font-weight: 300;
    color: #ffffff;
}

.section-subjects form {
    display: block;
    width: 100%;
}

.section-subjects form span {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 24px;
    font-size: 24px;
    font-weight: 300;
    color: #ffffff;
}

.section-subjects form select {
    display: block;
    width: 366px;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 30px;
    border-radius: 25px;
    border: none;
    background-color: rgba(24, 18, 59, 0.5);
    background-image: url("assets/img/icons/icon-select.png");
    background-size: 15px 8px;
    background-position: right 30px center;
    background-repeat: no-repeat;
    line-height: 16px;
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.section-subjects form button {
    display: block;
    width: 86px;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    outline: nones;
    border-radius: 25px;
    border: none;
    background-color: #0372b7;
    text-transform: uppercase;
    line-height: 16px;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    transition-duration: 0.5s;
}

.section-subjects form button:hover {
    background-color: #2f5294;
    transform: scale(1.1);
}


/* SECTION-NEWS */

.section-news {
    display: block;
    width: 100%;
    padding: 80px 0px;
    background-color: #f7f7f7;
}

.section-news-header {
    display: block;
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
}

.section-news-header h2 {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    line-height: 66px;
    font-size: 60px;
    font-weight: 200;
    color: #2f5294;
}

.section-news-content {
    display: block;
    width: 100%;
}

.section-news-content article {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 480px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    transition-duration: 0.5s;
}

.section-news-content article:hover {
    box-shadow: 0 16px 32px 0 rgb(78 80 97 / 24%);
}

.section-news-content article header {
    display: block;
    width: 100%;
    padding: 40px;
    background-image: linear-gradient( to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}

.section-news-content article header h3 {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    line-height: 30px;
    font-size: 26px;
    font-weight: 600;
    color: #ffffff;
}

.section-news-content article header h3 a {
    color: #ffffff;
    transition-duration: 0.5s;
}

.section-news-content article header h3 a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.6);
}

.section-news-content article header p {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
}

.section-news-content article header>a {
    display: block;
    width: 100%;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 18px;
    font-weight: 600;
    color: #86a8e9;
    transition-duration: 0.5s;
}

.section-news-content article header>a:hover {
    padding-left: 15px;
    text-decoration: none;
    color: #ffffff;
}

.section-news-content-more {
    display: block;
    width: 170px;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    border-radius: 3px;
    border: 2px solid #2f5294;
    text-align: center;
    text-transform: uppercase;
    line-height: 16px;
    font-size: 16px;
    font-weight: 500;
    color: #2f5294;
    transition-duration: 0.5s;
}

.section-news-content-more:hover {
    text-decoration: none;
    background-color: #2f5294;
    color: #ffffff;
    transform: scale(1.1);
}


/*
    ####################
    ###### TPL-404 #####
    ####################
*/

.tpl-404 {
    display: block;
    width: 100%;
}

.tpl-404-header {
    display: block;
    width: 100%;
    padding: 40px 0px 80px 0px;
    background-color: #ffffff;
}

.tpl-404-header h1 {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    line-height: 54px;
    font-size: 48px;
    font-weight: 400;
    color: #4d4d4d;
}

.tpl-404-content {
    display: block;
    width: 100%;
    padding: 80px 0px;
    background-color: #f7f7f7;
    text-align: center;
}

.tpl-404-content h2 {
    display: block;
    width: 832px;
    max-width: 100%;
    margin: 0 auto 10px auto;
    line-height: 40px;
    font-size: 36px;
    font-weight: 400;
    color: #4d4d4d;
}

.tpl-404-content p {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #4d4d4d;
}

.tpl-404-content a {
    display: block;
    width: 312px;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    outline: none;
    border-radius: 3px;
    border: none;
    background-color: #0372b7;
    text-transform: uppercase;
    text-align: center;
    line-height: 18px;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    transition-duration: 0.5s;
}

.tpl-404-content a:hover {
    background-image: linear-gradient(to top, #db2147 0%, #3d81d5 100%);
    text-decoration: none;
    transform: scale(1.1);
}


/*
    #####################
    ###### TPL-PAGE #####
    #####################
*/

.tpl-page {
    display: block;
    width: 100%;
}

.tpl-page-header {
    display: block;
    width: 100%;
    padding: 60px 0px;
    background-color: #ffffff;
}

.tpl-page-header h1 {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    line-height: 54px;
    font-size: 48px;
    font-weight: 400;
    color: #4d4d4d;
}

.tpl-page-content {
    display: block;
    width: 100%;
    padding: 80px 0px;
    background-color: #f7f7f7;
}

.tpl-page-content .downloads {
    display: block;
    width: 100%;
}

.tpl-page-content .downloads p {
    display: block;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    line-height: 30px;
    font-size: 24px;
    font-weight: 800;
    color: #4d4d4d;
}

.tpl-page-content .downloads a {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #4d4d4d;
    transition-duration: 0.5s;
}

.tpl-page-content .downloads a:hover {
    text-decoration: none;
    color: #000;
}

/*
    #######################
    ###### TPL-CUSTOM #####
    #######################
*/

.tpl-custom {
    display: block;
    width: 100%;
    background-image: url("assets/img/backgrounds/background-cloud.png");
    background-size: 100%;
    background-position: right top 120px;
    background-repeat: no-repeat;
}

.tpl-custom-header {
    display: block;
    width: 100%;
    padding: 80px 0px 150px 0px;
}

.tpl-custom-header h1 {
    display: block;
    width: 556px;
    max-width: 100%;
    margin-bottom: 20px;
    line-height: 54px;
    font-size: 48px;
    font-weight: 400;
    color: #4d4d4d;
}

.tpl-custom-header p {
    display: block;
    width: 556px;
    max-width: 100%;
    margin-bottom: 0px;
    line-height: 35px;
    font-size: 24px;
    font-weight: 400;
    color: #265dc4;
}

.tpl-custom-content {
    display: block;
    width: 100%;
    padding: 0px 15px 80px 15px;
}

.tpl-custom-content .container {
    padding: 60px 80px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.95);
}

.tpl-custom-content .htmlchars {
    display: block;
    width: 100%;
}


/*
    #####################
    ###### TPL-HOME #####
    #####################
*/

.tpl-home {
    display: block;
    width: 100%;
}

.tpl-home-carousel {
    position: relative;
    display: block;
    width: 100%;
}

.tpl-home-carousel-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    padding: 80px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: auto;
    overflow: hidden;
}

.tpl-home-carousel-item-content {
    display: block;
    width: 616px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    z-index: 90;
}

.tpl-home-carousel-item-content p {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    line-height: 54px;
    font-size: 46px;
    font-weight: 400;
    color: #ffffff;
}

.tpl-home-carousel-item-content button {
    display: inline-block;
    margin: 0px;
    padding: 20px 0px 20px 75px;
    outline: none;
    border: none;
    background-color: transparent;
    background-image: url("assets/img/icons/icon-play.png");
    background-size: 60px;
    background-position: left center;
    background-repeat: no-repeat;
    line-height: 20px;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    transition-duration: 0.5s;
}

.tpl-home-carousel-item-content button:hover {
    transform: scale(1.1);
}

.tpl-home-carousel-item-content a {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    outline: none;
    border: none;
    background-color: transparent;
    line-height: 22px;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    transition-duration: 0.5s;
}

.tpl-home-carousel-item-content a:hover {
    text-decoration: none;
    padding: 0 0 0 15px;
}

.tpl-home-carousel-item-content a i {
    line-height: 22px;
    font-size: 22px;
    color: #265dc4;
}

.tpl-home-carousel-item video {
    position: absolute;
    top: 0px;
    left: 0px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.tpl-home-links {
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.tpl-home-links a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex: 0 0 calc(50% - 1px);
    max-width: calc(50% - 1px);
    height: 160px;
    text-transform: uppercase;
    line-height: 24px;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}

.tpl-home-links a:hover {
    text-decoration: none;
}

.tpl-home-links a span {
    position: relative;
    display: block;
    border-radius: 24px;
    padding: 12px 48px;
    background: none;
    overflow: hidden;
    z-index: 9;
    cursor: pointer;
}

.tpl-home-links a span:before {
    position: absolute;
    content: "";
    top: -140px;
    left: 0;
    width: 0;
    height: 450%;
    background-image: -webkit-gradient( linear, left top, right top, from(#0082bc), color-stop(49%, #470a68), to(#a6192e));
    background-image: linear-gradient(90deg, #0082bc, #470a68 49%, #a6192e);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: width 0.5s ease;
    transition: width 0.5s ease;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    z-index: -1;
}

.tpl-home-links a span:hover:before {
    width: 120%;
}

.tpl-home-links .line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex: 0 0 2px;
    max-width: 2px;
    height: 160px;
    background-image: linear-gradient(to top, #db2147 0%, #3d81d5 100%);
}

.tpl-home-about {
    display: block;
    width: 100%;
    padding: 80px 0px;
    background-color: #ffffff;
}

.tpl-home-about .row .col-12 {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.tpl-home-about .row .col-12:last-child {
    border-right: none;
}

.tpl-home-about article {
    display: block;
    width: 100%;
    height: 590px;
    padding: 80px 30px;
    background-color: #ffffff;
    background-size: 0px;
    background-position: center;
    background-repeat: no-repeat;
    transition-duration: 0.5s;
}

.tpl-home-about article:hover {
    box-shadow: 5px 10px 20px rgb(78 80 97 / 24%);
    background-size: cover;
}

.tpl-home-about article .icon {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    width: 100%;
    height: 68px;
    margin-bottom: 20px;
}

.tpl-home-about article .icon span {
    position: absolute;
    top: -150%;
    left: 30px;
    display: none;
    width: 1px;
    height: 60px;
    background-image: -webkit-gradient( linear, left top, left bottom, from(#00b0ff), color-stop(49%, #b01fff), to(#ff3250));
    background-image: linear-gradient(180deg, #00b0ff, #b01fff 49%, #ff3250);
    transition-duration: 0.5s;
    z-index: 2;
}

.tpl-home-about article .icon span:before {
    position: absolute;
    bottom: 0;
    left: -1px;
    width: 3px;
    height: 3px;
    content: "";
    border-radius: 2px;
    background: #ff3250;
}

.tpl-home-about article:hover .icon span {
    display: block;
}

.tpl-home-about article .icon img {
    max-width: 52px;
    opacity: 0.5;
    filter: grayscale(80%);
    transition-duration: 0.5s;
}

.tpl-home-about article:hover .icon img {
    opacity: 1.0;
    filter: grayscale(0%);
}

.tpl-home-about article h2 {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 36px;
    font-size: 30px;
    font-weight: 300;
    color: #000000;
}

.tpl-home-about article h2 a {
    color: #000000;
    transition-duration: 0.5s;
}

.tpl-home-about article h2 a:hover {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.5);
}

.tpl-home-about article p {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 300;
    color: #666666;
}

.tpl-home-about article>a {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 18px;
    font-weight: 600;
    color: #2f5294;
    transition-duration: 0.5s;
}

.tpl-home-about article>a:hover {
    padding-left: 15px;
    text-decoration: none;
    color: #86a8e9;
}


/*
    ######################
    ###### TPL-ABOUT #####
    ######################
*/

.tpl-about {
    display: block;
    width: 100%;
}

.tpl-about-header {
    display: block;
    width: 100%;
    padding: 60px 0px;
    background-color: #ffffff;
}

.tpl-about-header h1 {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    line-height: 54px;
    font-size: 48px;
    font-weight: 400;
    color: #4d4d4d;
}

.tpl-about-content {
    display: block;
    width: 100%;
    padding: 80px 0px;
    background-color: #f7f7f7;
}

.tpl-about-content article {
    position: relative;
    display: block;
    width: 100%;
    min-height: 289px;
    padding-top: 40px;
    border-top: 2px solid rgba(0, 0, 0, 0.1);
    background-color: #f7f7f7;
    transition-duration: 0.5s;
}

.tpl-about-content article:hover {
    padding: 40px 15px;
    box-shadow: 0 10px 20px rgba(2, 2, 2, 0.15);
    border-radius: 0px 0px 10px 10px;
    border-top: 2px solid;
    border-image-source: -webkit-gradient( linear, left top, right top, from(#00b0ff), color-stop(49%, #b01fff), to(#ff3250));
    border-image-source: linear-gradient(90deg, #00b0ff, #b01fff 49%, #ff3250);
    border-image-slice: 60 30;
    background-color: #ffffff;
}

.tpl-about-content article h2 {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 36px;
    font-size: 30px;
    font-weight: 400;
    color: #4d4d4d;
}

.tpl-about-content article h2 a {
    display: block;
    width: 100%;
    color: #4d4d4d;
    transition-duration: 0.5s;
}

.tpl-about-content article h2 a:hover {
    text-decoration: none;
    color: #000;
}

.tpl-about-content article p {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 30px;
    font-size: 20px;
    font-weight: 300;
    color: #4d4d4d;
}

.tpl-about-content article>a {
    display: inline-block;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 18px;
    font-weight: 600;
    color: #2f5294;
    transition-duration: 0.5s;
}

.tpl-about-content article>a:hover {
    padding-left: 15px;
    text-decoration: none;
    color: #86a8e9;
}


/*
    #####################
    ###### TPL-NEWS #####
    #####################
*/

.tpl-news {
    display: block;
    width: 100%;
}

.tpl-news-header {
    display: block;
    width: 100%;
    padding: 40px 0px 80px 0px;
    background-color: #ffffff;
}

.tpl-news-header h1 {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    line-height: 54px;
    font-size: 48px;
    font-weight: 400;
    color: #4d4d4d;
}

.tpl-news-features {
    display: block;
    width: 100%;
    padding: 80px 0px 40px 0px;
    background-color: #f7f7f7;
}

.tpl-news-features article {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 480px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.tpl-news-features article header {
    display: block;
    width: 100%;
    padding: 40px;
    background-image: linear-gradient( to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}

.tpl-news-features article header h2 {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    line-height: 30px;
    font-size: 26px;
    font-weight: 600;
    color: #ffffff;
}

.tpl-news-features article header h2 a {
    color: #ffffff;
    transition-duration: 0.5s;
}

.tpl-news-features article header h2 a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.6);
}

.tpl-news-features article header p {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
}

.tpl-news-features article header>a {
    display: block;
    width: 100%;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 18px;
    font-weight: 600;
    color: #86a8e9;
    transition-duration: 0.5s;
}

.tpl-news-features article header>a:hover {
    padding-left: 15px;
    text-decoration: none;
    color: #ffffff;
}

.tpl-news-content {
    display: block;
    width: 100%;
    padding: 40px 0px 80px 0px;
    background-color: #f7f7f7;
}

.tpl-news-content-sidebar {
    display: block;
    width: 100%;
}

.tpl-news-content-sidebar article {
    display: block;
    width: 100%;
}

.tpl-news-content-sidebar article h4 {
    display: none;
    width: 100%;
    margin-bottom: 30px;
    line-height: 30px;
    font-size: 24px;
    font-weight: 600;
    color: #265dc4;
}

.tpl-news-content-sidebar ul {
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.tpl-news-content-sidebar ul li {
    display: block;
    width: 100%;
    margin-bottom: 30px;
}

.tpl-news-content-sidebar ul li:last-child {
    margin-bottom: 0px;
}

.tpl-news-content-sidebar ul li a {
    display: block;
    width: 100%;
    padding: 30px;
    box-shadow: 5px 8px 10px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    background-color: #ffffff;
    line-height: 20px;
    font-size: 20px;
    font-weight: 400;
    color: #666666;
    transition-duration: 0.5s;
}

.tpl-news-content-sidebar ul li a:hover {
    text-decoration: none;
    transform: scale(1.1);
    color: #333;
}

.tpl-news-content-search {
    display: block;
    width: 100%;
    margin-bottom: 40px;
}

.tpl-news-content-search form {
    display: flex;
    width: 100%;
    border-radius: 3px;
    border: 1px solid rgba(204, 204, 204, 0.5);
    background-color: #ffffff;
    overflow: hidden;
}

.tpl-news-content-search form input {
    display: block;
    width: 100%;
    padding: 15px;
    outline: none;
    border: none;
    line-height: 18px;
    font-size: 18px;
    font-weight: 300;
    color: #4d4d4d;
}

.tpl-news-content-search form input::placeholder {
    color: #b3b3b3;
}

.tpl-news-content-search form button {
    display: block;
    padding: 15px;
    outline: none;
    border: none;
    background-color: transparent;
    line-height: 18px;
    font-size: 18px;
    font-weight: 300;
    color: #b3b3b3;
    transition-duration: 0.5s;
}

.tpl-news-content-search form button:hover {
    transform: scale(1.1);
    color: #4d4d4d;
}

.tpl-news-content-list {
    display: block;
    width: 100%;
}

.tpl-news-content-list article {
    display: block;
    width: 100%;
    padding: 0px 0px 40px 0px;
    margin: 0px 0px 40px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.tpl-news-content-list article:last-child {
    border-bottom: none;
}

.tpl-news-content-list article span {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    line-height: 18px;
    font-size: 18px;
    font-weight: 400;
    color: #265dc4;
}

.tpl-news-content-list article h2 {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 36px;
    font-size: 30px;
    font-weight: 400;
    color: #265dc4;
}

.tpl-news-content-list article h2 a {
    display: block;
    width: 100%;
    color: #265dc4;
    transition-duration: 0.5s;
}

.tpl-news-content-list article h2 a:hover {
    text-decoration: none;
    color: #86a8e9;
}

.tpl-news-content-list article p {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 30px;
    font-size: 20px;
    font-weight: 400;
    color: #4d4d4d;
}

.tpl-news-content-list article>a {
    display: inline-block;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 18px;
    font-weight: 600;
    color: #265dc4;
    transition-duration: 0.5s;
}

.tpl-news-content-list article>a:hover {
    padding-left: 15px;
    text-decoration: none;
    color: #86a8e9;
}


/*
    ######################
    ###### TPL-WORLD #####
    ######################
*/

.tpl-world {
    display: block;
    width: 100%;
}

.tpl-world-header {
    display: block;
    width: 100%;
    padding: 60px 0px 40px 0px;
    background-color: #ffffff;
}

.tpl-world-header h1 {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    line-height: 54px;
    font-size: 48px;
    font-weight: 400;
    color: #4d4d4d;
}

.tpl-world-content {
    display: block;
    width: 100%;
    padding: 40px 0px 100px 0px;
    background-color: #fff;
}

.tpl-world-content-link {
    display: block;
    width: 230px;
    max-width: 100%;
    padding: 20px;
    border-radius: 3px;
    border: none;
    background-color: #0372b7;
    text-transform: uppercase;
    text-align: center;
    line-height: 16px;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    transition-duration: 0.5s;
}

.tpl-world-content-link:hover {
    text-decoration: none;
    background-image: linear-gradient(to top, #db2147 0%, #3d81d5 100%);
    transform: scale(1.1);
    color: #ffffff;
}


/*
    ########################
    ###### TPL-SUPPORT #####
    ########################
*/

.tpl-support {
    display: block;
    width: 100%;
}

.tpl-support-header {
    display: block;
    width: 100%;
    padding: 60px 0px;
    background-color: #ffffff;
}

.tpl-support-header h1 {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    line-height: 54px;
    font-size: 48px;
    font-weight: 400;
    color: #4d4d4d;
}

.tpl-support-content {
    display: block;
    width: 100%;
    padding: 80px 0px;
    background-color: #f7f7f7;
}

.tpl-support-content article {
    display: block;
    width: 100%;
    min-height: 357px;
    padding-top: 40px;
    border-top: 2px solid rgba(0, 0, 0, 0.1);
    background-color: #f7f7f7;
    transition-duration: 0.5s;
}

.tpl-support-content article:hover {
    padding: 40px 15px;
    box-shadow: 0 10px 20px rgba(2, 2, 2, 0.15);
    border-radius: 0px 0px 10px 10px;
    border-top: 2px solid;
    border-image-source: -webkit-gradient( linear, left top, right top, from(#00b0ff), color-stop(49%, #b01fff), to(#ff3250));
    border-image-source: linear-gradient(90deg, #00b0ff, #b01fff 49%, #ff3250);
    border-image-slice: 60 30;
    background-color: #ffffff;
}

.tpl-support-content article h2 {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 36px;
    font-size: 30px;
    font-weight: 400;
    color: #4d4d4d;
}

.tpl-support-content article h2 a {
    display: block;
    width: 100%;
    color: #4d4d4d;
    transition-duration: 0.5s;
}

.tpl-support-content article h2 a:hover {
    text-decoration: none;
    color: #000;
}

.tpl-support-content article p {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 30px;
    font-size: 20px;
    font-weight: 300;
    color: #4d4d4d;
}

.tpl-support-content article>a {
    display: inline-block;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 18px;
    font-weight: 600;
    color: #2f5294;
    transition-duration: 0.5s;
}

.tpl-support-content article>a:hover {
    padding-left: 15px;
    text-decoration: none;
    color: #86a8e9;
}


/*
    #####################
    ###### TPL-BANK #####
    #####################
*/

.tpl-bank {
    display: block;
    width: 100%;
}

.tpl-bank-background {
    position: relative;
    display: block;
    width: 100%;
    padding: 0px 0px 160px 0px;
    background-color: #ffffff;
    background-image: url("assets/img/backgrounds/banner_automocao_bancaria.png");
    background-size: 100%;
    background-position: right top;
    background-repeat: no-repeat;
}

.tpl-bank-header {
    display: block;
    width: 100%;
    padding: 80px 0px 150px 0px;
}

.tpl-bank-header h1 {
    display: block;
    width: 556px;
    max-width: 100%;
    margin-bottom: 40px;
    line-height: 54px;
    font-size: 48px;
    font-weight: 400;
    color: #fff;
}

.tpl-bank-header button {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0px;
    padding: 0px;
    outline: none;
    border: none;
    background-color: transparent;
    line-height: 20px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    transition-duration: 0.5s;
}

.tpl-bank-header button:hover {
    text-decoration: none;
    padding-left: 15px;
}

.tpl-bank-header button img {
    margin-right: 15px;
}

.tpl-bank-news {
    display: block;
    width: 100%;
}

.tpl-bank-news .container {
    max-width: 1430px;
}

.tpl-bank-news .slick-news {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.tpl-bank-news .slick-news .slick-dots {
    top: 0px;
    bottom: initial;
    left: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 816.66px;
    max-width: 100%;
    height: 60px;
    margin: 0 auto;
    padding: 20px 40px;
    background-color: #ffffff;
    z-index: 90;
}

.tpl-bank-news .slick-news .slick-dots li {
    width: 58px;
    height: 4px;
}

.tpl-bank-news .slick-news .slick-dots li button {
    width: 58px;
    height: 4px;
}

.tpl-bank-news .slick-news .slick-dots li button:before {
    width: 58px;
    height: 4px;
    background-color: #265dc4;
    content: "";
}

.tpl-bank-news .slick-news .slick-prev,
.tpl-bank-news .slick-news .slick-next {
    width: 48px;
    height: 48px;
    z-index: 90;
}

.tpl-bank-news .slick-news .slick-prev {
    left: 35px;
}

.tpl-bank-news .slick-news .slick-next {
    right: 35px;
}

.tpl-bank-news .slick-news .slick-prev:before,
.tpl-bank-news .slick-news .slick-next:before {
    content: "";
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 48px;
    font-size: 48px;
    font-weight: 900;
    color: #1e3f54;
}

.tpl-bank-news .slick-news .slick-prev:before {
    content: "\f053";
}

.tpl-bank-news .slick-news .slick-next:before {
    content: "\f054";
}

.tpl-bank-news article {
    display: block;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.tpl-bank-news article .row {
    margin: 0px;
}

.tpl-bank-news article .row .col-12 {
    padding: 0px;
}

.tpl-bank-news article header {
    display: block;
    width: 100%;
    height: 420px;
    padding: 120px 120px 60px 120px;
    background-color: rgba(247, 247, 247, 0.9);
}

.tpl-bank-news article header h2 {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    line-height: 36px;
    font-size: 30px;
    font-weight: 400;
    color: #265dc4;
}

.tpl-bank-news article header h2 a {
    display: block;
    width: 100%;
    color: #265dc4;
    transition-duration: 0.5s;
}

.tpl-bank-news article header h2 a:hover {
    text-decoration: none;
    color: #86a8e9;
}

.tpl-bank-news article header p {
    display: block;
    width: 100%;
    margin-bottom: 25px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 400;
    color: #4d4d4d;
}

.tpl-bank-news article header>a {
    display: block;
    width: 212px;
    max-width: 100%;
    padding: 15px;
    box-shadow: 4px 5px 10px #265dc4;
    border-radius: 26px;
    background-color: #265dc4;
    text-transform: uppercase;
    text-align: center;
    line-height: 18px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    transition-duration: 0.5s;
}

.tpl-bank-news article header>a:hover {
    box-shadow: 4px 5px 10px #86a8e9;
    background-color: #86a8e9;
    text-decoration: none;
    transform: scale(1.1);
}

.tpl-bank-news article .thumb {
    display: block;
    width: 100%;
    height: 420px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.tpl-bank-banner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    width: 100%;
    min-height: 414px;
    padding: 80px 0px;
    background-color: #575b6e;
}

.tpl-bank-banner .row .col-12 {
    position: initial;
}

.tpl-bank-banner-thumb {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 512px;
    max-width: 100%;
}

.tpl-bank-banner-header {
    display: block;
    width: 100%;
    max-width: 100%;
}

.tpl-bank-banner-header h2 {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 54px;
    font-size: 48px;
    font-weight: 300;
    color: #ffffff;
}

.tpl-bank-banner-header p {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 300;
    color: #ffffff;
}

.tpl-bank-banner-header a {
    display: inline-block;
    margin: 5px 20px 5px 0px;
    padding: 15px 30px;
    box-shadow: 4px 5px 10px #265dc4;
    border-radius: 26px;
    background-color: #00a5f6;
    text-transform: uppercase;
    text-align: center;
    line-height: 18px;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    transition-duration: 0.5s;
}

.tpl-bank-banner-header a:hover {
    text-decoration: none;
    transform: scale(1.1);
    background-color: #265dc4;
}

.tpl-bank-banner-header a:last-child {
    margin: 5px 0px;
}

.tpl-bank-services {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-bottom: 80px;
    background-color: rgba(245, 246, 248, 0.9);
}

.tpl-bank-services .container {
    max-width: 1150px;
    padding: 80px 15px;
    background-color: rgba(245, 246, 248, 0.9);
    z-index: 1;
}

.tpl-bank-services .line {
    position: absolute;
    top: -51px;
    left: 50%;
    display: block;
    width: 1px;
    height: calc(100% + 112px);
    background: -webkit-gradient( linear, left top, left bottom, from(#00b0ff), color-stop(49%, #b01fff), to(#ff3250));
    background: linear-gradient(180deg, #00b0ff, #b01fff 49%, #ff3250);
    z-index: 0;
}

.tpl-bank-services .line:before {
    position: absolute;
    top: 0;
    left: -1px;
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #00b0ff;
}

.tpl-bank-services .line:after {
    position: absolute;
    bottom: 0;
    left: -40px;
    content: "";
    display: block;
    width: 80px;
    height: 1px;
    background: -webkit-gradient( linear, left top, right top, from(rgba(255, 50, 80, 0)), color-stop(40%, #ff3250), color-stop(60%, #ff3250), to(rgba(255, 50, 80, 0)));
    background: linear-gradient( 90deg, rgba(255, 50, 80, 0), #ff3250 40%, #ff3250 60%, rgba(255, 50, 80, 0));
}

.tpl-bank-services article {
    position: relative;
    display: block;
    width: 100%;
    height: 396px;
    border-radius: 8px;
    overflow: hidden;
    transition-duration: 0.5s;
    overflow: hidden;
}

.tpl-bank-services article:hover {
    box-shadow: 0 16px 32px 0 rgb(78 80 97 / 16%);
    background-color: #ffffff;
}

.tpl-bank-services article .thumb {
    display: block;
    width: 100%;
    height: 159px;
    border-radius: 8px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition-duration: 0.5s;
    overflow: hidden;
}

.tpl-bank-services article:hover .thumb {
    border-radius: 8px 8px 0px 0px;
}

.tpl-bank-services article header {
    display: block;
    width: 100%;
    padding: 20px 15px;
}

.tpl-bank-services article header h2 {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 400;
    color: #030303;
}

.tpl-bank-services article header h2 a {
    display: block;
    width: 100%;
    color: #030303;
    transition-duration: 0.5s;
}

.tpl-bank-services article header h2 a:hover {
    text-decoration: none;
    color: #555;
}

.tpl-bank-services article header p {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #030303;
}

.tpl-bank-services article header>a {
    position: absolute;
    bottom: 20px;
    left: 15px;
    right: 15px;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 18px;
    font-weight: 600;
    color: #265dc4;
    transition-duration: 0.5s;
}

.tpl-bank-services article header>a:hover {
    padding-left: 15px;
    text-decoration: none;
    color: #86a8e9;
}


/*
    ###########################
    ###### TPL-COMMERCIAL #####
    ###########################
*/

.tpl-commercial {
    display: block;
    width: 100%;
}

.tpl-commercial-background {
    position: relative;
    display: block;
    width: 100%;
    padding: 0px 0px 160px 0px;
    background-color: #ffffff;
    background-image: url("assets/img/backgrounds/background-cloud.png");
    background-size: 100%;
    background-position: right top;
    background-repeat: no-repeat;
}

.tpl-commercial-header {
    display: block;
    width: 100%;
    padding: 80px 0px 150px 0px;
}

.tpl-commercial-header h1 {
    display: block;
    width: 556px;
    max-width: 100%;
    margin-bottom: 40px;
    line-height: 54px;
    font-size: 48px;
    font-weight: 400;
    color: #4d4d4d;
}

.tpl-commercial-header button {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0px;
    padding: 0px;
    outline: none;
    border: none;
    background-color: transparent;
    line-height: 20px;
    font-size: 20px;
    font-weight: 600;
    color: #265dc4;
    transition-duration: 0.5s;
}

.tpl-commercial-header button:hover {
    text-decoration: none;
    padding-left: 15px;
}

.tpl-commercial-header button img {
    margin-right: 15px;
}

.tpl-commercial-news {
    display: block;
    width: 100%;
}

.tpl-commercial-news .container {
    max-width: 1430px;
}

.tpl-commercial-news .slick-news {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.tpl-commercial-news .slick-news .slick-dots {
    top: 0px;
    bottom: initial;
    left: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 816.66px;
    max-width: 100%;
    height: 60px;
    margin: 0 auto;
    padding: 20px 40px;
    border-radius: 20px 0px 0px 0px;
    background-color: #ffffff;
    z-index: 90;
}

.tpl-commercial-news .slick-news .slick-dots li {
    width: 58px;
    height: 4px;
}

.tpl-commercial-news .slick-news .slick-dots li button {
    width: 58px;
    height: 4px;
}

.tpl-commercial-news .slick-news .slick-dots li button:before {
    width: 58px;
    height: 4px;
    background-color: #265dc4;
    content: "";
}

.tpl-commercial-news .slick-news .slick-prev,
.tpl-commercial-news .slick-news .slick-next {
    width: 48px;
    height: 48px;
    z-index: 90;
}

.tpl-commercial-news .slick-news .slick-prev {
    left: 35px;
}

.tpl-commercial-news .slick-news .slick-next {
    right: 35px;
}

.tpl-commercial-news .slick-news .slick-prev:before,
.tpl-commercial-news .slick-news .slick-next:before {
    content: "";
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 48px;
    font-size: 48px;
    font-weight: 900;
    color: #1e3f54;
}

.tpl-commercial-news .slick-news .slick-prev:before {
    content: "\f053";
}

.tpl-commercial-news .slick-news .slick-next:before {
    content: "\f054";
}

.tpl-commercial-news article {
    display: block;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.tpl-commercial-news article .row {
    margin: 0px;
}

.tpl-commercial-news article .row .col-12 {
    padding: 0px;
}

.tpl-commercial-news article header {
    display: block;
    width: 100%;
    height: 420px;
    padding: 120px 120px 60px 120px;
    background-color: rgba(247, 247, 247, 0.9);
}

.tpl-commercial-news article header h2 {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    line-height: 36px;
    font-size: 30px;
    font-weight: 400;
    color: #265dc4;
}

.tpl-commercial-news article header h2 a {
    display: block;
    width: 100%;
    color: #265dc4;
    transition-duration: 0.5s;
}

.tpl-commercial-news article header h2 a:hover {
    text-decoration: none;
    color: #86a8e9;
}

.tpl-commercial-news article header p {
    display: block;
    width: 100%;
    margin-bottom: 25px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 400;
    color: #4d4d4d;
}

.tpl-commercial-news article header>a {
    display: block;
    width: 212px;
    max-width: 100%;
    padding: 15px;
    box-shadow: 4px 5px 10px #265dc4;
    border-radius: 26px;
    background-color: #265dc4;
    text-transform: uppercase;
    text-align: center;
    line-height: 18px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    transition-duration: 0.5s;
}

.tpl-commercial-news article header>a:hover {
    box-shadow: 4px 5px 10px #86a8e9;
    background-color: #86a8e9;
    text-decoration: none;
    transform: scale(1.1);
}

.tpl-commercial-news article .thumb {
    display: block;
    width: 100%;
    height: 420px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.tpl-commercial-banner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    width: 100%;
    min-height: 414px;
    padding: 80px 0px;
    background-color: #575b6e;
}

.tpl-commercial-banner .row .col-12 {
    position: initial;
}

.tpl-commercial-banner-thumb {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 512px;
    max-width: 100%;
}

.tpl-commercial-banner-header {
    display: block;
    width: 100%;
    max-width: 100%;
}

.tpl-commercial-banner-header h2 {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 54px;
    font-size: 48px;
    font-weight: 300;
    color: #ffffff;
}

.tpl-commercial-banner-header p {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 300;
    color: #ffffff;
}

.tpl-commercial-banner-header a {
    display: inline-block;
    margin: 5px 20px 5px 0px;
    padding: 15px 30px;
    box-shadow: 4px 5px 10px #265dc4;
    border-radius: 26px;
    background-color: #00a5f6;
    text-transform: uppercase;
    text-align: center;
    line-height: 18px;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    transition-duration: 0.5s;
}

.tpl-commercial-banner-header a:hover {
    text-decoration: none;
    transform: scale(1.1);
    background-color: #265dc4;
}

.tpl-commercial-banner-header a:last-child {
    margin: 5px 0px;
}

.tpl-commercial-services {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-bottom: 80px;
    background-color: rgba(245, 246, 248, 0.9);
}

.tpl-commercial-services .container {
    max-width: 1150px;
    padding: 80px 15px;
    background-color: rgba(245, 246, 248, 0.9);
    z-index: 1;
}

.tpl-commercial-services .line {
    position: absolute;
    top: -51px;
    left: 50%;
    display: block;
    width: 1px;
    height: calc(100% + 112px);
    background: -webkit-gradient( linear, left top, left bottom, from(#00b0ff), color-stop(49%, #b01fff), to(#ff3250));
    background: linear-gradient(180deg, #00b0ff, #b01fff 49%, #ff3250);
    z-index: 0;
}

.tpl-commercial-services .line:before {
    position: absolute;
    top: 0;
    left: -1px;
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #00b0ff;
}

.tpl-commercial-services .line:after {
    position: absolute;
    bottom: 0;
    left: -40px;
    content: "";
    display: block;
    width: 80px;
    height: 1px;
    background: -webkit-gradient( linear, left top, right top, from(rgba(255, 50, 80, 0)), color-stop(40%, #ff3250), color-stop(60%, #ff3250), to(rgba(255, 50, 80, 0)));
    background: linear-gradient( 90deg, rgba(255, 50, 80, 0), #ff3250 40%, #ff3250 60%, rgba(255, 50, 80, 0));
}

.tpl-commercial-services article {
    position: relative;
    display: block;
    width: 100%;
    height: 396px;
    border-radius: 8px;
    overflow: hidden;
    transition-duration: 0.5s;
}

.tpl-commercial-services article:hover {
    box-shadow: 0 16px 32px 0 rgb(78 80 97 / 16%);
    background-color: #ffffff;
}

.tpl-commercial-services article .thumb {
    display: block;
    width: 100%;
    height: 159px;
    border-radius: 8px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    transition-duration: 0.5s;
}

.tpl-commercial-services article:hover .thumb {
    border-radius: 8px 8px 0px 0px;
}

.tpl-commercial-services article header {
    display: block;
    width: 100%;
    padding: 20px 15px;
}

.tpl-commercial-services article header h2 {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 400;
    color: #030303;
}

.tpl-commercial-services article header h2 a {
    display: block;
    width: 100%;
    color: #030303;
    transition-duration: 0.5s;
}

.tpl-commercial-services article header h2 a:hover {
    text-decoration: none;
    color: #555;
}

.tpl-commercial-services article header p {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #030303;
}

.tpl-commercial-services article header>a {
    position: absolute;
    bottom: 20px;
    left: 15px;
    right: 15px;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 18px;
    font-weight: 600;
    color: #265dc4;
    transition-duration: 0.5s;
}

.tpl-commercial-services article header>a:hover {
    padding-left: 15px;
    text-decoration: none;
    color: #86a8e9;
}


/*
    #########################
    ###### TPL-SOFTWARE #####
    #########################
*/

.tpl-software {
    display: block;
    width: 100%;
}

.tpl-software-menu-list {
    display: block;
    width: 100%;
    background-color: #4d4d4d;
}

.tpl-software-menu-list .container {
    max-width: 1832px;
}

.tpl-software-menu-list .container .row {
    margin-left: 0px;
    margin-right: 0px;
}

.tpl-software-menu-list .container .row .col-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.tpl-software-menu-list a {
    display: block;
    width: 100%;
    padding: 20px 0px;
    text-transform: uppercase;
    text-align: center;
    line-height: 18px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    transition-duration: 0.5s;
}

.tpl-software-menu-list a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.7);
}

.tpl-software-background {
    position: relative;
    display: block;
    width: 100%;
    padding: 0px 0px 160px 0px;
    background-color: #ffffff;
    background-image: url("assets/img/backgrounds/background-cloud.png");
    background-size: 100%;
    background-position: right top;
    background-repeat: no-repeat;
}

.tpl-software-header {
    display: block;
    width: 100%;
    padding: 60px 0px 150px 0px;
}

.tpl-software-header h1 {
    display: block;
    width: 430px;
    max-width: 100%;
    margin-bottom: 40px;
    line-height: 54px;
    font-size: 48px;
    font-weight: 400;
    color: #4d4d4d;
}

.tpl-software-header button {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0px;
    padding: 0px;
    outline: none;
    border: none;
    background-color: transparent;
    line-height: 20px;
    font-size: 20px;
    font-weight: 600;
    color: #265dc4;
    transition-duration: 0.5s;
}

.tpl-software-header button:hover {
    text-decoration: none;
    padding-left: 15px;
}

.tpl-software-header button img {
    margin-right: 15px;
}

.tpl-software-news {
    display: block;
    width: 100%;
}

.tpl-software-news .container {
    max-width: 1430px;
}

.tpl-software-news .slick-news {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.tpl-software-news .slick-news .slick-dots {
    top: 0px;
    bottom: initial;
    left: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 816.66px;
    max-width: 100%;
    height: 60px;
    margin: 0 auto;
    padding: 20px 40px;
    border-radius: 20px 0px 0px 0px;
    background-color: #ffffff;
    z-index: 90;
}

.tpl-software-news .slick-news .slick-dots li {
    width: 58px;
    height: 4px;
}

.tpl-software-news .slick-news .slick-dots li button {
    width: 58px;
    height: 4px;
}

.tpl-software-news .slick-news .slick-dots li button:before {
    width: 58px;
    height: 4px;
    background-color: #265dc4;
    content: "";
}

.tpl-software-news .slick-news .slick-prev,
.tpl-software-news .slick-news .slick-next {
    width: 48px;
    height: 48px;
    z-index: 90;
}

.tpl-software-news .slick-news .slick-prev {
    left: 35px;
}

.tpl-software-news .slick-news .slick-next {
    right: 35px;
}

.tpl-software-news .slick-news .slick-prev:before,
.tpl-software-news .slick-news .slick-next:before {
    content: "";
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 48px;
    font-size: 48px;
    font-weight: 900;
    color: #1e3f54;
}

.tpl-software-news .slick-news .slick-prev:before {
    content: "\f053";
}

.tpl-software-news .slick-news .slick-next:before {
    content: "\f054";
}

.tpl-software-news article {
    display: block;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.tpl-software-news article .row {
    margin: 0px;
}

.tpl-software-news article .row .col-12 {
    padding: 0px;
}

.tpl-software-news article header {
    display: block;
    width: 100%;
    height: 420px;
    padding: 120px 120px 60px 120px;
    background-color: rgba(247, 247, 247, 0.9);
}

.tpl-software-news article header h2 {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    line-height: 36px;
    font-size: 30px;
    font-weight: 400;
    color: #265dc4;
}

.tpl-software-news article header h2 a {
    display: block;
    width: 100%;
    color: #265dc4;
    transition-duration: 0.5s;
}

.tpl-software-news article header h2 a:hover {
    text-decoration: none;
    color: #86a8e9;
}

.tpl-software-news article header p {
    display: block;
    width: 100%;
    margin-bottom: 25px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 400;
    color: #4d4d4d;
}

.tpl-software-news article header>a {
    display: block;
    width: 212px;
    max-width: 100%;
    padding: 15px;
    box-shadow: 4px 5px 10px #265dc4;
    border-radius: 26px;
    background-color: #265dc4;
    text-transform: uppercase;
    text-align: center;
    line-height: 18px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    transition-duration: 0.5s;
}

.tpl-software-news article header>a:hover {
    box-shadow: 4px 5px 10px #86a8e9;
    background-color: #86a8e9;
    text-decoration: none;
    transform: scale(1.1);
}

.tpl-software-news article .thumb {
    display: block;
    width: 100%;
    height: 420px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.tpl-software-banner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    width: 100%;
    min-height: 414px;
    padding: 80px 0px;
    background-image: url("assets/img/backgrounds/background-bussiness.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.tpl-software-banner .row .col-12 {
    position: initial;
}

.tpl-software-banner .row .col-12:last-child {
    z-index: 90;
}

.tpl-software-banner-thumb {
    position: absolute;
    bottom: 0px;
    left: 160px;
    width: 512px;
    max-width: 100%;
}

.tpl-software-banner-header {
    display: block;
    width: 100%;
    max-width: 100%;
}

.tpl-software-banner-header h2 {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 54px;
    font-size: 48px;
    font-weight: 300;
    color: #ffffff;
}

.tpl-software-banner-header p {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 300;
    color: #ffffff;
}

.tpl-software-banner-header a {
    display: inline-block;
    padding: 15px 30px;
    margin: 5px 20px 5px 0px;
    box-shadow: 4px 5px 10px #265dc4;
    border-radius: 26px;
    background-color: #00a5f6;
    text-transform: uppercase;
    text-align: center;
    line-height: 18px;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    transition-duration: 0.5s;
}

.tpl-software-banner-header a:hover {
    text-decoration: none;
    transform: scale(1.1);
    background-color: #265dc4;
}

.tpl-software-banner-header a:last-child {
    margin: 5px 0px;
}

.tpl-software-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-bottom: 80px;
    background-color: rgba(245, 246, 248, 0.9);
}

.tpl-software-list .container {
    max-width: 1150px;
    padding: 80px 15px;
    background-color: rgba(245, 246, 248, 0.9);
    z-index: 1;
}

.tpl-software-list .line {
    position: absolute;
    top: -51px;
    left: 50%;
    display: block;
    width: 1px;
    height: calc(100% + 112px);
    background: -webkit-gradient( linear, left top, left bottom, from(#00b0ff), color-stop(49%, #b01fff), to(#ff3250));
    background: linear-gradient(180deg, #00b0ff, #b01fff 49%, #ff3250);
    z-index: 0;
}

.tpl-software-list .line:before {
    position: absolute;
    top: 0;
    left: -1px;
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #00b0ff;
}

.tpl-software-list .line:after {
    position: absolute;
    bottom: 0;
    left: -40px;
    content: "";
    display: block;
    width: 80px;
    height: 1px;
    background: -webkit-gradient( linear, left top, right top, from(rgba(255, 50, 80, 0)), color-stop(40%, #ff3250), color-stop(60%, #ff3250), to(rgba(255, 50, 80, 0)));
    background: linear-gradient( 90deg, rgba(255, 50, 80, 0), #ff3250 40%, #ff3250 60%, rgba(255, 50, 80, 0));
}

.tpl-software-list article {
    position: relative;
    display: block;
    width: 100%;
    height: 582px;
    border-radius: 25px 25px 0px 0px;
    overflow: hidden;
}

.tpl-software-list article .thumb {
    display: block;
    width: 100%;
    height: 279px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.tpl-software-list article header {
    display: block;
    width: 100%;
    padding: 20px 30px;
}

.tpl-software-list article header h2 {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    line-height: 32px;
    font-size: 26px;
    font-weight: 400;
    color: #030303;
}

.tpl-software-list article header h2 a {
    display: block;
    width: 100%;
    color: #030303;
    transition-duration: 0.5s;
}

.tpl-software-list article header h2 a:hover {
    text-decoration: none;
    color: #555;
}

.tpl-software-list article header p {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #030303;
}

.tpl-software-list article header>a {
    position: absolute;
    bottom: 20px;
    left: 30px;
    right: 30px;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 18px;
    font-weight: 600;
    color: #265dc4;
    transition-duration: 0.5s;
}

.tpl-software-list article header>a:hover {
    padding-left: 15px;
    text-decoration: none;
    color: #86a8e9;
}


/*
    ########################
    ###### TPL-SYSTEMS #####
    ########################
*/

.tpl-systems {
    display: block;
    width: 100%;
}

.tpl-systems-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 464px;
    padding: 40px 0px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.tpl-systems-header h1 {
    display: block;
    width: 616px;
    max-width: 100%;
    margin: 0 0 10px 0;
    line-height: 54px;
    font-size: 48px;
    font-weight: 400;
    color: #ffffff;
}

.tpl-systems-header p {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 30px;
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
}

.tpl-systems-header a {
    display: inline-block;
    padding: 15px 30px;
    margin: 10px 20px 10px 0px;
    box-shadow: 5px 9px 10px rgba(0, 176, 255, 0.3);
    border-radius: 25px;
    background-color: #01b0ff;
    text-transform: uppercase;
    text-align: center;
    line-height: 16px;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    transition-duration: 0.5s;
}

.tpl-systems-header a:hover {
    box-shadow: 5px 9px 10px rgba(47, 82, 148, 0.3);
    background-color: #2f5294;
    text-decoration: none;
    transform: scale(1.1);
}

.tpl-systems-header a:last-child {
    margin: 10px 0px;
}

.tpl-systems-list {
    display: block;
    width: 100%;
}

.tpl-systems-list-header {
    display: block;
    width: 100%;
    padding: 80px 0px;
    background-color: #fff;
    text-align: center;
}

.tpl-systems-list-header h2 {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 36px;
    font-size: 30px;
    font-weight: 400;
    color: #4d4d4d;
}

.tpl-systems-list-header p {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    line-height: 34px;
    font-size: 22px;
    font-weight: 300;
    color: #4d4d4d;
}

.tpl-systems-list-content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-bottom: 80px;
    background-color: rgba(245, 246, 248, 0.9);
}

.tpl-systems-list-content .container {
    max-width: 1150px;
    padding: 80px 15px;
    background-color: rgba(245, 246, 248, 0.9);
    z-index: 1;
}

.tpl-systems-list-content .line {
    position: absolute;
    top: -51px;
    left: 50%;
    display: block;
    width: 1px;
    height: calc(100% + 112px);
    background: -webkit-gradient( linear, left top, left bottom, from(#00b0ff), color-stop(49%, #b01fff), to(#ff3250));
    background: linear-gradient(180deg, #00b0ff, #b01fff 49%, #ff3250);
    z-index: 0;
}

.tpl-systems-list-content .line:before {
    position: absolute;
    top: 0;
    left: -1px;
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #00b0ff;
}

.tpl-systems-list-content .line:after {
    position: absolute;
    bottom: 0;
    left: -40px;
    content: "";
    display: block;
    width: 80px;
    height: 1px;
    background: -webkit-gradient( linear, left top, right top, from(rgba(255, 50, 80, 0)), color-stop(40%, #ff3250), color-stop(60%, #ff3250), to(rgba(255, 50, 80, 0)));
    background: linear-gradient( 90deg, rgba(255, 50, 80, 0), #ff3250 40%, #ff3250 60%, rgba(255, 50, 80, 0));
}

/*.tpl-systems-list-content article {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 332px;
    padding: 40px;
    border-radius: 3px;
    background-color: #ffffff;
}*/

.tpl-systems-list-content article {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 450px;
    padding: 40px;
    border-radius: 3px;
    background-color: #ffffff;
}

.tpl-systems-list-content article header {
    display: block;
    flex: 0 0 calc(100% - 140px);
    max-width: calc(100% - 140px);
}

.tpl-systems-list-content article header.content-page-services {
    display: block;
    flex: 100%;
    max-width: 100%;
}

.tpl-systems-list-content article header h2,
.tpl-systems-list-content article header.content-page-services h2 {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    line-height: 30px;
    font-size: 24px;
    font-weight: 400;
    color: #4d4d4d;
}

.tpl-systems-list-content article header p,
.tpl-systems-list-content article header.content-page-services p {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 300;
    color: #4d4d4d;
}

.tpl-systems-list-content article header .more,
.tpl-systems-list-content article header.content-page-services .more {
    display: inline-block;
    text-transform: uppercase;
    line-height: 16px;
    font-size: 16px;
    font-weight: 600;
    color: #2f5294;
    transition-duration: 0.5s;
}

.tpl-systems-list-content article header .more:hover,
.tpl-systems-list-content article header.content-page-services .more:hover {
    padding-left: 15px;
    text-decoration: none;
    color: #86a8e9;
}

.tpl-systems-list-content article .thumb {
    display: block;
    flex: 0 0 120px;
    max-width: 120px;
    height: 212px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    transition-duration: 0.5s;
}
.tpl-systems-list-content article .thumb.page-services-img {
    display: block;
    flex: 100%;
    max-width: 100%;
    height: 232px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    transition-duration: 0.5s;
    margin-bottom: 15px;
}

.tpl-systems-list-content article .thumb:hover,
.tpl-systems-list-content article .thumb.page-services-img:hover {
    text-decoration: none;
}

.tpl-systems-featured {
    display: block;
    width: 100%;
    padding: 40px 0px 80px 0px;
    background-color: #ffffff;
}

.tpl-systems-featured .line {
    display: block;
    width: 1150px;
    max-width: 100%;
    height: 1px;
    margin: 0 auto;
    margin-bottom: 60px;
    background-color: rgba(0, 0, 0, 0.1);
}

.tpl-systems-featured .container {
    max-height: 1150px;
}

.tpl-systems-featured .thumb {
    display: block;
    width: 100%;
}

.tpl-systems-featured header {
    display: block;
    width: 100%;
}

.tpl-systems-featured header h2 {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    list-style: 30px;
    font-size: 24px;
    font-weight: 400;
    color: #1f1f1f;
}

.tpl-systems-featured header span {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    text-transform: uppercase;
    list-style: 24px;
    font-size: 18px;
    font-weight: 700;
    color: #1f1f1f;
}

.tpl-systems-featured header p {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    list-style: 24px;
    font-size: 18px;
    font-weight: 300;
    color: #4d4d4d;
}

.tpl-systems-featured header a {
    display: inline-block;
    text-transform: uppercase;
    list-style: 18px;
    font-size: 18px;
    font-weight: 600;
    color: #2f5294;
    transition-duration: 0.5s;
}

.tpl-systems-featured header a:hover {
    text-decoration: none;
    padding-left: 15px;
    color: #86a8e9;
}

.tpl-systems-testemonial {
    display: block;
    width: 100%;
    padding: 0px 15px 80px 15px;
    text-align: center;
}

.tpl-systems-testemonial .container {
    position: relative;
    max-width: 1150px;
    padding: 60px;
    border-radius: 8px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #f5f6f8;
}

.tpl-systems-testemonial .container:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 5px;
    width: 80%;
    height: 60%;
    box-shadow: 11px -8px 82px 13px #0082bc;
    transform: translate(10%, 0%);
    z-index: -1;
}

.tpl-systems-testemonial p {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #4d4d4d;
}

.tpl-systems-testemonial .line {
    display: block;
    width: 128px;
    max-width: 100%;
    height: 1px;
    margin: 0 auto 30px auto;
    background-image: linear-gradient(to top, #db2147 0%, #3d81d5 100%);
}

.tpl-systems-testemonial h2 {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    text-transform: uppercase;
    line-height: 24px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

.tpl-systems-testemonial span {
    display: block;
    width: 100%;
    line-height: 24px;
    font-size: 16px;
    font-weight: 600;
    color: #4e5061;
}

.tpl-systems-news {
    display: block;
    width: 100%;
    padding: 40px 0px 80px 0px;
    background-color: #fff;
}

.tpl-systems-news-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
}

.tpl-systems-news-header h2 {
    display: inline-block;
    margin-bottom: 0px;
    margin-right: 30px;
    line-height: 36px;
    font-size: 30px;
    font-weight: 400;
    color: #1f1f1f;
}

.tpl-systems-news-header a {
    display: inline-block;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 18px;
    font-weight: 600;
    color: #265dc4;
    transition-duration: 0.5s;
}

.tpl-systems-news-header a:hover {
    text-decoration: none;
    padding-left: 15px;
    color: #86a8e9;
}

.tpl-systems-news-list {
    display: block;
    width: 100%;
}

.tpl-systems-news-list article {
    display: block;
    width: 100%;
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.tpl-systems-news-list article .thumb {
    display: block;
    width: 100%;
    height: 212px;
    border-radius: 25px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.tpl-systems-news-list article header {
    display: block;
    width: 100%;
}

.tpl-systems-news-list article header h3 {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 30px;
    font-size: 20px;
    font-weight: 400;
    color: #86a8e9;
}

.tpl-systems-news-list article header h3 a {
    display: block;
    width: 100%;
    color: #86a8e9;
    transition-duration: 0.5s;
}

.tpl-systems-news-list article header h3 a:hover {
    text-decoration: none;
    color: #2f5294;
}

.tpl-systems-news-list article header p {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 600;
    color: #4d4d4d;
}


/*
    ########################
    ###### TPL-CONTACT #####
    ########################
*/

.tpl-contact {
    display: block;
    width: 100%;
    padding: 40px 0px 80px 0px;
    background-color: #ffffff;
}

.tpl-contact-header {
    display: block;
    width: 100%;
    margin-bottom: 40px;
}

.tpl-contact-header h1 {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    line-height: 54px;
    font-size: 48px;
    font-weight: 400;
    color: #4d4d4d;
}

.tpl-contact-header p {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    line-height: 24px;
    font-size: 20px;
    font-weight: 300;
    color: #4d4d4d;
}

.tpl-contact-content {
    display: block;
    width: 100%;
}

.tpl-contact-content form {
    display: block;
    width: 100%;
}

.tpl-contact-content form label {
    display: block;
    width: 100%;
    line-height: 15px;
    font-size: 15px;
    font-weight: 400;
    color: #000000;
}

.tpl-contact-content form input,
.tpl-contact-content form select,
.tpl-contact-content form textarea {
    display: block;
    width: 100%;
    padding: 10px 0px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: #000;
    line-height: 15px;
    font-size: 15px;
    font-weight: 400;
    color: #000000;
}

.tpl-contact-content form input::placeholder,
.tpl-contact-content form select option {
    display: block;
    width: 100%;
    line-height: 15px;
    font-size: 15px;
    font-weight: 400;
    color: #000000;
}

.tpl-contact-content form textarea {
    padding: 10px 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.tpl-contact-content form button {
    display: block;
    width: 230px;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    outline: none;
    border-radius: 3px;
    border: none;
    background-color: #0372b7;
    text-transform: uppercase;
    text-align: center;
    line-height: 16px;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    transition-duration: 0.5s;
}

.tpl-contact-content form button:hover {
    background-image: linear-gradient(to top, #db2147 0%, #3d81d5 100%);
    transform: scale(1.1);
}


/*
    ###################
    ###### SINGLE #####
    ###################
*/

.single {
    display: block;
    width: 100%;
}

.single-header {
    display: block;
    width: 100%;
    padding: 40px 0px 80px 0px;
    background-color: #ffffff;
}

.single-header h1 {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    line-height: 54px;
    font-size: 48px;
    font-weight: 400;
    color: #4d4d4d;
}

.single-container {
    display: block;
    width: 100%;
    padding: 80px 0px;
    background-color: #f7f7f7;
}

.single-container-links {
    display: block;
    width: 100%;
}

.single-container-links a {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    padding: 30px;
    box-shadow: 5px 8px 10px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    background-color: #ffffff;
    line-height: 20px;
    font-size: 20px;
    font-weight: 400;
    color: #666666;
    transition-duration: 0.5s;
}

.single-container-links a:hover {
    text-decoration: none;
    transform: scale(1.1);
    color: #333;
}

.single-container-links a:last-child {
    margin-bottom: 0px;
}

.single-container-content {
    display: block;
    width: 100%;
}

.tpl-news-container-content-header {
    display: block;
    width: 100%;
    margin-bottom: 40px;
}

.tpl-news-container-content-header span {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    line-height: 18px;
    font-size: 18px;
    font-weight: 700;
    color: #265dc4;
}

.tpl-news-container-content-header h2 {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 42px;
    font-size: 36px;
    font-weight: 400;
    color: #265dc4;
}

.tpl-news-container-content-header img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.single .section-news {
    background-color: #fff;
}


/*
    ############################
    ###### SINGLE-SUPPORTS #####
    ############################
*/

.single-supports {
    display: block;
    width: 100%;
}

.single-supports-header {
    display: block;
    width: 100%;
    padding: 60px 0px 40px 0px;
    background-color: #ffffff;
}

.single-supports-header h1 {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    line-height: 54px;
    font-size: 48px;
    font-weight: 400;
    color: #4d4d4d;
}

.single-supports-content {
    display: block;
    width: 100%;
    padding: 40px 0px 80px 0px;
    background-color: #ffffff;
}


/*
    ############################
    ###### SINGLE-SERVICES #####
    ############################
*/

.single-services {
    display: block;
    width: 100%;
    background-image: url("assets/img/backgrounds/background-cloud.png");
    background-size: 100%;
    background-position: right top 120px;
    background-repeat: no-repeat;
}

.single-services-header {
    display: block;
    width: 100%;
    padding: 80px 0px 150px 0px;
}

.single-services-header h1 {
    display: block;
    width: 556px;
    max-width: 100%;
    margin-bottom: 20px;
    line-height: 54px;
    font-size: 48px;
    font-weight: 400;
    color: #4d4d4d;
}

.single-services-header p {
    display: block;
    width: 556px;
    max-width: 100%;
    margin-bottom: 0px;
    line-height: 35px;
    font-size: 24px;
    font-weight: 400;
    color: #265dc4;
}

.single-services-content {
    display: block;
    width: 100%;
    padding: 0px 15px 80px 15px;
}

.single-services-content .container {
    padding: 60px 80px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.95);
}

.single-services-content .htmlchars {
    display: block;
    width: 100%;
}


/*
    ###########################
    ###### SINGLE-SYSTEMS #####
    ###########################
*/

.single-systems {
    display: block;
    width: 100%;
}

.single-systems-header {
    display: block;
    width: 100%;
}

.single-systems-header .container {
    padding: 80px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.single-systems-header h1 {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 54px;
    font-size: 48px;
    font-weight: 400;
    color: #4d4d4d;
}

.single-systems-header p {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 300;
    color: #4d4d4d;
}

.single-systems-header .anchor {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 24px;
    font-size: 18px;
    font-weight: 600;
    color: #265dc4;
    cursor: pointer;
}

.single-systems-header .material {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    text-transform: uppercase;
    line-height: 24px;
    font-size: 18px;
    font-weight: 700;
    color: #4d4d4d;
}

.single-systems-header .download {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    text-transform: uppercase;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #4d4d4d;
    transition-duration: 0.5s;
}

.single-systems-header .download:hover {
    text-decoration: none;
    color: #000;
}

.single-systems-content {
    display: block;
    width: 100%;
    padding: 80px 0px;
}

.single-systems-content-header {
    display: block;
    width: 100%;
}

.single-systems-content-header h2 {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    line-height: 40px;
    font-size: 36px;
    font-weight: 400;
    color: #4d4d4d;
}

.single-systems-content article {
    display: block;
    width: 100%;
    padding-bottom: 30px;
}

.single-systems-content article h3 {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 24px;
    font-size: 18px;
    font-weight: 600;
    color: #265dc4;
}

.single-systems-content article ul {
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.single-systems-content article ul li {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 600;
    color: #999999;
}

.single-systems-content article ul li:before {
    padding: 0px 5px 0px 0px;
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-size: 18px;
    font-weight: 900;
    color: #999;
}

.single-systems-content article ul li:last-child {
    margin-bottom: 0px;
}


/*
    ############################
    ###### single-softwares #####
    ############################
*/

.single-softwares {
    display: block;
    width: 100%;
    background-image: url("assets/img/backgrounds/background-cloud.png");
    background-size: 100%;
    background-position: right top 120px;
    background-repeat: no-repeat;
}

.single-softwares-menu-list {
    display: block;
    width: 100%;
    background-color: #4d4d4d;
}

.single-softwares-menu-list .container {
    max-width: 1832px;
}

.single-softwares-menu-list .container .row {
    margin-left: 0px;
    margin-right: 0px;
}

.single-softwares-menu-list .container .row .col-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.single-softwares-menu-list a {
    display: block;
    width: 100%;
    padding: 20px 0px;
    text-transform: uppercase;
    text-align: center;
    line-height: 18px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    transition-duration: 0.5s;
}

.single-softwares-menu-list a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.7);
}

.single-softwares-header {
    display: block;
    width: 100%;
    padding: 80px 0px 150px 0px;
}

.single-softwares-header h1 {
    display: block;
    width: 556px;
    max-width: 100%;
    margin-bottom: 20px;
    line-height: 54px;
    font-size: 48px;
    font-weight: 400;
    color: #4d4d4d;
}

.single-softwares-header p {
    display: block;
    width: 556px;
    max-width: 100%;
    margin-bottom: 0px;
    line-height: 35px;
    font-size: 24px;
    font-weight: 400;
    color: #265dc4;
}

.single-softwares-content {
    display: block;
    width: 100%;
    padding: 0px 0px 80px 0px;
}

.single-softwares-content .htmlchars {
    display: block;
    width: 100%;
    padding: 60px 80px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.95);
}


/*
    ########################
    ###### MAIN-FOOTER #####
    ########################
*/

.main-footer {
    display: block;
    width: 100%;
    background-color: #f7f7f7;
}

.main-footer-links {
    display: block;
    width: 100%;
    padding: 30px 0px;
}

.main-footer-links-address {
    display: block;
    width: 100%;
}

.main-footer-links-address span {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 500;
    color: #808080;
}

.main-footer-links-address a {
    display: block;
    width: 100%;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #808080;
    transition-duration: 0.5s;
}

.main-footer-links-address a:hover {
    text-decoration: none;
    color: #333;
}

.main-footer-links-menu {
    display: block;
    width: 100%;
}

.main-footer-links-menu ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0px -10px;
    padding: 0px;
    list-style: none;
}

.main-footer-links-menu ul li {
    flex: 0 0 25%;
    max-width: 25%;
    margin: 7px 0px;
    padding: 0px 10px;
}

.main-footer-links-menu li a {
    display: inline-block;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #808080;
    transition-duration: 0.5s;
}

.main-footer-links-menu a:hover {
    text-decoration: none;
    color: #333;
}

.main-footer-links-socials {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.main-footer-links-socials a {
    display: inline-block;
    margin: 5px;
    line-height: 20px;
    font-size: 18px;
    font-weight: 400;
    color: #b3b3b3;
    transition-duration: 0.5s;
}

.main-footer-links-socials a:hover {
    text-decoration: none;
    color: #333;
}

.main-footer-bottom {
    display: block;
    width: 100%;
    padding: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.main-footer-bottom ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.main-footer-bottom ul li {
    margin-right: 25px;
}

.main-footer-bottom ul li:last-child {
    margin-right: 0px;
}

.main-footer-bottom ul li a {
    display: inline-block;
    line-height: 24px;
    font-size: 18px;
    font-weight: 400;
    color: #808080;
    transition-duration: 0.5s;
}

.main-footer-bottom ul li a:hover {
    text-decoration: none;
    color: #333;
}


/*
    ##########################
    ###### MEDIA QUERIES #####
    ##########################
 */


/*1366*/

@media (max-width: 85.375em) {
    /* TPL-SOFTWARE */
    .tpl-software-banner-thumb {
        left: 80px;
        width: 440px;
    }
}


/*1200px*/

@media (max-width: 75em) {
    /* HELPERS */
    .htmlchars h1 {
        font-size: 28px;
    }
    .htmlchars h2 {
        font-size: 26px;
    }
    .htmlchars h3 {
        font-size: 24px;
    }
    .htmlchars h4 {
        font-size: 22px;
    }
    .htmlchars h5 {
        font-size: 20px;
    }
    .htmlchars h6 {
        font-size: 18px;
    }
    .htmlchars p {
        font-size: 16px;
    }
    /* MAIN-HEADER */
    .main-header {
        padding: 25px 0px;
    }
    .main-header-nav-mobile {
        display: block;
    }
    .main-header-nav {
        position: fixed;
        top: 0px;
        left: -100%;
        display: none;
        width: 100%;
        height: 100%;
        background-color: rgba(68, 31, 115, 0.5);
        z-index: 99;
    }
    .main-header-nav-submenu,
    .main-header-nav-automation {
        display: block;
        width: 100%;
    }
    .main-header-nav-menu ul,
    .main-header-nav-submenu ul {
        display: block;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }
    .main-header-nav-menu span {
        display: block;
    }
    .main-header-nav-menu ul li,
    .main-header-nav-submenu ul li,
    .main-header-nav-automation li {
        display: block;
        width: 100%;
        height: auto;
        margin-right: 0px;
    }
    .main-header-nav-automation li .close {
        display: block;
        color: #ffffff;
        opacity: 1;
    }
    .main-header-nav-automation li .page {
        display: block;
        width: 100%;
        padding: 20px;
        color: #ffffff;
    }
    .main-header-nav-automation li .page i:before {
        content: "\f078";
    }
    .main-header-nav-automation li.active .section-submenu,
    .main-header-nav-automation li:hover .section-submenu {
        display: none;
    }
    .main-header-nav-automation li .section-submenu .submenu.active .section-submenu-2,
    .main-header-nav-automation li .section-submenu .submenu:hover .section-submenu-2 {
        display: none;
    }
    .main-header-nav-menu ul li a,
    .main-header-nav-submenu ul li a,
    .main-header-nav-automation li a {
        display: block;
        width: 100%;
        padding: 20px;
        text-align: left;
        color: #ffffff;
    }
    .main-header-nav-menu ul li a:hover,
    .main-header-nav-submenu ul li a:hover,
    .main-header-nav-automation li a:hover {
        background-image: linear-gradient( to right, #1e75b2 0%, #441f73 50%, #9d1734 100%);
    }
    .main-header-nav-submenu span {
        display: block;
        width: 100%;
        padding: 20px;
        color: #ffffff;
    }
    .main-header-nav-submenu span:hover {
        transform: scale(1);
    }
    /* SECTION-SUBMENU */
    .section-submenu {
        top: initial;
    }
    .section-submenu .container {
        padding: 0px;
    }
    /* SECTION-SUBMENU-2 */
    .section-submenu-2 {
        top: initial;
    }
    .section-submenu-2 .container {
        padding: 0px;
    }
    /* SECTION-SEARCH */
    .section-search {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: rgba(59, 60, 70, 0.9);
        z-index: 99;
    }
    .section-search .container {
        position: fixed;
        top: 200px;
        left: 0px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .section-search form {
        flex: 0 0 100%;
        max-width: 100%;
        order: 1;
    }
    .section-search span {
        order: 0px;
        margin-bottom: 20px;
    }
    /* SECTIONS-SUBJECTS */
    .section-subjects-header h2 {
        line-height: 36px;
        font-size: 30px;
    }
    /* SECTION-NEWS */
    .section-news-header h2 {
        line-height: 42px;
        font-size: 36px;
    }
    .section-news-content article header {
        padding: 20px 15px;
    }
    .section-news-content article header h3 {
        line-height: 24px;
        font-size: 18px;
    }
    .section-news-content article header p {
        line-height: 24px;
        font-size: 14px;
    }
    /* TPL-404 */
    .tpl-404-header h1 {
        line-height: 40px;
        font-size: 36px;
    }
    .tpl-404-content h2 {
        line-height: 36px;
        font-size: 30px;
    }
    /* TPL-PAGE */
    .tpl-page-header h1 {
        line-height: 40px;
        font-size: 36px;
    }
    /* TPL-CUSTOM */
    .tpl-custom {
        background-image: none;
    }
    .tpl-custom-header {
        padding: 80px 0px 60px 0px;
    }
    .tpl-custom-header h1 {
        width: 100%;
        line-height: 36px;
        font-size: 32px;
    }
    .tpl-custom-header p {
        width: 100%;
        line-height: 24px;
        font-size: 16px;
    }
    .tpl-custom-content .htmlchars {
        padding: 0px;
    }
    /* TPL-HOME */
    .tpl-home-carousel-item-content {
        width: 832px;
        padding: 0px 15px;
    }
    .tpl-home-carousel-item-content p {
        line-height: 30px;
        font-size: 24px;
    }
    .tpl-home-carousel-item-content button {
        padding: 8px 0px 8px 45px;
        background-size: 32px;
        line-height: 16px;
        font-size: 16px;
    }
    .tpl-home-carousel-item-content a {
        line-height: 16px;
        font-size: 14px;
    }
    .tpl-home-carousel-item-content a i {
        line-height: 16px;
        font-size: 16px;
    }
    .tpl-home-links a,
    .tpl-home-links .line {
        height: 120px;
    }
    .tpl-home-about .row .col-12 {
        border-right: none;
    }
    .tpl-home-about article .icon {
        justify-content: center;
    }
    .tpl-home-about article .icon span {
        left: initial;
    }
    /* TPL-ABOUT */
    .tpl-about-header h1 {
        line-height: 40px;
        font-size: 36px;
    }
    .tpl-about-content article {
        min-height: auto;
        padding: 40px 0px;
    }
    .tpl-about-content article:hover {
        padding: 40px 20px;
    }
    .tpl-about-content article h2 {
        line-height: 30px;
        font-size: 24px;
    }
    .tpl-about-content article p {
        line-height: 24px;
        font-size: 16px;
    }
    /* TPL-NEWS */
    .tpl-news-header h1 {
        line-height: 40px;
        font-size: 36px;
    }
    .tpl-news-features article header {
        padding: 20px 15px;
    }
    .tpl-news-features article header h2 {
        line-height: 24px;
        font-size: 18px;
    }
    .tpl-news-features article header p {
        line-height: 24px;
        font-size: 14px;
    }
    /* TPL-WORLD */
    .tpl-world-header h1 {
        line-height: 40px;
        font-size: 36px;
    }
    /* TPL-BANK */
    .tpl-bank-background {
        padding: 0px 0px 60px 0px;
        background-size: cover;
    }
    .tpl-bank-header {
        padding: 80px 0px 60px 0px;
        margin-bottom: 0px;
    }
    .tpl-bank-header h1 {
        width: 100%;
        line-height: 40px;
        font-size: 36px;
    }
    .tpl-bank-news .slick-news .slick-prev,
    .tpl-bank-news .slick-news .slick-next {
        top: initial;
        bottom: 12px;
        width: 32px;
        height: 32px;
    }
    .tpl-bank-news .slick-news .slick-prev {
        left: initial;
        margin-right: 60px;
    }
    .tpl-bank-news .slick-news .slick-next {
        right: initial;
        margin-left: 60px;
    }
    .tpl-bank-news .slick-news .slick-prev:before,
    .tpl-bank-news .slick-news .slick-next:before {
        line-height: 32px;
        font-size: 32px;
    }
    .tpl-bank-news article header {
        height: 440px;
        padding: 40px 15px 76px 15px;
    }
    .tpl-bank-news article header h2 {
        line-height: 24px;
        font-size: 20px;
    }
    .tpl-bank-news article header p {
        line-height: 24px;
        font-size: 16px;
    }
    .tpl-bank-news article header>a {
        line-height: 14px;
        font-size: 14px;
    }
    .tpl-bank-banner {
        min-height: auto;
    }
    .tpl-bank-banner-thumb {
        display: none;
    }
    .tpl-bank-banner-header h2 {
        line-height: 36px;
        font-size: 30px;
    }
    .tpl-bank-services {
        padding: 80px 0px;
    }
    .tpl-bank-services .line {
        display: none;
    }
    .tpl-bank-services article {
        height: 600px;
    }
    .tpl-bank-services article .thumb {
        height: 279px;
    }
    .tpl-bank-services article header {
        padding: 20px 15px 30px 15px;
    }
    .tpl-bank-services article header h2 {
        line-height: 24px;
        font-size: 18px;
    }
    .tpl-bank-services article header p {
        line-height: 24px;
        font-size: 14px;
    }
    .tpl-bank-services article header a {
        bottom: 30px;
        left: 15px;
        right: 15px;
    }
    /* TPL-COMMERCIAl */
    .tpl-commercial-background {
        padding: 0px 0px 60px 0px;
        background-size: cover;
    }
    .tpl-commercial-header {
        padding: 80px 0px 60px 0px;
    }
    .tpl-commercial-header h1 {
        width: 100%;
        line-height: 40px;
        font-size: 36px;
    }
    .tpl-commercial-news .slick-news .slick-prev,
    .tpl-commercial-news .slick-news .slick-next {
        top: initial;
        bottom: 12px;
        width: 32px;
        height: 32px;
    }
    .tpl-commercial-news .slick-news .slick-prev {
        left: initial;
        margin-right: 60px;
    }
    .tpl-commercial-news .slick-news .slick-next {
        right: initial;
        margin-left: 60px;
    }
    .tpl-commercial-news .slick-news .slick-prev:before,
    .tpl-commercial-news .slick-news .slick-next:before {
        line-height: 32px;
        font-size: 32px;
    }
    .tpl-commercial-news article header {
        height: 440px;
        padding: 40px 15px 76px 15px;
    }
    .tpl-commercial-news article header h2 {
        line-height: 24px;
        font-size: 20px;
    }
    .tpl-commercial-news article header p {
        line-height: 24px;
        font-size: 16px;
    }
    .tpl-commercial-news article header>a {
        line-height: 14px;
        font-size: 14px;
    }
    .tpl-commercial-banner {
        min-height: auto;
    }
    .tpl-commercial-banner-thumb {
        display: none;
    }
    .tpl-commercial-banner-header h2 {
        line-height: 36px;
        font-size: 30px;
    }
    .tpl-commercial-services {
        padding: 80px 0px;
    }
    .tpl-commercial-services .line {
        display: none;
    }
    .tpl-commercial-services article {
        height: 600px;
    }
    .tpl-commercial-services article .thumb {
        height: 279px;
    }
    .tpl-commercial-services article header {
        padding: 20px 15px 30px 15px;
    }
    .tpl-commercial-services article header h2 {
        line-height: 24px;
        font-size: 18px;
    }
    .tpl-commercial-services article header p {
        line-height: 24px;
        font-size: 14px;
    }
    .tpl-commercial-services article header a {
        bottom: 30px;
        left: 15px;
        right: 15px;
    }
    /* TPL-SOFTWARE */
    .tpl-software-background {
        padding: 0px 0px 60px 0px;
        background-size: cover;
    }
    .tpl-software-header {
        margin-bottom: 0px;
    }
    .tpl-software-header h1 {
        width: 100%;
        line-height: 40px;
        font-size: 36px;
    }
    .tpl-software-news .slick-news .slick-prev,
    .tpl-software-news .slick-news .slick-next {
        top: initial;
        bottom: 12px;
        width: 32px;
        height: 32px;
    }
    .tpl-software-news .slick-news .slick-prev {
        left: initial;
        margin-right: 60px;
    }
    .tpl-software-news .slick-news .slick-next {
        right: initial;
        margin-left: 60px;
    }
    .tpl-software-news .slick-news .slick-prev:before,
    .tpl-software-news .slick-news .slick-next:before {
        line-height: 32px;
        font-size: 32px;
    }
    .tpl-software-news article header {
        height: 440px;
        padding: 40px 15px 76px 15px;
    }
    .tpl-software-news article header h2 {
        line-height: 24px;
        font-size: 20px;
    }
    .tpl-software-news article header p {
        line-height: 24px;
        font-size: 16px;
    }
    .tpl-software-news article header>a {
        line-height: 14px;
        font-size: 14px;
    }
    .tpl-software-banner {
        min-height: auto;
        background-position: left bottom;
    }
    .tpl-software-banner-thumb {
        display: none;
    }
    .tpl-software-banner-header h2 {
        line-height: 36px;
        font-size: 30px;
    }
    .tpl-software-list {
        padding: 80px 0px;
    }
    .tpl-software-list .line {
        display: none;
    }
    .tpl-software-list article {
        height: 600px;
    }
    .tpl-software-list article header {
        padding: 20px 15px 30px 15px;
    }
    .tpl-software-list article header h2 {
        line-height: 24px;
        font-size: 18px;
    }
    .tpl-software-list article header p {
        line-height: 24px;
        font-size: 14px;
    }
    .tpl-software-list article header a {
        bottom: 30px;
        left: 15px;
        right: 15px;
    }
    /* TPL-SUPPORT */
    .tpl-support-header h1 {
        line-height: 40px;
        font-size: 36px;
    }
    .tpl-support-content article {
        min-height: auto;
        padding: 40px 0px;
    }
    .tpl-support-content article:hover {
        padding: 40px 20px;
    }
    .tpl-support-content article h2 {
        line-height: 30px;
        font-size: 24px;
    }
    .tpl-support-content article p {
        line-height: 24px;
        font-size: 16px;
    }
    /* TPL-CONTACT */
    .tpl-contact-header h1 {
        line-height: 40px;
        font-size: 36px;
    }
    .tpl-contact-header p {
        line-height: 24px;
        font-size: 16px;
    }
    /* SINGLE */
    .single-header h1 {
        line-height: 40px;
        font-size: 36px;
    }
    .tpl-news-container-content-header h2 {
        line-height: 36px;
        font-size: 32px;
    }
    /* SINGLE-SUPPORTS */
    .single-supports-header h1 {
        line-height: 40px;
        font-size: 36px;
    }
    /* SINGLE-SERVICES */
    .single-services {
        background-image: none;
    }
    .single-services-header {
        padding: 80px 0px 60px 0px;
    }
    .single-services-header h1 {
        width: 100%;
        line-height: 36px;
        font-size: 32px;
    }
    .single-services-header p {
        width: 100%;
        line-height: 24px;
        font-size: 16px;
    }
    .single-services-content .htmlchars {
        padding: 0px;
    }
    /* TPL-SYSTEMS */
    .tpl-systems-header h1 {
        line-height: 40px;
        font-size: 36px;
    }
    .tpl-systems-header p {
        line-height: 24px;
        font-size: 16px;
    }
    .tpl-systems-header a {
        line-height: 14px;
        font-size: 14px;
    }
    .tpl-systems-list-header h2 {
        line-height: 30px;
        font-size: 24px;
    }
    .tpl-systems-list-header p {
        line-height: 24px;
        font-size: 16px;
    }
    .tpl-systems-list-content .line {
        display: none;
    }
    .tpl-systems-list-content article {
        height: auto;
    }
    .tpl-systems-list-content article header {
        flex: 0 0 100%;
        max-width: 100%;
        order: 1;
    }
    .tpl-systems-list-content article .thumb {
        margin: 0 auto 30px auto;
        order: 0;
    }
    .tpl-systems-testemonial .container {
        padding: 30px 20px;
    }
    .tpl-systems-testemonial p {
        line-height: 30px;
        font-size: 16px;
    }
    /* single-softwares */
    .single-softwares {
        background-image: none;
    }
    .single-softwares-header {
        padding: 80px 0px 60px 0px;
    }
    .single-softwares-header h1 {
        width: 100%;
        line-height: 36px;
        font-size: 32px;
    }
    .single-softwares-header p {
        width: 100%;
        line-height: 24px;
        font-size: 16px;
    }
    .single-softwares-content .htmlchars {
        padding: 0px;
    }
    /* MAIN-FOOTER */
    .main-footer-links-menu ul li {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .main-footer-links-socials a {
        margin: 10px;
    }
    .main-footer-bottom ul li {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 7px 0px;
    }
}


/*1024px*/

@media (max-width: 64em) {
    /* TPL-HOME */
    .tpl-home-links a {
        flex: 0 0 100%;
        max-width: 100%;
        height: 60px;
        line-height: 16px;
        font-size: 16px;
    }
    .tpl-home-links .line {
        flex: 0 0 100%;
        max-width: 100%;
        height: 4px;
    }
}


/*768px*/

@media (max-width: 48em) {
    /* TPL-BANK */
    .tpl-bannk-services article {
        height: 642px;
    }
    /* TPL-COMMERCIAL */
    .tpl-commercial-services article {
        height: 642px;
    }
    /* TPL-SOFTWARE */
    .tpl-software-list article {
        height: 642px;
    }
}


/*512px*/

@media (max-width: 32em) {
    /* TPL-COMMERCIAL */
    .tpl-commercial-banner-header a {
        margin: 10px 0px;
    }
    /* TPL-BANK */
    .tpl-bank-banner-header a {
        margin: 10px 0px;
    }
    /* TPL-SOFTWARE */
    .tpl-software-banner-header a {
        margin: 10px 0px;
    }
}

.load::before {
    position: fixed;
    top: 0;
    left: 0;
    content: "";
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100vh;
    display: block;
    z-index: 99999 !important;
}

.load::after {
    content: url('assets/img/load.svg');
    position: fixed;
    width: 100px;
    height: 100px;
    top: 35%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9999999;
    text-align: center;
}

.distribuidores .limit {
    background-color: #fff;
    border-radius: 20px;
}

.distribuidores .btn-primary {
    padding: 10px 40px;
    height: auto;
}

.formulario input.error,
.formulario input.error:focus,
.formulario select.error,
.formulario select.error:focus {
    border: 2px solid #CC0000 !important;
}

.formulario input.error:focus,
.formulario select.error:focus {
    box-shadow: 0 0 0 0.2rem #CC0000 !important;
}

.formulario input.ok {
    border: 2px solid #37861b;
}

.status {
    color: #cc0000;
    align-items: center;
    height: 0px;
    transition: all 0.5s;
}

.status.error {
    height: 30px;
}

.status::after {
    content: url('../imgs/block.svg');
    vertical-align: middle;
    align-items: center;
    width: 0%;
    height: 0%;
    top: 0;
    left: 0;
    z-index: 9;
    opacity: 0;
}

.status.checking::after {
    width: 100%;
    height: 100%;
    opacity: 1;
}

.status.ok {
    height: 30px;
    color: #37861b;
}

.distribuidor label {
    margin-bottom: 0 !important;
}

.distribuidor a label {
    cursor: pointer;
}

.conteudo-download {
    border: 1px solid #00000022;
}

.conteudo-download .item {
    background-color: #e9e8e6;
    border-top: solid 6px #3a75c4;
}

.download .nav-tabs .nav-item.show .nav-link,
download .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #004e7d;
    border-color: #dee2e6 #dee2e6 #fff;
}

#list-menu-systems ul {
    list-style-type: none;
    margin: 0;
}

#list-menu-systems ul li {
    padding: 16px 0;
    border-bottom: 1px solid #d6d6d6;
    position: relative;
}

#list-menu-systems ul a {
    color: #666;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
}

#list-menu-systems ul a.active {
    font-weight: bold;
}

#list-menu-systems i.fas.fa-chevron-right {
    float: right;
    vertical-align: middle;
    padding-top: 5px;
}

html {
    scroll-behavior: smooth;
  }

a.link-landingpage {
    color: #2a2b36!important;
    text-decoration: none!important;
}

a.link-landingpage:hover {
    color: #2a2b36!important;
    text-decoration: none!important;
}

.tpl-news-content-sidebar ul li.cat-item.cat-item-33,
.tpl-news-content-sidebar ul li.cat-item.cat-item-34,
.tpl-news-content-sidebar ul li.cat-item.cat-item-35,
.tpl-news-content-sidebar ul li.cat-item.cat-item-38,
.tpl-news-content-sidebar ul li.cat-item.cat-item-37,
.tpl-news-content-sidebar ul li.cat-item.cat-item-40,
.tpl-news-content-sidebar ul li.cat-item.cat-item-39,
.tpl-news-content-sidebar ul li.cat-item.cat-item-36,
.tpl-news-content-sidebar ul li.cat-item.cat-item-43,
.tpl-news-content-sidebar ul li.cat-item.cat-item-42 {
    display: none!important;
}

.main-header .main-header-nav .main-header-nav-automation .header-nav-expand {
    display: none;
    width: 16px;
    height: 16px;
    position: absolute;
    padding: 0;
    top: 20px;
    right: 32px;
}

.main-header .main-header-nav .main-header-nav-automation .section-submenu .submenu {
    position: relative;
}

.main-header .main-header-nav .main-header-nav-automation .section-submenu .submenu .header-nav-expand-2 {
    display: none;
    width: 16px;
    height: 16px;
    position: absolute;
    padding: 0;
    top: 20px;
    right: 32px;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .main-header-nav {
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .main-header-nav-automation li .page {
        margin-top: 2rem;
    }
    .main-header .main-header-nav .main-header-nav-automation li {
        position: relative;
        margin-right: 0;
        padding: 0;
    }
    .main-header .main-header-nav .main-header-nav-automation .header-nav-expand {
        display: block;
    }
    .main-header .main-header-nav .main-header-nav-automation .section-submenu .submenu .header-nav-expand-2 {
        display: block;
    }
    .main-header .main-header-nav .main-header-nav-automation.is-parent > a::before,
    .main-header .main-header-nav .main-header-nav-automation.active > a::before {
        opacity: 1;
    }
    .main-header .main-header-nav .main-header-nav-automation .header-nav-expand::before,
    .main-header .main-header-nav .main-header-nav-automation .header-nav-expand::after {
        content: "";
        display: block;
        width: 16px;
        height: 2px;
        transition: 0.2s ease-out;
        background-color: #fff;
        background-image: none;
        position: absolute;
        opacity: 1;
        margin: 0;
        left: 0;
        top: 7px;
    }
    .main-header .main-header-nav .main-header-nav-automation .section-submenu .submenu .header-nav-expand-2::before,
    .main-header .main-header-nav .main-header-nav-automation .section-submenu .submenu .header-nav-expand-2::after {
        content: "";
        display: block;
        width: 16px;
        height: 2px;
        transition: 0.2s ease-out;
        background-color: #fff;
        background-image: none;
        position: absolute;
        opacity: 1;
        margin: 0;
        left: 0;
        top: 7px;
    }
    .main-header .main-header-nav .main-header-nav-automation .header-nav-expand:hover,
    .main-header .main-header-nav .main-header-nav-automation .header-nav-expand:focus {
        background-image: none;
    }
    .main-header .main-header-nav .main-header-nav-automation .section-submenu .submenu .header-nav-expand-2:hover,
    .main-header .main-header-nav .main-header-nav-automation .section-submenu .submenu .header-nav-expand-2:focus {
        background-image: none;
    }
    .main-header .main-header-nav .main-header-nav-automation li.open .header-nav-expand::after {
        transform: rotate(0);
    }
    .main-header .main-header-nav .main-header-nav-automation li .section-submenu .submenu.open .header-nav-expand-2::after {
        transform: rotate(0);
    }
    .main-header .main-header-nav .main-header-nav-automation .header-nav-expand::after {
        transform: rotate(90deg);
    }
    .main-header .main-header-nav .main-header-nav-automation .section-submenu .submenu .header-nav-expand-2::after {
        transform: rotate(90deg);
    }
    .main-header-nav-automation li.active .section-submenu,
    .main-header-nav-automation li:hover .section-submenu {
        display: none;
    }
    .main-header-nav-automation li.open .section-submenu {
        display: block;
    }
    .main-header-nav-automation li .section-submenu .submenu.active a i,
    .main-header-nav-automation li .section-submenu .submenu:hover a i {
        transform: rotate(0);
    }
    .main-header-nav-automation li .section-submenu .submenu.open .section-submenu-2 {
        position: relative;
        display: block;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .main-header-nav {
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .main-header-nav-automation li .page {
        margin-top: 2rem;
    }
    .main-header .main-header-nav .main-header-nav-automation li {
        position: relative;
        margin-right: 0;
        padding: 0;
    }
    .main-header .main-header-nav .main-header-nav-automation .header-nav-expand {
        display: block;
    }
    .main-header .main-header-nav .main-header-nav-automation .section-submenu .submenu .header-nav-expand-2 {
        display: block;
    }
    .main-header .main-header-nav .main-header-nav-automation.is-parent > a::before,
    .main-header .main-header-nav .main-header-nav-automation.active > a::before {
        opacity: 1;
    }
    .main-header .main-header-nav .main-header-nav-automation .header-nav-expand::before,
    .main-header .main-header-nav .main-header-nav-automation .header-nav-expand::after {
        content: "";
        display: block;
        width: 16px;
        height: 2px;
        transition: 0.2s ease-out;
        background-color: #fff;
        background-image: none;
        position: absolute;
        opacity: 1;
        margin: 0;
        left: 0;
        top: 7px;
    }
    .main-header .main-header-nav .main-header-nav-automation .section-submenu .submenu .header-nav-expand-2::before,
    .main-header .main-header-nav .main-header-nav-automation .section-submenu .submenu .header-nav-expand-2::after {
        content: "";
        display: block;
        width: 16px;
        height: 2px;
        transition: 0.2s ease-out;
        background-color: #fff;
        background-image: none;
        position: absolute;
        opacity: 1;
        margin: 0;
        left: 0;
        top: 7px;
    }
    .main-header .main-header-nav .main-header-nav-automation .header-nav-expand:hover,
    .main-header .main-header-nav .main-header-nav-automation .header-nav-expand:focus {
        background-image: none;
    }
    .main-header .main-header-nav .main-header-nav-automation .section-submenu .submenu .header-nav-expand-2:hover,
    .main-header .main-header-nav .main-header-nav-automation .section-submenu .submenu .header-nav-expand-2:focus {
        background-image: none;
    }
    .main-header .main-header-nav .main-header-nav-automation li.open .header-nav-expand::after {
        transform: rotate(0);
    }
    .main-header .main-header-nav .main-header-nav-automation li .section-submenu .submenu.open .header-nav-expand-2::after {
        transform: rotate(0);
    }
    .main-header .main-header-nav .main-header-nav-automation .header-nav-expand::after {
        transform: rotate(90deg);
    }
    .main-header .main-header-nav .main-header-nav-automation .section-submenu .submenu .header-nav-expand-2::after {
        transform: rotate(90deg);
    }
    .main-header-nav-automation li.active .section-submenu,
    .main-header-nav-automation li:hover .section-submenu {
        display: none;
    }
    .main-header-nav-automation li.open .section-submenu {
        display: block;
    }
    .main-header-nav-automation li .section-submenu .submenu.active a i,
    .main-header-nav-automation li .section-submenu .submenu:hover a i {
        transform: rotate(0);
    }
    .main-header-nav-automation li .section-submenu .submenu.open .section-submenu-2 {
        position: relative;
        display: block;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .main-header-nav {
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .main-header-nav-automation li .page {
        margin-top: 2rem;
    }
    .main-header .main-header-nav .main-header-nav-automation li {
        position: relative;
        margin-right: 0;
        padding: 0;
    }
    .main-header .main-header-nav .main-header-nav-automation .header-nav-expand {
        display: block;
    }
    .main-header .main-header-nav .main-header-nav-automation .section-submenu .submenu .header-nav-expand-2 {
        display: block;
    }
    .main-header .main-header-nav .main-header-nav-automation.is-parent > a::before,
    .main-header .main-header-nav .main-header-nav-automation.active > a::before {
        opacity: 1;
    }
    .main-header .main-header-nav .main-header-nav-automation .header-nav-expand::before,
    .main-header .main-header-nav .main-header-nav-automation .header-nav-expand::after {
        content: "";
        display: block;
        width: 16px;
        height: 2px;
        transition: 0.2s ease-out;
        background-color: #fff;
        background-image: none;
        position: absolute;
        opacity: 1;
        margin: 0;
        left: 0;
        top: 7px;
    }
    .main-header .main-header-nav .main-header-nav-automation .section-submenu .submenu .header-nav-expand-2::before,
    .main-header .main-header-nav .main-header-nav-automation .section-submenu .submenu .header-nav-expand-2::after {
        content: "";
        display: block;
        width: 16px;
        height: 2px;
        transition: 0.2s ease-out;
        background-color: #fff;
        background-image: none;
        position: absolute;
        opacity: 1;
        margin: 0;
        left: 0;
        top: 7px;
    }
    .main-header .main-header-nav .main-header-nav-automation .header-nav-expand:hover,
    .main-header .main-header-nav .main-header-nav-automation .header-nav-expand:focus {
        background-image: none;
    }
    .main-header .main-header-nav .main-header-nav-automation .section-submenu .submenu .header-nav-expand-2:hover,
    .main-header .main-header-nav .main-header-nav-automation .section-submenu .submenu .header-nav-expand-2:focus {
        background-image: none;
    }
    .main-header .main-header-nav .main-header-nav-automation li.open .header-nav-expand::after {
        transform: rotate(0);
    }
    .main-header .main-header-nav .main-header-nav-automation li .section-submenu .submenu.open .header-nav-expand-2::after {
        transform: rotate(0);
    }
    .main-header .main-header-nav .main-header-nav-automation .header-nav-expand::after {
        transform: rotate(90deg);
    }
    .main-header .main-header-nav .main-header-nav-automation .section-submenu .submenu .header-nav-expand-2::after {
        transform: rotate(90deg);
    }
    .main-header-nav-automation li.active .section-submenu,
    .main-header-nav-automation li:hover .section-submenu {
        display: none;
    }
    .main-header-nav-automation li.open .section-submenu {
        display: block;
    }
    .main-header-nav-automation li .section-submenu .submenu.active a i,
    .main-header-nav-automation li .section-submenu .submenu:hover a i {
        transform: rotate(0);
    }
    .main-header-nav-automation li .section-submenu .submenu.open .section-submenu-2 {
        position: relative;
        display: block;
    }
}