@charset "UTF-8";
@import url("fonts.css");

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dt,
dd fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	border: 0;
	outline: 0;
	background: transparent;
	font-style: normal;
	font-size: 19px;
	color: var(--ms-main-color);
	font-family: BrandonGrotesqueMedium, Helvetica, Arial, Lucida, sans-serif;
}

a {
	text-decoration: none;
	transition: all .5s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding-bottom: var(--ms-space-4x);
	font-weight: var(--ms-font-weight-medium);
}

:root {
	--ms-white-color: #fff;
	--ms-black-color: #000;
	--ms-gray-color: #747779;
	--ms-light-gray-color: #F2F6F9;
	--ms-main-color: #3B6072;
	--ms-secundary-color: #DBBC74;

	--ms-text-main-color: #3B6072;
	--ms-text-secundary-color: #DBBC74;

	--ms-main-border-color: #3B6072;
	--ms-secundary-border-color: #DBBC74;

	--ms-main-background-color: #3B6072;
	--ms-secundary-background-color: #DBBC74;

	--ms-font-family-base-00: BrandonGrotesqueRegular, Helvetica, Arial, Lucida, sans-serif;
	--ms-font-family-base-01: BrandonGrotesqueBold, Helvetica, Arial, Lucida, sans-serif;
	--ms-font-family-base-02: BrandonGrotesqueMedium, Helvetica, Arial, Lucida, sans-serif;
	--ms-font-family-base-03: BrandonGrotesqueBold, Helvetica, Arial, Lucida, sans-serif;
	--ms-font-family-base-04: BrandonGrotesqueBlack, Helvetica, Arial, Lucida, sans-serif;
	--ms-font-family-base-05: BrandonGrotesqueBold, Helvetica, Arial, Lucida, sans-serif;
	--ms-font-family-title: var(--ms-font-family-base-00);
	--ms-font-family-button: var(--ms-font-family-base-00);
	--ms-font-weight-regular: 400;
	--ms-font-weight-medium: 500;
	--ms-font-weight-strong: 600;

	--ms-box-shadow: 0px 0rem 3rem 0rem rgba(0, 0, 0, .4) !important;

	--ms-space-0x: 0;
	--ms-space-05x: 2px;
	--ms-space-1x: 4px;
	--ms-space-2x: 8px;
	--ms-space-3x: 12px;
	--ms-space-4x: 16px;
	--ms-space-5x: 20px;
	--ms-space-6x: 24px;
	--ms-space-7x: 28px;
	--ms-space-8x: 32px;
	--ms-space-9x: 36px;
	--ms-space-10x: 40px;
	--ms-space-11x: 44px;
	--ms-space-12x: 48px;
	--ms-space-13x: 52px;

	--ms-size-01: 10px;
	--ms-size-02: 11px;
	--ms-size-03: 12px;
	--ms-size-04: 14px;
	--ms-size-05: 16px;
	--ms-size-06: 18px;
	--ms-size-07: 20px;
	--ms-size-08: 23px;
	--ms-size-09: 26px;
	--ms-size-10: 29px;
	--ms-size-11: 33px;
	--ms-size-12: 37px;
	--ms-size-13: 42px;
	--ms-size-14: 47px;
	--ms-size-15: 53px;
}

h1 {
	font-size: var(--ms-size-13);
}

h2 {
	font-size: var(--ms-size-12);
}

h3 {
	font-size: var(--ms-size-08);
}

h4 {
	font-size: var(--ms-size-07);
}

h5 {
	font-size: var(--ms-size-06);
}

h6 {
	font-size: var(--ms-size-05);
}

/* Default classes */

.ms-box-shadow {
	box-shadow: var(--ms-box-shadow);
}

.ms-title-xs {
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
}

.ms-title-sm {
	font-size: 16px;
	line-height: 20px;
	font-family: BrandonGrotesqueBold, sans-serif;
}

.ms-title-md {
	font-size: 24px;
	font-family: BrandonGrotesqueBold, sans-serif;
}

.ms-title-lg {
	font-size: 35px;
	font-family: BrandonGrotesqueBold, sans-serif;
	text-transform: uppercase;
}

.ms-title-extra-lg {
	font-size: 60px;
	font-family: BrandonGrotesqueBold, sans-serif;
	text-transform: uppercase;
}

.ms-white-color {
	color: var(--ms-white-color);
}

.ms-black-color {
	color: var(--ms-black-color);
}

.ms-gray-color {
	color: var(--ms-gray-color);
}

.ms-light-gray-color {
	color: var(--ms-light-gray-color);
}

