/*-----------------------------------=========Main-Style-Sheet=========----------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

@font-face {
  font-family: 'Joystix';
  src: url('../webfonts/joystix/joystix-monospace.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'UpheavalPro';
  src: url('../webfonts/UpheavalPro/UpheavalPro.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'UpheavalPro';
  src: url('../webfonts/UpheavalPro/UpheavalPro.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'UpheavalPro';
  src: url('../webfonts/UpheavalPro/UpheavalPro.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;

}

@font-face {
  font-family: 'PF DinText Pro';
  src: url('../webfonts/PFDinTextPro/PFDinTextPro-Regular.woff2') format('woff2'),
      url('../webfonts/PFDinTextPro/PFDinTextPro-Regular.woff') format('woff'),
      url('../webfonts/PFDinTextPro/PFDinTextPro-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PF DinText Pro';
  src: url('../webfonts/PFDinTextPro/PFDinTextPro-Bold.woff2') format('woff2'),
      url('../webfonts/PFDinTextPro/PFDinTextPro-Bold.woff') format('woff'),
      url('../webfonts/PFDinTextPro/PFDinTextPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arial';
  src: url('../webfonts/Arial/Arial-Mdm.woff') format('woff'),
      url('../webfonts/Arial/Arial-Mdm.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arial';
  src: url('../webfonts/Arial/ArialMT.woff') format('woff'),
      url('../webfonts/Arial/ArialMT.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arial';
  src: url('../webfonts/Arial/Arial-BoldMT.woff') format('woff'),
      url('../webfonts/Arial/Arial-BoldMT.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}


:root {
  --theme__color1: #ff6634;
  --theme__color2: #333334;
  --theme__color3: #fdc317;
  --theme__color4: #0480aa;
  --theme__color5: #28365b;
  --upheavalpro: 'UpheavalPro';  
  --pfdintextpro: 'PF DinText Pro';
  --joystix: 'Joystix';
  --arial: 'Arial';
  --openSans: 'Open Sans', sans-serif;
}
*,::before,::after {
  box-sizing: border-box;
}
body {
  font-size: 16px;
  line-height: 1.5;
  background-color: #fff;
  color: #000;
  font-family: var(--upheavalpro);
  overflow-x: hidden;
  word-wrap: break-word;
  word-break: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
a, a:active, a:focus, a:active, a:hover {
  text-decoration:none !important;
  color: inherit;
}
input{
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
a:hover,
a:focus,
input:focus,
input:hover,
select:focus,
select:hover,
select:active,
textarea:focus,
textarea:hover,
button:focus {
  outline: none;
}
::placeholder {
  opacity: 1;
}
:focus::placeholder {
  opacity: 0;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed; /* Prevents HTML tables from becoming too wide */
  width: 100%;
}
img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
iframe {
  width: 100%;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
  font-weight: 700;
}
ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
p{
  margin-bottom: 15px;
}
p:last-child{
  margin: 0;
}
.main-wrap {
  width: 100%;
  overflow: hidden;
}
@media (max-width: 1899px) and (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1900px) {
  .container {
    max-width: 1740px;
  }
}




/* header */
.header-section {
  padding: 0 0 20px;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background: url('../images/header-bg.jpg') no-repeat center bottom/cover;
}
.header_in {

}
.header-section__inner {
  display: flex;
  align-items: flex-end;
}
.header__left {
  flex-shrink: 0;
}
.header__logo {
	width: 540px;
	margin: 0 0 0 -63px;
	display: inline-block;
}
.header__right {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-bottom: 105px;
}
.header__g-menu {
  padding: 8px 32px;
  border-radius: 50px;
  display: flex;
  color: #fff;
  margin-left: auto;
}
.header__g-menu ul {
  gap: 23px;
  display: flex;
}
.header__g-menu ul li {

}
.header__g-menu ul li {

}
.header__g-menu ul li a {
  font-size: 30px;
  color: #fff;
  position: relative;
  transition: 0.3s;
}
.header__g-menu ul li a:hover {
  opacity: 0.8;
}
.header__g-menu ul li a .not {
  position: absolute;
  top: -2px;
  right: 7px;
  height: 15px;
  width: 15px;
  font-size: 8px;
  color: #fff;
  background: #EE383A;
  border-radius: 50%;
  border: 2px solid #07235C;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.header-title {
  margin: -20px 0 35px 0;
  font-size: 40px;
  color: #fdc317;
  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}
