html,body {
    height:100%;
    min-height:100%;
}
/* Página de cruzeiros - VPD Travel */
.nopadding {
    padding:0px !important;
}
.pull-center {
    display:block;
    margin:auto;
}
.nomargin {
    margin:0px !important;
}
abbr[title] {
    text-decoration:none;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 770px) {
    .row-eq-height {
        display: block;
    }
}
/* Animações */

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  animation-name: slideOutUp;
}

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  animation-name: slideInDown;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fadeIn {
    animation-name: fadeIn;
}
#cruzeiros.content-wrap {
    padding: 0px;
}
#cruzeiros .sidebar-bg {
    width: auto;
}
#cruzeiros-banner {
    width: 100%;
    margin: 0;
    height: 260px;
    display: block;
    position: relative;
    background-size: cover;
    background-position: 50% -6vh;
    background-repeat: no-repeat;
}
/* Loader */

#cruzeiros .loader {
    margin: 150px auto;
    height: 100px;
    width: 20%;
    text-align: center;
    padding: 1em;
    display: block;
    vertical-align: top;
    -webkit-transform: translateZ(0);
    -webkit-transition: top 0.6s;
    transition: top 0.6s;
    animation: fadeIn 0.6s;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#cruzeiros svg path,
#cruzeiros svg rect {
    fill: #01afb5;
}
/* Bloco de conteúdo */

#cruzeiros-conteudo h2 {
    color: #01afb5;
    font-family: 'Lato', sans-serif;
    font-size: 28px;
    margin: 25px auto 0 auto;
    position:relative;
    display:block;
}
#cruzeiros-conteudo h2.intro {
    width:300px;
}
#cruzeiros-conteudo h2.intro:before {
    content: '';
    background-image: url(../images/cruzeiros-icon01.png);
    width: 26px;
    left: 0px;
    top: -5px;
    height: 34px;
    display: block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}
#cruzeiros-conteudo h2.txt-center { 
    text-align: center;
}
#cruzeiros-conteudo p.txt-center {
    color: #808080;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: 400;
    width:100%;
    text-align:center;
    margin:0px auto 50px auto;
}
/* Menus do cruzeiro */
#cruzeiros-menu {
    height: 82px;
    width: 100%;
    z-index:99999 !important;
    display: block;
    background-color: #01afb5;
}
#cruzeiros #cruzeiros-menu .col-btn {
    display: block;
    position: relative;
    width: 100%;
    padding: 20px 25px 0px 25px;
    z-index:1;
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#cruzeiros-menu .cruzeiros-menu-col {
    width: 20%;
    display: block;
    position: relative;
    height: 100%;
    border-right: 1px solid #fff;
    float: left;
    cursor: pointer;
    max-height: 100%;
    padding:0px;
}
#cruzeiros-menu .cruzeiros-menu-col:last-child {
    border: 0px
}
#cruzeiros-menu .cruzeiros-menu-col .cruzeiros-menu-filtro {
    display: none;
    visibility: hidden;
}
#cruzeiros-menu .cruzeiros-menu-col h3 {
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 20px;
    margin: 0px;
    display: block;
    padding: 0px;
    letter-spacing: -0.5px;
}
#cruzeiros-menu .cruzeiros-menu-col p {
    color: #f9f9f9;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
}
#cruzeiros-menu .cruzeiros-menu-col:after {
    content: '\f0d7';
    font-family: 'FontAwesome', sans-serif;
    display: block;
    position: absolute;
    z-index: 0;
    right: 14px;
    top: 22px;
    color: #fff;
    font-size: 22px;
    width: 20px;
    height: 20px;
}
/* Menu ativo */