.ms-main-color {
	color: var(--ms-main-color);
}

.ms-secundary-color {
	color: var(--ms-secundary-color);
}

.ms-white-bck {
	background-color: var(--ms-white-color);
}

.ms-black-bck {
	background-color: var(--ms-black-color);
}

.ms-gray-bck {
	background-color: var(--ms-gray-color);
}

.ms-light-gray-bck {
	background-color: var(--ms-light-gray-color);
}

.ms-transparent-bck {
	background-color: transparent;
}

.ms-main-bck {
	background-color: var(--ms-main-color);
}

.ms-secundary-bck {
	background-color: var(--ms-secundary-color);
}

.ms-fs12 {
	font-size: var(--ms-size-03);
}

.ms-fs14 {
	font-size: var(--ms-size-04);
}

.ms-fs16 {
	font-size: var(--ms-size-05);
}

.ms-fs18 {
	font-size: var(--ms-size-06);
}

.ms-fs20 {
	font-size: var(--ms-size-07);
}

.ms-fs23 {
	font-size: var(--ms-size-08);
}

.ms-fs26 {
	font-size: var(--ms-size-09);
}

.ms-fs29 {
	font-size: var(--ms-size-10);
}

.ms-fs33 {
	font-size: var(--ms-size-11);
}

.ms-fbase-00 {
	font-family: var(--ms-font-family-base-00);
}

.ms-fbase-01 {
	font-family: var(--ms-font-family-base-01);
}

.ms-fbase-02 {
	font-family: var(--ms-font-family-base-02);
}

.ms-fbase-03 {
	font-family: var(--ms-font-family-base-03);
}

.ms-fbase-04 {
	font-family: var(--ms-font-family-base-04);
}


.ms-opacity-100 {
	opacity: 100%;
}

.ms-opacity-75 {
	opacity: 75%;
}

.ms-opacity-50 {
	opacity: 50%;
}

.ms-opacity-25 {
	opacity: 25%;
}

.ms-opacity-0 {
	opacity: 0%;
}


.ms-cursor-pointer {
	cursor: pointer;
}

/* Main menu */
.fixed-top {
	transition: ease-in-out .5s;
}

/* Main menu */
.fixed-top.header-background,
.fixed-top:not(.header-background) {
	background-color: rgba(59, 96, 114, 0.8);
	box-shadow: 1rem 0rem 1rem 0.1rem rgba(0, 0, 0, 0.1);
}

.fixed-top.home:not(.header-background) {
	background-color: transparent;
	box-shadow: none
}

#top-menu .nav-item.dropdown {
	display: inline-block;
	font-size: 16px;
	padding-right: 22px;
	position: relative;
	line-height: 1em;
	transition: all .4s ease-in-out;
}

#top-menu,
#top-menu i {
	color: var(--ms-white-color);
}

#top-menu,
#top-menu .fa-user {
	color: var(--ms-main-color);
}

#top-menu .nav-item.dropdown>.nav-link {
	font-family: BrandonGrotesqueBold, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	color: var(--ms-white-color);
}

#top-menu .nav-item.dropdown>.nav-link.active i,
#top-menu .nav-item.dropdown>.nav-link.active {
	color: var(--ms-secundary-color);
}

#top-menu .nav-item.dropdown>.nav-link i {
	font-size: 15px;
	margin-left: 0.5rem !important;
}

.navbar-nav.search.active,
.navbar-nav.search.active li,
.navbar-nav.search.active form {
	width: 100%;
}

.navbar-nav.search.active li {
	width: 100%;
}

.navbar-light {
	background-color: transparent;
}

.navbar img {
	width: auto;
	height: 80px;
}

#top-menu .nav-item.dropdown>.nav-link:focus,
#top-menu .nav-item.dropdown>.nav-link:hover {
	color: var(--ms-secundary-color);
}

.navbar .dropdown:click>.dropdown-menu,
.navbar .link-dropdown:click>.dropdown-menu {
	display: none !important;
}

.navbar .dropdown:hover>.dropdown-menu,
.navbar .nav-link-dropdown:hover>.dropdown-menu {
	display: block;
	padding: 0;
	border-radius: 0;
	min-width: 220px;
}

.drop-link {
	position: absolute;
	left: 99.5%;
	top: 0;
}

.navbar-nav {
	transition: all .5s;
}

.navbar-nav.ms-auto.hidden {
	display: none;
}

.navbar .dropdown-menu {
    background-color: rgba(59, 96, 114, 0.8);
	border: none;
	transition: all .2s ease-in-out;

}

.navbar .dropdown-menu .dropdown-menu {
	margin-left: 2px;
}