.main-menu {

}
.main-menu ul {
  display: flex;
  gap: 44px;
}
.main-menu ul li {

}
.main-menu ul li a {
	font-size: 21px;
	font-weight: 700;
	color: #fdc317;
  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
	transition: 0.3s;
	text-transform: uppercase;
}
.main-menu ul li a:hover {
  color: var(--theme__color1);
} 

/* header-end */


/* ---offcanvas-css--- */
.offcanvas-open {
  font-size: 22px;
  transition: 0.3s;
  color: #fff;
  background: #07235C;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 17px;
  padding: 0 17px;
  border-radius: 40px;
}
.offcanvas-open:hover {
  color: var(--theme__color3);
}
.offcanvas-close {
  color: var(--theme__color1);
  position: absolute;
  transition: 0.3s;
  right: 15px;
  top: 15px;
  font-size: 22px;
  line-height: 1;
}
.offcanvas-close:hover {
  color: #97A3AE;
}
.offcanvas-menu {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  transform: translateX(-105%);
  transition: 0.3s;
}
.offcanvas-menu.active {
  transform: translate(0);
}
.offcanvas-menu .offmenu {
  max-width: 250px;
  min-width: 200px;
  z-index: 5;
  position: relative;
  background: #fff;
  height: 100%;
  padding: 50px 20px 40px;
  overflow: auto;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.offcanvas-menu .offmenu :-webkit-scrollbar {
  display: none;
}
.mobile-menu li a {
  display: block;
  text-align: center;
  font-size: 16px;
  color: var(--theme__color1);
  padding: 7px;
  transition: 0.3s;
}
.mobile-menu li a:hover {
  color: var(--theme__color3);
}
.dropdown-menu-custom ul {
  background: #fff;
  padding: 20px 0;
}
.dropdown-menu-custom ul li a {
  color: #97A3AE;
}
.offcanvas-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.178);
  z-index: 2;
  transform: 0;
  z-index: 900;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.offcanvas-overlay.active {
  opacity: 1;
  visibility: visible;
}
/* ---offcanvas-css-end---*/

/* --preloader-- */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}
#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid var(--theme__color1);
  border-top-color: #e2eefd;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}
@-webkit-keyframes animate-preloader {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}
@keyframes animate-preloader {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}
/* --preloader-end-- */


