

/*
*Assets importantes
*/
@font-face {
    font-family: 'Gilroy';
    src: url('../webfonts/Gilroy-ExtraBold.otf') format('truetype');
}
@font-face {
  font-family: 'Gilroy-light';
  src: url('../webfonts/Gilroy-Light.otf') format('truetype');
}
*{
    font-family: sans-serif,Verdana, Geneva, Tahoma, sans-serif;
}
body{
  overflow-x: hidden;
}
.navbar-custom{
  background-image: linear-gradient(to right bottom, #035a90d7,#61bae0d1,#2e74deda,#042d61);/* linear-gradient(,#813bea, #e3a112)cor primaria*/
}

.resources-img{
  margin-top:10%;
  width: 70%;
}

.banner-escuro-img{
    display: block;
    width: auto;
    height: max-content;
    padding-top:16%;
    padding-bottom: 12%;
    background-image: linear-gradient(to right bottom, #083c5dd7,#61bae0d1,#2e74deda,#021228);/* linear-gradient(,#813bea, #e3a112)cor primaria*/
    z-index: 101;
    transition: box-shadow 0.5s ease;
    /*background: linear-gradient(90deg, #1469d0d1,#0e3571e8);*/
  }
  
  .banner-escuro-pagto{
    display: block;
    width: auto;
    height: max-content;
    padding-top:16%;
    padding-bottom: 12%;
    background-image: linear-gradient(to left top, #3b0390d7,#9461e0d1,#742ededa,#e3a112dc);/* linear-gradient(,#813bea, #e3a112)cor primaria*/
    z-index: 101;
    transition: box-shadow 0.5s ease;
  }

  .banner-box-img, .banner-box-img2, .banner-box-img3, .banner-img-produtos,.banner-img-seach, .banner-img-contactos, .banner-img-pagto {
    z-index: 2;
    width: auto;
    max-height: max-content;
    background: url("../images/banner/banner1.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 101;
    transition: box-shadow 0.5s ease;
  }

  .banner-box-img.custom-shape .banner-escuro-img{
    padding-bottom:20%;
  }

  .banner-box-img.custom-shape{
    padding-bottom:20%;
  }

  .banner-box-img3{
    background: url("../images/banner/banner3.webp");
    background-size:cover
  }
  
  .banner-img-pagto{
    background: url("../images/banner/pagto.webp");
    background-size:cover
  }
  
  .banner-img-produtos {
    background: url("../images/banner/produtos.webp");
    background-size:cover
  }

  .banner-img-search {
    background: url("../images/banner/search.webp");
    background-size:cover
  }

  .banner-img-contactos {
    background: url("../images/banner/call_center.webp");
    background-size:cover
  }

  .banner-box-img2{
    background: url("../images/banner/banner2.webp");
    background-size:cover
  }
  .banner-box-img2 
  .banner-escuro-img,  .banner-box-img3 
  .banner-escuro-img{
    padding-top:12%;
    padding-bottom: 6%;
  }
  .bg-photo{
    z-index: 2;
    width: auto;
    max-height: max-content;
    background: url("../images/cliente.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 101;
  }
.btn-submit{
    background-color: #035a90d7;
    color:#fff!important;
    font-weight: 900;
    font-family: Gilroy;
    opacity: 0.8;
    border-bottom:5px solid #042d61;
    /*width:250px;*/
  }
  .btn-outline-padrao,.btn-outline-secondary{
    border: 1.5px solid #0e66aa;
    color:#0e25aa;
    opacity: 0.8!important;
  }
  .btn-outline-padrao:hover,.btn-outline-secondary:hover{
    color:#0e73aa;
    background-color: #035a90d7;
    opacity: 0.9!important;
  }
  .btn-padrao{
    background-color: #035a90d7;
    color:#fff;
    opacity: 0.6!important;
  }
  .btn-padrao:hover{
    opacity: 0.9!important;
    color:#fff;
  }
  .btn-loading{
    background-color:#004474;
    color:#fff;
    font-weight: 600;
    opacity: 1;
    /*width:250px;*/
  }
  .btn-submit:hover{
    color:#fff!important;
    opacity: 1;
    border-bottom:5px solid #09c5f9;
  }
  /*
  *Tratando da wavy - curva
  */

  /*
  *Tratando os links da welcome
  */

  .form-control, label, .register-input{
    font-family: Gilroy-light;
    }
  label{
    font-weight: bold!important;
    color:#4e4e4e;
  }
  .form-control, .register-input input, input{
    font-weight: 500!important;
    color:#6e6e6e!important;
    font-family: sans-serif!important;
  }
  form textarea{
    border-color: #ccc!important;
    background-color: #fff;
  }
  form.form-licenca input:focus, form.form-licenca input, form.form-licenca select, form textarea{
    outline: #ccc;
    outline:  1;
  }
  .home_link .nav-item .nav-link{
    color:#f5f5f5;
    font-family: Gilroy;
  }
  .home_link .nav-item{
      color:#042d61;;
      font-weight: 600;
      font-size: 1.3rem;
      padding:0 1%;
      border-bottom:5px solid transparent;
      transition: 0.5s;
      margin:0 5%,
  }
  .home_link .nav-item.active, .btn-submit.btn-large {
    color:#fff!important;
    border-bottom:5px solid #09c5f9;
  }
  .home_link .nav-item:hover{
    color:#fff!important;
    border-bottom:5px solid #042d61;
  }

  /* ========================================================== */

/* 			               00. TABS                           */

/* ========================================================== */

.nav-tabs {
  background-color: #f6f4f4;
}

.nav-tabs .nav-link {
  color: #8d8c8c;
  padding: 1%;
}

.nav-tabs .nav-link.active {
  color: #8d8c8c;
  font-weight: 600;
}

  .padding-top{
    padding-top:20px;
    padding-bottom:8px;
  }
  padding-text{
    padding-bottom:2%;
    color:#ebebeb;
  }
  .text-second,  .icon-color,.text-second-lg{
    color:#e3a112!important;
    font-family: Gilroy;
  }
  .text-small {
    font-weight: 400;
    font-size: 13px;
}

.text-normal{
  font-size:16pt!important;
  line-height: 20pt;
}
  h1.header-title, .section-title, span-text, .box-header, .box-header-small{
      color:#50b9fa!important;
      font-size:3.5rem!important;
      font-weight: bold;
      font-family: Gilroy;
}
h1.header-title.padding-top{
  color:#042d61!important; 
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 900;
}
h2.section-title{
  font-size:2.5rem!important;
}
.box-header{
  font-size: 1.5rem!important;
}
.box-header-small, .text-second-lg{
  font-family: Gilroy!important;
  font-size: 1.3rem!important;
  font-weight: 500!important;
}
  
  p.text-normal{
      font-size:1.3rem;
      font-weight: 300;
  }
/*
*Botao comprar artigo
*/

.btn-comprar,.btn-demo{
    color:#fff;
    font-size:1.3rem;
    font-weight: 600;
    font-family: Gilroy;
    background-color:#009dffd7;
    border-bottom:5px solid #042d61;
    padding:1% 2%;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.btn-demo{
  width:80%;
  font-size:1.2rem;
  font-weight: 600;
  padding:1%!important;
  color:#350a77!important;
}
  /*
  * Modal de pesquisa
  */
  .search-model, #search-geral {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.876);
    z-index: 99999;
    }
    
  .search-model-form  {
    padding: 0 15px;
    }
    
    .search-model-form input {
    width:600px;
    max-width: 100%;
    font-size: 22px;
    text-align:center;
    border: none;
    border-bottom: 3px solid #ccc;
    background: 0 0;
    color: #fff;
    }
    .search-model-form input:focus{
      box-shadow: 0 0 0 0;
      outline: 0;
    }

.search-close-switch {
  position: absolute;
  width: 50px;
  height: 50px;
  background: rgba(235, 37, 6, 0.589);
  color: #fff;
  text-align: center;
  border-radius: 50%;
  font-size: 28px;
  line-height: 28px;
  top: 30px;
  cursor: pointer;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  }

  /*
  * Footer
  */
 

/* ========================================================== */

/* 			                03. FOOTER                        */

/* ========================================================== */



.footer{

	position: relative;

	overflow: hidden;

    display: block;

    background:linear-gradient(to left, #09c5f9,#0375b2);

}



.footer-bottom{

	padding: 60px 0;

}



.footer-white-box, .footer-grey-box, .footer-blue-box, .footer-dark-grey-box {

	padding: 55px 40px 65px 40px!important;

}



.footer-white-box i, .footer-grey-box i, .footer-blue-box i, .footer-dark-grey-box i {

    margin-bottom: 10px;

    color: #1e90ff;

    font-size: 65px;

}



.footer-white-box {

	background-color: #fff;

}



.footer-grey-box {

	background-color: #f8f9f9;

}



.footer-blue-box {

	background-color: #1e90ff;

}



.footer-dark-grey-box {

	background-color: #f0f1f2;

}



.footer-blue-box h5, .footer-blue-box p, .footer-blue-box a, .footer-blue-box i {

	color: #fff!important;

}



.footer p {

	margin-bottom: 5px;

	line-height: 24px;

	color: #454545;

}



.footer p > a {

	font-size: 17px;

	color: #454545;

	text-decoration:underline;

}



a.footer-links {

    display: block;

    font-size: 17px;

    margin-bottom: 2px;

    color: #454545;

}



/* Footer Social Icons */

ul.footer_social{

	width:100%;

	max-width:1140px;

	display:block;

	margin:0 auto;

	padding-top:15px;

	text-align:center;

}



ul.footer_social li{

	display:inline-block;

    margin:0 ;

	line-height:100%!important;

}



ul.footer_social li a i {

  display: inline-block;

  margin:0 8px;

  padding:0;

  font-size:26px!important;

  line-height: 26px!important;

  color: #1e90ff;

  transition: all .5s ease-in-out;

  -moz-transition: all .25s ease-in-out;

  -webkit-transition: all .25s ease-in-out;

}



ul.footer_social li a i.fa-twitter {

  color: #4099ff;

}



ul.footer_social li a i.fa-pinterest {

  color: #C92228;

}



ul.footer_social li a i.fa-facebook-square {

  color: #3b5998;

}



ul.footer_social li a i.fa-instagram {

  color: #8a3ab9;

}



ul.footer_social li a i.fa-skipe {

  color: #00aff0;

}



ul.footer_social li a i.fa-dribble {

  color: #ea4c89;

}



ul.footer_social li a i:hover {

	color:#abd3f9!important;

}



/* Footer Contact */

p.contact-info{

	margin-bottom:8px;

}



p.contact-info a{

	margin-bottom:8px;

	color: #7c8595;

}



p.contact-info a:hover{

	text-decoration: underline;

}



p.contact-info i{

	font-size:18px;

	padding-right:5px;

	vertical-align: middle;

	color: #1e90ff;

}


/*==============================
	Footer Here
==============================*/
.footer {
  background:linear-gradient(to bottom, #2491cb,#065a84);
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
  overflow: hidden;
}
.footer__logo {
  margin-top: 60px;
}
.footer__logo img {
  width: auto;
  height: 40px;
  display: block;
}
.footer__tagline {
  margin-top: 10px;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #4e5d78;
  margin-bottom: 0;
}
.footer__links {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 5px;
}
.footer__links a {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
  color: #ccc!important;
  font-size: 16px;
  font-weight: 400!important;
}
.footer__links a svg {
  width: 20px;
  height: auto;
  fill: #189cf4;
  margin-right: 10px;
}
.footer__links a:hover {
  color: #fff!important;
}
.footer__social {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
.footer__social a {
  margin-top: 20px;
  margin-right: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  position: relative;
}
.footer__social a svg {
  width: 100%;
  height: auto;
  fill: #4e5d78;
  transition: fill 0.5s ease;
}
.footer__social a:last-child {
  margin-right: 0;
}
.footer__social a:hover svg {
  fill: #189cf4;
}
.footer__content {
  position: relative;
  margin-top: 5px;
  padding: 0 20px 20px;
  background: linear-gradient(1turn, #f1f6fd 30%, #edf1f7);
  box-shadow: 3px 3px 9px rgba(164,164,186,0.2);
  border: 1px solid #fff;
  border-bottom: none;
  border-radius: 20px 20px 0 0;
}

.footer-copyright{
 background-color: #03354f;
 padding-top:15px; 
 padding-bottom: 2px !important;
}
.footer__copyright, .footer__text {
  display: block;
  font-size: 14px;
  color: #eee;
  margin-top: 20px;
  font-weight: 400;
}

.Footer--footer__itemIcon--2uF-8 img {
  width: 22px;
  height: 22px;
  margin-right: 16px;
}
.Footer--footer__listVertical--2Hxvk a {
  display: block;
  text-decoration: none;
  font-family: Carnas-Light,Helvetica,Arial,serif;
  color: #fff;
}
.Footer--footer__itemIcon--2uF-8 {
  text-decoration: none;
  transition: opacity .2s ease-in-out!important;
  display: inline-flex;
}
.footer__title{
    color: #fff!important;
    font-family: Carnas-Bold,Helvetica,Arial,serif;
    margin-bottom: 15px;
    margin-right: 50px;
}
.footer__subscribeBtn{
  position: relative;
  color: #00b3ef;
  font-family: Carnas-Medium,Helvetica,Arial,serif;
  font-size: 16px;
  border-radius: 6px;
  background-color: #fff;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 6px 24px;
  min-width: calc(100% - 50px);
  border: 3px solid #fff;
  justify-content: center;
}
.footer__subscribeBtn:hover{
  color:#fff;
  background-color: transparent;
}
.footer__copyright a {
  color: #4e5d78;
}
.footer__copyright a:hover {
  color: #189cf4;
}
.footer__title {
  display: block;
  margin-top: 30px;
  font-size: 16px;
  color: #33334f;
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
  margin-bottom: 15px;
}
.footer__nav {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.footer__nav a {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 12px;
  color: #4e5d78;
  font-family: 'Nunito', sans-serif;
  font-weight: 400;
}
.footer__nav a:last-child {
  margin-bottom: 0;
}
.footer__nav a:hover {
  color: #189cf4;
}
.footer-img-logo{
  height: 35px;
  max-height: 35px;
  width: auto;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-bottom: 12px;
  border-radius: 6px;
}
  @media (max-width:968px) {

    .home_link{
        margin-top:2%;
        border-radius: 5px;
        background-color: #035a90d7;
    }
    .home_link .nav-item.active{
    border-bottom:5px solid #50b9fa;
    }
    .home_link .nav-item:hover{
    border-bottom:5px solid #1086cf;
    }
    .home_link .nav-item, .home_link .nav-item:hover{
        border-radius: 5px;
    }
    h1.header-title, span-text, h2.section-title{
      font-size:2rem!important;
  }
  }

@media (max-width:768px) {
  .home_link .nav-item .nav-link{
    font-size: 16px;
  }
  .home_link .nav-item{
    padding:0 3%;
    margin:0 10%,
}
.padding-top{
  padding-top:20%;
}
    h1.header-title, span-text, h2.section-title{
        font-size:1.6rem!important;
        text-align: center;
    }
    .box-header{
      font-size:1.2rem!important;
    }
    p.text-normal{
        font-size:1.2rem;
        text-align: center;
    }
  .home_link .nav-item, .home_link .nav-item:hover{
    border-radius: 5px;
    }

.search-model-form input {
  font-size: 18px;
  width:500px!important;
  }
  
}

@media screen and (max-width: 568px){
  .search-model-form input {
  font-size: 16px;
  width:300px!important;
  } 
  }
  