.navbar .dropdown-menu .dropdown {
	border-bottom: 1px solid var(--ms-primary-color);
	background-color: rgba(59, 96, 114, 0.8);
}

.navbar .dropdown-menu .dropdown:last-child {
	border: none !important;
}

.navbar .dropdown-menu i {
	color: var(--ms-primary-color) !important;
}

.dropdown-menu .nav-item {
	width: 100%;
	padding: 5px !important;
	line-height: 2em !important;
}

.dropdown-menu .dropdown-item.nav-link {
	font-family: BrandonGrotesqueBold, sans-serif;
	color: #112E3B;
	padding: 6px 20px;
	font-size: 16px;
	justify-content: space-between;
}

.navbar .dropdown-item:hover {
	background-color: transparent;
	color: var(--ms-secundary-color) !important;
}

.navbar .dropdown>.dropdown-toggle:active {
	pointer-events: none;
}

.dropdown-toggle::after {
	display: none !important;
}

.navbar-toggler {
	padding: 5px 7px !important;
	border: none;
	border-radius: 0;
}

.navbar-toggler:focus {
	outline: none;
	border: none;
	box-shadow: none;
}

.nav-link {
	cursor: pointer;
}

/* Banner */
#carousel-banner .carousel-item {
	background-blend-mode: multiply;
	background-color: rgb(59, 96, 114 / 60%) !important;
	position: relative;
	width: 100%;
	background-position: center;
	background-size: cover;
	padding: 0 6%;
	background-repeat: no-repeat;
	min-height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#carousel-banner .carousel-item .description h1,
#carousel-banner .carousel-item .description p {
	color: var(--ms-secundary-color);
	font-family: BrandonGrotesqueBold, sans-serif;
	text-shadow: 0 1px 3px rgb(0 0 0 / 30%);
	line-height: 1.4em;
}

#carousel-banner .carousel-item .description h1 {
	font-weight: 600;
	font-size: 46px;
}

#carousel-banner.home-banner .carousel-item .description h1 {
	font-weight: 600;
	font-size: 64px;
}


#carousel-banner .carousel-item .description p {
	font-size: 19px !important;
	font-weight: 500 !important;
}

.carousel-control-next i,
.carousel-control-prev i {
	font-size: 50px;
}

.carousel-indicators button {
	display: inline-block;
	background-color: rgba(0, 138, 173, 0.9);
	border-radius: 100% !important;
	width: 7px !important;
	height: 7px !important;
	margin-right: 10px;
	padding: 0;
	opacity: .5;
}

/* single banner */
.single-banner {
	background-blend-mode: multiply;
	background-color: rgba(200, 225, 255, 0.55) !important;
	background-repeat: no-repeat;
	min-height: 600px;
	background-position: center;
	background-size: cover;
	width: 100%;
	padding: 6%;
	display: flex;
	justify-content: end;
	align-items: end;

}

.single-banner .container {
	text-align: center;
}

.single-banner h1,
.single-banner p {
	font-weight: 300;
	text-transform: uppercase;
	font-size: 40px;
	color: #FFFFFF !important;
	text-align: center;
	padding-top: 5%;
}


/*  Footer */
#footer #second-section i.fab {
	border-radius: 100%;
	height: 28px;
	width: 28px;
	background: #3b6072;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
}

#footer #top-menu .nav-item.dropdown>.nav-link {
	color: var(--ms-main-color);
}

#footer #top-menu .dropdown-menu .nav-item.dropdown>.nav-link {
	color: var(--ms-white-color);
}



#footer img {
	max-width: 115px;
	height: auto;
}

#footer i:hover,
#footer a:hover {
	color: var(--ms-secundary-color) !important;
}

#footer .collapse:not(.show),
#footer .navbar-nav {
	display: block;
}



/* Pagina inicial  - home page*/
#clients {
	background-blend-mode: overlay;
	background-color: rgb(255 255 255 / 73%) !important;
	position: relative;
	width: 100%;
	background-position: bottom;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 450px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#clients .carousel-inner .client-logo {
	height: 150px;
	width: 150px;
	border: 10px solid var(--ms-main-border-color);
	border-radius: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

#clients .carousel-inner .article * {
	font-size: 20px;
	font-family: BrandonGrotesqueBlack, sans-serif;
}


/* Página de erro */
#error-404 input {
	background-color: var(--ms-white-color);
	border: 1px solid var(--ms-black-color);
	color: var(--ms-gray-color) !important;
	border-top-left-radius: var(--ms-space-1x) !important;
	border-bottom-left-radius: var(--ms-space-1x) !important;
	padding: var(--ms-space-05x) var(--ms-space-2x) !important;
	height: 30px;
	margin: auto;
}

