/*========================================= 
  WEB FONT
=========================================*/
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

/*========================================= 
  RESET
=========================================*/
body {
    font-family: 'Poppins', sans-serif !important;
}
.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 1.1;
  color: inherit;
}

.bg-blueM {
    background: #03052e;
}

.bg-bright {
  background-color: #fcfcfc !important;
}

.text-uppercase {text-transform: uppercase;}

.f100 {font-weight: 100; !important}
.f200 {font-weight: 200; !important}
.f300 {font-weight: 300; !important}
.f400 {font-weight: 400; !important}
.f500 {font-weight: 500; !important}
.f600 {font-weight: 600; !important}
.f700 {font-weight: 700; !important}
.f800 {font-weight: 800; !important}
.f900 {font-weight: 900; !important}

.fs8 {font-size: 8px; !important}
.fs9 {font-size: 9px; !important}
.fs10 {font-size: 10px; !important}
.fs11 {font-size: 11px; !important}
.fs12 {font-size: 12px; !important}
.fs13 {font-size: 13px; !important}
.fs14 {font-size: 14px; !important}
.fs15 {font-size: 15px; !important}
.fs16 {font-size: 16px; !important}
.fs18 {font-size: 18px; !important}
.fs20 {font-size: 20px; !important}
.fs24 {font-size: 24px; !important}
.fs30 {font-size: 30px; !important}
.fs36 {font-size: 36px; !important}
.fs40 {font-size: 40px; !important}
.fs50 {font-size: 50px; !important}
.fs60 {font-size: 60px; !important}

a {
  color: #a4b1c1;
  -moz-transition: all 0.7s ease-in;
  -webkit-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
  transition: all 0.7s ease-in;
}
a:active,
a:hover {
  text-decoration: none !important;
  color: #01365b;
  -moz-transition: all 0.7s ease-in;
  -webkit-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
  transition: all 0.7s ease-in;
}

.fc-black { color: #000000 !important; }

.fc-white { color: #FFFFFF; }

/* =========================================================================
  BOX
========================================================================== */
.box { 
    border: 30px solid #FFFFFF; 
}

@media (max-width: 768px) {
  .box { 
    border: 10px solid #FFFFFF; 
  }
}
/* =========================================================================
  NAVBAR
========================================================================== */


/*========================================= 
  MENU PRINCIPAL
=========================================*/
.navbar-hdg {
    background: #FFF;
    margin-top: -30px;
    font-family: 'Poppins', sans-serif !important;
    position: relative;
    z-index: 9999;
}

.navbar-hdg .navbar-brand {
  width: 180px;
  color: rgba(0, 0, 0, 0.9);
}

.navbar-hdg .navbar-brand img {
    position: absolute;
    z-index: 9999;
    margin-top: -30px;
}

.navbar-hdg .navbar-brand:hover, .navbar-hdg .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-hdg .navbar-nav .nav-link {
  color: #2b2e31;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.navbar-hdg .navbar-nav .nav-link i {
  font-size: 14px;
}


.navbar-hdg .navbar-nav .nav-link:hover, .navbar-hdg .navbar-nav .nav-link:focus {
  color: #711b59;
}

.navbar-hdg .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-hdg .navbar-nav .carreira > .nav-link {
    color: #000;
    font-weight: 600;
    padding-left: 40px;
}

.navbar-hdg .navbar-nav .carreira > .nav-link {
    border-right: 1px solid #e8e8e8;
}

.navbar-hdg .navbar-nav .show > .nav-link,
.navbar-hdg .navbar-nav .active > .nav-link,
.navbar-hdg .navbar-nav .nav-link.show,
.navbar-hdg .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-hdg .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

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

.navbar-hdg .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-hdg .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-hdg .navbar-text a:hover, .navbar-hdg .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.contact a {
  color: #FFFFFF !important;
  background: #411337;
  text-transform: uppercase;
  font-weight: 500;
  position: relative; z-index: 0;
    margin-top: 5px;
    margin-right: -30px;
}

.contact a:hover {
  color: #FFFFFF !important;
  background: #581345;
}


.tel a {
  color: #411337 !important;
  text-transform: uppercase;
  font-weight: 800 !important;
  position: relative; 
  z-index: 0;
    margin-top: 5px;
}

.tel a:hover {
  color: #581345 !important;
}

/*========================================= 
  NAVBAR hdg MOBILE
=========================================*/
.navbar-hdg-mobile {
    height: 60px;
    background: #ffffff;
    margin-top: 0px;
}

.navbar-hdg-mobile .navbar-brand img {
    margin-top: -7px;
    position:relative;
    z-index: 999;
}

.navbar-hdg-mobile .navbar-brand  {
    margin-top: -6px !important;
}


.navbar-hdg-mobile .navbar-brand i {
    font-size: 24px;
    margin-top: -30px;
    margin-bottom: 30px;
}

.navbar-hdg-mobile .navbar-brand:hover, .navbar-hdg-mobile .navbar-brand:focus {
  color: #00b9ff;
}

.navbar-hdg-mobile .nav-item {
    border-left: 1px solid #000;
}

.navbar-hdg-mobile .nav-item:first-child {
    border-left: none;
}

.navbar-hdg-mobile .navbar-nav .nav-link {
  color: #000;
  font-size: 13px;
  padding: 15px 20px 15px 20px;
}

.navbar-hdg-mobile .navbar-nav .nav-link i {
  color: #000;
}

.navbar-hdg-mobile .navbar-nav .nav-link span {
    color: #000;
}

.navbar-hdg-mobile .navbar-nav .nav-link:hover, .navbar-hdg-mobile .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.75);
}

