* {font-family: "Gilroy"; padding: 0; margin: 0; box-sizing: border-box; outline: none !important; appearance: none; -webkit-appearance: none; -moz-appearance: none;}

a {text-decoration: none !important;}
li {list-style: none;}
ul {padding-left: 0; margin-bottom: 0}
.only-mobile, .only-mobile-table-row {display: none !important;}
header .default-header nav .menu-opened {display: none;}
.mobile-banner {display: none;}
.overflow-hidden {overflow: hidden !important;}

::placeholder {color: #B3B3B3 !important; opacity: 1; font-family: "Gilroy Medium"; font-size: 18px;}
:-ms-input-placeholder {color: #B3B3B3 !important; opacity: 1; font-family: "Gilroy Medium"; font-size: 18px;}
::-ms-input-placeholder {color: #B3B3B3 !important; opacity: 1; font-family: "Gilroy Medium"; font-size: 18px;}
input, select, textarea {color: #222222 !important; font-family: "Gilroy Medium"; font-size: 18px; outline: none !important; transition: all 1s;}
input:focus, select:focus, textarea:focus {background-color: white !important; box-shadow: none !important;}
.page-contacts .contact input:focus, .page-contacts .contact input textarea:focus {background-color: white !important; box-shadow: none !important;}

.custom-ads {margin-top: 40px;}
.custom-ads img {max-width: 100%;}
.custom-ads-vertical {text-align: center; max-width: 100%;}
.custom-ads-card-vertical {margin-top: 40px; max-width: 100%;}
.custom-ads-slider a {margin: 0 5px;}
.custom-ads-slider a img {display: initial;height: auto;}

header {display: table; width: 100%; padding-top: 53px; position: relative; z-index: 999;}
header .default-header {display: table; width: 100%;}
header .default-header .logo {float: left;}
header .default-header nav {float: right; margin: 17px 0;}
header .default-header nav ul {display: table;}
header .default-header nav ul li {float: left; margin-left: 30px;}
header .default-header nav ul li a {font-family: "Gilroy Bold"; font-size: 18px; color: #6C6E70; transition: all .2s;}
header .default-header nav ul li a:hover {font-family: "Gilroy Bold"; font-size: 18px; color: #283E7A; border-bottom: 3px solid #283E7A;}
header .default-header nav ul li a.active {color: #283E7A; border-bottom: 3px solid #283E7A;}
header .default-header nav ul li.header-menu {position: relative;}
header .default-header nav ul li.header-menu div.header-menu-container {position: absolute; left: -25px; top: 45px; transition: top 0.3s; visibility: hidden;}
header .default-header nav ul li.header-menu.header-menu-opened div.header-menu-container {visibility: visible; top: 25px;}
header .default-header nav ul li.header-menu ul.header-submenu {display: table; background-color: white; padding: 10px 0 40px 0; border-radius: 4px; box-shadow: 4px 4px 20px 0 rgba(237, 237, 237, 1); margin-top: 20px;}
header .default-header nav ul li.header-menu ul.header-submenu li {float: initial; margin: 25px 0 0 0; white-space: nowrap; position: relative;}
header .default-header nav ul li.header-menu ul.header-submenu li .shadows {position: absolute; width: 120px; height: 46px; top: -12px; left: -42px; border-radius: 5px; opacity: 0.1; visibility: hidden; transition: all 0.3s;}
header .default-header nav ul li.header-menu ul.header-submenu li:hover .shadows {visibility: visible; background: linear-gradient(to right, rgba(224, 224, 224, 1) 0%, rgba(34, 34, 34, 1) 0%, rgba(255, 255, 255, 1) 100%); left: -12px;}
header .default-header nav ul li.header-menu ul.header-submenu li a {font-family: "Gilroy Bold"; font-size: 16px; color: #6C6E70; position: relative; padding: 0 45px 0 30px; display: inline-block; width: 100%; transition: none;}
header .default-header nav ul li.header-menu ul.header-submenu li a img {margin-top: -3px; margin-right: 10px;}
header .default-header nav ul li.header-menu ul.header-submenu li a img.hover {display: none;}
header .default-header nav ul li.header-menu ul.header-submenu li a:hover img.hover {display: inline;}
header .default-header nav ul li.header-menu ul.header-submenu li a:hover img.initials {display: none;}
header .default-header nav ul li.header-menu ul.header-submenu li a:hover {color: #2C3E70; border-bottom: none;}

.hknBar.svelte-oa5gdx h3.svelte-oa5gdx{
    font-weight: 700!important;
}
.hknConsentText.svelte-oa5gdx a.svelte-oa5gdx{
    text-decoration: underline!important;
}
.hknBar.svelte-oa5gdx span.svelte-oa5gdx{
    font-family: Arial,Helvetica,sans-serif!important;
}
.internal-header {padding-bottom: 40px; border-bottom: 1px solid #E5E5E5; background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 3%, rgba(247, 247, 247, 1) 45%, rgba(247, 247, 247, 1) 64%, rgba(247, 247, 247, 1) 89%, rgba(247, 247, 247, 1) 100%);}
.custom-breadcrumb {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.custom-breadcrumb ul {display: table; padding: 45px 0; margin: auto;}
.custom-breadcrumb ul li {float: left; margin-left: 15px; font-family: "Gilroy Medium"; font-size: 16px; color: #B3B3B3;}
.custom-breadcrumb ul li a {font-family: "Gilroy Medium"; font-size: 16px; color: #B3B3B3; text-decoration: underline !important;}

.banner-container {min-height: 884px; position: relative;}
.banner-container .banner {width: 100vw; height: 884px; max-width: 100%; position: absolute; top: 0;}
.banner-container .banner .item {width: 100vw; height: 884px; max-width: 100%; background-size: cover; background-position: center top; position: absolute; top: 0; left: 0;}

.call-to-action {position: relative; margin-top: 160px;}
.call-to-action h1 {color: #2C3E70; font-size: 90px; font-family: "Gilroy Light"; margin-bottom: 0; line-height: 87px;}
.call-to-action h1 b {font-family: "Gilroy Bold";}
.call-to-action p {color: #6C6E70; font-size: 24px; font-weight: normal; max-width: 480px;}
.call-to-action .action {margin-top: 6px; display: inline-block; position: relative; padding: 14px 75px 14px 45px; background-color: #2B3D6F; border: none; border-radius: 3px; color: white; font-family: "Gilroy Bold"; font-size: 17px; text-transform: uppercase;}
.call-to-action .action img.circle {position: absolute; right: -5px; top: -8px;}
.call-to-action .action img.sign-in-alt {position: absolute; right: 21px; top: 19px;}

.call-to-action-dots {position: relative; margin-top: 62px;}
.call-to-action-dots .slick-dots {position: relative; left: -120px; top: 110px; transition: left 1s; z-index: 100;}
.call-to-action-dots .slick-dots li {list-style: none; margin-bottom: 14px; max-width: 100px; width: 16px; height: 16px;}
.call-to-action-dots .slick-dots li button {cursor: pointer; width: 14px; height: 14px; border-radius: 50%; background-color: #B7BABD; border: none; color: transparent;}
.call-to-action-dots .slick-dots li.slick-active button {background-color: #2C3E70; width: 15px; height: 15px;}

.digital-signature {position: absolute; bottom: 0; width: 100vw; max-width: 100%;}
.digital-signature .content {min-height: 131px; border-top: 8px solid #2C3E70; background-image: url(../img/snips/digital-signature-pattern.png); background-color: white; position: relative;}
.digital-signature .content * {margin: auto;}
.digital-signature .contract {position: absolute; top: 25px; left: 30px;}
.digital-signature .digital-certificate {font-family: "Gilroy Medium"; margin-left: 95px; font-size: 36px; color: #2C3E70;}
.digital-signature .training {font-family: "Gilroy Bold"; text-transform: uppercase; font-size: 16px; color: #2C3E70;}
.digital-signature .know-more {font-family: "Gilroy Bold"; display: inline-block; text-align: center; line-height: 61px; height: 61px; width: 262px; font-size: 18px; color: #B2B2B2; border: 1px solid #B2B2B2; border-radius: 4px; text-transform: uppercase;}

.quick-history {width: 100vw; max-width: 100%; background-image: url("../img/snips/quick-history.png"); background-repeat: no-repeat; background-size: cover; background-position: center top; height: 590px; position: relative;}
.quick-history .container h2 {padding-top: 80px; font-family: "Gilroy Medium"; font-size: 40px; color: #CCCCCC;}
.quick-history .container span {color: #2C3E70; font-family: "Gilroy Medium";}
.quick-history .container p {font-family: "Gilroy Light"; font-size: 21px; color: #555555; line-height: 34px;}
.quick-history .know-more {font-family: "Gilroy Bold"; font-size: 18px; margin-top: 15px; display: inline-block; text-align: center; line-height: 61px; height: 61px; width: 262px; color: #314B95; border: 1px solid #314B95; text-transform: uppercase; border-radius: 3px;}

.know-me {margin-top: 90px;}
.know-me .container .contacts .header {position: relative; border-bottom: 1px solid #E5E5E5; padding-bottom: 62px; max-width: 90%;}
.know-me .container .contacts .header img {vertical-align: top; margin-right: 15px;}
.know-me .container .contacts .header .title {display: inline-block; line-height: 30px; padding-top: 6px;}
.know-me .container .contacts .header .know {font-size: 36px; font-family: "Gilroy Medium"; color: #808080;}
.know-me .container .contacts .header .who {display: block; font-size: 36px; font-family: "Gilroy Medium"; color: #344F98;}
.know-me .container .contacts .header a {position: relative; float: right; margin-top: 15px; margin-right: 50px;}
.know-me .container .contacts .header a img.circle {position: absolute; left: 0; top: 0;}
.know-me .container .contacts .header a img.sign-in-alt {position: absolute; left: 22px; top: 25px;}
.know-me .container .questions .speak-with-us {margin-bottom: 40px; margin-top: 40px; line-height: 25px;}
.know-me .container .questions .speak-with-us b {font-size: 30px; font-family: "Gilroy Bold"; color: #999999;}
.know-me .container .questions .speak-with-us span {font-size: 24px; font-family: "Gilroy Light"; color: #344F98; display: block;}
.know-me .container .questions p img {vertical-align: text-bottom; margin-right: 10px;}
.know-me .container .questions p a {font-size: 20px; font-family: "Gilroy Medium"; color: #808080;}
.know-me .container .questions p.phone {float: left; width: 40%;}
.know-me .container .questions p.email {float: right; width: 60%; text-align: right;}
.know-me .container .questions p.location {font-size: 20px; font-family: "Gilroy Medium"; color: #808080; float: left; width: 100%;}

.know-me .container .partners {position: relative; margin-top: 15px; background-color: #FAFAFA; padding: 60px; width: 100%; float: right; border-radius: 5px; border: 1px solid #F0F0F0;}
.know-me .container .partners div.squares {background-image: url("../img/snips/know-me-squares.png"); position: absolute; top: -80px; left: 450px; z-index: -1; width: 382px; height: 334px;}
.know-me .container .partners .header {font-size: 30px; font-family: "Gilroy Medium"; color: #324D96; text-align: center; line-height: 35px;}
.know-me .container .partners .partners-cards {width: 100%; margin-top: 20px;}
.know-me .container .partners .partners-cards .partner-card {background-color: white; height: 96px; border: 2px solid #F0F0F0; border-radius: 4px; padding: 18px; margin: 10px; font-family: Gilroy; font-size: 18px; color: #808080;}
.know-me .container .partners .partners-cards .partner-card img {position: absolute; top: 1px;}
.know-me .container .partners .controls {display: flex; align-items: center; justify-content: center; flex-direction: row;}
.know-me .container .partners .controls button {font-size: 40px; padding: 30px 30px; margin-top: 15px; color: #D1D1D1; background-color: #EBEBEB; border: none; cursor: pointer;}
.know-me .container .partners .controls button.slick-prev {background-image: url("../img/snips/arrow-left.png"); background-repeat: no-repeat; background-position: center right 15px; border-top-left-radius: 35px; border-bottom-left-radius: 35px;}
.know-me .container .partners .controls button.slick-next {background-image: url("../img/snips/arrow-right.png"); background-repeat: no-repeat; background-position: center left 15px; border-top-right-radius: 35px; border-bottom-right-radius: 35px;}

.call-to-action-middle {padding-top: 130px; width: 100vw; max-width: 100%; background-image: url("../img/snips/extended-hand.png"); background-repeat: no-repeat; background-size: cover; background-position: center top; height: 690px; margin-top: 40px;}
.call-to-action-middle .title {font-size: 90px; font-family: "Gilroy Medium"; color: white; line-height: 90px;}
.call-to-action-middle .subtitle {font-size: 24px; font-family: "Gilroy Medium"; color: white;}
.call-to-action-middle .action {font-size: 18px; font-family: "Gilroy Bold"; color: white; width: 366px; height: 53px; display: inline-block; background-color: #30A2D7; border-radius: 3px; margin-top: 30px; line-height: 53px; text-transform: uppercase; padding-left: 32px; position: relative;}
.call-to-action-middle .action img.circle {position: absolute; right: -9px; top: -8px;}
.call-to-action-middle .action img.sign-in-alt {position: absolute; right: 19px; top: 19px;}

.next-courses .header {display: flex; align-items: center; justify-content: center; flex-direction: row; background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 3%, rgba(247, 247, 247, 1) 35%, rgba(247, 247, 247, 1) 64%, rgba(247, 247, 247, 1) 89%, rgba(247, 247, 247, 1) 100%); padding: 50px 10px; position: relative; border-right: 2px solid #F3F3F3;}
.next-courses .header img.icon {position: absolute; left: -20px; top: 82px; border: 1px solid #EAEAEA; padding: 10px; border-radius: 50%;}
.next-courses .header span.line {position: absolute; height: 83px; border-left: 1px solid #EAEAEA; left: 9px; top: 0;}
.next-courses .header .title {font-family: "Gilroy Medium"; font-size: 50px; color: #CCCCCC;}
.next-courses .header .title span {font-family: "Gilroy Medium"; color: #314C96;}
.next-courses .header .controls {}
.next-courses .header .controls button {padding: 30px 35px; background-color: white; border: none; cursor: pointer;}
.next-courses .header .controls button.prev {margin-left: 80px; background-image: url("../img/snips/arrow-top.png"); background-repeat: no-repeat; background-position: center right 10px; border-top-left-radius: 35px; border-bottom-left-radius: 35px;}
.next-courses .header .controls button.next {background-image: url("../img/snips/arrow-bottom.png"); background-repeat: no-repeat; background-position: center left 10px; border-top-right-radius: 35px; border-bottom-right-radius: 35px;}

.next-courses .courses {padding-right: 0;}
.next-courses .next-courses-cards {padding: 20px 40px 55px 70px; border-right: 2px solid #F3F3F3;}
.next-courses .next-courses-cards .next-courses-card {width: 100%; margin-top: 30px; padding-bottom: 12px;}
.next-courses .next-courses-cards .next-courses-card {border-bottom: 1px solid #EAEAEA;}
.next-courses .next-courses-cards .next-courses-card .category span {font-family: "Gilroy Bold"; font-size: 16px; color: white; background-color: #2C3E70; padding: 5px 15px; border-radius: 3px;}
.next-courses .next-courses-cards .next-courses-card .title {font-family: "Gilroy Medium"; font-size: 26px; color: #999999; padding-top: 15px; padding-bottom: 6px; display: inline-block;}
.next-courses .next-courses-cards .next-courses-card p {font-family: "Gilroy Bold"; font-size: 20px; color: #2D468A; position: relative; padding-left: 30px; margin-bottom: 9px;}
.next-courses .next-courses-cards .next-courses-card p img {position: absolute; left: 0; top: 3px;}
.next-courses .custom-ads-slider {z-index: 999;}
.next-courses .custom-ads-card-vertical {margin-top: 60px; padding-left: 15px; z-index: 99999; position: relative;}

.news {margin-top: -64px; min-height: 698px; background-image: url("../img/snips/news.png"); background-repeat: no-repeat; background-size: initial; background-position: 0 0; position: relative;}
.news .container {position: relative;}
.news .white-space {min-height: 698px; background-color: white; position: relative;}
.news .header p {font-family: "Gilroy Medium"; font-size: 50px; color: white; margin-top: 60px; padding-bottom: 40px; border-bottom: 1px solid #4D6095; margin-bottom: 50px;}
.news .header p a {display: inline-block; position: relative; padding: 14px 75px 14px 45px; background-color: transparent; color: white; font-family: "Gilroy Bold"; font-size: 18px; text-transform: uppercase; float: right; line-height: 50px; margin-right: 200px;}
.news .header p a img.circle {position: absolute; right: -5px; top: 2px;}
.news .header p a img.sign-in-alt {position: absolute; right: 24px; top: 30px;}
.news .news-card {margin-top: 50px;}
.news .news-card .date {font-family: "Gilroy Bold"; font-size: 16px; color: white; background-color: #31A2D7; display: inline-block; border-radius: 16px; padding: 2px 15px; line-height: 24px;}
.news .news-card .title {margin-top: 20px; margin-bottom: 7px;}
.news .news-card .title a {font-family: "Gilroy Bold"; font-size: 24px; color: white; margin-top: 20px; line-height: 28px;}
.news .news-card .subtitle {font-family: "Gilroy Bold"; font-size: 17px; color: white; margin-bottom: 5px;}
.news .news-card .action {font-family: "Gilroy Bold"; font-size: 15px; color: white; text-decoration: underline !important;}
.news .news-slider {position: absolute; right: 15px; top: 100px; width: 561px; height: 529px; z-index: 999;}
.news .card-image {background-image: url("../img/snips/home-page-fake-photo.png"); background-position: center; background-size: cover; width: 561px; height: 529px;}
.news .card-image .content {height: 100%; width: 100%; float: left; position: relative;}
.news .card-image .content > div {position: absolute; bottom: 0; padding: 25px;}
.news .card-image .content > div .title a {font-family: "Gilroy Bold"; font-size: 24px; color: white; line-height: 28px;}
.news .card-image .content > div .date {font-family: "Gilroy Bold"; font-size: 16px; color: white; background-color: #31A2D7; display: inline-block; border-radius: 16px; padding: 2px 15px; line-height: 24px; margin-bottom: 20px;}
.news .news-slider-controls {position: absolute; min-height: 400px; background-color: white; bottom: 0; width: 280px; right: 380px; padding-top: 80px;}
.news .news-slider-controls button {padding: 26px 20px; display: block; text-align: center; margin-left: 16px; margin-top: 10px; border: none; border-radius: 26px; cursor: pointer;}

.council .internal-title h1 {font-family: "Gilroy Medium"; font-size: 80px; color: #2C3E70; text-align: center; margin: 0; line-height: 70px;}
.council .internal-title p {font-family: "Gilroy Medium"; font-size: 30px; color: #2C3E70; text-align: center;}
.council .peoples {margin: auto;}
.council .peoples .container {max-width: 590px; border: 1px solid #E5E5E5; border-radius: 5px; margin: 30px auto;}
.council .peoples .header .col-6 {font-family: "Gilroy Bold"; font-size: 17px; color: #A6A6A6; background-color: #F5F5F5; text-transform: uppercase;}
.council .peoples .row > div {padding: 20px 0 20px 20px; font-family: "Gilroy Medium"; font-size: 18px; color: #4D4D4D;}
.council .peoples .row:nth-child(odd) {background-color: #F5F5F5;}
.council .peoples .row > div:nth-child(odd) {border-right: 1px solid #E5E5E5;}
.council .peoples:last-child .container {margin-top: 0; margin-bottom: 100px;}
.council .container p.title {font-family: "Gilroy Medium"; font-size: 24px; color: #2C3E70; margin: 50px auto 20px auto;}

.page-list-partners .internal-title h1 {font-family: "Gilroy Medium"; font-size: 80px; color: #2C3E70; text-align: center; margin: 0; line-height: 70px;}
.page-list-partners .internal-title p {font-family: "Gilroy Medium"; font-size: 30px; color: #666666; text-align: center;}
.page-list-partners .list-partners {margin: 10px 0 80px 0;}
.page-list-partners .list-partners .partner-card {border: 1px solid #F0F0F0; margin: 50px 0 0 0; border-radius: 4px; position: relative; padding: 5px 5px 60px 5px;}
.page-list-partners .list-partners .partner-card img.handshake {position: absolute; left: 29px; top: -11px;}
.page-list-partners .list-partners .partner-card .partner-card-title p {font-family: "Gilroy Bold"; font-size: 18px; color: #183088; border-bottom: 1px solid #F0F0F0; padding: 25px 0 20px 0;}
.page-list-partners .list-partners .partner-card .partner-card-responsible p {font-family: "Gilroy Medium"; font-size: 16px; color: #081B68; margin: 0;}
.page-list-partners .list-partners .partner-card .partner-card-contacts {margin-top: 15px !important;}
.page-list-partners .list-partners .partner-card .partner-card-contacts td {padding-top: 10px;}
.page-list-partners .list-partners .partner-card .partner-card-contacts td:nth-child(even) {padding-left: 15px;}
.page-list-partners .list-partners .partner-card .partner-card-contacts td {vertical-align: top;}
.page-list-partners .list-partners .partner-card .partner-card-contacts td, .page-list-partners .list-partners .partner-card .partner-card-contacts td a {font-family: "Gilroy Medium"; font-size: 18px; color: #808080;}

.page-covenants .internal-title h1 {font-family: "Gilroy Medium"; font-size: 80px; color: #2C3E70; text-align: center; margin: 0; line-height: 70px;}
.page-covenants .internal-title p {font-family: "Gilroy Medium"; font-size: 30px; color: #666666; text-align: center;}
.page-covenants .covenants {margin-bottom: 80px;}
.page-covenants .covenant {text-align: center; border: 1px solid #F0F0F0; margin: 20px 0 0 0; min-height: 146px; line-height: 146px; border-radius: 4px;}

.page-concepts-definitions .internal-title h1 {font-family: "Gilroy Medium"; font-size: 80px; color: #2C3E70; text-align: center; margin: 0; line-height: 70px;}
.page-concepts-definitions .internal-title p {font-family: "Gilroy Medium"; font-size: 30px; color: #666666; text-align: center;}
.page-concepts-definitions .concepts-definitions {margin: 70px 0 80px 0;}
.page-concepts-definitions .concept-definition-card {padding: 0; border: 2px solid #F0F0F0; border-radius: 4px; margin-bottom: 40px;}
.page-concepts-definitions .concept-definition-card img {margin-top: -6px; margin-right: 15px;}
.page-concepts-definitions .concept-definition-card .title {font-family: "Gilroy Medium"; font-size: 27px; color: #183088; border-bottom: 1px solid #F0F0F0; padding: 20px 60px;}
.page-concepts-definitions .concept-definition-card .content {font-family: "Gilroy Light"; font-size: 21px; color: #555555; padding: 40px 60px;}

.page-digital-certificate {margin-bottom: 60px;}
.page-digital-certificate .internal-title h1 {font-family: "Gilroy Medium"; font-size: 80px; color: #2C3E70; text-align: center; margin: 0; line-height: 70px;}
.page-digital-certificate .internal-title p {font-family: "Gilroy Medium"; font-size: 27px; color: #666666; text-align: center; padding: 0 120px; margin-top: 20px;}
.page-digital-certificate .digital-certificate {background-image: url("../img/snips/digital-certificate.png"); background-repeat: no-repeat; background-size: cover; background-position: top center; min-height: 1070px; margin-top: 40px; padding-top: 60px;}
.page-digital-certificate .digital-certificate p.validate {font-family: "Gilroy Medium"; font-size: 24px; color: #2C3E70;}
.page-digital-certificate .digital-certificate p.security {font-family: "Gilroy"; font-size: 24px; color: #4D4D4D;}
.page-digital-certificate .digital-certificate .why-digital-certificate > div > span {font-family: "Gilroy Bold"; font-size: 24px; color: #939598; background-color: white; display: block; padding: 12px; border-radius: 5px; margin-top: 40px;}
.page-digital-certificate .digital-certificate .why-digital-certificate > div > span > span {font-family: "Gilroy Bold"; font-size: 24px; color: #2C3E70;}
.page-digital-certificate .digital-certificate .digital-certificate-pros {margin-top: 30px;}
.page-digital-certificate .digital-certificate .digital-certificate-pros ul li {font-family: "Gilroy Bold"; font-size: 20px; color: #2C3E70; margin-top: 8px;}
.page-digital-certificate .digital-certificate .digital-certificate-pros ul li img {margin-top: -5px; margin-right: 10px;}
.page-digital-certificate .digital-certificate-boxes {margin-top: -150px;}
.page-digital-certificate .digital-certificate-boxes .digital-certificate-box {background-color: white; border: 1px solid #EDEDED; position: relative; padding: 100px 50px 50px 50px; border-radius: 3px; box-shadow: 4px 4px 20px 0 rgba(237, 237, 237, 1);}
.page-digital-certificate .digital-certificate-boxes .digital-certificate-box p.title {font-family: "Gilroy Bold"; font-size: 36px; color: #666666; text-align: center; margin-bottom: 5px;}
.page-digital-certificate .digital-certificate-boxes .digital-certificate-box p.content {font-family: "Gilroy"; font-size: 20px; color: #555555; text-align: center;}
.page-digital-certificate .digital-certificate-boxes .digital-certificate-box p.icon {position: absolute; left: 0; top: -70px; height: auto; width: 100%; text-align: center;}
.page-digital-certificate .digital-certificate-boxes .digital-certificate-box p.shadows {position: absolute; left: -30px; top: 60px; height: auto; width: 100%; text-align: center;}
.page-digital-certificate .digital-certificate-boxes .digital-certificate-box.e-cnpj p.shadows {position: absolute; left: -30px; top: 50px; height: auto; width: 100%; text-align: center;}
.page-digital-certificate .digital-certificate-boxes .digital-certificate-box .action {text-align: center; margin-top: 20px;}
.page-digital-certificate .digital-certificate-boxes .digital-certificate-box .action .know-more {font-family: "Gilroy Bold"; font-size: 18px; display: inline-block; text-align: center; line-height: 61px; height: 61px; width: 262px; color: #314B95; border: 1px solid #314B95; text-transform: uppercase; border-radius: 3px; cursor: pointer;}
.page-digital-certificate .digital-certificate-types {margin-top: 60px;}
.page-digital-certificate .digital-certificate-types h2 {font-family: "Gilroy Medium"; font-size: 45px; color: #CCCCCC; border-top: 1px solid #EDEDED; padding-top: 30px;}
.page-digital-certificate .digital-certificate-types h2 span {font-family: "Gilroy Medium"; font-size: 45px; color: #2C3E70;}
.page-digital-certificate .digital-certificate-types .digital-certificate-types-boxes {margin-top: 30px;}
.page-digital-certificate .digital-certificate-types .digital-certificate-types-boxes .digital-certificate-types-box {background-color: #F2F2F2; border-radius: 10px; min-height: 214px; padding: 40px 40px 20px 40px;}
.page-digital-certificate .digital-certificate-types .digital-certificate-types-boxes .title {font-family: "Gilroy Bold"; font-size: 30px; color: #2D468A; margin: 0;}
.page-digital-certificate .digital-certificate-types .digital-certificate-types-boxes .content {font-family: "Gilroy Light"; font-size: 21px; color: #555555;}
.page-digital-certificate .digital-certificate-types .digital-certificate-types-warning {font-family: "Gilroy Medium"; font-size: 18px; color: #0E4272; padding: 20px 85px; text-align: center;}

.page-about {margin-bottom: 0;}
.page-about .internal-title h1 {font-family: "Gilroy Light"; font-size: 80px; color: #2C3E70; text-align: center; margin: 0; line-height: 70px;}
.page-about .internal-title h1 span {font-family: "Gilroy Medium";}
.page-about .internal-title p {font-family: "Gilroy Medium"; font-size: 27px; color: #666666; text-align: center; padding: 0 120px; margin-top: 20px;}
.page-about .about {margin-top: 30px;}
.page-about .about p.strong {font-family: "Gilroy Medium"; font-size: 24px; color: #4D4D4D; border-top: 1px solid #E5E5E5; padding-top: 30px; text-align: justify;}
.page-about .about p.normal {font-family: "Gilroy"; font-size: 20px; color: #555555; margin-top: 30px; text-align: justify;border-top: 1px solid #E5E5E5;padding-top:40px;}
.page-about .about p {font-family: "Gilroy"; font-size: 20px; color: #555555; margin-top: 30px; text-align: justify;}
.page-about .purpose {margin-top: 40px;}
.page-about .purpose .purpose-card {border: 1px solid #E5E5E5; padding: 40px 80px; border-radius: 5px;}
.page-about .purpose p.title {font-family: "Gilroy Medium"; font-size: 30px; color: #253E96; text-align: center;}
.page-about .purpose p {font-family: "Gilroy"; font-size: 20px; color: #555555;}
.page-about .mission-vision-values {background-image: url("../img/snips/mission-vision-values.png"); background-repeat: no-repeat; background-size: cover; background-position: top center; min-height: 820px; margin-top: 80px; padding-top: 200px;}
.page-about .mission-vision-values p.title {font-family: "Gilroy Medium"; font-size: 50px; color: #182F84; margin-bottom: 0; line-height: 50px;}
.page-about .mission-vision-values p.content {font-family: "Gilroy"; font-size: 20px; color: #555555; margin-bottom: 60px;}
.page-about .responsibility {background-image: url("../img/snips/responsibility.png"); background-repeat: no-repeat; background-size: cover; background-position: top center; min-height: 740px; padding-top: 120px;}
.page-about .responsibility p.title {font-family: "Gilroy Light"; font-size: 72px; color: #253E96; line-height: 72px; margin-bottom: 10px;}
.page-about .responsibility p.strong {font-family: "Gilroy Medium"; font-size: 24px; color: #4D4D4D;}
.page-about .responsibility p {font-family: "Gilroy Light"; font-size: 20px; color: #333333;}

.page-contacts .internal-title h1 {font-family: "Gilroy"; font-size: 80px; color: #2C3E70; text-align: center; margin: 0; line-height: 70px;}
.page-contacts .contact-information {margin-bottom: 30px;}
.page-contacts .contact-information .title {font-family: "Gilroy Medium"; font-size: 24px; color: #00146A; margin-top: 50px; padding-top: 25px; border-top: 1px solid #E5E5E5; margin-bottom: 20px;}
.page-contacts .contact-information .info-box:first-child {padding-left: 15px;}
.page-contacts .contact-information .info-box {padding-left: 60px;}
.page-contacts .contact-information .info-box .icon {float: left; margin-right: 15px;}
.page-contacts .contact-information .info-box .icon.mail {margin-top: -10px;}
.page-contacts .contact-information .info-box .icon.clock {margin-top: -6px;}
.page-contacts .contact-information .info-box .icon.phone {margin-top: -2px;}
.page-contacts .contact-information .info-box .content {float: left;}
.page-contacts .contact-information .info-box .strong {font-family: "Gilroy Bold"; font-size: 16px; color: #00136A; text-transform: uppercase; display: block;}
.page-contacts .contact-information .info-box span, .page-contacts .contact-information .info-box span a {font-family: "Gilroy Medium"; font-size: 18px; color: #999999;}
.page-contacts .contact-information .divider {background-image: url("../img/snips/full-contact-divider.png"); min-height: 52px; margin-top: 50px;}
.page-contacts .contact label {font-family: "Gilroy Bold"; font-size: 18px; color: #00136A; margin-bottom: 2px; transition: color 0.3s;}
.page-contacts .contact .form-group.invalid label {color: #D95350;}
.page-contacts .contact .form-group.invalid input,
.page-contacts .contact .form-group.invalid textarea {border: 1px solid #D95350 !important; border-bottom: 2px solid #D95350 !important;}
.page-contacts .contact input, textarea {background-color: #F7F7F7 !important; border: 1px solid #E5E5E5 !important; padding: 15px !important;}
.page-contacts .contact button[type="submit"] {margin-top: 30px; display: inline-block; position: relative; padding: 14px 75px 14px 45px; background-color: #2B3D6F; border: none; border-radius: 3px; color: white; font-family: "Gilroy Bold"; font-size: 17px; text-transform: uppercase; float: right; cursor: pointer;}
.page-contacts .contact button[type="submit"] img.circle {position: absolute; right: -5px; top: -8px;}
.page-contacts .contact button[type="submit"] img.sign-in-alt {position: absolute; right: 21px; top: 19px;}
.page-contacts .contact .maps .location .title {font-family: "Gilroy Medium"; font-size: 16px; color: #00146B; text-transform: uppercase; display: block;}
.page-contacts .contact .maps .location .content {font-family: "Gilroy Medium"; font-size: 20px; color: #808080;}
.page-contacts .contact .maps .iframe {margin-top: 30px;}
.page-contacts .actions {margin: 80px auto;}
.page-contacts .actions .action-card {min-height: 172px; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 10px;}
.page-contacts .actions .action-partner {background-image: url("../img/snips/full-contact-handshake.png");}
.page-contacts .actions .action-digital-certificate {background-image: url("../img/snips/full-contact-certificate.png");}
.page-contacts .actions .action-card span {font-family: "Gilroy Bold"; font-size: 36px; color: white;}
.page-contacts .actions .action-card a {font-family: "Gilroy Bold"; font-size: 20px; color: white; background-color: #5C77BE; padding: 18px 30px; display: inline; border-radius: 6px;}
.page-contacts .actions .action-card .text {line-height: 28px; padding-top: 55px; padding-left: 50px;}
.page-contacts .actions .action-card.action-digital-certificate .text {padding-left: 35px;}
.page-contacts .actions .action-card .action {height: 100%; line-height: 172px;}
.page-contacts form label.check-label {display: inline-block; position: relative; padding-left: 25px;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: "Gilroy Medium"; font-size: 18px; color: #B3B3B3; line-height: 24px;}
.page-contacts form label.check-label a {display: inline-block; position: relative; font-family: "Gilroy Medium"; font-size: 18px; color: #16318E; line-height: 24px;}
.page-contacts form label.check-label input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.page-contacts form label.check-label .checkmark {position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #F2F2F2; border-radius: 5px;}
.page-contacts form label.check-label:hover input ~ .checkmark {background-color: #CCCCCC;}
.page-contacts form label.check-label input:checked ~ .checkmark {background-color: #16318E;}
.page-contacts form label.check-label .checkmark:after {content: ""; position: absolute; display: none;}
.page-contacts form label.check-label input:checked ~ .checkmark:after {display: block;}
.page-contacts form label.check-label .checkmark:after {top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: white;}

.page-associate {margin-bottom: 0;}
.page-associate .internal-title h1 {font-family: "Gilroy Light"; font-size: 80px; color: #2C3E70; text-align: center; margin: 0; line-height: 70px;}
.page-associate .internal-title h1 span {font-family: "Gilroy Medium";}
.page-associate .internal-title p {font-family: "Gilroy Medium"; font-size: 27px; color: #666666; text-align: center; padding: 0 80px; margin-top: 20px;}

.page-associate .associate-history {background-image: url("../img/snips/associate.png"); background-repeat: no-repeat; background-size: cover; background-position: top center; min-height: 676px; padding-top: 50px; margin-top: 60px;}
.page-associate .associate-history p.strong {font-family: "Gilroy Medium"; font-size: 22px; color: #183087;}
.page-associate .associate-history p {font-family: "Gilroy Medium"; font-size: 20px; color: #4D4D4D; margin-bottom: 25px;}

.page-associate .associate-pros {background-image: url("../img/snips/associate-background-pros.png"); background-repeat: no-repeat; background-size: initial; background-position: top; padding-top: 100px; background-color: #F9F9F9; padding-bottom: 100px;}
.page-associate .associate-pros h2 {font-family: "Gilroy Medium"; font-size: 50px; color: #182F84; text-align: center; margin-bottom: 20px;}
.page-associate .associate-pros .associate-pros-card {font-family: "Gilroy Medium"; font-size: 18px; color: #555555; border: 1px solid #DFDFDF; min-height: 230px; border-radius: 5px; padding: 45px; margin-top: 40px;}
.page-associate .associate-pros .associate-pros-card a {color: #162F89;}
.page-associate .associate-pros .hidden-pros {display: none;}
.page-associate .associate-pros .load-more {margin-top: 45px; text-align: center;}
.page-associate .associate-pros .load-more a {font-family: "Gilroy Bold"; font-size: 20px; color: #2341A5;}
.page-associate .associate-pros .load-moree {margin-top: 45px; text-align: center;}
.page-associate .associate-pros .load-moree a {font-family: "Gilroy Bold"; font-size: 20px; color: #2341A5;}

.page-associate .associate-now {background-image: url("../img/snips/associate-background.png"); background-repeat: no-repeat; background-size: cover; background-position: top center; padding-top: 100px; padding-bottom: 120px; background-color: #314B95;}
.page-associate .associate-now .header p.title {font-family: "Gilroy Medium"; font-size: 80px; color: white; text-align: center; line-height: 80px; margin-bottom: 0;}
.page-associate .associate-now .header p.subtitle {font-family: "Gilroy Medium"; font-size: 24px; color: white; text-align: center; padding: 0 325px}
.page-associate .associate-now .associate-container-form {margin-top: 15px; max-width: 820px;}
.page-associate .associate-now .associate-container-form label {font-family: "Gilroy Medium"; font-size: 18px; color: white; margin-bottom: 2px;}
.page-associate .associate-now .associate-container-form input {font-family: "Gilroy Medium"; font-size: 18px; background-color: white; border: none; padding: 15px;}
.page-associate .associate-now .associate-container-form .form-group.invalid input {border: 1px solid #C92624 !important; border-bottom: 2px solid #D95350 !important;}
.page-associate .associate-now .associate-container-form .form-group.invalid input {background-color: #FADDDD;}
.page-associate .associate-now .associate-container-form .final-action {text-align: center;}
.page-associate .associate-now .associate-container-form .final-action button[type="submit"] {display: inline-block; position: relative; padding: 14px 75px 14px 45px; background-color: #30A2D7; border: none; border-radius: 3px; color: white; font-family: "Gilroy Bold"; font-size: 17px; text-transform: uppercase; cursor: pointer;}
.page-associate .associate-now .associate-container-form .final-action button[type="submit"] img.circle {position: absolute; right: -5px; top: -8px;}
.page-associate .associate-now .associate-container-form .final-action button[type="submit"] img.sign-in-alt {position: absolute; right: 21px; top: 19px;}
.page-associate .associate-now .associate-container-form .divider-title {font-family: "Gilroy Medium"; font-size: 24px; color: white; text-align: center; padding-top: 40px;}
.page-associate .associate-now .associate-container-form .final-warning {margin-bottom: 40px;}
.page-associate .associate-now .associate-container-form .final-warning .title {font-family: "Gilroy Medium"; font-size: 24px; color: white; text-align: center; padding-top: 30px; line-height: 24px; margin-bottom: 10px;}
.page-associate .associate-now .associate-container-form .final-warning p {font-family: "Gilroy Medium"; font-size: 16px; color: white; text-align: center; padding: 0 100px; text-transform: uppercase;}

.page-associate .associate-docs {min-height: 200px; background-color: #F7F7F7;}
.page-associate .associate-docs .container {min-height: 200px;}
.page-associate .associate-docs .container > .row {min-height: 200px;}
.page-associate .associate-docs .see-the-docs {margin: auto;}
.page-associate .associate-docs .download-the-docs {margin: auto;}
.page-associate .associate-docs p {font-family: "Gilroy Medium"; font-size: 36px; color: #182F84; line-height: 36px; margin: 0;}
.page-associate .associate-docs a {font-family: "Gilroy Medium"; font-size: 24px; color: #182F84; background-color: white; padding: 30px 40px; border: 1px solid #E5E5E5; border-radius: 6px; box-shadow: 17px 18px 20px 1px rgba(237, 237, 237, 1);}
.page-associate .associate-docs a img {margin-top: -6px; margin-right: 10px;}
.page-associate .associate-now .associate-container-form .form-group.invalid label.check-label {color: #D95350;}
.page-associate .associate-now .associate-container-form label.check-label {display: inline-block; position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: "Gilroy Medium"; font-size: 18px; color: #ffffff; line-height: 24px;}
.page-associate .associate-now .associate-container-form label.check-label a {display: inline-block; position: relative; font-family: "Gilroy Medium"; font-size: 18px; color: #ffffff; line-height: 24px;}
.page-associate .associate-now .associate-container-form label.check-label input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.page-associate .associate-now .associate-container-form label.check-label .checkmark {position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #F2F2F2; border-radius: 5px;}
.page-associate .associate-now .associate-container-form label.check-label:hover input ~ .checkmark {background-color: #CCCCCC;}
.page-associate .associate-now .associate-container-form label.check-label input:checked ~ .checkmark {background-color: #ffffff;}
.page-associate .associate-now .associate-container-form label.check-label .checkmark:after {content: ""; position: absolute; display: none;}
.page-associate .associate-now .associate-container-form label.check-label input:checked ~ .checkmark:after {display: block;}
.page-associate .associate-now .associate-container-form label.check-label .checkmark:after {top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: #182F84;}

.page-conventions {margin-bottom: 150px;}
.page-conventions .internal-title h1 {font-family: "Gilroy Medium"; font-size: 72px; color: #2C3E70; text-align: center; margin: 0; line-height: 70px;}
.page-conventions .conventions {margin-top: 40px;}
.page-conventions .conventions .convention {border: 1px solid #E5E5E5; min-height: 90px; border-radius: 5px; margin-top: 30px;}
.page-conventions .conventions .convention .description {font-family: "Gilroy Medium"; font-size: 24px; color: #0E2274; margin: auto; padding-left: 40px;}
.page-conventions .conventions .convention .description img {margin-top: -8px; margin-right: 15px;}
.page-conventions .conventions .convention .action {line-height: 90px; background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 3%, rgba(247, 247, 247, 1) 45%, rgba(247, 247, 247, 1) 64%, rgba(247, 247, 247, 1) 89%, rgba(247, 247, 247, 1) 100%); border-radius: 6px; text-align: center;}
.page-conventions .conventions .convention .action a {font-family: "Gilroy Medium"; font-size: 20px; color: white; background-color: #213E9B; padding: 8px 20px; border-radius: 5px; display: inline;}

#modal-covenants-details .modal-title {font-family: "Gilroy Medium"; font-size: 36px; color: #2C3E70; text-align: center; width: 100%;}
#modal-covenants-details .modal-body {margin-top: 20px;}
#modal-covenants-details .modal-body p {font-family: "Gilroy Medium"; font-size: 20px; color: #2C3E70;}
#modal-covenants-details .modal-content {border: none; padding: 0 40px 40px 40px; position: relative;}
#modal-covenants-details .modal-dialog {max-width: 600px; margin-top: 150px;}
#modal-covenants-details .custom-modal-close {font-family: "Gilroy Medium"; font-size: 16px; color: white; position: absolute; top: -40px; right: 5px; white-space: nowrap;}
.modal-backdrop.show {opacity: .9;}

#modal-documents-details .modal-title {margin-top: 20px; font-family: "Gilroy Medium"; font-size: 26px; color: #2C3E70; text-align: center; width: 100%;}
#modal-documents-details .modal-body {margin-top: 20px;}
#modal-documents-details .modal-body p {font-family: "Gilroy Medium"; font-size: 18px; color: #555555;}
#modal-documents-details .modal-content {border: none; padding: 0 20px 20px 20px; position: relative;}
#modal-documents-details .modal-dialog {max-width: 600px; margin-top: 150px;}
#modal-documents-details .custom-modal-close {font-family: "Gilroy Medium"; font-size: 16px; color: white; position: absolute; top: -40px; right: 5px; white-space: nowrap;}

.page-contribution {margin-bottom: 100px;}
.page-contribution .internal-title h1 {font-family: "Gilroy Medium"; font-size: 72px; color: #2C3E70; text-align: center; margin: 0; line-height: 70px;}
.page-contribution .internal-title p {font-family: "Gilroy Medium"; font-size: 27px; color: #666666; text-align: center; padding: 0 250px; margin-top: 15px;}
.page-contribution .contribution {margin-top: 50px;}
.page-contribution .contribution .title p {font-family: "Gilroy Bold"; font-size: 30px; color: #808080; text-align: center; padding-bottom: 17px; border-bottom: 1px solid #E5E5E5;}
.page-contribution .contribution .title img {margin-top: -10px; margin-right: 15px;}
.page-contribution .contribution .description p {font-family: Gilroy; font-size: 24px; color: #4D4D4D; margin-top: 20px;}
.page-contribution .contribution .calc p:first-child {font-family: "Gilroy Bold"; font-size: 30px; color: #B3B3B3; text-align: center; margin-bottom: 0; line-height: 30px;}
.page-contribution .contribution .calc p:last-child {font-family: "Gilroy Medium"; font-size: 24px; color: #B3B3B3; text-align: center;}
.page-contribution .contribution .table-two {margin-top: 80px;}
.page-contribution .contribution .base {font-family: "Gilroy Medium"; font-size: 30px; color: #B3B3B3; text-transform: uppercase; text-align: center;}
.page-contribution .contribution-notes .content {font-family: "Gilroy Medium"; font-size: 18px; color: #808080; background-color: #FAFAFA; padding: 60px 130px 130px 130px; border-radius: 7px;}
.page-contribution .contribution-notes .content p.title {margin-bottom: 30px;}
.page-contribution .contribution-table-calc {margin-top: 10px; margin-bottom: 80px;}
.page-contribution .contribution-table-calc .container {max-width: 1020px;}
.page-contribution .contribution-table-calc .row.header > div {font-family: "Gilroy Bold"; font-size: 17px; color: #A6A6A6; background-color: #F5F5F5; text-transform: uppercase;}
.page-contribution .contribution-table-calc .row > div {padding: 20px 0 20px 20px; font-family: "Gilroy Medium"; font-size: 18px; color: #4D4D4D;}
.page-contribution .contribution-table-calc .row:nth-child(odd) {background-color: #F5F5F5;}
.page-contribution .contribution-table-calc .row > div {border-right: 1px solid #E5E5E5;}
.page-contribution .contribution-table-calc .row > div:first-child {border-left: 1px solid #E5E5E5; text-align: center;}
.page-contribution .calc-contribution{ color}

.page-news {margin-bottom: 100px;}
.page-news .internal-title h1 {font-family: "Gilroy Medium"; font-size: 72px; color: #2C3E70; text-align: center; margin: 0; line-height: 70px;}
.page-news .news-highlights {margin-top: 40px;}
.page-news .news-highlights .news-card {background-image: url("../img/news/fake-photo.png"); min-height: 450px; background-position: center; background-size: cover; position: relative;}
.page-news .news-highlights .news-card .content {position: absolute; bottom: 0; padding-left: 40px; padding-bottom: 40px; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%); padding-top: 100px;}
.page-news .news-highlights .news-card .content .date {font-family: "Gilroy Bold"; font-size: 16px; color: white; background-color: #31A1D7; padding: 8px 25px; border-radius: 18px;}
.page-news .news-highlights .news-card .content .title {font-family: "Gilroy Bold"; font-size: 30px; color: white; margin-top: 25px; line-height: 30px; display: inline-block;}
.page-news .news-lists {margin-top: 70px;}
.page-news .news-lists .fresh-news .fresh-new-card:first-child {margin-top: 0;}
.page-news .news-lists .fresh-news .fresh-new-card {margin-top: 85px;}
.page-news .news-lists .fresh-news .fresh-new-card .image {background-image: url("../img/news/lists-fake-photo.png"); background-position: center; background-size: cover;}
.page-news .news-lists .fresh-news .fresh-new-card .date {font-family: "Gilroy Bold"; font-size: 16px; color: white; background-color: #31A1D7; padding: 4px 25px; border-radius: 18px; display: inline-block;}
.page-news .news-lists .fresh-news .fresh-new-card .title {margin-top: 10px;}
.page-news .news-lists .fresh-news .fresh-new-card .title a {font-family: "Gilroy Bold"; font-size: 27px; color: #152B82; line-height: 30px; margin-top: 10px;}
.page-news .news-lists .fresh-news .fresh-new-card .subtitle {font-family: Gilroy; font-size: 17px; color: #4D4D4D; margin-bottom: 0;}
.page-news .news-lists .fresh-news .fresh-new-card a.action {font-family: "Gilroy Medium"; font-size: 21px; color: #31A2D7;}
.page-news .news-lists .fresh-news .paginator ul {display: table; margin: 110px auto;}
.page-news .news-lists .fresh-news .paginator ul li {float: left; margin-left: 30px;}
.page-news .news-lists .fresh-news .paginator ul li a {font-family: "Gilroy Medium"; font-size: 18px; color: #4D4D4D; font-style: italic;}
.page-news .news-lists .fresh-news .paginator ul li button {border: none; border-radius: 50%; width: 60px; height: 60px; margin-top: -18px; cursor: pointer;}
.page-news .news-lists .best-news .header {font-family: "Gilroy Bold"; font-size: 30px; color: #152B82; border-bottom: 1px solid #E5E5E5; padding-bottom: 10px;}
.page-news .news-lists .best-news .best-news-card {margin-top: 40px;}
.page-news .news-lists .best-news .best-news-card .date {font-family: "Gilroy Bold"; font-size: 16px; color: #31A1D7; background-color: white; border: 2px solid #31A1D7; padding: 2px 25px; border-radius: 18px; display: inline-block;}
.page-news .news-lists .best-news .best-news-card .title {margin-top: 10px;}
.page-news .news-lists .best-news .best-news-card .title a {font-family: "Gilroy Bold"; font-size: 22px; color: #152B82; line-height: 32px;}
.page-news .custom-ads {margin-top: 0;}
.page-news .custom-ads-vertical .custom-ads-card-vertical {margin-top: 40px; max-width: 100%;}

.page-news-details {margin-bottom: 100px;}
.page-news-details .news-details h1 {font-family: "Gilroy Bold"; font-size: 45px; color: #152B82; line-height: 48px; margin-top: 15px;}
.page-news-details .news-details .date {font-family: "Gilroy Bold"; font-size: 16px; color: white; background-color: #31A1D7; padding: 4px 25px; border-radius: 18px; display: inline-block;}
.page-news-details .news-details .main-image {background-image: url("../img/news/details-fake-photo.png"); min-height: 454px; background-size: cover; background-position: center;}
.page-news-details .news-details .content {margin-top: 30px; text-align: justify !important;}
.page-news-details .news-details .content p {font-family: Gilroy; font-size: 21px; color: #555555;}
.page-news-details .news-details .content ul li {font-family: "Gilroy"; font-size: 20px; color: #555555;}
.page-news-details .news-details .content ul li img {margin-top: -5px; margin-right: 6px;}
.page-news-details .news-details .social span {font-family: Gilroy; font-size: 13px; color: #999999; line-height: 30px; text-transform: uppercase;}
.page-news-details .news-details .social ul {display: table; float: right;}
.page-news-details .news-details .social ul {display: table; float: right;}
.page-news-details .news-details .social ul li {float: left; margin-left: 15px;}
.page-news-details .news-details .photos {margin-top: 80px; background-color: #F7F7F7; padding: 30px 20px 50px 70px; border-radius: 10px;}
.page-news-details .news-details .photos .header {width: 100%; margin-bottom: 0;}
.page-news-details .news-details .photos .title {font-family: "Gilroy Bold"; font-size: 24px; color: #152B82; display: block; width: 100%; margin-bottom: 0;}
.page-news-details .news-details .photos .photo-card {background-image: url("../img/news/gallery-fake-photo.png"); width: 122px; height: 103px; background-size: cover; background-position: center; margin-right: 20px; margin-top: 15px; float: left;}
.page-news-details .news-details .video {margin-top: 40px;}
.page-news-details .news-details .video .title {font-family: "Gilroy Bold"; font-size: 24px; color: #152B82; display: block; width: 100%; margin-bottom: 10px;}
.page-news-details .best-news .header {font-family: "Gilroy Bold"; font-size: 30px; color: #152B82; border-bottom: 1px solid #E5E5E5; padding-bottom: 10px;}
.page-news-details .best-news .best-news-card {margin-top: 40px;}
.page-news-details .best-news .best-news-card .date {font-family: "Gilroy Bold"; font-size: 16px; color: #31A1D7; background-color: white; border: 2px solid #31A1D7; padding: 2px 25px; border-radius: 18px; display: inline-block;}
.page-news-details .best-news .best-news-card .title {margin-top: 10px;}
.page-news-details .best-news .best-news-card .title a {font-family: "Gilroy Bold"; font-size: 22px; color: #152B82; line-height: 32px;}
.page-news-details .custom-ads {margin-top: 70px;}
.page-news-details .custom-ads-card-vertical {margin-top: 20px;}
.page-news-details .custom-ads-vertical .custom-ads-card-vertical {margin-top: 40px; max-width: 100%;}

.page-courses {margin-bottom: 70px;}
.page-courses .internal-title h1 {font-family: "Gilroy"; font-size: 80px; color: #CCCCCC; text-align: center; margin: 0; line-height: 70px;}
.page-courses .internal-title h1 span {color: #2C3E70;}
.page-courses .courses-actions {text-align: center; margin: 40px auto;}
.page-courses .courses-actions a {display: inline-block;}
.page-courses .courses-actions .next-courses-action {font-family: "Gilroy Medium"; font-size: 20px; color: #2B3D6F; margin-right: 20px; background-color: white; border: 2px solid #2B3D6F; border-radius: 3px; padding: 10px 50px;}
.page-courses .courses-actions .finished-courses {font-family: "Gilroy Medium"; font-size: 20px; color: #2B3D6F; background-color: white; border: 2px solid #2B3D6F; border-radius: 3px; padding: 10px 30px;}
.page-courses .courses-actions .finished-courses.active, .page-courses .courses-actions .next-courses-action.active {font-family: "Gilroy Bold"; font-size: 20px; color: white; background-color: #2B3D6F;}

.page-courses .courses {margin-bottom: 10px;}
.page-courses .courses .divider {border-bottom: 1px solid #E5E5E5; padding-bottom: 80px;}
.page-courses .courses .row:first-child .course-card {margin-top: 0;}
.page-courses .courses .course-card {margin-top: 80px;}
.page-courses .courses .course-card .image {background-image: url("../img/courses/fake-course-photo.png"); background-size: cover; background-position: center; min-height: 313px; position: relative; border-radius: 3px;}
.page-courses .courses .course-card .image .info {font-family: "Gilroy Bold"; font-size: 16px; color: white; background-color: #1A9EC4; padding: 2px 10px; display: inline-block; border-radius: 5px; position: absolute; left: 10px; bottom: 10px;}
.page-courses .courses .course-card .title {font-family: "Gilroy Bold"; font-size: 30px; color: #999999; line-height: 38px; margin-top: 10px; display: inline-block;}
.page-courses .courses .course-card .subtitle {font-family: "Gilroy"; font-size: 20px; color: #555555; margin-top: 15px;}
.page-courses .courses .course-card .extra-info p {font-family: "Gilroy Bold"; font-size: 20px; color: #2D468A; margin-bottom: 10px;}
.page-courses .courses .course-card .extra-info p:last-child {margin-bottom: 0;}
.page-courses .courses .course-card .extra-info p img {margin-top: -5px;}
.page-courses .courses .course-card .know-more {font-family: "Gilroy Bold"; font-size: 18px; color: #2D468A; text-transform: uppercase; border: 1px solid #2D468A; padding: 18px 40px; float: right; border-radius: 4px;}
.page-courses .courses-paginator .paginator ul {display: table; margin: 70px auto 0 auto;}
.page-courses .courses-paginator .paginator ul li {float: left; margin-left: 30px;}
.page-courses .courses-paginator .paginator ul li a {font-family: "Gilroy Medium"; font-size: 18px; color: #4D4D4D;}
.page-courses .courses-paginator .paginator ul li button {border-radius: 5px; width: 60px; height: 60px; margin-top: -18px; background-color: white; border: 1px solid #E5E5E5; cursor: pointer;}
.page-courses .custom-ads {margin-top: 90px; margin-bottom: 120px;}

.page-courses-details {margin-bottom: 150px;}
.page-courses-details .internal-title h1 {font-family: "Gilroy Medium"; font-size: 48px; color: #2C3E70; text-align: center; margin: 0; line-height: 55px; padding: 0 100px;}
.page-courses-details .course-details .container {padding: 55px; box-shadow: 4px 4px 28px 2px rgba(237, 237, 237, 1); border-radius: 5px; margin-top: 30px;}
.page-courses-details .course-details .image {background-image: url("../img/courses/fake-details.png"); background-size: cover; background-position: top center; width: 100%; min-height: 443px; border-radius: 5px;}
.page-courses-details .course-details .quick-info {padding: 50px 30px 0 30px;}
.page-courses-details .course-details .when-whom .header {font-family: "Gilroy Medium"; font-size: 30px; color: #1D475E; border-bottom: 1px solid #E5E5E5; margin-bottom: 20px;}
.page-courses-details .course-details .when-whom .header span {font-family: "Gilroy Medium"; font-size: 18px; color: #808080; float: right; line-height: 45px;}
.page-courses-details .course-details .table-details table {width: 100%;}
.page-courses-details .course-details .table-details td:nth-child(odd) {text-align: center; padding-left: 0;}
.page-courses-details .course-details .table-details td {font-family: "Gilroy Medium"; font-size: 17px; color: #666666; padding: 8px 10px;}
.page-courses-details .course-details .course-details-cta-container {padding: 0;}
.page-courses-details .course-details .course-details-cta {background-color: #F7F7F7; border-radius: 15px; padding-bottom: 40px;}
.page-courses-details .course-details .course-details-cta .header {font-family: "Gilroy Medium"; font-size: 17px; color: #B3B3B3; background-color: #F4F4F4; text-align: center; padding: 15px 0; text-transform: uppercase; border-top-left-radius: 15px; border-top-right-radius: 15px; margin-bottom: 30px;}
.page-courses-details .course-details .course-details-cta .header span {font-family: "Gilroy Medium"; font-size: 30px; color: #0E237A; text-transform: lowercase; position: relative; top: 3px; left: 10px;}
.page-courses-details .course-details .course-details-cta p {font-family: "Gilroy Bold"; font-size: 17px; color: #1D475E; text-align: justify; padding: 0 20px; margin: 20px 0;}
.page-courses-details .course-details .course-details-cta p.without-value {font-size: 16px;}
.page-courses-details .course-details .course-details-cta div.divider {padding: 0 20px; height: 1px;}
.page-courses-details .course-details .course-details-cta div.divider span {border: 1px solid #DEDEDE; width: 100%; float: left;}
.page-courses-details .course-details .course-details-cta p span {font-family: "Gilroy Bold"; font-size: 17px; color: #1D475E; float: right;}
.page-courses-details .course-details .course-details-cta .course-details-cta-action {text-align: center;}
.page-courses-details .course-details .course-details-cta a {display: inline-block; position: relative; padding: 14px 75px 14px 45px; background-color: #30A2D7; border: none; border-radius: 3px; color: white; font-family: "Gilroy Bold"; font-size: 17px; text-transform: uppercase; cursor: pointer;}
.page-courses-details .course-details .course-details-cta a img.circle {position: absolute; right: -5px; top: -8px;}
.page-courses-details .course-details .course-details-cta a img.sign-in-alt {position: absolute; right: 21px; top: 19px;}
.page-courses-details .course-details-content .header p {font-family: "Gilroy Medium"; font-size: 24px; color: #16308D; margin-top: 60px; border-bottom: 1px solid #F2F2F2; padding-bottom: 15px; margin-bottom: 35px; position: relative;}
.page-courses-details .course-details-content .header p span {width: 95px; background-color: #16308D; height: 7px; display: inline-block; position: absolute; bottom: 0; left: 0;}
.page-courses-details .course-details-content .content p, .page-courses-details .course-details-content .content ul li {font-family: "Gilroy"; font-size: 20px; color: #666666;}
.page-courses-details .course-details-content .content ul li img {margin-top: -5px; margin-right: 6px;}
.page-courses-details .course-details-content .content p.title:first-child {margin-bottom: 20px;}
.page-courses-details .course-details-content .content p.title {font-family: "Gilroy Medium"; font-size: 24px; color: #1D475E; margin-bottom: 0;}
.page-courses-details .course-details-content .content p.title-steps {font-family: "Gilroy Medium"; font-size: 20px; color: #1D475E; background-color: #F2F2F2; padding: 7px 25px; border-radius: 12px;}
.page-courses-details .course-social-medias .social-medias {margin-top: 20px; border: 1px solid #E5E5E5; padding: 8px 25px; border-radius: 12px;}
.page-courses-details .course-social-medias p {font-family: "Gilroy Medium"; font-size: 20px; color: #1D475E; float: left; margin: 0;}
.page-courses-details .course-social-medias ul {float: right; display: table; margin: 3px auto;}
.page-courses-details .course-social-medias ul li {float: left; margin-left: 20px;}
.page-courses-details .course-subscription {margin-top: 40px;}
.page-courses-details .course-subscription .container {border: 2px solid #E5E5E5; border-radius: 5px; padding: 40px 90px;}
.page-courses-details .course-subscription .header p {font-family: "Gilroy Medium"; font-size: 30px; color: #999999; text-align: center; border-bottom: 1px solid #E5E5E5; padding-bottom: 20px;}
.page-courses-details form {padding: 30px 60px;}
.page-courses-details form label {font-family: "Gilroy Bold"; font-size: 18px; color: #16318E; margin-bottom: 0;}
.page-courses-details .form-group.invalid label {color: #D95350;}
.page-courses-details .form-group.invalid input,
.page-courses-details .form-group.invalid textarea {border: 1px solid #D95350 !important; border-bottom: 2px solid #D95350 !important;}
.page-courses-details form .is-partner-group {margin-top: 20px;}
.page-courses-details form .is-partner-group label.is-partner {margin-right: 30px;}
.page-courses-details form input[type="text"] {background-color: #F2F2F2; padding: 15px; border: 2px solid #F2F2F2;}
.page-courses-details form .final-action {text-align: center; margin-top: 30px;}
.page-courses-details form button[type="submit"] {display: inline-block; position: relative; padding: 14px 75px 14px 45px; background-color: #30A2D7; border: none; border-radius: 3px; color: white; font-family: "Gilroy Bold"; font-size: 17px; text-transform: uppercase; cursor: pointer;}
.page-courses-details form button[type="submit"] img.circle {position: absolute; right: -5px; top: -8px;}
.page-courses-details form button[type="submit"] img.sign-in-alt {position: absolute; right: 21px; top: 19px;}
.page-courses-details form label.check-label {display: inline-block; position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: "Gilroy Medium"; font-size: 18px; color: #B3B3B3; line-height: 24px;}
.page-courses-details form label.check-label a {display: inline-block; position: relative; font-family: "Gilroy Medium"; font-size: 18px; color: #16318E; line-height: 24px;}
.page-courses-details form label.check-label input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.page-courses-details form label.check-label .checkmark {position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #F2F2F2; border-radius: 5px;}
.page-courses-details form label.check-label:hover input ~ .checkmark {background-color: #CCCCCC;}
.page-courses-details form label.check-label input:checked ~ .checkmark {background-color: #16318E;}
.page-courses-details form label.check-label .checkmark:after {content: ""; position: absolute; display: none;}
.page-courses-details form label.check-label input:checked ~ .checkmark:after {display: block;}
.page-courses-details form label.check-label .checkmark:after {top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: white;}

.page-courses-details-variant {margin-bottom: 0;}
.page-courses-details-variant .course-photos-slide {padding-bottom: 0;}
.page-courses-details-variant .course-photos {margin-top: 50px; padding: 50px 0; background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 3%, rgba(247, 247, 247, 1) 45%, rgba(247, 247, 247, 1) 64%, rgba(247, 247, 247, 1) 89%, rgba(247, 247, 247, 1) 100%);}
.page-courses-details-variant .course-photos img {cursor: pointer;}
.page-courses-details-variant .course-photos .header {font-family: "Gilroy Bold"; font-size: 30px; color: #999999; text-align: center; margin-bottom: 20px;}
.page-courses-details-variant .course-photos .photos-slide img {margin-right: 25px; border-radius: 12px;}
.page-courses-details-variant .course-photos .controls {display: flex; align-items: center; justify-content: center; flex-direction: row; margin-top: 15px;}
.page-courses-details-variant .course-photos .controls button {font-size: 40px; padding: 30px 30px; margin-top: 15px; color: #D1D1D1; background-color: #EBEBEB; border: none; cursor: pointer;}
.page-courses-details-variant .course-photos .controls button.slick-prev {background-image: url("../img/snips/arrow-left.png"); background-repeat: no-repeat; background-position: center center; border-radius: 35px; margin-right: 20px;}
.page-courses-details-variant .course-photos .controls button.slick-next {background-image: url("../img/snips/arrow-right.png"); background-repeat: no-repeat; background-position: center center; border-radius: 35px;}

.page-404 .internal-title h1 {font-family: "Gilroy Medium"; font-size: 48px; color: #2C3E70; text-align: center; margin: 0; line-height: 55px;}
.page-404 .default-content {font-size: 18px; font-family: Gilroy; margin: 40px 0;}
.page-404 .default-content a {color: #2C3E70; transition: all 0.2s;}
.page-404 .default-content a:hover {color: #162B5E; font-family: "Gilroy Medium";}

.page-privacity {margin-bottom: 0;}
.page-privacity .internal-title h1 {font-family: "Gilroy Light"; font-size: 80px; color: #2C3E70; text-align: center; margin: 0; line-height: 70px;}
.page-privacity .internal-title h1 span {font-family: "Gilroy Medium";}
.page-privacity .internal-title p {font-family: "Gilroy Medium"; font-size: 27px; color: #666666; text-align: center; padding: 0 120px; margin-top: 20px;}
.page-privacity .about {margin-top: 30px;}
.page-privacity .about p.strong {font-family: "Gilroy Medium"; font-size: 24px; color: #4D4D4D; padding-top: 30px; text-align: justify;}
.page-privacity .about p.normal {font-family: "Gilroy"; font-size: 20px; color: #555555; margin-top: 30px; text-align: justify;padding-top:0px;}
.page-privacity .about p {font-family: "Gilroy"; font-size: 20px; color: #555555; margin-top: 30px; text-align: justify;}
.page-privacity .purpose {margin-top: 40px;}
.page-privacity .purpose .purpose-card {border: 1px solid #E5E5E5; padding: 40px 80px; border-radius: 5px;}
.page-privacity .purpose p.title {font-family: "Gilroy Medium"; font-size: 30px; color: #253E96; text-align: center;}
.page-privacity .purpose p {font-family: "Gilroy"; font-size: 20px; color: #555555;}
.page-privacity .mission-vision-values {background-image: url("../img/snips/mission-vision-values.png"); background-repeat: no-repeat; background-size: cover; background-position: top center; min-height: 820px; margin-top: 80px; padding-top: 200px;}
.page-privacity .mission-vision-values p.title {font-family: "Gilroy Medium"; font-size: 50px; color: #182F84; margin-bottom: 0; line-height: 50px;}
.page-privacity .mission-vision-values p.content {font-family: "Gilroy"; font-size: 20px; color: #555555; margin-bottom: 60px;}
.page-privacity .responsibility {background-image: url("../img/snips/responsibility.png"); background-repeat: no-repeat; background-size: cover; background-position: top center; min-height: 740px; padding-top: 120px;}
.page-privacity .responsibility p.title {font-family: "Gilroy Light"; font-size: 72px; color: #253E96; line-height: 72px; margin-bottom: 10px;}
.page-privacity .responsibility p.strong {font-family: "Gilroy Medium"; font-size: 24px; color: #4D4D4D;}
.page-privacity .responsibility p {font-family: "Gilroy Light"; font-size: 20px; color: #333333;}

.footer-instagram {min-height: 630px; background-color: #F7F7F7; padding-bottom: 60px;}
.footer-instagram .container {position: relative;}
.footer-instagram .title {margin-bottom: 35px;}
.footer-instagram .title p {font-family: "Gilroy Medium"; font-size: 50px; color: #CCCCCC; line-height: 50px; margin: 80px 0 0 0;}
.footer-instagram .title p span {font-family: "Gilroy Medium"; color: #283E7C;}
.footer-instagram .title small a {font-family: "Gilroy Medium"; font-size: 24px; color: #283E7C;}
.footer-instagram .instagram-image img {max-width: 100%; border-radius: 5px;}
.footer-instagram img.icon {position: absolute; top: 95px; border: 1px solid #DEDEDE; padding: 10px; border-radius: 50%;}
.footer-instagram span.line {position: absolute; height: 96px; border-left: 1px solid #DEDEDE; left: 44px; top: 0;}

footer {background-image: url("../img/snips/background-footer.png"); background-repeat: no-repeat; background-position: top center;}
footer .menu-and-icons {height: 266px;}
footer nav {margin: 13px 0;}
footer nav ul {display: table;}
footer nav ul li:first-child {margin-left: 0;}
footer nav ul li {float: left; margin-left: 25px;}
footer nav ul li a {font-family: "Gilroy Bold"; font-size: 17px; color: #6C6E70; transition: all .2s;}
footer nav ul li a:hover {color: #283E7A; border-bottom: 3px solid #283E7A;}
footer .phone-and-links {height: 218px;}
footer .phone-and-links * {margin: auto;}
footer .phone {font-family: "Gilroy Bold"; font-size: 20px; color: #283E7A;}
footer .phone img {margin-top: -4px; margin-right: 10px;}
footer .logo {text-align: center; padding-left: 0; padding-right: 0;}
footer .logo img {text-align: center; max-width: 100%;}
footer .icons {text-align: right;}
footer .icons img {margin-left: 35px;}
footer .menu-and-action {height: 52px;}
footer .menu-and-action .col-3 {padding-left: 0;}
footer .restrict-area {float: right; font-family: "Gilroy Bold"; font-size: 16px; color: #455EA5; border: 2px solid #455EA5; background-color: white; text-transform: uppercase; padding: 11px 34px; border-radius: 3px;}
footer .restrict-area img {margin-left: 10px; margin-top: -4px;}
.restrict-area {float: left; font-family: "Gilroy Bold"; font-size: 16px; color: #455EA5; border: 2px solid #455EA5; background-color: white; text-transform: uppercase; padding: 11px 34px; border-radius: 3px; margin-bottom: 30px;}

.copy {height: 72px; margin-top: 30px; border-top: 1px solid #E5E5E5;}
.copy .politica a{font-family: "Gilroy Bold"; font-size: 14px; color: #4D4D4D; line-height: 72px; text-transform: uppercase;}
.copy .politica a:hover{color: #283E7C;}
.copy .info {font-family: "Gilroy Bold"; font-size: 14px; color: #4D4D4D; line-height: 72px; text-transform: uppercase;}
.copy .logo-virtualiza a {float: right; line-height: 72px;}

.alert-fixed {position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; border: none; border-radius: 0; text-align: center; font-family: "Gilroy Medium"; font-size: 16px; display: none;}

@media only screen and (min-width: 1200px) {
    .page-courses-details-variant .only-desktop-maps {width: 400px;}
    .page-courses-details-variant .course-details .table-details table td.image-icon {vertical-align: center; padding-left: 0 !important; padding-right: 0 !important;}
    .page-courses-details-variant .course-details .table-details table td {padding-left: 0 !important;}
    .page-courses-details-variant .course-details .table-details table img {text-align: center;}
}

@media only screen and (min-width: 1920px) {
    .news {background-size: 1420px;}
}

@media only screen and (min-width: 2350px) {
    .news {background-size: 1520px;}
}

@media only screen and (max-width: 1500px) {
    .call-to-action-dots .slick-dots {left: -40px;}
}

@media only screen and (max-width: 1250px) {
    .call-to-action-dots .slick-dots {left: -20px;}
}

.floating-whatsapp {font-family: "Gilroy Medium"; font-size: 14px; color: #49C958; position: fixed; bottom: 88px; right: 20px; background-color: white; display: inline-block; padding: 30px 20px 10px 20px; border: 1px solid #D9D9D9; border-radius: 15px; box-shadow: 4px 4px 20px 0 rgba(237, 237, 237, 1); z-index: 9999;}
.floating-whatsapp img {position: absolute; top: 13px; left: 16px;}
.floating-whatsapp .circle {position: absolute; top: -28px; left: 36px; background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 15%, rgba(247, 247, 247, 1) 45%, rgba(247, 247, 247, 1) 64%, rgba(247, 247, 247, 1) 89%, rgba(247, 247, 247, 1) 100%); width: 60px; height: 60px; border-radius: 50%; display: inline-block;}
.floating-whatsapp:hover {color: #49C958; font-family: "Gilroy Bold";}

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

    header .default-header .menu-bars {position: fixed; right: 50px; top: 75px;}
    header .default-header .menu-bars a {background-color: #2B3D6F; padding: 22px; border-radius: 50%;}

    header .default-header nav ul li a {font-family: "Gilroy Bold"; font-size: 18px; color: #6C6E70; transition: all .2s;}
    header .default-header nav ul li a:hover {font-family: "Gilroy Bold"; font-size: 18px; color: #283E7A; border-bottom: 3px solid white;}

    .custom-ads {margin-top: 0;}
    .custom-ads img {margin-top: 40px;}
    .custom-ads-card-vertical {display: none;}

    .custom-breadcrumb {display: none;}
    .only-desktop {display: none !important;}
    .only-mobile {display: initial !important;}
    .only-mobile-table-row {display: table-row !important;}

    .call-to-action {position: relative; margin-top: 170px;}
    .call-to-action h1 {font-size: 52px; line-height: 52px;}
    .call-to-action h1 b {font-family: "Gilroy Bold";}
    .call-to-action p {font-size: 17px; padding-right: 120px;}
    .call-to-action a.action {font-size: 13px;}
    .call-to-action .action img.circle {top: -11px;}
    .call-to-action .action img.sign-in-alt {top: 16px; right: 24px;}

    .call-to-action-dots {position: relative; margin-top: 235px;}
    .call-to-action-dots .slick-dots {top: 270px; left: 50%; display: table; position: absolute; margin: 0; margin-left: -15px;}
    .call-to-action-dots .slick-dots li {float: left; margin-right: 20px;}

    .banner-container {min-height: 850px; position: relative;}
    .banner-container .banner {width: 100vw; height: 850px; max-width: 100%; position: absolute; top: 0;}
    .banner-container .banner .item {width: 100vw; height: 850px; max-width: 100%; background-size: cover; background-position: center top; position: absolute; top: 0; left: 0;}

    .digital-signature {padding: 0 15px;}
    .digital-signature .content {background-repeat: no-repeat; padding: 20px;}
    .digital-signature .content * {margin: auto;}
    .digital-signature .content .contract-text {text-align: center;}
    .digital-signature .content .training-text {text-align: center; margin-bottom: 10px; padding: 0 320px;}
    .digital-signature .content .action {text-align: center;}
    .digital-signature .content .action a {font-size: 16px; height: 52px; width: 226px; line-height: 52px;}
    .digital-signature .content .contract {left: 260px; top: 50px;}
    .digital-signature .digital-certificate {font-size: 30px;}

    .quick-history .container h2 {font-size: 32px;}
    .quick-history .container span {color: #2C3E70;}
    .quick-history .container p {font-size: 18px;}
    .quick-history .know-more {margin-top: 10px; font-size: 17px;}

    .call-to-action-middle {background-position: center left;}
    .call-to-action-middle {padding-top: 205px;}
    .call-to-action-middle .title {font-size: 66px; line-height: 80px;}

    .know-me {margin-top: 40px;}
    .know-me .container .contacts .header {padding-bottom: 30px; max-width: 100%;}
    .know-me .container .contacts .header .know {font-size: 27px;}
    .know-me .container .contacts .header .who {font-size: 27px;}
    .know-me .container .contacts .header a {margin-top: 5px; margin-right: 70px;}
    .know-me .container .questions .speak-with-us {margin-bottom: 30px;}
    .know-me .container .questions p.phone {float: left; width: 100%;}
    .know-me .container .questions p.email {float: left; width: 100%; text-align: left;}

    .next-courses {background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 3%, rgba(247, 247, 247, 1) 35%, rgba(247, 247, 247, 1) 64%, rgba(247, 247, 247, 1) 89%, rgba(247, 247, 247, 1) 100%);}
    .next-courses .header {background: none; padding: 40px 0 0 0; position: relative; border-right: none; margin-left: 20px;}
    .next-courses .header img.icon {left: -20px; top: 52px;}
    .next-courses .header span.line {display: none;}
    .next-courses .header .title {font-size: 35px;}
    .next-courses .header .title span {font-family: "Gilroy Medium"; color: #314C96;}
    .next-courses .header .controls {display: none;}
    .next-courses .courses {padding-right: 15px;}
    .next-courses .next-courses-cards {padding: 0 15px; border-right: none;}
    .next-courses .next-courses-cards .next-courses-card {width: 100%; margin-top: 30px; padding-bottom: 12px; border-bottom: none;}
    .next-courses .mobile-controls {text-align: center; margin-top: 20px; margin-bottom: 40px;}
    .next-courses .mobile-controls button {padding: 20px 35px; background-color: white; border: none; cursor: pointer;}
    .next-courses .mobile-controls button.prev {margin-left: 0; background-image: none; border-top-left-radius: 35px; border-bottom-left-radius: 35px; padding-right: 20px;}
    .next-courses .mobile-controls button.next {background-image: none; border-top-right-radius: 35px; border-bottom-right-radius: 35px; padding-left: 20px;}

    .mobile-home-ads .custom-ads-vertical {margin-bottom: 40px;}

    .news {margin-top: 0; background-size: 1300px; background-position: center top;}
    .news .header p {margin-right: 0;}
    .news .header p a {margin-right: 0;}
    .news .news-card {margin-top: 30px;}
    .news .news-slider {position: initial; width: 100%; top: 200px; margin-top: 60px;}
    .news .card-image {width: 100%;}
    .news .card-image .content {height: 100%; width: 100%; float: left; position: relative;}
    .news .card-image .content > div {padding: 20px;}
    .news .card-image .content > div .title a {font-size: 22px;}
    .news .card-image .content > div .date {font-size: 14px;}
    .news .news-slider-controls {position: initial; min-height: initial; bottom: 0; width: 100%; right: 0; padding-top: 20px; text-align: center; padding-bottom: 100px;}
    .news .news-slider-controls button {padding: 20px 26px; display: inline-block; border-radius: 37px;}

    .council .internal-title h1 {font-size: 36px; margin-top: 30px; line-height: 46px;}
    .council .internal-title p {font-size: 20px; color: #2C3E70;}
    .council .peoples {margin: auto;}
    .council .peoples .container {width: calc(100% - 60px); border: 1px solid #E5E5E5; border-radius: 5px; margin: 30px auto 50px auto;}
    .council .peoples .header {display: none;}
    .council .container p.title {display: none;}
    .council .peoples .row > div {padding: 0;}
    .council .peoples .row {padding: 25px;}
    .council .peoples .row:nth-child(odd) {background-color: #F5F5F5;}
    .council .peoples .row > div:nth-child(odd) {border-right: none;}

    .page-list-partners {margin-top: 50px;}
    .page-list-partners .internal-title h1 {font-size: 36px; margin-top: 30px; line-height: 46px;}
    .page-list-partners .internal-title p {font-size: 20px;}

    .page-covenants {margin-top: 50px;}
    .page-covenants .internal-title h1 {font-size: 36px; margin-top: 30px; line-height: 46px;}
    .page-covenants .internal-title p {font-size: 20px;}

    #modal-covenants-details .modal-dialog {max-width: 600px; margin-top: 70px;}
    #modal-documents-details .modal-dialog {max-width: 600px; margin-top: 70px;}

    .page-concepts-definitions {margin-top: 50px;}
    .page-concepts-definitions .internal-title h1 {font-size: 36px; margin-top: 30px; line-height: 46px;}
    .page-concepts-definitions .internal-title p {font-size: 20px;}
    .page-concepts-definitions .concepts-definitions {margin: 30px 0 80px 0;}
    .page-concepts-definitions .concepts-definitions .row {margin: 0;}
    .page-concepts-definitions .concept-definition-card img {margin-top: -6px; margin-right: 15px;}
    .page-concepts-definitions .concept-definition-card .title {font-family: "Gilroy Medium"; font-size: 20px; color: #183088; border-bottom: 1px solid #F0F0F0; padding: 20px 30px;}
    .page-concepts-definitions .concept-definition-card .content {font-family: "Gilroy Light"; font-size: 18px; color: #555555; padding: 40px 30px;}

    .page-digital-certificate .internal-title h1 {font-size: 36px; margin-top: 30px; line-height: 46px;}
    .page-digital-certificate .internal-title p {font-size: 20px; padding: 0; margin-top: 10px;}
    .page-digital-certificate .digital-certificate .why-digital-certificate > div > span {margin-top: 10px; padding: 25px 20px; text-align: center; font-size: 20px;}
    .page-digital-certificate .digital-certificate .why-digital-certificate > div > span > span {font-size: 20px;}
    .page-digital-certificate .digital-certificate .digital-certificate-pros ul li {font-size: 17px;}
    .page-digital-certificate .digital-certificate .digital-certificate-pros ul li img {display: none;}
    .page-digital-certificate .digital-certificate-boxes .digital-certificate-box {padding: 100px 25px 50px 25px;}
    .page-digital-certificate .digital-certificate-boxes .digital-certificate-box.e-cnpj {margin-top: 120px;}
    .page-digital-certificate .digital-certificate-types h2 {font-size: 24px;}
    .page-digital-certificate .digital-certificate-types h2 span {font-size: 24px;}
    .page-digital-certificate .digital-certificate-types .digital-certificate-types-boxes {margin-top: 0;}
    .page-digital-certificate .digital-certificate-types .digital-certificate-types-boxes .digital-certificate-types-box {margin-top: 30px;}
    .page-digital-certificate .digital-certificate-types .digital-certificate-types-warning {font-family: "Gilroy Medium"; font-size: 18px; color: #0E4272; padding: 40px 20px; text-align: center;}

    .page-about .internal-title h1 {font-size: 36px; margin-top: 30px; line-height: 46px;}
    .page-about .internal-title h1 span {font-family: "Gilroy Bold";}
    .page-about .internal-title p {font-size: 20px; padding: 0 20px;}
    .page-about .about {margin-top: 0;}
    .page-about .about p.strong {font-size: 20px;}
    .page-about .about p {font-size: 18px;}
    .page-about .purpose {margin-top: 40px;}
    .page-about .purpose .purpose-card {padding: 20px;}
    .page-about .purpose p.title {font-size: 27px;}
    .page-about .purpose p {font-size: 18px;}
    .page-about .responsibility {padding-top: 60px; padding-bottom: 60px;}
    .page-about .responsibility p.title {font-size: 33px;}
    .page-about .responsibility p.strong {font-size: 20px;}
    .page-about .responsibility p {font-size: 18px;}

    .page-privacity .internal-title h1 {font-size: 36px; margin-top: 30px; line-height: 46px;}
    .page-privacity .internal-title h1 span {font-family: "Gilroy Bold";}
    .page-privacity .internal-title p {font-size: 20px; padding: 0 20px;}
    .page-privacity .about {margin-top: 0;}
    .page-privacity .about p.strong {font-size: 20px;}
    .page-privacity .about p {font-size: 18px;}
    .page-privacity .purpose {margin-top: 40px;}
    .page-privacity .purpose .purpose-card {padding: 20px;}
    .page-privacity .purpose p.title {font-size: 27px;}
    .page-privacity .purpose p {font-size: 18px;}
    .page-privacity .responsibility {padding-top: 60px; padding-bottom: 60px;}
    .page-privacity .responsibility p.title {font-size: 33px;}
    .page-privacity .responsibility p.strong {font-size: 20px;}
    .page-privacity .responsibility p {font-size: 18px;}

    .page-contacts .internal-title h1 {font-size: 36px; margin-top: 30px; line-height: 46px;}
    .page-contacts .contact-information .info-box:first-child {margin-top: 0;}
    .page-contacts .contact-information .info-box {padding-left: 15px; margin-top: 25px;}
    .page-contacts .contact-information .info-box .icon {float: left; margin-right: 10px;}
    .page-contacts .contact-information .info-box .strong {font-size: 14px;}
    .page-contacts .contact-information .info-box span, .page-contacts .contact-information .info-box span a {font-size: 15px;}
    .page-contacts .contact .maps {margin-top: 40px;}
    .page-contacts .actions {margin-top: 30px;}
    .page-contacts .actions .action-card:last-child {margin-top: 30px;}
    .page-contacts .actions .action-card .text {padding-left: 0; text-align: center; padding-top: 40px;}
    .page-contacts .actions .action-card.action-digital-certificate .text {padding-left: 0;}
    .page-contacts .actions .action-card .action {text-align: center; line-height: 100px;}

    .page-associate {margin-bottom: 0;}
    .page-associate .internal-title h1 {font-family: "Gilroy Medium"; font-size: 36px; margin-top: 30px; line-height: 46px; padding: 0 50px;}
    .page-associate .internal-title h1 span {font-family: "Gilroy Medium";}
    .page-associate .internal-title p {font-size: 20px; padding: 0 20px;}
    .page-associate .associate-history p.strong {font-size: 18px;}
    .page-associate .associate-history p {font-size: 18px;}
    .page-associate .associate-pros {padding-top: 40px; padding-bottom: 40px; background-color: white; background-image: none;}
    .page-associate .associate-pros h2 {margin-bottom: 0;}
    .page-associate .associate-now {padding-top: 40px; padding-bottom: 50px;}
    .page-associate .associate-now .header p.title {font-size: 48px;}
    .page-associate .associate-now .header p.subtitle {font-size: 18px; padding: initial;}
    .page-associate .associate-now .associate-container-form .final-warning p {padding: 0 15px;}
    .page-associate .associate-docs {min-height: 250px; background-color: #F7F7F7;}
    .page-associate .associate-docs .container {min-height: 250px;}
    .page-associate .associate-docs .container > .row {min-height: 250px;}
    .page-associate .associate-docs .see-the-docs {margin: auto;}
    .page-associate .associate-docs .download-the-docs {margin: initial; text-align: center; margin-top: 20px;}
    .page-associate .associate-docs p {font-size: 30px; padding: 0 40px; text-align: center;}

    .page-conventions {margin-bottom: 60px;}
    .page-conventions .internal-title h1 {font-size: 36px; margin-top: 30px; line-height: 46px;}
    .page-conventions .conventions {margin-top: 0;}
    .page-conventions .conventions .convention {min-height: 120px; margin-right: 0; margin-left: 0;}
    .page-conventions .conventions .convention .description {font-size: 20px; text-align: center; padding: 20px 0;}
    .page-conventions .conventions .convention .action {height: 60px; line-height: 60px;}

    .page-contribution {margin-bottom: 60px;}
    .page-contribution .internal-title h1 {font-size: 36px; margin-top: 30px; line-height: 46px; margin-bottom: 0;}
    .page-contribution .internal-title p {font-size: 20px; padding: 0 20px; margin-top: 0; color: #2C3E70;}
    .page-contribution .contribution {margin-top: 20px;}
    .page-contribution .contribution .description p {font-size: 18px; margin-top: 0; padding: 0 35px; text-align: center; margin-bottom: 20px;}
    .page-contribution .contribution .table-two {margin-top: 20px;}
    .page-contribution .contribution-table-calc .row {background-color: #F5F5F5; margin: 30px 0 0 0; border-radius: 5px; padding: 10px 40px 30px 40px;}
    .page-contribution .contribution-table-calc * {border: none !important;}
    .page-contribution .contribution-table-calc span.only-mobile {font-family: "Gilroy Bold"; font-size: 17px; color: #A6A6A6; display: block !important;}
    .page-contribution .contribution-table-calc .row > div:first-child span.only-mobile {font-size: 20px;}
    .page-contribution .contribution-table-calc .row > div {padding: 5px 0 5px 5px;}

    .page-news {margin-bottom: 100px;}
    .page-news .internal-title h1 {font-size: 36px; margin-top: 30px; line-height: 46px; margin-bottom: 0;}
    .page-news .news-highlights {margin-top: 0;}
    .page-news .news-highlights .news-card {margin-top: 25px;}
    .page-news .news-highlights .news-card .content .title {font-size: 21px; line-height: 25px;}

    .page-news .news-lists {margin-top: 40px;}
    .page-news .news-lists .fresh-news .fresh-new-card:first-child {margin-top: 0;}
    .page-news .news-lists .fresh-news .fresh-new-card {margin-top: 30px;}
    .page-news .news-lists .fresh-news .fresh-new-card .date {font-size: 13px; padding: 2px 20px;}
    .page-news .news-lists .fresh-news .fresh-new-card .title a {margin-top: 5px;}
    .page-news .news-lists .fresh-news .fresh-new-card .title a {font-size: 20px; margin-bottom: 0; line-height: 24px;}
    .page-news .news-lists .fresh-news .fresh-new-card .subtitle {font-size: 14px;}
    .page-news .news-lists .fresh-news .fresh-new-card a.action {font-family: "Gilroy Medium"; font-size: 14px; color: #4D4D4D; font-style: italic;}

    .page-news .news-lists .fresh-news .paginator ul {display: table; margin: 110px auto;}
    .page-news .news-lists .fresh-news .paginator ul li {float: left; margin-left: 30px;}
    .page-news .news-lists .fresh-news .paginator ul li a {font-family: "Gilroy Medium"; font-size: 18px; color: #4D4D4D; font-style: italic;}
    .page-news .news-lists .fresh-news .paginator ul li button {border: none; border-radius: 50%; width: 60px; height: 60px; margin-top: -18px;}
    .page-news .news-lists .best-news .header {font-family: "Gilroy Bold"; font-size: 30px; color: #152B82; border-bottom: 1px solid #E5E5E5; padding-bottom: 10px;}
    .page-news .news-lists .best-news .best-news-card {margin-top: 40px;}
    .page-news .news-lists .best-news .best-news-card .date {font-family: "Gilroy Bold"; font-size: 16px; color: #31A1D7; background-color: white; border: 2px solid #31A1D7; padding: 2px 25px; border-radius: 18px; display: inline-block;}
    .page-news .news-lists .best-news .best-news-card .title {margin-top: 10px;}
    .page-news .news-lists .best-news .best-news-card .title a {font-family: "Gilroy Bold"; font-size: 22px; color: #152B82; line-height: 32px;}
    .page-news .custom-ads {margin-top: 30px;}

    .page-news-details {margin-bottom: 100px;}
    .page-news-details .news-details .date {font-size: 14px; margin-top: 30px;}
    .page-news-details .news-details h1 {font-size: 36px; margin-top: 5px; line-height: 40px; margin-bottom: 20px;}
    .page-news-details .news-details .content p {font-size: 18px;}
    .page-news-details .news-details .social span {font-size: 11px;}
    .page-news-details .custom-ads {margin-top: 20px;}

    .page-courses {margin-bottom: 100px;}
    .page-courses .internal-title h1 {font-size: 36px; margin-top: 30px; line-height: 46px; margin-bottom: 0;}
    .page-courses .courses-actions {text-align: center; margin: 25px;}
    .page-courses .courses-actions .next-courses-action {margin-right: 0; margin-bottom: 0;}
    .page-courses .courses .row:first-child .course-card {margin-top: 40px;}
    .page-courses .courses .row:first-child .course-card:first-child {margin-top: 0;}
    .page-courses .courses .row .course-card {margin-top: 40px;}
    .page-courses .courses .course-card .title {font-size: 26px; line-height: 32px;}
    .page-courses .courses .course-card .subtitle {font-size: 18px;}
    .page-courses .courses .course-card .extra-info p {font-size: 15px;}
    .page-courses .courses .course-card .extra-info p img {margin-top: -3px; margin-right: 8px;}
    .page-courses .courses .course-card .know-more {font-size: 16px; padding: 13px 25px;}

    .page-courses-details {margin-bottom: 70px;}
    .page-courses-details .internal-title h1 {font-size: 36px; margin-top: 30px; line-height: 46px; margin-bottom: 0; padding: 0;}
    .page-courses-details .course-details .container {padding: 0 15px 0 15px; box-shadow: none; border-radius: 0; margin-top: 20px;}
    .page-courses-details .course-details .image {min-height: 273px;}
    .page-courses-details .course-details .quick-info {padding: 0; margin-top: 25px;}
    .page-courses-details .course-details .when-whom .header {font-size: 24px;}
    .page-courses-details .course-details .when-whom .header span {width: 155px; line-height: 20px;}
    .page-courses-details .course-details .course-details-cta {margin-top: 30px;}
    .page-courses-details .course-details-content .content p.title {font-size: 20px;}
    .page-courses-details .course-social-medias .social-medias {text-align: center;}
    .page-courses-details .course-social-medias p {padding: 0 60px; line-height: 22px; margin-top: 15px; float: initial;}
    .page-courses-details .course-social-medias ul {display: table; margin: 15px auto; float: initial;}
    .page-courses-details .course-social-medias ul li {float: left; margin-left: 20px;}
    .page-courses-details .course-subscription {margin-top: 40px;}
    .page-courses-details .course-subscription .container {padding: 10px 15px 60px 15px; margin: 15px auto; width: calc(100% - 30px);}
    .page-courses-details .course-subscription .header p {padding-bottom: 15px; margin-top: 20px;}
    .page-courses-details form {padding: 0; margin-top: 10px;}
    .page-courses-details form .is-partner-group {margin-top: 20px;}
    .page-courses-details form .is-partner-group label.is-partner {display: block;}
    .page-courses-details form label.check-label.check-label-yes {margin-left: 0;}

    .page-courses-details-variant {margin-bottom: 0;}

    .footer-instagram .title {margin-bottom: 30px;}
    .footer-instagram .title p {font-size: 30px; margin: 65px 0 0 0; line-height: 25px;}
    .footer-instagram img.icon {top: 65px;}
    .footer-instagram span.line {height: 66px;}
    .footer-instagram .instagram-image img {margin-top: 25px;}


    footer .menu-and-icons {height: auto; min-height: 266px;}
    footer nav {display: none;}
    footer .phone {text-align: center;}
    footer .logo {margin: 50px auto;}
    footer .restrict-area {float: initial; text-align: center; display: inline-block; margin: 40px 0;}
    footer .icons {text-align: center;}
    footer .icons img {margin-left: 20px;}
    footer .phone-and-links {height: auto;}
    footer .menu-and-action {display: none;}

    .copy * {text-align: center;}
    .copy .logo-virtualiza {margin-bottom: 40px;}
    .copy .logo-virtualiza a {line-height: initial; float: initial;}

    header .default-header nav .menu-opened {display: initial;}
    header .default-header nav {position: fixed; z-index: 999999999999; margin: 0; top: 0; right: 100%; padding: 130px 30px 0; background: #030B23; height: 100vh; display: block; overflow-x: hidden; overflow-y: scroll; width: 100%; transition: 0.5s;}
    header .default-header .logo-icon {position: absolute; left: 55px; top: 35px;}
    header .default-header nav.opened {right: 0;}
    header .default-header nav .close-menu {display: block; position: absolute; top: 45px; right: 30px; background-color: #2C3E70; width: 55px; height: 55px; text-align: center; line-height: 55px; border-radius: 50%;}
    header .default-header nav ul {margin-top: 20px; float: left;}
    header .default-header nav ul, header .default-header nav li {display: table; width: 100%;}
    header .default-header nav li {margin: 15px 0;}
    header .default-header nav li a {color: white !important;}
    header .default-header nav li a.active {color: white !important; border-bottom: 3px solid white !important;}
    header .default-header nav li.phones {font-family: "Gilroy Bold"; font-size: 18px; color: white; margin-left: 0; margin-top: 30px; background-color: #2C3E70; width: 100%; padding: 20px 0; text-align: center; border-radius: 5px;}
    header .default-header nav li.phones img {margin-top: -5px; margin-right: 10px;}
    header .default-header nav li.action {margin-left: 0; margin-top: 10px;}
    header .default-header nav li.action a {font-family: "Gilroy Bold"; font-size: 16px; color: #455EA5 !important; padding: 10px 40px; text-transform: uppercase; display: inline-block; border: 2px solid #455EA5; border-radius: 3px;}
    header .default-header nav li.action a img {margin-left: 20px; margin-top: -5px;}
    header .default-header nav {padding-bottom: 100px;}

    header .default-header nav ul li.header-menu div.header-menu-container {position: absolute; left: 0; top: 30px; transition: top 0.3s; visibility: hidden;}
    header .default-header nav ul li.header-menu.header-menu-opened div.header-menu-container {position: relative; visibility: visible; top: -10px;}

    header .default-header nav ul li.header-menu ul.header-submenu {display: table; background-color: transparent; box-shadow: none; padding: 0;}
    header .default-header nav ul li.header-menu ul.header-submenu li {float: initial; margin: 0 0 0 20px;}
    header .default-header nav ul li.header-menu ul.header-submenu li .shadows {display: none;}
    header .default-header nav ul li.header-menu ul.header-submenu li a {font-family: "Gilroy Bold"; font-size: 18px; color: #6C6E70; text-transform: uppercase; transition: border-bottom-color 0.2s; width: auto; padding: 0; border-bottom: 3px solid transparent !important;}
    header .default-header nav ul li.header-menu ul.header-submenu li a:hover {border-bottom: 3px solid white !important;}
    header .default-header nav ul li.header-menu ul.header-submenu li a img {display: none;}
    header .default-header nav ul li.header-menu ul.header-submenu li a img.initials {display: none;}
    header .default-header nav ul li.header-menu ul.header-submenu li a:hover img.hover {display: none;}
    header .default-header nav ul li.header-menu ul.header-submenu li a:hover img.initials {display: none;}
    header .default-header nav ul li.header-menu ul.header-submenu li a:hover {color: #2C3E70; border-bottom: none;}

}

@media only screen and (max-width: 991px) {
	.footer-instagram {min-height: 0px;max-height: 500px;}
    .digital-signature .content .contract {left: 150px; top: 40px;}
    .digital-signature .content .training-text {text-align: center; margin-bottom: 10px; padding: 0 200px;}
}

@media only screen and (max-width: 767px) {
	.footer-instagram {min-height: 0px;max-height: 450px;}
    .page-associate .associate-history {background-position: bottom left; min-height: 504px;}
    .page-news .news-lists .fresh-news .fresh-new-card .image {max-height: 105px;}
    .page-courses-details-variant .course-photos .photos-slide img {margin-right: 0; border-radius: 12px;}
    .custom-ads-card-vertical {display: initial;}
    .mobile-banner {display: block;}
    .desktop-banner {display: none;}
    .banner-container {min-height: 788px;}
    .banner-container .banner {height: 788px;}
    .banner-container .banner .item {height: 788px;}
    .call-to-action-dots .slick-dots {top: 200px;}
    .digital-signature .content .training-text {text-align: center; margin-bottom: 10px; padding: 0 120px;}
    .digital-signature .content .contract {left: 70px; top: 50px;}
}

@media only screen and (max-width: 587px) {
    .page-courses .courses-actions .next-courses-action {margin-bottom: 15px;}
}

@media only screen and (max-width: 580px) {
    .page-digital-certificate .digital-certificate {padding-bottom: 800px;}
    .page-digital-certificate .digital-certificate {background-image: url("../img/snips/digital-certificate-mobile.png"); background-position: bottom center;}
    .quick-history {background-image: url("../img/snips/home-mobile-quick-history.png"); background-position: bottom center; height: 909px;}
    .quick-history .container h2 {padding-top: 45px;}
    .call-to-action-middle {padding-top: 250px; background-image: url("../img/snips/home-mobile-cta.png"); background-position: center top; height: 640px;}
    .call-to-action-middle .title {line-height: 70px;}
    .call-to-action-middle .subtitle {margin-bottom: 0;}
}

@media only screen and (max-width: 575px) {
    header .default-header .menu-bars {right: 15px;}
}

@media only screen and (max-width: 540px) {
    .digital-signature .content .contract {left: 50px; top: 50px; width: 50px;}
}

@media only screen and (max-width: 536px) {
    .digital-signature .content .training-text {text-align: center; margin-bottom: 10px; padding: 0 100px;}
}

@media only screen and (max-width: 500px) {
    .digital-signature .content .training-text {padding: 0 80px;}
    .digital-signature .content .contract {left: 40px; top: 50px;}

    .floating-whatsapp {background-color: transparent; border-color: transparent; box-shadow: none; color: transparent; height: 60px; width: 60px; padding: 0;}
    .floating-whatsapp img {position: absolute; top: 14px; left: 16px;}
    .floating-whatsapp .circle {position: absolute; top: 0; left: 0; background: rgba(247, 247, 247, 1); box-shadow: 4px 4px 20px 0 rgba(237, 237, 237, 1);}
    .floating-whatsapp:hover {color: transparent;}
}

@media only screen and (max-width: 456px) {
    .digital-signature .content .training-text {padding: 0 60px;}
    .digital-signature .content .contract {left: 10px; top: 45px;}
}

@media only screen and (max-width: 420px) {
    .page-associate .associate-history {background-color: #FAFAFC; background-image: url("../img/snips/associate-mobile.png"); background-position: bottom center; margin-bottom: 0; padding-bottom: 0; min-height: 1070px;}
    .page-news .news-highlights .news-card .content .date {font-size: 11px;}
    .digital-signature .content .digital-certificate {margin-left: 0;}
    .digital-signature .content .contract-text {text-align: left; padding-left: 60px;}
    .digital-signature .content .training-text {text-align: left;}
    .digital-signature .content .contract {left: 20px; top: 45px;}
}

@media only screen and (max-width: 419px) {
    .call-to-action h1 {font-size: 35px; line-height: 40px;}
    .digital-signature .digital-certificate {font-size: 20px;}
    .digital-signature .training {font-size: 14px; padding: 0;}
    .digital-signature .contract {display: none;}
    .digital-signature .content .contract-text {padding: 0 20px;}
    .digital-signature .content .training-text {font-size: 14px; padding: 0 20px;}
    .quick-history .container p {font-size: 16px;}
    .quick-history .container h2 {font-size: 26px;}
    .know-me .container .contacts .header a {display: none;}
    .know-me .container .partners {padding: 60px 20px;}
    .know-me .container .partners .partners-cards .partner-card {padding: 15px;}
    .call-to-action-middle .title {font-size: 35px; line-height: 40px;}
    .call-to-action-middle .subtitle {font-size: 16px; line-height: 20px;}
    .call-to-action-middle .action {max-width: 100%; font-size: 12px;}
    .next-courses .header .title {font-size: 23px;}
    .next-courses .header img.icon {top: 40px;}
    .news .header p a {display: none;}
    .footer-instagram img.icon {display: none;}
    .footer-instagram span.line {display: none;}
    footer .phone {font-size: 16px;}
    .copy .info {font-size: 10px;}
    footer .icons img {margin-left: 4px;}
    .default-header nav.opened img.only-mobile {max-width: 150px;}
    header .default-header nav .close-menu {top: 35px;}
    header .default-header nav li.phones {font-size: 14px;}
    header .default-header nav li.action a {font-size: 12px;}
    .page-about .responsibility p.title {font-size: 25px;}
    .page-privacity .responsibility p.title {font-size: 25px;}
    .page-associate .associate-history p {font-size: 16px;}
    .page-associate .associate-history p.strong {font-size: 16px;}
    .page-associate .associate-docs a {font-size: 20px; max-width: 100%; padding: 20px 10px;}
    .page-associate .associate-now .associate-container-form .final-action button[type="submit"] {font-size: 14px;}
    .page-digital-certificate .digital-certificate-boxes .digital-certificate-box .action .know-more {max-width: 100%;}
    .page-courses .courses .course-card .know-more {padding: 10px 6px;}
    .page-courses .courses .course-card .extra-info p {white-space: nowrap;}
    .page-contacts .contact .location img {display: none;}
    .page-courses-details .course-details .when-whom .header span {display: none;}
    .page-courses-details .course-details .course-details-cta p {font-size: 14px; padding: 0 20px;}
    .page-courses-details .course-details .course-details-cta p span {font-size: 14px;}
    .page-courses-details .course-details .course-details-cta a {font-size: 14px;}
    .page-courses-details form button[type="submit"] {font-size: 10px;}
    .page-digital-certificate .digital-certificate-types .digital-certificate-types-boxes .title {font-size: 25px;}
    .page-news-details .news-details .photos {padding: 30px 10px 50px 30px;}
}

.call-to-action a.action,
.call-to-action-middle .action,
.page-associate .associate-now .associate-container-form .final-action button[type="submit"],
.page-contacts .contact button[type="submit"],
.page-courses-details .course-details .course-details-cta a,
.page-courses-details form button[type="submit"] {transition: all 0.3s;}

.call-to-action a.action img.circle,
.call-to-action-middle .action img.circle,
.page-associate .associate-now .associate-container-form .final-action button[type="submit"] img.circle,
.page-contacts .contact button[type="submit"] img.circle,
.page-courses-details .course-details .course-details-cta a img.circle,
.page-courses-details form button[type="submit"] img.circle {transition: all 0.3s;}

.call-to-action a.action img.sign-in-alt,
.call-to-action-middle .action img.sign-in-alt,
.page-associate .associate-now .associate-container-form .final-action button[type="submit"] img.sign-in-alt,
.page-contacts .contact button[type="submit"] img.sign-in-alt,
.page-courses-details .course-details .course-details-cta a img.sign-in-alt,
.page-courses-details form button[type="submit"] img.sign-in-alt {transition: all 0.3s;}

.call-to-action a.action:hover img.circle,
.call-to-action-middle .action:hover img.circle,
.page-associate .associate-now .associate-container-form .final-action button[type="submit"]:hover img.circle,
.page-contacts .contact button[type="submit"]:hover img.circle,
.page-courses-details .course-details .course-details-cta a:hover img.circle,
.page-courses-details form button[type="submit"]:hover img.circle {right: -15px;}

.call-to-action a.action:hover img.sign-in-alt,
.call-to-action-middle .action:hover img.sign-in-alt,
.page-associate .associate-now .associate-container-form .final-action button[type="submit"]:hover img.sign-in-alt,
.page-contacts .contact button[type="submit"]:hover img.sign-in-alt,
.page-courses-details .course-details .course-details-cta a:hover img.sign-in-alt,
.page-courses-details form button[type="submit"]:hover img.sign-in-alt {right: 15px;}

.call-to-action a.action:hover, .page-contacts .contact button[type="submit"]:hover {box-shadow: 1px 1px 2px 1px #2B3D6F;}

.call-to-action-middle .action:hover,
.page-courses-details .course-details .course-details-cta a:hover,
.page-courses-details form button[type="submit"]:hover {box-shadow: 1px 1px 2px 1px #30A2D7;}

.page-associate .associate-now .associate-container-form .final-action button[type="submit"]:hover {box-shadow: 1px 1px 2px 1px #30A2D7;}

/*hidden scroll bar*/
::-webkit-scrollbar, ::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:hover {display: none !important;}

.partner-card-contacts table{width:100%}
.partner-card-contacts td.mail-field{position:relative}
.partner-card-contacts td.mail-field a{width:100%;display:block}
.partner-card-contacts td.mail-field a span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:250px;display:block}
.partner-card-contacts td.mail-field::before{transition:.3s all ease-in-out;display:block;position:absolute;opacity:0;height:0;left:15px;bottom:0;content:attr(data-email);background-color:#333;color:#fff;padding:5px;border-radius:5px;font-size:15px;white-space:nowrap;z-index:1000}
.partner-card-contacts td.mail-field:hover::before{height:32px;opacity:1;bottom:-35px}