/*
 * Globals
 */

 .bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}



/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #333;
}



body {
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}

.cover-container {
  max-width: 42em;
}


/*
 * Header
 */
.masthead {
  margin-bottom: 2rem;
}

.masthead-brand {
  margin-bottom: 0;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(20, 255, 255, .8);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(20, 255, 255, 1.25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 48em) {
  .masthead-brand {
    float: left;
  }
  .nav-masthead {
    float: right;
  }
}


/*
 * Cover
 */
.cover {
  padding: 0 1.5rem;
}
.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}


/*
 * Footer
 */
.mastfoot {
  color: rgba(255, 255, 255, .5);
}

.x {
  background: url('../imagens/bg.png') no-repeat center center fixed; 
  /*  background-image: url('bg.png'); */
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;
   -o-background-size: cover;
 }
 
 .copy{color: aqua;}
 
       
  .cover{
     /*  background-image: url(dot.png); */
      background-color: rgba(255, 255, 255, .8);
     color: black;
     
  }     
       
 
 
       #lingua{
         position: fixed;
         right: 15px;
         }

 
         .container { padding: 2rem 0rem;}
         @media (min-width: 576px){ 
             .modal-dialog { max-width: 400px;}  
             .modal-content { padding: 1rem;}
         }
       
       .modal-header .close {margin-top: -1.5rem;}
       .form-title { margin: -2rem 0rem 2rem;}
       .btn-round { border-radius: 3rem;}
       .delimiter { padding: 1rem; }
       .signup-section {padding: 0.3rem 0rem;}
       .contact-image{ text-align: center;}
       .contact-image img{ /* border-radius: 6rem; */ width: 11%; margin-top: -16%; transform: rotate(0deg);}
       .close{position: absolute;    top: 15px;    right: 15px; color:  #17a2b8;}
       .close1{/*position: absolute;  */  top: 15px;    right: 15px; color:  #000; border: unset;background: transparent;}
       .close1:hover{color:#eee; }
       @media (max-width: 578px){ 
           .contact-image img {margin-top: -8%;}
       }
       .form-control { border: 1px solid #17a2b8;}
       .form-title { color:  #17a2b8;}
       ::placeholder {color: #17a2b8 !important ;opacity: 1 !important;}
       :-ms-input-placeholder {color: #17a2b8 !important; }
       ::-ms-input-placeholder {color: #17a2b8 !important;}
       
       
       .links:hover{ color: aqua;text-decoration: underline; cursor: pointer; }


       .alertas{    
        display: none;
        position: absolute;
        background-color: #40bf40;
        width: 99%;
        top: 1px;
        left: 1px;
        line-height: 50px;
        text-align: center;
       }
            


       #nav-icon2 {
        width: 45px;
        height: 45px;
        position: absolute;
        margin: 15px 15px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
      }
             
              
              
              
        /* Icon 2 */
      
      #nav-icon2 span {
        display: block;
        position: absolute;
        height: 4px;
        width: 50%;
        background: #56e7ed;
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
      }
      
      #nav-icon2 :hover { background: #bbe2ee; }
      
      #nav-icon2 span:nth-child(even) { left: 50%; border-radius: 0 9px 9px 0;}
      #nav-icon2 span:nth-child(odd) { left:0px; border-radius: 9px 0 0 9px;}
      #nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) { top: 0px;}
      #nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) { top: 14px;}
      #nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) { top: 28px;}
      #nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
      #nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
      #nav-icon2.open span:nth-child(1) { left: 5px; top: 4px;}
      #nav-icon2.open span:nth-child(2) { left: calc(50% - 5px);  top: 4px;}
      #nav-icon2.open span:nth-child(3) { left: -50%; opacity: 0;}
      #nav-icon2.open span:nth-child(4) { left: 100%; opacity: 0;}
      #nav-icon2.open span:nth-child(5) { left: 5px; top: 24px;}
      #nav-icon2.open span:nth-child(6) { left: calc(50% - 5px); top: 24px;}
            
              
      
      
      
    
      
      
      
      .modal-newsletter { color: #999; font-size: 15px; min-width: 600px; }
      .modal-newsletter .modal-content { padding: 40px; border-radius: 0; border: none; }
      .modal-newsletter .modal-header {	border-bottom: none; position: relative; text-align: center; border-radius: 5px 5px 0 0; }
      .modal-newsletter h4 { color: #000; text-align: center; font-size: 30px; margin: 0 0 25px; font-weight: bold; text-transform: capitalize; }
      .modal-newsletter .close {
        background: #c0c3c8;
          position: absolute;
          top: 0;
          right: 0;
          color: #fff;
          text-shadow: none;
          opacity: 0.5;
          width: 30px;
          height: 30px;
          border-radius: 20px;
          font-size: 19px;
          text-align: center;
          padding: 0;
      }
      .modal-newsletter .close span {	position: relative;	top: -1px;}
      .modal-newsletter .close:hover {opacity: 0.8;}
      .modal-newsletter .icon-box {	color: #14ffff;		display: inline-block;z-index: 9;	text-align: center;	position: relative;	margin-bottom: 10px;}
      .modal-newsletter .icon-box i {	font-size: 110px;}
      .modal-newsletter .form-control, .modal-newsletter .btn {	min-height: 46px;	border-radius: 3px; }
      .modal-newsletter .form-control {	box-shadow: none;	border-color: #dbdbdb;}
      .modal-newsletter .form-control:focus {	border-color: #29dee3;box-shadow: 0 0 8px rgba(28, 161, 170, 0.5);}
      .modal-newsletter .btn {
        color: #fff;
        border-radius: 4px;
        background:#29dee3;
        text-decoration: none;
        transition: all 0.4s;
        line-height: normal;
        padding: 6px 20px;
        min-width: 150px;
        border: none;
      }
      .modal-newsletter .btn:hover, .modal-newsletter .btn:focus {background: #56e7ed;outline: none;}
      .modal-newsletter .input-group {margin: 30px 0 15px;}
      .hint-text {margin: 100px auto;	text-align: center;}       

      .gradient-buttons {
        background-image: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0.2) 49%, rgba(0,0,0,0.15) 51%, rgba(0,0,0,0.05));
        background-repeat: repeat-x;
    }
    
    .zmsg{color: #000;}