#cruzeiros-menu .cruzeiros-menu-col.ativo {
    background-color: #eafeff;
}
#cruzeiros-menu .cruzeiros-menu-col:hover h3 {
    color: #eafeff
}
#cruzeiros-menu .cruzeiros-menu-col.ativo h3,
#cruzeiros-menu .cruzeiros-menu-col.ativo:after {
    color: #01afb5;
}
#cruzeiros-menu .cruzeiros-menu-col.ativo p {
    color: #333333;
}
#cruzeiros-menu .cruzeiros-menu-col.ativo .cruzeiros-menu-filtro {
    display: block;
    visibility: visible;
    z-index: 99;
    position: absolute;
    background-color: #eafeff;
    width: 100%;
    max-width: 100%;
    left: 0px;
    -webkit-box-shadow: 1px 3px 6px -2px rgba(185, 185, 185, 0.8);
    -moz-box-shadow: 1px 3px 6px -2px rgba(185, 185, 185, 0.8);
    box-shadow: 1px 3px 6px -2px rgba(185, 185, 185, 0.8);
    padding: 18px;
}
.cruzeiros-menu-filtro h4 {
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: bolder;

}
#cruzeiros-menu .cruzeiros-menu-col.ativo .cruzeiros-menu-filtro h4 {
    color: #01afb5;
    margin: 0px;
}
#cruzeiros-menu .cruzeiros-menu-col.ativo .cruzeiros-menu-filtro a {
    font-size: 14px;
}
.cruzeiros-menu-filtro ul.dividido {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    margin: 0px;
}
/*Checkbox*/

#cruzeiros .checkbox {
    margin: 0 auto -26px 0;
    padding: 0px;
}
#cruzeiros label.label-checkbox {
    cursor: pointer;
    display: inline-block;
    position: relative;
    color: rgba(51, 51, 51, .60);
    font-size: 13px;
    font-family: 'Lato', sans-serif;
    text-overflow: ellipsis;
    letter-spacing:0px;
    white-space: nowrap;
    line-height:32px;
    max-width: 100%;
    overflow: hidden;
    padding: 0 0 0 25px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#cruzeiros label.label-checkbox:before {
    content: '\f00c';
    width: 16px;
    height: 16px;
    font-family: 'FontAwesome', sans-serif;
    overflow: hidden;
    color: #cecece;
    position: absolute;
    left: 0px;
    top: 9px;
    line-height: 16px;
}
#cruzeiros input[type=checkbox] {
    display: none;
}
input[type=checkbox][disabled] + label:before, input[type=checkbox][disabled] + label {
  opacity:.6 !important;
  cursor:not-allowed !important
}
#cruzeiros .checkbox label:before {
    background-color: #cecece;
    border-radius: 4px;
}
#cruzeiros input[type=checkbox]:checked + label:before {
    background-color: #0dbbc1;
    content: '\f00c';
    font-family: 'FontAwesome', sans-serif;
    position: absolute;
    left: 0px;
    font-size: 10px;
    color: #fff !important;
    text-align: center;
}
#cruzeiros-resultado-header {
    padding: 31px 40px 10px 40px;
    color: #9b9b9b;
    font-weight: 500;
}
#cruzeiros-resultado-header h2 {
    font-weight: 900;
    width: auto;
    display: block;
    float: left;
    margin: 0px 15px 0 0;
    border-right: 1px solid #9b9b9b;
    padding: 0 15px 0 0;
}
#cruzeiros-resultado-header p {
    display: block;
    font-size: 17px;
    font-family: 'Lato', sans-serif;
    position: relative;
}
#cruzeiros-resultado-header button {
    z-index:99;
    display:block;
    position:relative;
}
#cruzeiros-resultado-header a {
    color: #01afb5;
    font-weight: 600;
    font-size: 18px;
    margin: 0 15px;
    position: relative;
    display: inline-block;
}
/*  Resultados  */

.cruzeiro-resultado {
    border: 1px solid #dedede;
    border-radius: 9px;
    margin: 0 20px 20px 20px;
    -webkit-transform: translateZ(0);
    -webkit-transition: top 0.6s;
    transition: top 0.6s;
    animation: fadeIn 0.6s;
}
.cruzeiro-resultado h1 {
    font-weight: 900;
    width: auto;
    display: block;
    font-size: 24px;
    color: #01afb5;
    padding: 0 0 0 38px;
    position: relative;
}
.cruzeiro-resultado h1:before {
    content: '';
    background-image: url(../images/cruzeiros-icon01.png);
    width: 26px;
    left: 0px;
    top: -5px;
    height: 34px;
    display: block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}