/* ---footer-section--- */
.footer-section {
  padding: 72px 0;
  background: var(--theme__color5);
  color: #fff;
  font-family: var(--openSans);
}
.footer-section__inner {
  gap: 60px;
  display: flex;
  justify-content: center;
}
.footer__menu-column {

}
.footer__menu-column h4 {
  font-size: 20px;
  padding: 0 45px 10px 0;
  margin: 0 0 30px;
  letter-spacing: 2.2px;
  font-weight: 400;
  border-bottom: 1px solid #fff;
}
.footer__menu {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.footer__menu li {

}
.footer__menu li a {
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 200;
  transition: 0.3s;
}
.footer__menu li a:hover {
  color: var(--theme__color3);
}
.footer__logo-column {

}
.footer__logo-column h5 {
  font-size: 18px;
  margin: 0 0 30px;
  font-weight: 300;
}
.footer__logo {
  width: 280px;
}
.footer__logo img {

}
/* ---footer-section---end */



/* ---main-section--- */
.main-section {
  padding: 80px 0;
}
.main-section__inner {
  display: flex;
}

.main__leftbar {
  flex-shrink: 0;
  width: 27.8%;
  margin: 0 6% 0 0;
}
.main__leftbar__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* main__lft__xbx */
.main__lft__xbx {
  border-radius: 50px;
	margin: 0 14%;
}
.main__lft__xbx img {
  width: 100%;
  border-radius: inherit;
}
/* main__lft__roc-btn */
.main__lft__roc-btn {
  /* padding: 22px 35px; */
  gap: 20px;
  margin: 42px auto 42px;
  /* background: var(--theme__color1);
  background: linear-gradient(135deg, rgba(255,113,67,1) 0%, rgba(40,54,91,1) 100%);
  border-radius: 100px; */
  background: url('../images/btn-rings.jpg') no-repeat center center/cover;
  height: 104px;
  align-items: center;
  color: #f0f000;
  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
  display: inline-flex;
  width: 350px;
}
.main__lft__roc-btn__img {
  width: 92px;
}
.main__lft__roc-btn__img img {

}
.main__lft__roc-btn__text {
  font-size: 25px;
  line-height: 0.7;
}
.main__lft__roc-btn__text .big-txt {
  font-size: 45px;
  font-weight: bold;
}
.main__lft__roc-btn__text .txt-italic {
  /* font-style: italic; */
  font-size: 16px;
}


/* main__lft__cupom-btn */
.main__lft__cupom-btn {
  /* padding: 22px 35px; */
  gap: 20px;
  margin: 42px auto 0;
  /* background: rgb(0,149,132);
  background: linear-gradient(135deg, rgba(0,149,132,1) 0%, rgba(196,212,169,1) 100%);
  border-radius: 100px; */
  align-items: center;
  color: #fff;
  display: inline-flex;
  width: 350px;
}
.main__lft__cupom-btn__img {
  width: 92px;
}
.main__lft__cupom-btn__img img {

}
.main__lft__cupom-btn__text {
  font-size: 25px;
  line-height: 1;
}
.main__lft__cupom-btn__text .big-txt {
  font-size: 37px;
  font-weight: bold;
}
.main__lft__cupom-btn__text .txt-italic {
  font-style: italic;
}

/* main__lft__lst */
.main__lft__lst {
    gap: 20px;
    margin: 22px auto 0;
    align-items: center;
    color: #fff;
    display: inline-flex;
    width: 350px;
}
.main__lft__lst__itm {
  font-size: 31px;
  gap: 22px;
  margin: 0 0 22px;
  display: flex;
  align-items: center;
  color: var(--theme__color2);
  font-weight: bold;
  font-style: italic;
}
.main__lft__lst__itm:last-child {
  margin-bottom: 0;
}
.main__lft__lst__itm__icon {
  width: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main__lft__lst__itm__icon img {

}
.main__lft__lst__itm__text {

}
/* main__lft__bdg-card */
.main__lft__bdg-card {
  margin: 42px auto 0;
  padding: 164px 45px;
  /* border-radius: 40px; */
  gap: 15px;
  background: url(../images/badge-card-bg.jpg) no-repeat center center / cover;
  color: #fff;
  display: inline-block;
  width: 347px;
  height: 500px;
}
.main__lft__bdg-card__badge {
  width: 68px;
  flex-shrink: 0;
}
.main__lft__bdg-card__badge .img {

}
.main__lft__bdg-card__text {

}
.main__lft__bdg-card__text__title {
  margin: 0 0 35px;
}
.main__lft__bdg-card__text__title h3 {
  font-size: 31px;
  color: #ffffff;
} 
.main__lft__bdg-card__text__body {

}
.main__lft__bdg-card__text__ul {
  font-family: var(--upheavalpro);
}
.main__lft__bdg-card__text__ul li {
  font-size: 16px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  background-color: #4c2374;
  margin-bottom: 5px;
  padding-left: 5px;
}
.main__lft__bdg-card__text__ul li:last-child {

}


.main__rightbar {
  width: 0;
  flex-grow: 1;
} 
.main__rightbar__inner {

}
/* main-slider-area */
.main__slider-area {

}
.main__slider {

}
.main__slider .owl-dots {
  position: absolute;
  bottom: 30px;
  right: 135px;
}
.main__slide {

}
.main__slide .img {
	width: 100%;
}
.carousel-dots-1 .owl-dots {
  gap: 11px;
  display: flex;
}
.carousel-dots-1 .owl-dot {
  height: 15px;
  width: 15px;
  background: #fff !important;
  border-radius: 50%;
}
.carousel-dots-1 .owl-dot.active {
  background: #F0D126 !important;
}
.main__sld__content {
  padding: 23px 0 0;
  font-family: var(--joystix);
}
.main__sld__content h4 {
  font-size: 31px;
  margin: 0 0 12px;
  font-weight: 400;
  color: var(--theme__color2);
}
.main__sdl_c-brw {
  display: flex;
  gap: 5px;
}
.main__sdl_c-brw__left {
  gap: 14px;
  padding: 13px 25px;
  border-radius: 50px;
  background: #000;
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.main__sdl_c-brw__left .input {
  /* width: 100%; */
  height: 58px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  border-color: transparent;
  background: transparent;
  color: #fff;
  font-size: 25px;
  padding: 0 20px;
}
.main__sdl_c-brw__left .icon-btn {
  width: 37px;
  display: inline-block;
  cursor: pointer;
}
.main__sdl_c-brw__right {
  flex-shrink: 0;
}


/* .main__sdl_c-brw__right .button {
  min-height: 54px;
  padding: 10px 25px;
  font-size: 27px;
  border-radius: 50px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #004C9C;
  color: #fff;
} */

.main__sdl_c-brw__right .button {
  min-height: 54px;
  padding: 1px 25px;
  font-size: 27px;
  border-radius: 50px;
  border: 0;
  font-weight: 700;
  
  text-align: center;
  background: var(--theme__color3);
  color: #000;
}
/* post-area */
.post_container {
  margin: 44px 0 0;
}
.post-single {
  margin-bottom: 55px;
  font-family: var(--joystix);
}
.post-single:last-child {
  margin-bottom: 0;
}
.post-single:last-child {

}
.post__title {
  margin: 0 0 30px;
}
.post__title h3 {
  font-size: 50px;
}
.post__title .date {
  margin: -13px 0 0;
  font-size: 16px;
}
.post__text {
  margin: 0 0 36px;
}
.post__text p {
  line-height: 1.4;
  font-size: 21px;
  color: var(--theme__color2);
}
.post__image {

}
.post__image img {
	/* width: 100%; */
	/* border-radius: 180px; */
}
.post__reacts {
  margin: 25px 0 0;
  gap: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.post__react__single {
  font-size: 25px;
  gap: 5px;
  font-weight: 700;
  color: var(--theme__color3);
  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
  display: flex;
  align-items: center;
}
.post__react__single__icon {
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.post__react__single__icon img {

}
.post__react__single__icon .txt {

}
/* ---main-section---end */


.upload-content {
  gap: 14px;
  display: flex;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.upload-selected .upload-item .close {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: red;
  margin: auto;
  width: 14px;
  opacity: 0;
  transition: opacity .1s ease;
  text-shadow: 0 0 5px rgba(0, 0, 0, .6);
}

.upload-selected .upload-item {
  position: relative;
  color: #004C9C;
  cursor: pointer;
  transition: all .2s;
}

.upload-selected .upload-item img {
  width: auto;
  max-width: 40px;
  height: 25px;
}

.upload-selected .upload-item .video {
  border: 2px solid white;
  border-radius: 3px;
  padding: 3px 5px 3px 9px;
  background-color: white;
}

.upload-selected .upload-item i {
  font-size: 18px;
}

.upload-progress {
  transition: all 0.1s linear;
  /* height: 3px; */
  /* position: absolute; */
  top: 100%;
  width: 100%;
  display: none;
}

.lightboxES {
    display: none;
}

.btn-padrao {
  padding: 10px 25px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #004C9C;
  color: #fff;
}

.img-perfil-disable
{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

/*
*  Comentários
*/

.comment-reply-title{
  font-family: var(--joystix);
}

.comment-list{
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-family: var(--joystix);
}

#commentform > p.form-submit{
  font-family: var(--joystix);
}

/**
Foto post
*/
.foto-wrap {
  width: 90px;
  height: 90px;
  position: relative;
  overflow: hidden;
  margin-right: 8px;
  float: left;
}

.foto-wrap img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 88%;
  width: auto;
  max-width: none;
  -webkit-transform: translate(-50%,-90%);
  -ms-transform: translate(-50%,-90%);
  transform: translate(-50%,-50%);
}

.moreComment {
      
  /* Display nothing for the element */
  display: none;
}


.card-resgate
{
    background-color: #edf2e5;
    font-family: var(--openSans);
}

.card-resgate p {
    text-transform: uppercase;
    font-style: italic;
}

.card-resgate .h5
{
    color: #009584;
}