#error-404 .btn {
	background-color: var(--ms-gray-color);
	height: 30px;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}


/*  Inputs Fields - Campos de pesquisas*/
input::placeholder {
	color: var(--ms-main-color);
}

input:not([type="radio"], [type="checkbox"]) {
	border: 1px solid #fff;
	line-height: 1em !important;
	color: var(--ms-main-color);
	padding: 6px 16px !important;
	font-size: 20px !important;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 0;
	font-family: BrandonGrotesqueBold, sans-serif;
}

input:not([type="radio"], [type="checkbox"]):focus {
	outline: 0;
	box-shadow: none !important;
}

label {
	font-family: BrandonGrotesqueBold, sans-serif;
	font-size: 14px;
	padding-bottom: 8px;
}

label span {
	color: #c02b0a;
	font-size: 13.008px;
	padding-left: 0.125em;
	font-style: italic;
	font-weight: 400;
}

.form-check-label {
	cursor: pointer;
}

.second-btn,
#version_submit {
	color: var(--ms-white-color);
	font-family: var(--ms-font-family-base-01);
	border: 1px solid var(--ms-main-color);
	background-color: var(--ms-main-color);
	padding: 7px 20px;
	transition: all .5s;
	text-transform: uppercase;
	border-radius: var(--ms-space-1x);
}

.second-btn:hover,
#version_submit:hover {
	opacity: .9;
	border: 1px solid var(--ms-main-color);
	background-color: transparent;
	color: var(--ms-main-color);
}

.second-btn i {
	transition: all .5s;
}

.second-btn:hover i {
	color: var(--ms-main-color) !important;
}

.ms-main-btn {
	color: var(--ms-white-color);
	padding: 8.5px 40px !important;
	font-size: 16px;
	background-color: var(--ms-main-color);
	border-width: 1px !important;
	text-decoration: none;
	transition: all .5s;
	border: 1px solid var(--ms-main-color);
	text-transform: uppercase;
	font-family: BrandonGrotesqueBold, sans-serif;
	border-radius: 0;
}

.ms-main-btn:hover {
	color: var(--ms-main-color);
	border: 1px solid var(--ms-main-color);
	background-color: transparent;
}

.main-btn {
	color: var(--ms-white-color);
	padding: 8.5px 40px !important;
	font-size: 16px;
	background-color: var(--ms-secundary-color);
	border-width: 1px !important;
	text-decoration: none;
	transition: all .5s;
	border: 1px solid var(--ms-secundary-color);
	text-transform: uppercase;
	font-family: BrandonGrotesqueBold, sans-serif;
	border-radius: 0;
}

.main-btn:hover {
	opacity: .8;
	color: var(--ms-white-color);
}


.main-btn-border {
	color: var(--ms-white-color);
	padding: 8.5px 40px !important;
	font-size: 16px;
	background-color: var(--ms-secundary-color);
	border-width: 1px !important;
	text-decoration: none;
	transition: all .5s;
	border: 1px solid var(--ms-secundary-color);
	text-transform: uppercase;
	font-family: BrandonGrotesqueBold, sans-serif;
	border-radius: 0;
}

.main-btn-border:hover {
	color: var(--ms-secundary-color)!important;
	border: 1px solid var(--ms-secundary-color);
	background-color: transparent;
}

.reverse-main-btn {
	color: var(--ms-secundary-color);
	border: 1px solid var(--ms-secundary-color);
	padding: 8.5px 20px !important;
	font-size: 16px;
	background-color: transparent;
	text-decoration: none;
	transition: all .5s;
	text-transform: uppercase;
	font-family: BrandonGrotesqueBold, sans-serif;
	border-radius: 0;
}

.reverse-main-btn:hover {
	opacity: .8;
	background-color: var(--ms-secundary-color);
	color: var(--ms-white-color);
}


.secundary-btn {
	color: var(--ms-main-color);
	padding: 8.5px 40px !important;
	font-size: 16px;
	background-color: var(--ms-white-color);
	border-width: 1px !important;
	text-decoration: none;
	transition: all .5s;
	border: 1px solid var(--ms-white-color);
	text-transform: uppercase;
	font-family: BrandonGrotesqueBold, sans-serif;
	border-radius: 0;
}

.secundary-btn:hover {
	opacity: .8;
	color: var(--ms-main-color);
}