.cruzeiro-resultado ul li {
    color: #909090;
    font-size: 17px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
}
.cruzeiro-resultado ul li.cruzeiro-resultado-tema b {
    color:#233471
}
.cruzeiro-resultado ul li b {
    color: #01afb5;
}
.cruzeiro-resultado hr {
    display: block;
    overflow: hidden;
    position: relative;
    border: 0px;
    height: 1px;
    background-color: #e6e6e6;
    width: 100%;
}
.cruzeiro-resultado hr:after {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 81%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 81%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 81%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
}
.cruzeiros-btn-cotacao {
    width: 100%;
    border: 0px;
    border-radius: 6px;
    color: #ffffff;
    font-weight: bolder;
    font-size: 19px;
    line-height: 20px;
    padding: 12px 5px;
    background-color: #999999;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    margin: 10px 0 0 5px;
    outline: none;
}
.cruzeiros-btn-cotacao:hover,
.cruzeiros-btn-cotacao.selecionado {
    background-color: #01afb5;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    outline: none;
}
.cruzeiros-btn-cotacao.selecionado {
    text-align: left;
}
.cruzeiros-btn-cotacao.selecionado span {
    padding: 0 20px;
}
.cruzeiros-btn-cotacao.selecionado:after {
    content: '\f046';
    position: absolute;
    right: 20px;
    font-size: 24px;
    font-family: 'FontAwesome', sans-serif;
}
/* Sidebar */
#sidebar-inside .idade-criancas {
    padding:0 10px 0 0 !important;
    display:block;
    position:relative;
}
#cruzeiros-sidebar {
    background-color: #f2f2f2;
    height: auto;
    right: -15px !important;
    position: relative;
}
#cruzeiros-sidebar label.label-checkbox:before  {
 background-color:#fff; 
 color:#fff;
 border:1px solid #ccc;
}
#cruzeiros-sidebar #sidebar-inside {
    padding: 15px;
    margin: auto; 
    display:block;
}
#cruzeiros-sidebar #sidebar-inside #sidebar-formulario{
    max-height:90vh ;
    overflow-y:auto; 
    padding-bottom:30px;


}
#cruzeiros-sidebar #sidebar-inside p {
    margin:0px;
    font-weight:normal;
}
#cruzeiros-sidebar h2 {
    margin: 20px 0 0 0;
    font-size: 22px;
    letter-spacing: -0.5px;
    font-weight: bolder;
}
#cruzeiros-sidebar label {
    color: #000000;
    padding: 0px;
    margin: 0px;
    line-height:0;
}
#cruzeiros-sidebar h2 p {
    color: #999999;
    margin: 20px 0;
    text-transform: none;
    font-size: 14px;
    line-height:19px;
    padding-top:10px !important;
    display:block;
    position:relative;
}

/* Responsivo */
#filtro-modal {
    width:100%;
    height:100%;
    min-height:100%;
    max-height:100%;
    display: flex;
    position:fixed;
    overflow:hidden;
    top:0px;
    z-index: 16000002;
    background-color:#eee;
    -webkit-transform:translateZ(0);
    -webkit-transition: top 0.3s;
    transition: top 0.3s;
    animation: slideInRight 0.6s;
}
#filtro-modal #filtro-mobile {
    display:block;
    /* max-height:100%; */
    /* height:100%; */
    width:100%;
    margin:0px;
    overflow-y:scroll;
    padding: 0 0 50px 0;
}
#filtro-modal .panel-heading {
    border-radius:0px;
    background-color:#01afb5;
    color:#fff;
    padding:0;
}
#filtro-modal .panel-heading a {
    width:100%;
    display:block;
    height:100%;
    padding:10px 30px;
}
#filtro-modal .panel-heading a.active, #filtro-modal .panel-heading a:hover, #filtro-modal .panel-heading a:focus {
    color:#eee;
}
#filtro-modal .cruzeiros-menu-filtro {
    padding: 0 30px;
}
#filtro-modal.ng-hide {
    -webkit-transform:translateZ(0);
  -webkit-transition: top 0.3s;
  transition: top 0.3s;
    animation: slideOutRight 0.6s;
    
}
#filtro-modal .btn-success {
    background-color:#01afb5;
}
#filtro-modal-footer  {
    position:absolute;
    bottom:0px;
    padding:10px;
    width:100%;
    background-color:#fff;
    z-index: 16000004;
    border-top:1px solid #01afb5;
    margin:0px;
}
 #cruzeiros-cotacao-footer {
    display:none;
    visibility:hidden;
    -webkit-transform:translateZ(0);
  -webkit-transition: top 0.3s;
  transition: top 0.3s;
    animation: slideInDown 0.6s;
    top:0px;
    padding:10px;
    width:100%;
    background-color:#fff;
    z-index:999999;
    border-bottom:1px solid #01afb5;
    margin:0px;
    position:fixed;
    left:0px;
    -webkit-box-shadow: 10px 10px 21px -11px rgba(170,170,170,1);
