@font-face {font-family: "Gunterz";
	src: 
  url("../../assets/fonts/Gunterz/Gunterz-Regular.ttf") format("truetype"),
  url("../../assets/fonts/Gunterz/Gunterz-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
	font-family: "Gunterz";
	src: 
  url("../../assets/fonts/Gunterz/Gunterz-Italic.ttf") format("truetype"),
  url("../../assets/fonts/Gunterz/Gunterz-Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
	font-family: "Gunterz";
	src: 
  url("../../assets/fonts/Gunterz/Gunterz-Bold.ttf") format("truetype"),
  url("../../assets/fonts/Gunterz/Gunterz-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
	font-family: "Gunterz";
	src: 
  url("../../assets/fonts/Gunterz/Gunterz-BoldItalic.ttf") format("truetype"),
  url("../../assets/fonts/Gunterz/Gunterz-BoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
	font-family: "Gunterz";
	src: 
  url("../../assets/fonts/Gunterz/Gunterz-Black.ttf") format("truetype"),
  url("../../assets/fonts/Gunterz/Gunterz-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
	font-family: "Gunterz";
	src: 
  url("../../assets/fonts/Gunterz/Gunterz-BlackItalic.ttf") format("truetype"),
  url("../../assets/fonts/Gunterz/Gunterz-BlackItalic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
}

h1{
  font-family: "Gunterz", sans-serif !important;
  font-weight: 900;
  font-size:30px !important;
  text-transform: uppercase !important;
}

h2{
  font-family: "Gunterz", sans-serif !important;
  font-weight: 600;
}

h3{
  font-family: "Gunterz", sans-serif !important;
  font-weight: 600;
  font-size:18px !important;
}

h4{
  font-family: "Gunterz", sans-serif !important;
  font-weight: 600;
}

h5{
  font-family: "Gunterz", sans-serif !important;
  font-weight: 600 !important;
}

h6{
  font-family: "Open Sans", sans-serif !important;
  font-weight: bold !important;
}

body {
  font-family: "Open Sans", sans-serif !important;
  background-color: #06042A;
  font-size:14px !important;
}

p {
  font-family: "Open Sans", sans-serif !important;
}

.sub_h1 {
  font-family: "Gunterz", sans-serif !important;
  font-weight: 900;
  font-size:30px !important;
  text-transform: uppercase !important;
}
.figure {
  font-family: "Gunterz", sans-serif !important;
  font-weight: 900;
  text-transform: uppercase !important;
}
.sub_title_h1 {
  font-family: "Gunterz", sans-serif !important;
  font-weight: 300;
  font-size:15px !important;
  text-transform: none !important;
}
.sub_bullet {
  font-family: "Gunterz", sans-serif !important;
  font-weight: 900;
  font-size:24px !important;
  text-transform: uppercase !important;
}
.sub_h2 {
  font-family: "Gunterz", sans-serif !important;
  font-weight: 600;
  font-size:15px !important;
  text-transform: uppercase !important;
}
.sub_title_h {
  font-family: "Gunterz", sans-serif !important;
  font-weight: 300;
  font-size:15px !important;
  text-transform: none !important;
}
.cursored{
  cursor:pointer !important;
}

/**************************** COLOR ******************************/

.text_red_1{
  color:#D0064A !important;
}
.link_red_1, .link_red_2, .link_orange_1, .link_orange_2, .link_yellow_1, .link_yellow_2{
  color:#FFFFFF !important;
}
.link_red_1:hover{
  color:#D0064A !important;
}

.text_red_2{
  color:#E53872 !important;
}
.bg_red_1{
  background-color:#D0064A !important;
}
.bg_red_2{
  background-color:#E53872 !important;
}


.text_orange_1{
  color:#FF5D70 !important;
}
.text_orange_2{
  color:#FF7C31 !important;
}
.bg_orange_1{
  background-color:#FF5D70 !important;
}
.bg_orange_2{
  background-color:#FF7C31 !important;
}


.text_yellow_1{
  color:#FF9E05 !important;
}
.text_yellow_2{
  color:#FEB84B !important;
}


.text_green_1{
  color:#2B9588 !important;
}
.text_green_2{
  color:#34B6A7 !important;
}
.bg_green_1{
  background-color:#2B9588 !important;
}
.bg_green_2{
  background-color:#34B6A7 !important;
}

.text_dark_1{
  color:#06042A !important;
}
.text_dark_2{
  color:#1B193C !important;
}
.text_dark_3{
  color:#42466A !important;
}
.text_dark_4{
  color:#696C91 !important;
}
.text_dark_5{
  color:#8387AF !important;
}


.text_footer{
  color:#838295 !important;
  text-decoration:none !important;
  font-size:13px !important;
}
.text_footer:hover{
  color:#FFF !important;
}





.link_dark_1{
  color:#06042A !important;
}
.link_dark_2{
  color:#1B193C !important;
}
.link_dark_3{
  color:#42466A !important;
}
.link_dark_4{
  color:#696C91 !important;
}     
.link_dark_1:hover, .link_dark_2:hover, .link_dark_3:hover, .link_dark_4:hover {
  color:#FFF !important;
}

.bg_dark_1{
  background-color:#06042A !important;
}
.bg_dark_2{
  background-color:#1B193C !important;
}
.bg_dark_3{
  background-color:#42466A !important;
}
.bg_dark_4{
  background-color:#696C91 !important;
}


.bg_light{
  background-color:#F1F3FF !important;
}




.dropdown-hover:hover>.dropdown-menu {
  display: inline-block;
  }
  .dropdown-hover>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
  pointer-events: none;
  }
  .link_red_1:hover{
  color:#ff00ff !important;
  }
  .link_red_1:hover{
  color:#f05918 !important;
  }
  .link_blue:hover{
  color:#18d6f0 !important;
  }
  .link_yellow:hover{
  color:#f6b01f !important;
  }
  .link_green:hover{
  color:#3ee446 !important;
  }
  .link_red_1:hover{
  color:#ff0000 !important;
  }
  .title_purple{
  color:#ff00ff !important;
  }
  .title_orange{
  color:#FF7C31 !important;
  }
  /* .title_orange{
  color:#18d6f0 !important;
  }
  .title_orange{
  color:#f6b01f !important;
  }
  .title_orange{
  color:#3ee446 !important;
  }
  .title_orange{
  color:#ff0000 !important;
  } */
  
  
  
  .menu_container
  {
      margin-top:30px; 
      border-radius:0px 0px 15px 15px !important;
      background: rgba(26, 24, 58, .98); 
      box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px,rgba(145, 158, 171, 0.12) 0px 12px 24px -4px;
  }



.placeholder_grey::placeholder
{
  color: #ECECEC;
  opacity: 0.4;
}

.btn_red_1{
  font-weight:bold;
  --bs-btn-color:#FFF;
  --bs-btn-bg:#D0064A;
  --bs-btn-border-color:#D0064A;
  --bs-btn-hover-color:#FFF;
  --bs-btn-hover-bg:#d22962;
  --bs-btn-hover-border-color:#d22962;
  --bs-btn-active-color:#FFF;
  --bs-btn-active-bg:#D0064A;
  --bs-btn-active-border-color:#D0064A;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
}









.btn_head_nav{
  --bs-btn-border-radius:0px 0px 10px 10px !important;
}
  
.btn_cta{
  --bs-btn-border-radius:20px !important;
}
  
.btn_b2b_plain{
  font-weight:bold;
  --bs-btn-color:#FFF;
  --bs-btn-bg:#FF7C31;
  --bs-btn-border-color:#FF7C31;
  --bs-btn-hover-color:#FFF;
  --bs-btn-hover-bg:#fc8d4e;
  --bs-btn-hover-border-color:#fc8d4e;
  --bs-btn-active-color:#FFF;
  --bs-btn-active-bg:#FF7C31;
  --bs-btn-active-border-color:#FF7C31;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn_b2b{
  font-weight:bold;
  --bs-btn-color:#FFF;
  --bs-btn-bg:#42466A;
  --bs-btn-border-color:transparent;
  --bs-btn-hover-color:#FFF;
  --bs-btn-hover-bg:#fc8d4e;
  --bs-btn-hover-border-color:#fc8d4e;
  --bs-btn-active-color:#FFF;
  --bs-btn-active-bg:#FF7C31;
  --bs-btn-active-border-color:#FF7C31;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn_b2b_white{
  font-weight:bold;
  --bs-btn-color:#FF675A;
  --bs-btn-bg:#FFF;
  --bs-btn-border-color:transparent;
  --bs-btn-hover-color:#FF675A;
  --bs-btn-hover-bg:#fc8d4e;
  --bs-btn-hover-border-color:#fc8d4e;
  --bs-btn-active-color:#FFF;
  --bs-btn-active-bg:#FF7C31;
  --bs-btn-active-border-color:#FF7C31;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
}















.btn_b2c{
  font-weight:bold;
  --bs-btn-color:#FFF;
  --bs-btn-bg:#42466A;
  --bs-btn-border-color:transparent;
  --bs-btn-hover-color:#FFF;
  --bs-btn-hover-bg:#fc7a89;
  --bs-btn-hover-border-color:#fc7a89;
  --bs-btn-active-color:#FFF;
  --bs-btn-active-bg:#FF5D70;
  --bs-btn-active-border-color:#FF5D70;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn_school{
  font-weight:bold;
  --bs-btn-color:#FFF;
  --bs-btn-bg:#42466A;
  --bs-btn-border-color:transparent;
  --bs-btn-hover-color:#FFF;
  --bs-btn-hover-bg:#feac2b;
  --bs-btn-hover-border-color:#feac2b;
  --bs-btn-active-color:#FFF;
  --bs-btn-active-bg:#FF9E05;
  --bs-btn-active-border-color:#FF9E05;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn_cpf{
  font-weight:bold;
  --bs-btn-color:#FFF;
  --bs-btn-bg:#42466A;
  --bs-btn-border-color:transparent;
  --bs-btn-hover-color:#FFF;
  --bs-btn-hover-bg:#47b6a9;
  --bs-btn-hover-border-color:#47b6a9;
  --bs-btn-active-color:#FFF;
  --bs-btn-active-bg:#34B6A7;
  --bs-btn-active-border-color:#34B6A7;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn_shop{
  font-weight:bold;
  --bs-btn-color:#FFF;
  --bs-btn-bg:#42466A;
  --bs-btn-border-color:transparent;
  --bs-btn-hover-color:#FFF;
  --bs-btn-hover-bg:#47b6a9;
  --bs-btn-hover-border-color:#47b6a9;
  --bs-btn-active-color:#FFF;
  --bs-btn-active-bg:#34B6A7;
  --bs-btn-active-border-color:#34B6A7;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn_connect{
  font-weight:bold;
  --bs-btn-color:#FFF;
  --bs-btn-bg:#42466A;
  --bs-btn-border-color:transparent;
  --bs-btn-hover-color:#FFF;
  --bs-btn-hover-bg:#d22962;
  --bs-btn-hover-border-color:#d22962;
  --bs-btn-active-color:#FFF;
  --bs-btn-active-bg:#D0064A;
  --bs-btn-active-border-color:#D0064A;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-outline-test{
  --bs-btn-color:#0dcaf0;
  --bs-btn-border-color:#0dcaf0;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#0dcaf0;
  --bs-btn-hover-border-color:#0dcaf0;
  --bs-btn-focus-shadow-rgb:13,202,240;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#0dcaf0;
  --bs-btn-active-border-color:#0dcaf0;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#0dcaf0;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#0dcaf0;
  --bs-gradient:none
}









/**************************** FOOTER SM ******************************/
.footer_comma_sm {
  background-image:url("../../assets/img/shape/comma_sm.png"), linear-gradient(90deg, #F54F7A 0%, #FF7C31 50%, #FF9E05 100%); 
  background-position:bottom right; 
  background-repeat:no-repeat;
  background-size: contain;
  height:400px
}

.footer_comma_md {
  background-image:url("../../assets/img/shape/back_footer.jpg");
  /*background-image:linear-gradient(90deg, #F54F7A 0%, #FF7C31 50%, #FF9E05 100%); */
  background-repeat:no-repeat;
  background-position:top center; 
  background-size: contain;
  height:260px;
}


.footer_title {
  font-size:12px !important;
}

.back_shape_red_1{
  background-image:url('../../assets/img/shape/back_icon_red_1.png'); background-repeat:no-repeat; background-size:contain; min-height:125px; width:160px
}
.back_shape_red_2{
  background-image:url('../../assets/img/shape/back_icon_red_2.png'); background-repeat:no-repeat; background-size:contain; min-height:125px; width:160px
}
.back_shape_orange_1{
  background-image:url('../../assets/img/shape/back_icon_orange_1.png'); background-repeat:no-repeat; background-size:contain; min-height:125px; width:160px
}
.back_shape_orange_2{
  background-image:url('../../assets/img/shape/back_icon_orange_2.png'); background-repeat:no-repeat; background-size:contain; min-height:125px; width:160px
}
.back_shape_yellow_1{
  background-image:url('../../assets/img/shape/back_icon_yellow_1.png'); background-repeat:no-repeat; background-size:contain; min-height:125px; width:160px
}
.back_shape_yellow_2{
  background-image:url('../../assets/img/shape/back_icon_yellow_2.png'); background-repeat:no-repeat; background-size:contain; min-height:125px; width:160px
}



.card_hover_move {
  transition: transform .25s ease-in;
  cursor:pointer;
  
}
.card_hover_move:hover{
  transform:translateY(-10px); 
  box-shadow: 2px 2px 10px 2px  rgba(255, 255, 255, 0.2)
}

.card_hover-hover {
  cursor:pointer;
}
.card_hover:hover{
  box-shadow: 2px 2px 10px 2px  rgba(255, 255, 255, 0.2)
}

.btn_checkbox {
  border: 2px solid #1B193C !important;
}
.btn_radio {
  border: 2px solid #1B193C !important;
}


.btn_checkbox.active {
  border: 2px solid #D0064A !important;
  box-shadow: 0px 0px 15px 3px rgba(208, 6, 74, 0.6);
}
.btn_radio.active {
  border: 2px solid #D0064A !important;
  box-shadow: 0px 0px 15px 3px rgba(208, 6, 74, 0.6);
}










/****************************** CAROUSEL ****************************/
.carousel-indic button {
  background-color: transparent;
  color:#42466A !important;
  font-size:18px;
  font-weight: bold;
  border: none;
  padding: 0.5rem 1rem;
  margin-right: 0.5rem;
  transition: color 0.3s;
}

.carousel-indic button.active {
  color: white !important;
}



.py-50{padding-top:4rem!important;padding-bottom:4rem!important}

.slider_back {
  position: absolute;
  top: 55%;
  left: 0;
  transform: translateY(-55%);
  width: 100vw;
  height: 150px;
  background-color: #1F1D3F;
  z-index: 0;
  pointer-events: none;

}

.bullet_red li {
  list-style: none;
  padding: 10px 30px;
  background-image: url("../../assets/img/shape/bullet.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 13px;
  color: inherit;
  /*list-style-image:url("../../assets/img/shape/bullet.svg");*/
}
.accordion_bullet {
  list-style: none;
  padding: 10px 30px !important;
  margin-left:15px !important;
  background-image: url("../../assets/img/shape/bullet.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 13px;
  color: inherit;
  /*list-style-image:url("../../assets/img/shape/bullet.svg");*/
}



.liner {
  width: 100px;
  height: 5px;
  content: "";
}
.liner_thin {
  width: 50px;
  height: 2px;
  content: "";
}

















   
.vertical.carousel .carousel-control {
  bottom: auto;
  width: 100%;
  height: 15%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0, rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
}
.vertical.carousel .carousel-control.right {
top: auto;
bottom: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.vertical.carousel .carousel-control .glyphicon {
-webkit-transform: rotate(90deg);
        transform: rotate(90deg);
}
.vertical.carousel .carousel-indicators {
bottom: auto;
top: 50%;
left: auto;
right: 10px;
width: 14px;
margin: 0;
-webkit-transform: translateY(-50%);
        transform: translateY(-50%);
}
.vertical.carousel .carousel-inner > .item {
left: 0;
top: 0;
}
.vertical.carousel .carousel-inner > .item > img {
width: 100%;
}
.vertical.carousel .carousel-inner > .item.next,
.vertical.carousel .carousel-inner > .item.active.right {
-webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
top: 0;
}
.vertical.carousel .carousel-inner > .item.prev,
.vertical.carousel .carousel-inner > .item.active.left {
-webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
top: 0;
}
.vertical.carousel .carousel-inner > .item.next.left,
.vertical.carousel .carousel-inner > .item.prev.right,
.vertical.carousel .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
top: 0;
}
.vertical.carousel .carousel-inner > .active,
.vertical.carousel .carousel-inner > .next.left,
.vertical.carousel .carousel-inner .prev.right {
top: 0;
}
.vertical.carousel .carousel-inner > .next,
.vertical.carousel .carousel-inner > .active.right {
top: 100%;
left: 0;
}
.vertical.carousel .carousel-inner > .prev,
.vertical.carousel .carousel-inner > .active.left {
top: -100%;
left: 0;
}