.reverse-secundary-btn {
	color: var(--ms-white-color);
	border: 1px solid var(--ms-white-color);
	padding: 8.5px 20px !important;
	font-size: 16px;
	background-color: transparent;
	text-decoration: none;
	transition: all .5s;
	text-transform: uppercase;
	font-family: BrandonGrotesqueBold, sans-serif;
	border-radius: 0;
}

.reverse-secundary-btn:hover {
	opacity: .8;
	background-color: var(--ms-white-color);
	color: var(--ms-main-color);
}


/* Select 2 */
.select2-container {
	height: 40px;
	border: 1px solid #bfbfbf !important;
	border-radius: 0;
}

.select2-container-active .select2-choice {
	box-shadow: none !important;
}

.select2-container .select2-choice {
	border: none !important;
}

.select2-container .select2-choice .select2-chosen {
	color: #8D8D8D !important;
}

.select2-dropdown-open.select2-drop-above .select2-choice {
	border: none !important;
}

.select2-results .select2-highlighted {
	background: var(--ms-main-color) !important;
}

.select2-drop.select2-drop-above .select2-search input {
	margin: 0 !important;
}

.select2-search {
	padding: 0 !important;
}



/* Paginação */
.pagination-content ul {
	margin: 0;
	box-shadow: var(--ms-box-shadow);
}

.pagination-content button.page-link {
	border: none;
	background-color: #EEEEEE;
}

.pagination-content button.page-link.pagination-prev {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pagination-content button.page-link.pagination-next {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.pagination-content button.page-link i {
	color: var(--ms-main-color);
}

.pagination-content button.page-link:focus,
.pagination .page-link:focus {
	box-shadow: none;
}

.pagination li a {
	padding: 6px 10px;
	background-color: #EEEEEE;
	color: var(--ms-main-color) !important;
	display: block;
	text-decoration: none;
	cursor: pointer;
	margin: 2px;
	border: none;
}

.pagination li.active a,
.pagination li.focus a {
	background-color: var(--ms-main-color) !important;
	color: #EEEEEE !important;
	box-shadow: none;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span,
.pagination>li:first-child>a,
.pagination>li:first-child>span {
	border-radius: 0 !important;
}

/* Custom Card */
.ms-card .card {
	position: relative;
	width: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 350px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	border-radius: 0;
	cursor: pointer;
	transition: all ease-out .5s;
}

.ms-card.card:hover {
	background-blend-mode: multiply;
	background-color: rgba(59, 96, 114, 0.643) !important;

}

.ms-card .card-footer {
	background: rgba(0, 0, 0, 0.478);
	border: none;
	border-radius: 0;
	transition: all ease-out .5s;
}

.ms-card .card:hover .card-footer {
	background: rgba(59, 96, 114, 0.5);
	transform: translate(0px, -144px);
}

/* Outras */
.bck-image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-blend-mode: overlay;
	background-color: rgb(208 214 217) !important
}

.back {
	text-decoration: none;
	cursor: pointer;
	display: block;
}

.container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.container {
	max-width: 90%;
}

hr.ms-secundary-bck {
	background-color: #294e61;
}

.banner-margin {
	margin-bottom: 90px;
}

.article.ms-white-color * {
	color: var(--ms-white-color);
}

.article.ms-fbase-01 * {
	font-family: var(--ms-font-family-base-01);
	font-size: 20px;
}

.article.ms-fbase-01 .main-btn-border {
	color: var(--ms-white-color);
	font-size: 16px;
}

.article.ms-fbase-02 * {
	font-family: var(--ms-font-family-base-02);
}

.article strong,
.info-body strong {
	font-family: BrandonGrotesqueBold, sans-serif;
	font-weight: normal;
}

.article ol {
	padding-left: 15px;
}

.article img,
.info-body img {
	max-width: 100%;
	height: auto;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
	color: var(--ms-main-color);
	font-family: var(--ms-font-family-base-01)
}

.article a strong,
.article a {
	color: var(--ms-main-color);
}


.article li {
	margin-bottom: 1rem !important;
}


.slick-arrow {
	cursor: pointer;
}


/* Galery- Galerias fotos */
#ms-slider .slider-for .slick-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}



#ms-slider .slider-nav .slick-track,
#ms-slider .slider-nav .slick-slide {
	height: 100%;
}


#ms-slider .slider-nav .slick-arrow span {
	font-size: 40px;
}

#ms-slider .slider-nav .card {
	position: relative;
}

#ms-slider .slider-nav .card-footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-blend-mode: multiply;
	background-color: rgba(59, 96, 114, 0.643) !important;
	color: var(--ms-white-color);
}

.modal {
	background-color: #272424b5;
}


