/* RESET */
html,
body { margin: 0; bottom: 0; scroll-behavior: smooth; }
a:hover { text-decoration: none; }
a:focus { outline: 0; }
img { max-width: 100%; }

/* BASE */
body { font-family: 'KoHo', sans-serif; font-weight: normal; }
p { font-size: 20px; }
.viewport-wrapper { overflow-x: hidden; position: relative; }
.title-font { font-family: 'KoHo', sans-serif; font-weight: 600; }
.title-bold { font-weight: 700; }
.font-lato { font-family: 'Lato', sans-serif; font-weight: normal; font-size: 18px; }
.text-alt { color: #5e5e5e; line-height: 30px; }

/* BUTTONS */
.filter-btn{background-color: #0f2a31;color: white;font-weight: 600;border-radius: 0;padding: 11px 30px;}
a.btn-dark-hover:hover,
input.btn-dark-hover:hover { background-color: #148fb0 !important; color: white !important;}

/* COLORS */
.bg-light-gray { background-color: #e6e6e6; }
.bg-lightest-gray { background-color: #f5f6f6; }
.text-black {color: black !important;}

/* FONTS & SIZES */
section .container > h2 { font-size: 32px; letter-spacing: -0.5px; line-height: 45px; }
.container-large { max-width: 1280px; }
.h-100vh {height: 100vh !important;}

/* MISC */
.small-divider { width: 135px; height: 3px; background-color: #72f5fd; margin: 4rem auto; }

/* HEADER */
header { position: fixed; top: 0; left: 0; height: 100vh; background: white; padding: 1rem; width: 110px; z-index: 99; }
header .social { display: flex; flex-wrap: wrap; justify-content: space-between; width: 72px; }
header .social a { color: #003148; border: 1px solid #003148; padding: 3px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; transition: 0.3s; }
header .social a:hover { color: #72f5fd; border-color: #72f5fd; }
header .social a:nth-child(n+3) { margin-top: 8px; }
header .menu-toggle { position: relative; }
header .menu-toggle i { position: absolute; top: -1px; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 3.7rem; line-height: 0; color: #0f2a31; }
.header-menu { position: absolute; top: 0; left: 100%; background: rgba(255, 255, 255, 0.8); width: 330px; height: 100vh; display: flex; flex-flow: column; justify-content: center; font-family: 'KoHo'; font-weight: 600; padding-left: 70px; }
.header-menu * { color: #002d47; }
.header-menu .languages * { border: 2px solid; width: 31px; height: 31px; display: inline-flex; justify-content: center; align-items: center; }
.header-menu .languages { margin-bottom: 60px; }
.header-menu nav * { display: block; transition: 0.3s; }
.header-menu nav > a { margin-bottom: 47px; }
.header-menu nav > a.nav-dropdown-link { margin-bottom: 37px; }
.header-menu nav .nav-dropdown-menu { margin-left: 20px; font-size: 14px; }
.header-menu nav .nav-dropdown-menu .nav-dropdown-menu { margin-top: 23px; margin-bottom: 23px; margin-left: 10px; }
.header-menu nav > .nav-dropdown-menu + * { margin-top: 37px; }
.header-menu nav .nav-dropdown-link::after { content: '\f078'; font-family: 'FontAwesome'; margin-left: 14px; display: inline-block; }
.header-menu nav .nav-dropdown-menu a { color: #5a98a8; }
.header-menu nav .nav-dropdown-menu .nav-dropdown-menu a { color: #6d7678; }
.header-menu nav .nav-dropdown-menu .nav-dropdown-menu a::before { content: '-'; margin-right: 5px; }
.header-menu nav > .nav-dropdown-menu > a { margin-top: 27px; }
.header-menu nav a.nav-dropdown-link + .nav-dropdown-menu { display: none; }
.header-menu nav a.nav-dropdown-link.active-dropdown + .nav-dropdown-menu { display: block; }
.header-menu nav a.nav-dropdown-link.active-dropdown::after { transform: rotate(180deg); }
.divider { background-color: #bbc4cb; width: 190px; height: 1px; margin-top: -5px; margin-bottom: 42px; }

/* BANNER */
.synapcom-banner { position: relative; display: flex; justify-content: center; }
.synapcom-banner .synapcom-banner--background { opacity: 0.47; background-color: white; }
.synapcom-banner .synapcom-banner--scroll-icon { position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto; }
.synapcom-banner .synapcom-banner--content { position: relative; background-image: linear-gradient(to right, #72f5fd 189px, transparent 189px); margin-left: 19rem; padding: 4rem 3rem; }
.synapcom-banner .synapcom-banner--content h2 { font-size: 48px; letter-spacing: 0.6px; }
.synapcom-banner .synapcom-banner--content h3 { font-size: 30px; }

/* SEACH BOX */
.search-box { position: absolute; top: 2rem; right: 2rem; z-index: 99; background: transparent; padding: 11px 22px; display: flex; justify-content: space-between; border-radius: 10px; transition: 0.5s; }
.search-box.active { background-color: rgb(190, 190, 190, 0.25); }
.search-box i { font-size: 1.6rem; }
.search-box button,
.search-box input,
.search-box button:focus,
.search-box input:focus { background-color: transparent; border: 0; outline: 0; }
.search-box input { width: 0; opacity: 0; pointer-events: none; transition: 0.5s; }
.search-box input::placeholder { color: #aeb3b4; }
.search-box.active input { width: 387px; opacity: 1; pointer-events: all; }

/* CHAT BUTTOM */
.chat-button { position: fixed; bottom: 2rem; right: 2rem; cursor: pointer; z-index: 99; }

/* ABOUT US */
.about-us .about-us--image { max-width: 549px; box-shadow: 20px 20px 0 0 #0f2a31; }

/* SOLUTIONS */
.solutions .solutions-tabs h4 { font-weight: bold; font-size: 26px; cursor: pointer; transition: 0.3s; }
.solutions .solutions-tabs img { transition: 0.3s; }
.solutions .solutions-tabs h4:hover,
.solutions .solutions-tabs .active-tab { color: #16b3c7; }
.solutions .solutions-tabs h4:hover img,
.solutions .solutions-tabs .active-tab img { filter: hue-rotate(-15deg) brightness(3); }
.solutions .solutions-tabs > *:not(:last-of-type) { position: relative; margin-bottom: 32px; }
.solutions .solutions-tabs > *:not(:last-of-type)::after { content: ''; display: block; width: 100%; position: absolute; top: calc(100% + 15px); height: 2px; background: #bebebe; }
.solutions .solutions-tabs--content { padding: 50px 40px; background-color: white; position: relative; transform: translateX(50px); }
.solutions .solutions-tabs--content::before { content: ''; position: absolute; width: 0; height: 0; display: block; border: 30px solid transparent; border-left-width: 0; border-right-color: white; right: calc(100% - 1px); transition: 0.3s;}
.solutions .solutions-tabs--content[data-active="01"]::before{top: 0;}
.solutions .solutions-tabs--content[data-active="02"]::before{top: 90px;}
.solutions .solutions-tabs--content[data-active="03"]::before{top: 180px;}
.solutions .solutions-tabs--content[data-active="04"]::before{top: 270px;}
.solutions .solutions-tabs--content[data-active="05"]::before{top: 360px;}
.solutions .solutions-tabs--content[data-active="06"]::before{top: 450px;}
.solutions .solutions-tabs--content h2 { font-size: 30px; }
.solutions .solutions-tabs--content p { font-size: 16px; font-weight: 400; }
.solutions .solutions-tabs--content h5 { font-size: 12px; font-weight: 600; margin-top: 0.5rem; margin-bottom: 0; }
.solutions .solutions-tabs--content .solutions-grid img { margin: 0 auto; }
.solutions .solutions-tabs--content .solutions-grid { display: grid; grid-gap: 15px 40px; grid-template-columns: auto; grid-template-areas: 'a b c' 'd e f' 'g h i' 'j k l'; }
.solutions .solutions-tabs--content .solutions-grid > *:nth-of-type(1) { grid-area: a; }
.solutions .solutions-tabs--content .solutions-grid > *:nth-of-type(2) { grid-area: b; }
.solutions .solutions-tabs--content .solutions-grid > *:nth-of-type(3) { grid-area: c; }
.solutions .solutions-tabs--content .solutions-grid > *:nth-of-type(4) { grid-area: d; }
.solutions .solutions-tabs--content .solutions-grid > *:nth-of-type(5) { grid-area: e; }
.solutions .solutions-tabs--content .solutions-grid > *:nth-of-type(6) { grid-area: f; }
.solutions .solutions-tabs--content .solutions-grid > *:nth-of-type(7) { grid-area: g; }
.solutions .solutions-tabs--content .solutions-grid > *:nth-of-type(8) { grid-area: h; }
.solutions .solutions-tabs--content .solutions-grid > *:nth-of-type(9) { grid-area: i; }
.solutions .solutions-tabs--content .solutions-grid > *:nth-of-type(10) { grid-area: j; }
.solutions .solutions-tabs--content .solutions-grid > *:nth-of-type(11) { grid-area: k; }
.solutions .solutions-tabs--content .solutions-grid > *:nth-of-type(12) { grid-area: l; }

/* SERVICES */
.services p { font-size: 16px; font-weight: 400; }
.services .service-title { display: flex; flex-wrap: wrap; margin-bottom: 3rem; }
.services .service-title img { margin-left: 10px; margin-right: 40px; }
.services .service-title span { font-size: 20px; position: relative; }
.services .service-title span::after { content: ''; display: block; width: 135px; height: 3px; background-color: #c9c8c9; margin: 8px 0 5px 0; }
.services .service-title h2 { color: #148fb0; }
.circle-tabs { width: 100%; position: relative; display: flex; justify-content: center; align-items: center; }
.circle-tabs .circle-tabs--item { display: flex; flex-flow: column; justify-content: center; align-items: center; width: 90px; height: 90px; position: absolute; z-index: 2; }
.circle-tabs .circle-tabs--item:nth-child(1) { transform: translateX(190px); }
.circle-tabs::before,
.circle-tabs::after { content: ''; display: block; position: absolute; z-index: 1; border: 3px solid #0f2a31; border-radius: 50%; }
.circle-tabs::before { width: 100%; height: 100% }
.circle-tabs::after { width: 55%; height: 55%; }
.circle-tabs--item-content { display: flex; flex-flow: column; align-items: center; }
.circle-tabs--item:not(:first-of-type) .circle-tabs--item-content { cursor: pointer; }
.circle-tabs--item:not(:first-of-type) .circle-tabs--item-content span { font-family: 'Koho', sans-serif; font-weight: 700; font-size: 12px; display: block; text-align: center; color: #002d47; transition: 0.3s; }
.circle-tabs--item:not(:first-of-type) .circle-tabs--item-content:hover span,.circle-tabs--item.active-tab .circle-tabs--item-content span { color: #0091b5; }
.container.container-larger { max-width: 1300px; }
.container.container-largest { max-width: 1400px; }
.circle-tabs--item:not(:first-of-type) .circle-tabs--item-content img { transition: 0.3s; }
.circle-tabs--item:not(:first-of-type) .circle-tabs--item-content:hover img,.circle-tabs--item.active-tab .circle-tabs--item-content img { filter: hue-rotate(-15deg) brightness(3) }
.circle-tabs--item:first-of-type { width: auto; height: auto; background-color: #e6e6e6; padding: 10px 0; }
.circle-tabs--item:first-of-type h2 { font-size: 42px; font-weight: 400; color: #003149; margin-bottom: 0; }
.circle-tabs--item:first-of-type h2 span { font-weight: 700; display: block; line-height: 26px; }
.circle-tabs--item:first-of-type h2::after { content: ''; display: block; background-color: #00f9fe; width: 165px; height: 7px; margin-top: 18px; }
.services .services-content .services-content--icons { margin: 2rem 0; }
.services .services-content .services-content--icons p { font-size: 12px; line-height: 18px; margin-top: 7px; margin-bottom: 0; }
.services .services-content h5 { font-size: 20px; font-weight: 600; }

/* CONTACT US */
.contact-us { background-image: url(../images/backgrounds/bg-fale-gente.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; height: 520px; }
.contact-us .contact-us--content { max-width: 480px; }
.contact-us .contact-us--content h2 { color: white; font-size: 36px; }
.contact-us .contact-us--content h2 span { color: #72f5fd; }
.contact-us .contact-us--content a { background-color: #72f5fd; font-weight: 600; }
.contact-us .contact-us--content a:hover { background: white; }

/* COUNTER */
.counter { background-color: #0f2a31; }
.counter h2 { color: #72f5fd; font-size: 32px; font-weight: 600; }
.counter .counter--container { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 70px; }
.counter .counter--container .counter--card { width: 170px; }
.counter .counter--container .counter--card h3 { color: #72f5fd; font-size: 32px; font-weight: 600; text-align: center; margin-top: 30px; }
.counter .counter--container .counter--card p { color: white; font-size: 16px; text-align: center; font-weight: 600; }

/* CLIENTS */
.clients { background-color: #f5f6f6; }
.clients h2 { color: #148fb0; font-weight: 700; font-size: 34px; }
.clients .carousel-clients .slick-custom-prev,
.clients .carousel-clients .slick-custom-next { border: 0; position: absolute; top: 50%; transform: translateY(-50%); font-size: 3rem; background: transparent; padding: 2rem; cursor: pointer; }
.clients .carousel-clients .slick-custom-prev { right: 100%; }
.clients .carousel-clients .slick-custom-next { left: 100%; }
.clients a { background-color: #0f2a31; color: white; font-weight: 600; }

/* OUR CLIENTS */
.our-clients {background-color: #f2f2f2;}
.our-clients h2 { color: #148fb0; font-weight: 700; font-size: 34px; }
.our-clients .our-clients-case .title-small {font-size: 22px;color: #148fba;font-weight: 700;overflow: hidden;position: relative;letter-spacing: 0.5px;}
.our-clients .our-clients-case .title-small::after {content: '';display: block;width: 100%;height: 2px;background-color: white;position: absolute;bottom: 3px;left: 233px;}
.our-clients .our-clients-case .our-clients-logo {display: block;margin: 0 auto;}
.our-clients .our-clients-card {position: absolute;z-index: 10;width: 80vw;left: 10vw;display: grid;grid-gap: 0;grid-template-columns: auto;grid-template-areas:'a b';grid-template-columns: 6fr 4fr;}
.our-clients .our-clients-card .our-clients-card-info {grid-area: a;background: #00262e;padding: 50px 70px;}
.our-clients .our-clients-card .our-clients-card-cover {grid-area: b;background: #9da9b5;display: flex;justify-content: center;align-items: center;}
.our-clients .our-clients-card .our-clients-card-cover img {display: block; margin: 0 auto;}
.our-clients .our-clients-card .our-clients-card-info .our-clients-card-icons img:not(:last-of-type) {margin-right: 20px;}
.our-clients .our-clients-card .our-clients-card-info h2 {font-size: 25px;font-family: 'Lato', sans-serif;color: white;letter-spacing: 1.5px;font-weight: 600;margin-bottom: 25px;}
.our-clients .our-clients-card .our-clients-card-info p {font-size: 15px;font-family: 'Lato', sans-serif;color: white;letter-spacing: 1px;margin-bottom: 0;}
.our-clients .our-clients-card::before {content: '';display: block;position: absolute;bottom: 100%;border: 20px solid transparent;border-top-width: 0;border-bottom-color: #00262e;}
.our-clients .our-clients-card.nth-card-1::before {left: 19.7%}
.our-clients .our-clients-card.nth-card-2::before {left: 38.7%;}
.our-clients .our-clients-card.nth-card-3::before {left: 58.7%;}
.our-clients .our-clients-card.nth-card-4::before {left: 76.7%;}
.our-clients .our-clients-card .our-clients-card-info hr {border: 0;height: 2px;background-color: #00fcff;margin: 24px 0;}

/* LEADERSHIP */
.leadership { background-color: #f5f6f6; }
.leadership h2 { color: #148fb0; font-weight: 700; font-size: 34px; }
.leadership .card-leadership { position: relative; }
.leadership .card-leadership a { position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 100%; background: rgb(16, 44, 51, 78%); align-items: flex-end; opacity: 0; transition: 0.3s; }
.leadership .card-leadership:hover a { opacity: 1; }
.leadership .card-leadership a div { width: 80%; padding-left: 25px; padding-bottom: 20px; }
.leadership .card-leadership a > span { width: 20%; color: white; font-size: 55px; display: flex; justify-content: center; align-items: center; padding-right: 15px; padding-bottom: 5px; }
.leadership .card-leadership a div p { font-size: 32px; font-weight: bold; color: #72f5fd; margin-bottom: 0; }
.leadership .card-leadership a div span { font-size: 16px; color: white; font-weight: 700; }

/* ACTING */
.acting h2 { color: #148fb0; font-weight: 700; font-size: 34px; }
.acting .acting--container { display: flex; flex-wrap: wrap; justify-content: space-between; }
.acting .acting--container .acting--card h6 { color: #003147; font-weight: 700; font-size: 16px; margin-top: 1rem; text-align: center; }

/* DYVE */
.dyve { height: 770px; display: flex; justify-content: center; align-items: center; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 1)), url(../images/backgrounds/bg-dyve.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.dyve .dyve--content { background-image: linear-gradient(to right, #72f5fd 190px, transparent 190px); margin-left: 5rem; padding: 4rem 3rem 1rem 3rem; }
.dyve .dyve--content h2 { font-size: 48px; letter-spacing: 0.6px; }
.dyve .dyve--content h2 span { display: block; }
.dyve .dyve--content h3 { font-size: 30px; }
.dyve .dyve--content a { background-color: #0f2a31; border-radius: 0; font-size: 14px; font-family: 'Koho', sans-serif; font-weight: 700; color: #72f5fd; padding: 14px 55px !important; transform: translateY(45px); }
.dyve-bg-offset{background-image: linear-gradient(to right, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 1)), url(../images/backgrounds/bg-dyve-offset.jpg);}

/* BLOGSY */
.blogsy h2 { color: #148fb0; font-weight: 700; font-size: 34px; }
.blogsy .title-small {font-size: 20px; }
.carousel-blogsy .carousel-blogsy--item .carousel--image,
.blogsy .blogsy--card .blogsy--card-image { position: relative; }
.carousel-blogsy .carousel-blogsy--item .carousel--image img,
.blogsy .blogsy--card .blogsy--card-image img { width: 100%; }
.carousel-blogsy .carousel-blogsy--item .carousel--image span,
.blogsy .blogsy--card .blogsy--card-image span { position: absolute; bottom: 0; right: 20px; background-color: #0f2a31; color: white; font-weight: 700; font-size: 14px; padding: 12px 32px; }
.carousel-blogsy .carousel-blogsy--item h2 { font-size: 30px; color: #040608; margin-bottom: 30px; }
.carousel-blogsy .carousel-blogsy--item p { font-size: 15px; color: #4b5160; line-height: 24px; }
.carousel-blogsy .carousel-blogsy--item a,
.blogsy .blogsy--card a { color: #00262e; font-weight: 700; font-size: 14px; padding: 12px 32px; border: 2px solid #00262e; border-radius: 0; margin-top: 5px; }
.carousel-blogsy .carousel-blogsy--item a:hover,
.blogsy .blogsy--card a:hover { background: #00262e; color: white; }
.blogsy .blogsy--card h2 { font-size: 25px; color: black; margin-top: 15px; }
.blogsy .blogsy--card p { font-size: 15px; color: #4b5160; line-height: 24px; }

/* BLOGSY FILTER */
.filter-input {position: relative;}
.filter-input button {position: absolute;top: 0;right: 0;border: 0;background-color: transparent;width: 50px;height: 100%;}

/* BLOGSY PAGINATION */
.blogsy--pagination ul {display: flex;flex-wrap: wrap;align-items: center;padding: 0;}
.blogsy--pagination li {list-style-type: none;width: 37px;height: 37px;display: flex;justify-content: center;align-items: center;background-color: white;margin: 0 4px;font-size: 16px;font-weight: 700;transition: 0.3s;border: 1px solid #a6a6a6;cursor: pointer;}
.blogsy--pagination li a {color: #002d47;}
.blogsy--pagination li:hover, .blogsy--pagination li.active {background-color: #002d47;}
.blogsy--pagination li:hover a, .blogsy--pagination li.active a {color: white !important;}
.blogsy--pagination li.paginationjs-prev, .blogsy--pagination li.paginationjs-next {background-color: #002d47;border-color: #002d47;}
.blogsy--pagination li.paginationjs-prev a, .blogsy--pagination li.paginationjs-next a {color: white;}
.blogsy--pagination.wait{pointer-events: none;}

/* BLOGSY POST */
.blogsy .blogsy-post img {height: 286px;object-fit: cover;}
.blogsy .blogsy-post .carousel--image span {right: 45px;}
.blogsy .blogsy-post .title-small {font-size: 20px;color: #148fba;}
.blogsy .blogsy-post .blogsy-aside .filter-btn {border: 0;color: white;}
.blogsy .blogsy-post .blogsy-aside .post-title {font-size: 25px;}
.blogsy .blogsy-post .blogsy-post-social {display: flex;justify-content: flex-end;flex-wrap: wrap;}
.blogsy .blogsy-post .blogsy-post-social a {border: 0;background-color: unset;transition: 0.3s;font-size: 30px;padding: 10px;}
.blogsy .blogsy-post .blogsy-post-social a:hover {color: #1b8fb0;}
.blogsy .blogsy-post .blogsy-post-comments > h2, .blogsy .blogsy-post .blogsy-post-comment-form > h2 {color: #7d8a9d;font-weight: 600;}
.blogsy .blogsy-post .blogsy-post-comments .user-comment {padding: 25px;background: #eaeaea;margin-bottom: 20px;}
.blogsy .blogsy-post .blogsy-post-comments .user-comment h3 {color: #00262e;font-size: 16px;font-weight: 700;}
.blogsy .blogsy-post .blogsy-post-comments .user-comment p {margin-bottom: 0;}
.blogsy .blogsy-post .blogsy-post-navigation {display: flex;justify-content: space-between;margin: 20px 0;}
.blogsy .blogsy-post .blogsy-post-navigation a {border: 0;font-weight: 600;padding: 1rem 0;display: flex;align-items: center;transition: 0.3s;}
.blogsy .blogsy-post .blogsy-post-navigation a i {font-size: 32px;color: #666a6f;transition: 0.3s;}
.blogsy .blogsy-post .blogsy-post-navigation a:hover {background-color: unset;color: #148fb0;}
.blogsy .blogsy-post .blogsy-post-navigation a:hover i {color: #148fb0;}

/*CONTACT US FORM */
.contact-us-form h2 { color: #148fb0; font-weight: 700; font-size: 34px; }
.contact-us-form .contact-us-form--map-info img { margin-right: 15px; }
.contact-us-form .contact-us-form--map-info span,
.contact-us-form .contact-us-form--map-info span + a { font-size: 20px; font-weight: 700; line-height: 20px; }
.contact-us-form .contact-us-form--map-info span + a { color: #00767c; display: block; }

/* GENERAL FORM */
form.custom-form input:not(.btn),
form.custom-form .fake-select [data-selected],
form.custom-form textarea,
form.custom-form input:not(.btn) { background-color: #e9e9e9; border: 0; color: #949494; font-size: 16px; font-weight: 600; padding: 13px 18px; margin-bottom: 15px; }
form.custom-form input:not(.btn)::placeholder,
form.custom-form textarea::placeholder,
form.custom-form input:not(.btn)::placeholder { color: #949494; }
form.custom-form .btn,
form.custom-form .btn { background-color: #0f2a31; border-radius: 0; font-size: 14px; font-family: 'Koho', sans-serif; font-weight: 700; color: #72f5fd; padding: 14px 35px; }
form.custom-form .btn-file { background-color: #939393; color: white; }

/* NEWSLETTER */
.newsletter h2 { color: #148fb0; font-weight: 700; font-size: 34px; }

/* FOOTER */
footer { background-color: #e9e9e9; }
footer .container { max-width: 1430px; }
footer .footer-menu-margin { margin-top: 30px; }
footer .footer-menu a { display: block; letter-spacing: 1px; margin-bottom: 10px; transition: 0.3s; }
footer .footer-menu .footer--title { font-size: 15px; font-weight: 600; color: #0f2a31; }
footer .footer-menu a:not(.footer--title) { font-size: 13px; font-weight: 600; color: #939393; }
footer .footer-menu a.footer--sub-title { color: #148fb0; }
footer .footer-menu a:not(.footer--title):not(.footer--sub-title) { margin-bottom: 17px; }
footer .footer-menu a:hover { color: #000000; }
footer .footer--grid { display: grid; grid-gap: 10px; grid-template-columns: auto; grid-template-areas: 'a b c d e f g h'; }
footer .footer--grid .footer-col:nth-of-type(1) { grid-area: a; }
footer .footer--grid .footer-col:nth-of-type(2) { grid-area: b; }
footer .footer--grid .footer-col:nth-of-type(3) { grid-area: c; }
footer .footer--grid .footer-col:nth-of-type(4) { grid-area: d; }
footer .footer--grid .footer-col:nth-of-type(5) { grid-area: e; }
footer .footer--grid .footer-col:nth-of-type(6) { grid-area: f; }
footer .footer--grid .footer-col:nth-of-type(7) { grid-area: g; }
footer .footer--grid .footer-col:nth-of-type(8) { grid-area: h; }

/* COPYRIGHT */
.copyright { background: #0f2a31; height: 45px; color: white; font-size: 11px; font-weight: 600; }
.copyright > * { display: flex; justify-content: space-between; align-items: center; height: 100%; }
.copyright img { filter: brightness(4); }

/* OVERLOADS */
.slick-dots li { margin-left: 13px !important; margin-right: 13px !important; width: 15px !important; height: 15px !important; }
.slick-dots li button { width: 15px !important; height: 15px !important; }
.slick-dots li button:before { content: ''; width: 15px !important; height: 15px !important; background-color: #00262e; border-radius: 50%; color: transparent !important; transition: 0.3s; opacity: 0.15; }
form .fake-select [data-selected]::after { content: '\f078'; font-family: 'FontAwesome'; border: 0; font-size: 16px; color: black; top: 50%; right: 18px; transform: translateY(-50%); }
form .fake-select.collapsed [data-selected]::after { transform: translateY(-50%); }
form .fake-select [data-option]:hover { background-color: #00262e; }
form .fake-select:not(.fake-select--options) {font-size: 14px;font-weight: 600;}

/* BREAKPOINTS */
@media only screen and (max-width:1440px) {
    main { padding-left: 105px; }
    footer { padding-left: 140px; padding-right: 30px; }
    .copyright { padding-left: 110px; }
    .circle-tabs { padding-left: 50px; }
    .our-clients .our-clients-card.nth-card-1::before {left: 15.7%;}
	.our-clients .our-clients-card.nth-card-2::before {left: 40.7%;}
	.our-clients .our-clients-card.nth-card-3::before {left: 66.7%;}
	.our-clients .our-clients-card.nth-card-4::before {left: 90.7%;}
}
@media only screen and (max-width:1280px) {
    .search-box.active input { width: 250px; }
    .synapcom-banner .synapcom-banner--content { margin-left: 8rem; }
    .synapcom-banner .synapcom-banner--logo { margin: 2rem 0 0 0 !important; }
    .services .service-title img { margin-right: 20px; }
    .solutions .solutions-tabs--content { transform: translateX(0); }
    .our-clients .our-clients-card.nth-card-1::before {left: 11.7%;}
	.our-clients .our-clients-card.nth-card-2::before {left: 39.7%;}
	.our-clients .our-clients-card.nth-card-3::before {left: 68.7%;}
	.our-clients .our-clients-card.nth-card-4::before {left: 95.7%;}
}
@media only screen and (max-width:1024px) {
    .our-clients .our-clients-card {left: 15vw;}
    .our-clients .our-clients-card.nth-card-1::before {left: 5.7%;}
	.our-clients .our-clients-card.nth-card-2::before {left: 34.7%;}
	.our-clients .our-clients-card.nth-card-3::before {left: 62.7%;}
	.our-clients .our-clients-card.nth-card-4::before {left: 90.7%;}
}