-moz-box-shadow: 10px 10px 21px -11px rgba(170,170,170,1);
box-shadow: 10px 10px 21px -11px rgba(170,170,170,1);
 }
  #cruzeiros-cotacao-footer  h6 {
      font-size:14px;
      color:#01afb5;
  }
 #cruzeiros-cotacao-footer.ng-leave {
    -webkit-transform:translateZ(0);
  -webkit-transition: top 0.3s;
  transition: top 0.3s;
    animation: slideOutUp 0.6s;
 }
    .btn-filtrar {
        display:none;
        visibility:hidden;
    }
@media (max-width: 1200px) {
    #cruzeiros-menu .cruzeiros-menu-col:after {
        right: 0px;
        font-size: 18px;
    }
    #cruzeiros-menu .cruzeiros-menu-col h3 {
        font-size: 18px;
    }
    #cruzeiros-menu .cruzeiros-menu-col p {
        font-size: 12px;
        display: block;
        max-width: 100%;
        overflow: hidden;
    }
}
@media (max-width: 541px) {
    #cruzeiros-menu .cruzeiros-menu-col:after {
        font-size: 12px;
    }
    #cruzeiros-menu .cruzeiros-menu-col h3 {
        font-size: 12px;
        min-height: 35px;
    }
    #cruzeiros-menu .cruzeiros-menu-col p {
        display: none;
        visibility: hidden;
    }
}
@media (max-width: 991px) {
    #cruzeiros-menu .cruzeiros-menu-col .cruzeiros-menu-filtro ul.dividido {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        margin: 0px;
    }
}

@media (max-width: 768px) {
    #cruzeiros-cotacao-footer {
        display:block;
        visibility:visible;
    }
    #cruzeiros-sidebar {
        left:0px
    }
    #cruzeiros-banner {
        background-position: top;
    }
    #cruzeiros-menu, #cruzeiros-menu .cruzeiros-menu-filtro {
        visibility:hidden;
        display:none;
        overflow:hidden;
    }
    #cruzeiros-menu {
        height:0;
    }
    #cruzeiros-resultado-header h2 {
        width:100%;
        display:block;
        border:0px;
    }
    .cruzeiros-btn-cotacao {
        margin:10px auto;    
    }
    .btn-filtrar {
        display:block;
        visibility:visible;
    }
}


/* Sazonalidades */ 
#cruzeiros .cruzeiro-de-halloween b, #cruzeiros .cruzeirohalloween b {
  color:#f8890e;
  font-weight:800;
  position:relative;
}
#cruzeiros .cruzeiro-de-halloween b:after, #cruzeiros .cruzeirohalloween b:after {
  content: '';
  background-image:url('../images/cruzeiros-icon-halloween.png');
  width:40px;
  height:20px;
  top:-3px;
  position:absolute;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;

}
#cruzeiros .cruzeiro-de-natal b {
  color:#9f0101;
  font-weight:800;
  position:relative;
}
#cruzeiros .cruzeiro-de-natal b:after {
  content: '';
  background-image:url('../images/cruzeiros-icon-natal.png');
  width:35px;
  height:20px;
  top:-3px;
  position:absolute;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;

}