/* Versions */
#version-form {
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
	margin: 120px 0;
}

#version-form .form-group {
	width: 450px;
}

#version-form button {
	margin-top: 32px;
	margin-left: 0;
	border-radius: 0;
}

#version-form .form-group select {
	padding: 7px;
	box-shadow: none;
	border: 1px solid #ced4da;
	border-radius: 0;
}

#version-form .form-group label,
#version-form .form-group select {
	width: 100%;
}


/* Alerts */
#formBodyMessage {
	z-index: 1;
}

#formBodyMessage .alert-success p,
#formBodyMessage .alert-success button {
	color: #155724 !important;
}

#formBodyMessage .alert-success,
.alert {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.25rem;
}

#formBodyMessage {
	position: fixed;
	right: 3%;
	bottom: 0;
	margin-bottom: 1rem !important;
}

#formBodyMessage button,
#formBodyMessage button:focus {
	font-size: 10px;
	box-shadow: none;
	background-color: transparent !important;
	border: none;
}

#formBodyMessage .alert-dismissible .btn-close {
	padding: 1.4rem 1rem;
}

body.modal-open {
	padding-right: 0 !important;
	overflow: auto !important;
}

body.modal-open .fixed-top {
	padding-right: 0 !important;
}

/*  Serviços - Consultoria */
#tab-service li {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 2rem;
}

#tab-service li button {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	background-color: transparent;
	transition: all .5s;
}

#tab-service li button span {
	font-size: 22px;
	font-weight: 600;
}

#tab-service li button.active,
#tab-service li button:hover {
	background-color: var(--ms-secundary-background-color);
	border-radius: 0;
}

#tab-service button img {
	height: 160px;
	width: auto;
}

#service .title {
	color: var(--ms-white-color);
	background-color: var(--ms-secundary-background-color);
	text-align: center;
	padding: .5rem;
	max-width: 35%;
}


#service .article * {
	font-family: BrandonGrotesqueBlack, sans-serif;
}

/* Contactos */
.contacts .info * {
	color: var(--ms-main-color);
	font-family: BrandonGrotesqueBlack, sans-serif;
}


.contacts .info h3 {
	color: var(--ms-main-color);
	font-family: BrandonGrotesqueBold, sans-serif;
}

.contacts .info a:hover {
	color: var(--ms-main-color);
}

.contacts .info-container {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
    width: 100%;
    flex-direction: column;
}

.contacts .info-item {
    flex-basis: 33%;
}

.contacts.bck-image {
	min-height: 750px;
}

.contacts input::placeholder,
.contacts textarea::placeholder {
	color: var(--ms-white-color);
}

.contacts input:not([type="radio"], [type="checkbox"]),
.contacts textarea {
	border: 1px solid var(--ms-main-border-color);
	color: var(--ms-white-color);
	background-color: var(--ms-main-background-color);
}

.contacts input:not([type="radio"], [type="checkbox"]):focus,
.contacts textarea:focus {
	box-shadow: none;
	outline: none;
	background-color: var(--ms-main-background-color);
}

.contacts td  {
	min-width: 150px;
}

ul.parsley-error-list>li {
	color: #B94A48 !important;
}

ul.parsley-error-list {
	padding: 0 !important;
	list-style: none;
}


/* Formação - cursos */
.bck-image.area .ms-secundary-bck {
	background-color: rgb(219 188 116 / 80%);
}

.bck-image.area {
	background-color: var(--ms-main-color) !important;
	background-blend-mode: multiply;
}

.bck-image.area * {
	color: var(--ms-white-color);
	list-style: none;
}

.bck-image.area .ms-secundary-color {
	color: var(--ms-secundary-color);
}

.area.article .info * {
    font-size: 26px;
}

.bck-image.area table {
	width: 100%;
}

.formacao #intraempresa,
.formacao #interempresa {
	width: 35%;
}

.formacao.bck-image {
	min-height: 330px;
}

.formacao .main-btn {
	min-width: 165px;
	margin: .5rem;
}

.formacao .ms-card.card:hover {
	background-color: var(--ms-main-background-color) !important;
}

.formacao .ms-card .card-footer {
	background: var(--ms-main-background-color);
}

.formacao .ms-card .card:hover .card-footer {
	background: var(--ms-main-background-color);
}


/* Card flip */
.card-hover {
	position: relative;
}

.card-hover .card {
	border: 0;
	border-radius: 0;
}

.card-hover:hover .the-front {
	transform: perspective(500px) rotateY(180deg);
}

.card-hover:hover .the-back {
	transform: perspective(500px) rotateY(360deg);
}