.navbar-hdg-mobile .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-hdg-mobile .navbar-nav .show > .nav-link,
.navbar-hdg-mobile .navbar-nav .active > .nav-link,
.navbar-hdg-mobile .navbar-nav .nav-link.show,
.navbar-hdg-mobile .navbar-nav .nav-link.active {
  color: #002a41;
  background: #00b9ff;
  text-transform: uppercase;
  font-weight: 600;
    position: relative; z-index: 0;
    margin-right: -16px;
}

.navbar-hdg-mobile .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

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

.navbar-hdg-mobile .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-hdg-mobile .navbar-text a {
  color: #fff;
}

.navbar-hdg-mobile .navbar-text a:hover, .navbar-hdg-mobile .navbar-text a:focus {
  color: #fff;
}

/*========================================= 
  MENU MOBILE
=========================================*/

.mobile-hdg  ul{
	list-style: none;
	padding: 0;
}

.mobile-hdg  ul li {
	list-style: none;
	padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.mobile-hdg  ul li a {
	color: #320c2a;
	display: block;
    font-size: 14px;
}

.mobile-hdg  ul li a:hover {
	text-decoration: none;
	color: #411337;
}

/*========================================= 
  PAGE
=========================================*/


/*========================================= 
  PAGE TTTLE
=========================================*/
.hdg-title {
    padding: 120px 0 70px 0;
    background: #411337;
}

.hdg-title h1 {
    color: #FFF;
    text-transform: uppercase;
    font-weight: 700;
}

/*========================================= 
  PAGE INT CONTENT
=========================================*/
.hdg-int-content {
    padding: 60px 0;
}

/* =========================================================================
  FOOTER
========================================================================== */

.line-footer {
    width: 100%;
    height: 15px;
    background: #320c2a;
}


.footer-hdg {
    background: #411337;
    font-size: 13px;
    color: #ffffff;
    padding-top: 100px;
    padding-bottom: 30px;
}

.footer-hdg a {
    color: #ffffff;
}

.footer-hdg a:hover {
    color: #d6bad3;
}

.footer-hdg h4 {
    font-size: 18px;
    font-weight: 700;
}

.footer-hdg ul {
	list-style: none;
	margin: 10px 0 0 ;
	padding: 0;
}

.footer-hdg ul li {
	list-style: none;
	padding: 3px 0;
}

.footer-hdg ul li a {
	color: #ffffff;
	font-size: 13px;
	font-family: 'Lato', sans-serif;
	display: block;
    font-weight: 600;
}

.footer-hdg ul li a:hover {
	text-decoration: none;
	color: #d6bad3;
}


/* =========================================================================
  Modal full
========================================================================== */
.modal-full {
    min-width: 100%;
    margin: 0;
}

.modal-full .modal-content {
    min-height: 100vh;
    border-radius: 0px !important;
    border: 1px solid #fff;
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: none !important;
  border-radius: 0.3rem;
  outline: 0;
}

/* =========================================================================
  Modal Left
========================================================================== */
.modal.left .modal-dialog {
	position: fixed;
	margin: auto;
	width: 320px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content {
	height: 100%;
	overflow-y: auto;
}

.modal.left .modal-body {
	padding: 15px 15px 80px;
}

.modal.left.fade .modal-dialog {
	left: -320px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog {
	left: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
	border-radius: 0;
	border: none;
}

.modal-header {
	border-bottom-color: #eeeeee;
	background-color: #fafafa;
}
/* =========================================================================
  Breadcrumbs
========================================================================== */
.Bcrumb {
	padding-top: 12px;
}

.Bcrumb h2 {
    font-family: 'BebasNeue' !important;
	color: #ebecef;
}

.breadcrumb {
  padding: 8px 0px;
  list-style: none;
  background-color: transparent !important;
}
.breadcrumb > li {
  display: inline-block;
    font-size: 13px;
}

.breadcrumb > li a{
	color: #d6bad3;
    font-size: 13px;
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #d6bad3;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #d6bad3;
}


/* =========================================================================
  Responsive
========================================================================== */
#disp1 {display:contents;}
#disp2 {display: none;}
#disp3 {display: none;}

@media (max-width: 1500px) { 
    #disp1 {display:contents;}
    #disp2 {display: none;}
    #disp3 {display: none;}
}

@media (max-width: 900px) { 
    #disp1 {display: none;}
    #disp2 {display: contents;}
    #disp3 {display: none;}
}

@media (max-width: 420px) { 
    #disp1 {display: none;}
    #disp2 {display: none;}
    #disp3 {display: contents;}
}

/* =========================================================================
  MODAL FULL
========================================================================== */
.modal-full {
    min-width: 100%;
    margin: 0;
}

.modal-full .modal-content {
    min-height: 100vh;
    border-radius: 0px !important;
    border: 1px solid #fff;
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: none !important;
  border-radius: 0.3rem;
  outline: 0;
}

/* =========================================================================
  MODAL LEFT
========================================================================== */
.modal.left .modal-dialog {
	position: fixed;
	margin: auto;
	width: 320px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content {
	height: 100%;
	overflow-y: auto;
}

.modal.left .modal-body {
	padding: 15px 15px 80px;
}

.modal.left.fade .modal-dialog {
	left: -320px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog {
	left: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
	border-radius: 0;
	border: none;
}

.modal-header {
	border-bottom-color: #eeeeee;
	background-color: #fafafa;
}

/* =========================================================================
  SIDEBAR
========================================================================== */
.sidebar {
}

.sidebar h4 {
    font-size: 14px;
    font-weight: 900;
    color: #004e48;
}

.title-border {
    background: #000;
    height: 5px;
    width: 50px;
}

.sidebar ul {
	list-style: none;
	margin: 10px 0 0 ;
	padding: 0;
}

.sidebar ul li {
	list-style: none;
	border-bottom: 1px solid #f3f3f3;
	padding: 5px 0;
    display: inline;
}

.sidebar ul li:before{
	content: "//";
    color: #01b8a7;
}

.sidebar ul li a {
	color: #2e3144;
	font-size: 13px;
	margin-left: 15px;
	margin-top: -20px;
	display: block;
}

.sidebar ul li a:hover {
	text-decoration: none;
	color: #01b8a7;
}

.sidebar ul li a:focus {
	text-decoration: none;
	color: #01b8a7;
}