.form-row { 
    max-width:100%;
}
.form-mensagem.ng-hide {
    -webkit-transform:translateZ(0);
    -webkit-transition: top 0.3s;
    transition: top 0.3s;
    animation: fadeOutDown 0.6s;

}
.form-mensagem {
  position:absolute; 
  width:60%;
  text-align:center;
  background-color:#fff;

    -webkit-transform:translateZ(0);
    -webkit-transition: top 0.3s;
    transition: top 0.3s;
    animation: fadeInUp 0.6s;
  right:0;
  color:#9f0101;
  border:0px;
  line-height:30px;
  white-space:nowrap;
  text-overflow:ellipsis;
  padding:0 10px;
  height:30px;
  font-size:13px;
-webkit-box-shadow: 6px 10px 65px -38px rgba(0,0,0,0.68);
-moz-box-shadow: 6px 10px 65px -38px rgba(0,0,0,0.68);
box-shadow: 6px 10px 65px -38px rgba(0,0,0,0.68);
  z-index:9;
  border-radius:4px;
  border:1px solid #aaa
 
}
.form-mensagem-up {
    position: absolute;
    width: 60%;
    text-align: center;
    background-color: #fff;
    -webkit-transform: translateZ(0);
    -webkit-transition: top 0.3s;
    transition: top 0.3s;
    animation: fadeInUp 0.6s;
    right: 0;
    color: #9f0101;
    border: 0px;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px;
    height: 30px;
    font-size: 13px;
    -webkit-box-shadow: 6px 10px 65px -38px rgba(0,0,0,0.68);
    -moz-box-shadow: 6px 10px 65px -38px rgba(0,0,0,0.68);
    box-shadow: 6px 10px 65px -38px rgba(0,0,0,0.68);
    z-index: 9;
    border-radius: 4px;
    border: 1px solid #aaa;
    margin-top: -90px;
}

.ng-invalid.ng-dirty, select.ng-invalid.ng-dirty {
  border-color:#9f0101;
}
.form-mensagem:after {
  border-style: solid;
  border-width: 0 12px 8px 12px;
  border-color: transparent transparent #fff transparent;
  position:absolute;
  display:block;
  content: '';
  top:-19px;
  left:14px;
  color:#fff;
  width:20px;
  height:20px;  
}
.form-mensagem-up:after {
    border-style: solid;
    border-width: 9px 12px 0 12px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    display: block;
    content: '';
    top: 27px;
    left: 14px;
    color: #fff;
    width: 20px;
    height: 20px;
}

.form-mensagem:before {
    content:'';
    width: 0; 
    height: 0; 
    border-style: solid;
    border-width: 0 12px 8px 12px;
    border-color: transparent transparent #aaa transparent;
    position:absolute;
    top:-8px;
    left:14px;
}
.form-mensagem-up:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 12px 0 12px;
    border-color: #aaa transparent transparent transparent;
    position: absolute;
    top: 28px;
    left: 14px;
}
.form-mensagem span,
.form-mensagem-up span {
  padding:0 0 0 4px;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  position:relative;
  display:block;
  letter-spacing:-0.5px;
  font-weight:bold;
}
.form-mensagem span:before,
.form-mensagem-up span:before {
  content: '\f12a';
  font-family: 'FontAwesome', sans-serif;
  position:absolute;
  left:3px;
  top:0px;
  color:#9f0101;
  font-size:14px;
}

/*EMAIL*/

.form-mensagem-email.ng-hide {
    -webkit-transform:translateZ(0);
    -webkit-transition: top 0.3s;
    transition: top 0.3s;
    animation: fadeOutDown 0.6s;
}

.form-mensagem-email {
  width:100%;
  text-align:center;
  background-color:#f8d7da;
  color:#721c24;
  border:0px;
  padding:0 10px;
  font-size: 15px;
  border-radius: 4px;
  border: 1px solid #f5c6cb;
  -webkit-transform:translateZ(0); -webkit-transition: top 0.3s; transition: top 0.3s; animation: fadeInUp 0.6s;

}
.form-mensagem-email:after {
    border-style: solid;
    border-width: 0 12px 8px 12px;
    border-color: transparent transparent #f8d7da transparent;
    position:absolute;
    display:block;
    content: '';
    top:-19px;
    left:14px;
    color:#fff;
    width:20px;
    height:20px;  
}
.form-mensagem-email:before {
    content:'';
    width: 0; 
    height: 0; 
    border-style: solid;
    border-width: 0 12px 8px 12px;
    border-color: transparent transparent #f5c6cb transparent;
    position:absolute;
    top:-8px;
    left:14px;
}
.form-mensagem-email span {
    padding: 10px;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    position:relative;
    display:block;
    letter-spacing:-0.5px;
    font-weight:bold;
}

.page-template-page-hoteis-univesal input[type=text][readonly]{
    opacity: 1 !important;
    background: #fff !important;
    color: #000 !important;
}