.the-front,
.the-back {
	backface-visibility: hidden;
	transition: transform 1s ease-out;
	cursor: pointer;
}

.the-front {
	transform: perspective(1000px) rotateY(0deg);
}

.the-back {
	transform: perspective(500px) rotateY(180deg);
	background: #F4F8F9;
    position: absolute;
    top: 0;
	left: 0;
	height: 100%;
    width: 100%;
}

/* Card flip End*/

.the-back .content {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: 100%;
}

.ms-card-group .card {
	min-height: 300px;
	cursor: pointer;
	border: none;
}

.ms-card-group .card-body {
	min-height: 205px;
}

.ms-card-group .card .img-top {
	height: 150px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.ms-card-group .card .img-top.profile {
	height: 275px;
	background-position: top;
}

.ms-card-group .card.organization {
	min-height: 300px;
	cursor: initial;
	border: none;
}


#course-show #details {
	padding: 1.5rem 8rem;
	position: relative;
}


#course-show .title {
	display: none;
}

/* Projetos */
.projetos h3 {
	background-color: var(--ms-main-background-color);
	color: var(--ms-white-color);
	padding: 1rem 1.5rem;
	font-family: BrandonGrotesqueBold, sans-serif;
}

.projetos ul {
	list-style: none;
	font-family: BrandonGrotesqueBold, sans-serif;
	font-size: 20px;
}

#projects .card {
    background-color: transparent;
}


/* Auditorias */
.auditorias ul {
	list-style: none;
}

.auditorias li.auditorias-item {
	border-bottom: 1px solid var(--ms-secundary-border-color);
	font-weight: 600;
    font-size: 20px;
	font-family: BrandonGrotesqueBold, sans-serif;
}




/* Políticca privacidade */
#policy * {
	color: var(--ms-white-color);
}

#policy h4 {
	color: var(--ms-secundary-color);
}

/* Empresa */
#company .card {
	background-color: transparent;
	border: 1px solid var(--ms-secundary-border-color);
	min-height: 490px;
}

#company .values ul {
	list-style-type: none;
}

#company .values li {
	color: var(--ms-white-color);
	font-size: 25px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-family: BrandonGrotesqueMedium, sans-serif;
}

#company .values li::first-letter {
	color: var(--ms-secundary-color);
	font-family: BrandonGrotesqueBold, sans-serif;
	font-size: 35px;
}

#company .card-body {
	min-height: 430px;
	text-align: center;
}

#company .card-body .article * {
	color: var(--ms-white-color);
	font-family: var(--ms-font-family-base-02);
	font-size: 20px;
}


/* Timeline */
.timeline-container {
	overflow-x: auto;
	width: 100%;
	height: 500px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 2rem;
}

.timeline-container::-webkit-scrollbar {
	width: 4px;
}

.timeline-container::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px var(--ms-gray-color);
	border-radius: 10px;
}

.timeline-container::-webkit-scrollbar-thumb {
	background: var(--ms-main-background-color);
	border-radius: 10px;
	transition: all .5s;
}

.timeline-container::-webkit-scrollbar-thumb:hover {
	background: #487489;
}

.timeline {
	max-width: 950px;
	width: 100%;
	height: 15px;
	list-style: none;
	text-align: justify;
	margin: 220px auto;
	background-color: var(--ms-secundary-background-color);
	position: absolute;
	top: -2px;
}

.timeline:after {
	display: inline-block;
	content: "";
	width: 100%;
}

.timeline li {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: var(--ms-secundary-background-color);
	text-align: center;
	line-height: 1.2;
	position: relative;
	border-radius: 50%;
	border: 5px solid var(--ms-white-color);
	top: -8px;
	margin: -5px;
	transition: all .2s;
}

.timeline li:before {
	content: attr(data-year);
	font-size: 26px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background: var(--ms-white-color);
	width: 150px;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 20px solid var(--ms-main-border-color);
	border-radius: 100%;
	color: var(--ms-secundary-color);
	font-weight: 600;
	font-size: 38px;
	cursor: pointer;
	transition: all .5s;
	font-family: BrandonGrotesqueBold;
}

.timeline li.active:before {
	background: var(--ms-secundary-background-color);
	color: var(--ms-white-color);
}

.timeline li:nth-child(odd):before {
	top: -180px;
}

.timeline li:nth-child(even):before {
	bottom: -180px;
}

.timeline li:after {
	display: inline-block;
	content: "";
	font-size: 16px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-top: 20px solid black;
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid transparent;
}

