@charset "iso-8859-1";
/* CSS Document */

	/*HEADER*/
	.header__bar {
	  /*background-color: #183650;*/
	  padding: 13px 0;
	  width: 100%;
	  color: #fff;
	  font-size: 14px;
	  position: relative;
	}

	.header__bar:before {
	  position: absolute;
	  content: '';
	  width: 100%;
	  height: 100%;
	  z-index: 0;
	  background-color: rgba(0,0,0,0.2);
	  top: 0;
	  left: 0;
	}

	.header__bar .container {
	  display: flex;
	  flex-flow: row wrap;
	  justify-content: space-between;
	}

	.header__bar .container * {
	  z-index: 1;
	}

	.header__bar a {
	  color: #fff;
	  transition: 0.5s;
	  cursor: pointer;
	}
	.header__bar a:hover {
	  /*color: #58bed3;*/
	}
	.header__bar__links {
	  font-size: 16px;
	}
	.header__bar__links a {
	  margin-right: 20px;
	}
	.header__bar__funcionamento {
	  display: flex;
	}

	.header__bar__funcionamento__traducao {
	  background-color: transparent;
	  margin-left: 40px;
	  position: relative;
	}
	.header__bar__funcionamento__traducao:before {
	  content: "|";
	  position: absolute;
	  left: -20px;
	  /*color: #58bed3;*/
	}
	.header__bar__funcionamento__traducao #tradutor {
	  display: none;
	  position: absolute;
	  right: 100%;
	  top: 100%;
	  z-index: 3;
	}
	/*END HEADER*/


	/* NAV */
	@keyframes navFadeIn {
	  0% {
	    opacity: 0;
	    transform: translateY(-100%);
	  }

	  100% {
	    opacity: 1;
	    transform: translateY(0%);
	  }
	}

	.nav--fixed {
	  position: fixed !important;
	  top: 0;
	  left: 0;
	  width: 100%;
	  z-index: 100;
	  animation: navFadeIn 1s;
	}

	.nav--fixed .nav__navbar__item {
	  /* padding: 30px 0; */
	}

	.nav--fixed .nav__navbar:before {
	  left: -29px;
	}

	.nav {
	  box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	  background-color: #fff;
	  position: relative;
	}

	.nav .container {
	  display: flex;
	  flex-flow: row wrap;
	  align-items: center;
	}
	.nav__col--1 {
	  width: 35%;
	}
	.nav__col--1 img {
	  max-width: 90%;
	  max-height: 224px;
	  display: block;
	}
	.nav__col--2 {
	  width: 65%;
	  display: flex;
	  flex-flow: column wrap;
	  position: relative;
	}
	.nav__support {
	  display: flex;
	  flex-flow: row wrap;
	  justify-content: flex-end;
	  /*background-color: #1f415f;*/
	  padding: 30px 0;
	  position: relative;
	  border-bottom: 2px solid rgba(255,255,255,0.1);
	}
	.nav__support:before {
	  content: "";
	  position: absolute;
	  left: -47px;
	/*  background-color: #1f415f;*/
	  border-bottom: 2px solid rgba(255,255,255,0.1);
	  width: 100px;
	  height: 102%;
	  top: 0px;
	  transform: skewX(37deg);
	}
	.nav__support:after {
	  position: absolute;
	  content: "";
	  right: -200%;
	  top: 0px;
	  width: 200%;
	  height: 102%;
	/*  background-color: #1f415f;*/
	  border-bottom: 2px solid rgba(255,255,255,0.1);
	}
	.nav__support__item {
	  display: flex;
	  flex-flow: row nowrap;
	  align-items: center;
	  color: #fff;
	  padding: 0px 15px;
	  margin-left: 15px;
	}
	.nav__support__item__left {
	  font-size: 35px;
	  /*color: #58bed3;*/
	  margin-right: 10px;
	}
	.nav__support__item__right h2 {
	  font-size: 22px;
	  font-weight: 600;
	}
	.nav__support__item__right a {
	  font-size: 14px;
	  color: #fff;
	}

	.nav .boxedbtn {
	  margin-left: 15px;
	}

	.boxedbtn {
	  /*background-color: #58bed3;*/
	  border-radius: 3px;
	  padding: 15px 35px;
	  color: #fff;
	  text-transform: uppercase;
	  font-weight: 600;
	  position: relative;
	  transition: 0.5s;
	}
	.boxedbtn p {
	  z-index: 1;
	  position: relative;
	  transition: 0.5s;
	}
	.boxedbtn:before, .boxedbtn:after {
	  content: "";
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  height: 100%;
	  width: 0%;
	  background-color: #fff;
	  border-radius: 3px;
	}
	.boxedbtn:after {
	  transition: width 0.5s;
	  right: 0;
	  left: unset;
	}
	.boxedbtn:hover p {
	  /*color: #58bed3;*/
	}
	.boxedbtn:hover:before {
	  width: 100%;
	  transition: width 0.5s;
	}
	.boxedbtn:hover:after {
	  width: 100%;
	  visibility: hidden;
	  transition-property: none;
	}
	.nav__navbar {
	  position: relative;
	  /*background-color: #1f415f;*/
	  margin-left: 53px;
	  display: flex;
	  flex-flow: row wrap;
	}
	.nav__navbar:after {
	  content: "";
	  position: absolute;
	  /*background-color: #1f415f;*/
	  height: 100%;
	  width: 200%;
      right: -200%;
	  top: 0px;
	}
	.nav__navbar:before {
	  content: "";
	  position: absolute;
	  /*background-color: #1f415f;*/
	  height: 100%;
	  width: 58px;
	  left: -33px;
	  top: 0px;
	  transform: skewX(37deg);
	}
	.nav__navbar__item {
	  position: relative;
	  text-transform: uppercase;
	  color: #fff;
	  font-weight: 600;
	  padding: 20px 0px;
	  display: inline-block;
	  cursor: pointer;
	  display: flex;
	  justify-content: center;
	  flex-flow: row wrap;
	  margin-right: 30px;
	  padding: 25px 0px;
	}
	.nav__navbar__item__content .nav__navbar__item {    padding: 8px 5px;}
	.nav__navbar__item:hover .nav__navbar__item__content {
	  visibility: visible;
	  transform: translate(0, 0);
	  opacity: 1;
	  pointer-events: all;
	}
	.nav__navbar__item span {
	  transition: 0.5s;
	}
	.nav__navbar__item span:hover {
	  /*color: #58bed3;*/
	}

	.nav__navbar__item span i {
	  margin-left: 5px;
	}

	.nav__navbar__item__content {
	  display: flex;
	  flex-flow: row wrap;
	  justify-content: center;
	  width: 200px;
	  position: absolute;
	  top: 100%;
	  z-index: 1;
	  visibility: hidden;
	  transform: translate(0, 60px);
	  transition: 0.5s;
	  opacity: 0;
	  pointer-events: none;
	  box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	}
	.nav__navbar__item__content a {
	  width: 100%;
	  margin-right:0px;
	  text-align: center;
	  transition: 0.5s;
	  /*background-color: #1f415f;*/
	  padding: 10px 5px;
	  color: #fff;
	  position: relative;
	  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
	}

	.nav__navbar__item__content a:before {
	    content: "";
	    position: absolute;
	    bottom: 0px;
	    left: 0px;
	    width: 0;
	    height: 100%;
	    border-bottom: 0px solid #fff;
	    border-right: 0px solid transparent;
	    background-color: #fff;
	    transition: width 1s;
	}

	.nav__navbar__item__content a:hover:before {
	  width: 100%;
	}

	.nav__navbar__item__content a:after {
	    content: "";
	    position: absolute;
	    bottom: 0px;
	    right: 0px;
	    width: 0;
	    height: 100%;
	    border-bottom: 0px solid #fff;
	    border-right: 0px solid transparent;
	    -webkit-transition: 1s;
	    -o-transition: 1s;
	    transition: width 1s;
	    background-color: #fff;
	}

	.nav__navbar__item__content a:hover:after {
	  width: 100%;
	}

	.nav__navbar__item__content a span {
	  z-index: 1;
	  position: relative;
	}

	.nav__navbar__item__content a:hover span {
	  /*color: #1f415f;*/
	}

	.nav__mobile {
	  display: none;

	}

	.nav__mobile__toggle {
	  font-size: 30px;
	  padding: 20px 0;
	  border: none;
	  background-color: transparent;
	  outline: none;
	  cursor:pointer;
	  cursor:hand;
	}

	.nav__mobile__links {
	  position: absolute;
	  width: 100%;
	  top: 100%;
	  left: 0;
	  z-index: 100;
	  /*background-color: #183650;*/
	  cursor: pointer;
	  display: none;
	}

	.nav__mobile__links__item {
	  width: 100%;
	  padding: 10px 25px;
	  color: #fff;
	  font-weight: 600;
	  display: block;
	  text-transform: uppercase;
	  transition: .5s;
	  font-size: 14px;
	  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
	  cursor: pointer;
	}
	.nav__mobile__links__item:hover{ color:#000; background-color:#FFF; transition: .5s;} 

	.nav__mobile__links__item:hover {
	  /*background-color: #58bed3;*/
	}

	.nav__mobile__links__item i {
	  margin-left: 5px;
	}

	.nav__mobile__links__item__submenu {
	  display: none;
	  padding: 0 30px;
	}

	/*END NAV*/

	/* HEADER MOBILE */
	@media (max-width: 991px) {
	  .header__bar__funcionamento address{
	    display: none;
	  }

	  .header__bar__funcionamento__traducao:before {
	    display: none;
	  }

	  .header__bar__funcionamento__traducao #tradutor {
	    top: 0;
	    right: 150%;
	  }
	  .nav__col--1 img{ max-width:100%; }
	/* END HEADER MOBILE */
	

	/* NAV MOBILE */
	  .nav__support {
	    display: none;
	  }

	  .nav__navbar {
	    display: none;
	  }

	  .nav__mobile {
	    display: flex;
	    justify-content: flex-end;
	  }

	  .nav__col--1 {
	    width: 90%;
	  }

	  .nav__col--2 {
	    position: unset;
		width: 10%;
	  }
	}
/*
	@media (max-width: 768px) {
	  .nav__col--1 {
	    width: 80%;
	  }

	  .nav__col--2 {
	    width: 20%;
	  }
	}
*/	
	/* END NAV MOBILE */