.timeline li:nth-child(odd):after {
	top: -36px;
	border-top: 20px solid var(--ms-main-color);
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid transparent;
}

.timeline li:nth-child(even):after {
	top: 23px;
	border-top: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid var(--ms-main-color);
	border-left: 20px solid transparent;
}

#timeline-info {
	min-height: 180px;
	display: flex;
	text-align: center;
	justify-content: center;
}

.timeline-info-text,
.timeline-info-text * {
	font-size: 24px;
	font-family: var(--ms-font-family-base-02);
	transition: all ease-in .2s;

}


/* Media queries */
@media only screen and (max-width: 992px) {
	.navbar-collapse .nav-item {
		line-height: 3rem !important;
	}

	header .navbar-collapse .navbar-nav {
		padding: 0 3rem;
	}

	.navbar-collapse::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px #0000004d;
		background-color: #F5F5F5;
	}

	.navbar-collapse::-webkit-scrollbar {
		width: 6px;
		background-color: #F5F5F5;
	}

	.navbar-collapse::-webkit-scrollbar-thumb {
		background-color: #cccc;
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px #0000004d;
	}

	#carousel-banner .carousel-item {
		align-items: end;
		padding-bottom: 100px;
	}

	.navbar-toggler-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(255, 255, 255)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
	}

	.navbar .dropdown-menu {
		margin-left: .5rem;
	}
}


@media (max-width: 768px) {
	.container {
		max-width: 90%;
	}

	#top-menu .nav-item.dropdown>.nav-link {
		padding: 0 !important;
	}

	#carousel-banner .carousel-item .description h2 {
		font-size: 30px;
	}

	.single-banner h1 {
		width: 100%;
		padding-top: 25%;
	}

	.single-banner {
		height: 480px;
	}

	/* página inicial - Home page */
	#home-section-1 {
		min-height: 900px;
	}

	#home-section-1 #home-section-1__container {
		position: unset;
	}

	#home-section-1 .card {
		margin: 0;
	}
}

@media (max-width: 576px) {
	.fixed-top {
		background-color: var(--ms-main-background-color) !important;
		box-shadow: 1rem 0rem 1rem 0.1rem rgba(0, 0, 0, 0.1) !important;
	}

	.navbar .navbar-brand img {
		height: 55px;
	}

	#top-menu .nav-item.dropdown>.nav-link {
		display: block;
	}
	
	.navbar .dropdown-menu {
	    padding: 0!important;
	}
	
	
    #navbarNav {
        max-height: 500px;
        overflow: auto;
    }

	#carousel-banner .carousel-item {
		min-height: 390px;
	}

	.carousel-control-next,
	.carousel-control-prev {
		width: 10%;
	}

	.banner-margin {
		margin-bottom: 65px;
	}

	#home-section-1 #home-section-1__container {
		position: unset;
		pad: 1.5rem 0;
	}

	#course-show #details {
		padding: 1.5rem;
	}

	#course-show #description {
		order: 2;
		margin-top: 1.5rem;
	}

	#course-show #description .main-title {
		display: none;
	}

	#course-show .title {
		display: block;
	}
	
	.timeline-mobile {
	   height: 1000px;
	}
	    
    .timeline-container {
        height: 10px;
        transform: rotate(90deg);
        overflow-x: unset;
        top: 490px;
    }
    
    .timeline li:nth-child(odd):before {
        top: -128px;
    }
    
    .timeline li:nth-child(even):before {
        bottom: -140px;
    }
    
    .timeline li:before {
        width: 100px;
        height: 100px;
        font-size: 20px;
        transform: rotate(-90deg);
        transform-origin: 24% 76%;
    }


	.timeline {
	    top: unset;
		width: 900px;
		height: 7px;
	}
	
	.timeline li {
	    width: 25px;
        height: 25px;
        top: -9px;
	}
	
	#timeline-info {
	   min-height: 30px;
	}

	#carousel-banner .carousel-item .description h1 {
		font-size: 34px !important;
	}

	#carousel-banner .description {
		width: 100% !important;
	}

	.ms-title-extra-lg {
		font-size: 34px;
	}

	.ms-title-lg {
		font-size: 22px;
	}

	#service .title,
	.formacao #intraempresa,
	.formacao #interempresa {
		width: 85%;
		max-width: 85%;
	}

	.auditorias ul {
		padding: 0;
		margin-top: 1.5rem;
	}

	#ms-slider .slider-nav .card-footer {
		position: unset;
	}

	.carousel-control-next i,
	.carousel-control-prev i {
		font-size: 35px;
	}

    .contacts .info-item {
        flex-basis: 100%;
    }

}