@charset "utf-8";
/* CSS Document */
body, html{ width:100%; height:100%;}
body{ background-color:#FFF;font-family: 'Open Sans', sans-serif; font-weight:400;}
img{max-width:100%;}
a, a:hover{ color:#000000;}
.icon{background-image:url(../img/icones-daycoval.png);display: inline-block;text-indent: -99999px;}
.whatsapp{width: 20px;height: 20px;background-position: 0px -32px;}
.facebook{width: 32px;height: 32px;background-position: -32px 0px;}
.instagram{width: 32px;height: 32px;background-position: 0px 0px;}

.icones_home{background-image: url(../img/icones-home-daycoval-sm.png);display: block;margin: 0px auto;}

.seguro, .viagem, .mundo{width: 128px;height: 128px;}
.seguro {background-position: 0px 0px;}
.viagem {background-position: -128px 0px;}
.mundo {background-position: -256px 0px;}

.danos, .cancelamento, .atraso_voo, .concierge, .despesas, .translado, .pre_existencia, .atraso_bagagem{width: 122px;height: 121px;}
.danos {background-position: 0px -139px;}
.cancelamento {background-position: -122px -139px;}
.atraso_voo {background-position: -243px -139px;}
.concierge {background-position: -365px -139px;}
.despesas {background-position: 0px -259px;}
.translado {background-position: -122px -259px;}
.pre_existencia {background-position: -243px -259px;}
.atraso_bagagem {background-position: -365px -259px;height: 120px;}


address, address a{
    color: #09436D;
    margin: 30px 0px;
}
address a{ text-decoration:underline;}
address i{float: left;width: 5%;font-size: 16px;line-height: 20px;margin: 4px 0px 0px 0px;}
address span{ display:inline-block; width:100%;}
address b{
    font-weight: 600;
    float: left;
    padding: 0px;
    width: 90%;
    font-size: 15px;
    line-height: 22px;
}

div.t{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
div.tt{
    width: 100%;
    height: 100%;
    display: table;
}
div.ttt{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

#loader{display:none;
    text-align: center;
}
#loader div.loader{ width: 100%; padding:30px 0px;}
#loader.show{ display:block;}

#loading{text-align:center;width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;background: rgba(87, 197, 199, 0.5);z-index: 99999;}
#loading div.t{}


#app{}
#header{border-bottom: 1px solid #000;background-color: #666666;}
#bbody{
    padding: 116px 0px 0px 0px;
}


#top-header {
    background-color: #09436D;
    color: #FFF;
    padding: 5px 0px;
    text-align: center;
}
#top-header1 {
    background-color: #09436D;
    color: #FFF;
    padding: 5px 0px;
    text-align: center;
}
#top-header p {
    margin: 0px;
    line-height: 20px;
    font-size: 14px;
}
#top-header1 p {
    margin: 0px;
    line-height: 20px;
    font-size: 14px;
}
#top-header p a {
    color: #FFF;
}
#top-header1 p a {
    color: #FFF;
}

#header-redes{
    width: 100%;
    float: left;
    margin: 4px 0px;
}
#header-redes ul{}
#header-redes ul li{
    float: left;
    margin: 0px 15px 0px 0px;
}
#navbarNav li a{color: #EEE;}
#navbarNav li a:hover{color: #FFF;}


#form-cotacao{
    width: 100%;
}

#banner{position:relative;height: 520px;background-image: url(../public/daycoval-banner-home.jpg);background-repeat: no-repeat;background-position: 100% 50%;background-size: cover;}

#form{
    padding: 0px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #333;
    background-color: rgba(98, 98, 98, 0.9);
}
#form .form-header{background-color: #09436D;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 10px;color: #DDD;text-transform: uppercase;text-align: center;}
#form .form-header h1{
    font-size: 18px;
    margin: 0px;
    font-weight: 600;
}
#form .form-body{
    padding: 20px 30px;
}

#form input.datepicker{background-image: url(../img/calendar-icon.png);background-repeat: no-repeat;background-position: 5px 4px;padding-left: 35px;}

#form label{
    padding: 0px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}
#form button.btn, #formfinalizar button.btn
{background-color: #FFB100;color: #09436D;text-transform:uppercase;font-weight: 700;padding: 7px 80px;border-radius: 10px;}


#secao01{}
#secao02{
    color: #FFF;
    background-color: #666666;
    text-align: center;
}

#secao02 h2{
    margin: 20px 0px;
}
#secao03 {
    color: #FFFFFF;
    background: rgb(18,70,115);
    background: -moz-linear-gradient(180deg, rgba(18,70,115,1) 0%, rgba(45,134,195,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(18,70,115,1) 0%, rgba(45,134,195,1) 100%);
    background: linear-gradient(180deg, rgba(18,70,115,1) 0%, rgba(45,134,195,1) 100%);
    filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr="#124673",endColorstr="#2d86c3",GradientType=1)';
}
#secao03 p{
    margin: 0px;
    font-size: 1.1rem;
    font-weight: 600;
}
#secao04{
}
#secao05{
    background-color: #dddddd;
}

#secao06{background-color: #9a9a9a;color: #000;}
#secao06 p{ font-size:12px;}



/*planos*/

#planos{}
#planos_head{}
#planos_head h1{
    background-color: #09436D;
    width: 100%;
    border-radius: 5px;
    color: #FFF;
    padding: 10px;
    font-size: 28px;
    text-align: center;
    font-weight: 600;
    margin: 0px;
    line-height: 30px;
}

#adicionais_head h1{
    background-color: #09436D;
    width: 100%;
    border-radius: 5px;
    color: #FFF;
    padding: 10px;
    font-size: 28px;
    text-align: center;
    font-weight: 600;
    margin: 0px;
    line-height: 30px;
}

div.planos, div.resumo_compra{
    border: 3px solid #fff;
    text-align: center;
    background-color: #FFF;
    border-radius: 10px;
    color: #626262;
    box-shadow: 0px 0px 10px #09436D;
}

div.planos div.planos_img{
    background-color: #09436D;
    padding: 15px 30px;
    display:none;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

div.planos div.planos_img img{
  max-width:100%;
}

div.planos.recomenda div.planos_img{ display:block;}

.icon-mala{
    width: 69px;
    height: 67px;
    display: inline-block;
    background-image: url(../img/icon-mala-daycoval.png);
    background-position: -84px 0px;
    margin: 10px 0px 0px 0px;
}
div.planos.recomenda .icon-mala{
    width: 84px;
    height: 73px;
    background-position: 0px 0px;
}

div.planos a:hover{ text-decoration:none;}
div.planos p{ margin:0px; font-weight:600;}
div.planos_header{
}
div.planos_header span.sprite{}
div.planos_header p{
    
}
div.planos_header p.p{
    font-size: 24px;
    
    text-transform: uppercase;
}
div.planos_header div.planos_header_cobertura{
    background-color: #626262;
    padding: 5px;
    margin: 10px 0px;
}
div.planos_header p.pp{
    color: #FFF;
    font-size: 28px;
}
div.planos_header p.ppp{
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #000000;
    margin: 10px 20px;
}
div.planos_valor, div.resumo_compra_valor{margin: 10px 20px;}
div.planos_valor p, div.resumo_compra_valor p{    font-size: 100%;}
div.planos_valor p.p span, div.resumo_compra_valor p.p span{}
div.planos_valor p.pp span, div.resumo_compra_valor p.pp span{    display: inline-block;    width: 100%;}
div.planos_valor p.pp b, div.resumo_compra_valor p.pp b{    display: inline-block;    width: 100%;    font-size: 3em;    line-height: 100%;}
div.planos_valor p.ppp b, div.resumo_compra_valor p.ppp b{    font-size: 1.2em;}

div.planos_selecionar{
    margin: 0px 20px;
    border-top: 1px solid #000000;
    padding-top: 10px;
}
div.planos_selecionar a{
    display: inline-block;
    width: 100%;
    color: #FFF;
    padding: 15px 10px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    background-color: #126aab;
}

div.planos_selecionar a:hover{background-color: #09436D;color:#FFF;}

div.planos_detalhes{
    margin: 10px 20px;
}
div.planos_detalhes a{
    display: inline-block;
    width: 100%;
    color: #626262;
    background-color: #DBDBDB;
    padding: 10px;
    font-size: 15px;
    line-height: 15px;
    border-radius: 5px;
}

div.planos_detalhes a:hover{ color: #000000; background:#CFCFCF;}


div.planos_detalhes a span{
    background-color: #FFF;
    display: inline-block;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-weight: 700;
    text-align: center;
}
div.planos_detalhes a b{line-height: 15px;display: inline-block;}

div.planos.selected a.btn-selecionar{background-color: #09436D;}
div.planos.selected{border-color: #09436D;box-shadow: 0px 0px 10px #09436D;}

#resumo_compra{}
#resumo_compra p{margin:0px;font-weight:600;color: #626262;}
div.resumo_compra{
    padding-bottom: 30px;
}
div.resumo_header{
    color:#FFF;
    background-color: #09436D;
    padding: 10px 30px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    text-transform:uppercase;
   }
div.resumo_header h2{ font-size:28px; margin:0px; font-weight:600;}
div.resumo_compra_selecionado_nome{
    padding: 10px 20px;
}
div.resumo_compra_selecionado_nome p{
    font-size: 22px;
}

div.resumo_compra_selecionado_valor{
    color: #FFF;
    background-color: #09436D;
    padding: 10px 20px;
}
div.resumo_compra_selecionado_valor h3{ font-size: 24px; margin:0px; font-weight:600;}
div.resumo_compra_selecionado_descricao{
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 30px;
}
div.resumo_compra_selecionado_resumo{
    text-align: center;
}
div.resumo_compra_total{}
div.resumo_compra_total h3{text-transform:uppercase;}
div.resumo_compra_finalizar{
}
div.resumo_compra_finalizar a{ color:#626262;
}
#submit_finalizar{
    display: inline-block;
    color: #FFF;
    padding: 15px 30px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    background-color: #126aab;
}

#submit_finalizar:hover{color:#FFF;background-color: #09436D;}

#validar_cupom{ background-color:#E1E1E1;}
#validar_cupom:hover{ background-color:#D2D2D2;}

div.modal_planos div.modal-header{
}
div.modal_planos .modal-header .close{}

div.modal_planos div.modal-header h5{text-align:center;margin: 0px;text-transform: uppercase;font-weight: 600;}
div.modal_planos div.row:nth-child(1){

}
div.modal_planos div.row:nth-child(odd){

background: #F5F5F5;

padding: 7px 0px;
}
div.modal_planos div.row:nth-child(even){
	
}



#finalizar{}


#finalizar h5{color:#000000;}

#finalizar h5 a,#finalizar h5 a:hover {color:#000000; text-decoration:none;}

#finalizar div.rounded{
    background: #09436D;
    color: #FFF;
    margin: 30px 0px 10px 0px;
    text-transform: uppercase;
}
#finalizar div.rounded p{
    margin: 1rem 0px;
    font-size: 1.2em;
}

#finalizar .card-body p{
    font-size: 1.2em;
    margin: 10px 0px 0px 0px;
    border-bottom: 1px solid #000000;
    color: #000000;
}

#finalizar div.checkEndereco{}
#finalizar div.checkEndereco input{}

#bandeira_cartoes{}
#bandeira_cartoes input{
}


#bandeira_cartoes label {
  font-size: 1rem;
  padding: 0px;
  margin: 0px;
}

#bandeira_cartoes .card-input-element+.card {
  height: calc(36px + 2*1rem);
  color: var(--primary);
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px solid transparent;
  border-radius: 4px;
}

#bandeira_cartoes .card-input-element+.card:hover {
  cursor: pointer;
}

#bandeira_cartoes .card-input-element:checked+.card {
  border: 2px solid var(--primary);
  -webkit-transition: border .3s;
  -o-transition: border .3s;
  transition: border .3s;
}



#bandeira_cartoes span{background-image: url(../img/cartoes.png);height:32px;width: 90px;text-indent: -99999px;}
#bandeira_cartoes span.master{background-position: 0px 0px;}
#bandeira_cartoes span.visa{ background-position:0px -32px;}
#bandeira_cartoes span.amex{background-position: 0px -64px;}
#bandeira_cartoes span.diners{background-position:0px -96px;}
#bandeira_cartoes span.elo{ background-position: 0px -128px;}



/****paginas internas***/
#contato, #mundo {color: #838487;}
#contato h1, #planos_novo h1{
    margin-bottom: 30px;
    position: relative;
}
#contato h1 b, #planos_novo h1 b{
    font-size: 1.5em;
    display: inline-block;
    width: 100%;
    color: #09436D;
}
#contato h1 span{
    font-size: 0.6em;
    display: inline-block;
    width: 100%;
}
#contato h1:after, #mundo h1:after, #planos_novo h1:after, #duvidas h1:after, #duvidas h2:after{
	content: '';
	position: absolute;
	display: block;
	width: 40px;
	height: 2px;
	background-color: #09436D;
	bottom: -20px;
	left: 0px;
}

#contato p{}


#mundo h1, #duvidas h1, #duvidas h2{color: #09436D;margin-bottom: 30px; position:relative;}

#duvidas h2 span{display:inline-block;width:100%;color: #09436D;font-weight:700;}
#planos_novo h2, #planos_novo h3{
    color: #2c3459;
    font-weight: 600;
    font-size: 1.3em;
}
#planos_novo h2, #planos_novo h3{}
#planos_novo a{}
#planos_novo a:hover{ text-decoration:none;}
#planos_novo p{
    margin: 0px;
    color: #838487;
}
#planos_novo a:hover h2, #planos_novo a:hover h3, #planos_novo a:hover p{ color:#000;}


#travel-assist{}
#travel-assist p{
    margin: 0px;
    font-size: 1.2em;
}
#travel-assist h1{
    font-size: 2.5em;
    display: inline-block;
    color: #09436D;
    margin: 0px;
}
#travel-assist h2{
    color: #09436D;
    font-size: 1.5em;
    font-weight: 700;
    margin: 25px 0px;
}
#travel-assist h3{
    color: #09436D;
    font-weight: 700;
}

#duvidas a.mybtn{
    position: relative;
    padding: 0px 0px 0px 20px;
    display: block;
    margin: 0px 0px 10px 0px;
    color: #777777;
    font-weight: 700;
}
#duvidas a.mybtn i{}
#duvidas a.mybtn span{}


#duvidas a.mybtn i{
    position: absolute;
    left: 5px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    }


#duvidas a.mybtn.collapsed i:before{
    height: 10px;
    width: 3px;}
#duvidas a.mybtn i:after, #duvidas a.mybtn i:before{
    width: 10px;
    height: 3px;
   }

#duvidas a.mybtn i:before, #duvidas a.mybtn i:after{
	content: '';
	display: block;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background: #777777;
	}
#duvidas p, #duvidas ul{color: #777777;}
#duvidas div.faq{
    padding: 0px 0px 0px 20px;
    
    margin: 0px 0px 20px 0px;
}
#duvidas div.faq ul{}
#duvidas div.faq li{}



#plano-header{}
#plano-header {}

#plano-header div.row, div.head{font-size: 24px; font-weight:700;}
div.plano-body div.row{ font-size:14px;}
div.plano-body div.row:nth-child(odd){ background:#e3e3e3;}
div.plano-body div.row:nth-child(even){background:#d7d7d7;}

div.plano-body div.b-left{ border-left:1px solid #F4F4F4;}

div.brasil div.head0{background:#f19300; color:#FFF;}
div.brasil div.head1{background:#e06400; color:#FFF;}

div.europa div.head0{background:#f19300; color:#FFF;}
div.europa div.head1{background:#e06400; color:#FFF;}
div.europa div.head2{background: #c3350f;color:#FFF;}

div.america div.head0{background:#f19300; color:#FFF;}
div.america div.head1{background:#e06400; color:#FFF;}

div.pmundo div.head0{background:#f19300; color:#FFF;}
div.pmundo div.head1{background:#e06400; color:#FFF;}
div.pmundo div.head2{background: #c3350f;color:#FFF;}
div.pmundo div.head3{background: #a02e04;color:#FFF;}

/**fim internas**/


#rodape{
    background-color: #666666;
    color: #FFF;
}
#rodape p{
    margin: 0px;
    font-size: 14px;
    line-height: 20px;
}
#rodape p a, #rodape p a:hover{
    color: #DDD;
}
#rodape p a:hover{}

@media (min-width:576px){


}
@media (min-width:768px){
div.resumo_compra_selecionado_resumo{
    border-right: 1px solid #000000;
}
div.resumo_compra_selecionado_resumo{
    text-align: left;
}

div.resumo_compra_finalizar{
    margin-top: 30px;
    padding-top: 30px;
}

}
	
@media (min-width:992px){
	#header-redes ul li {
		margin: 0px 0px 0px 20px;
	}

#banner{
}

#form {
    background-color: rgba(98, 98, 98, 0.6);
}

div.resumo_compra_selecionado_descricao{
    border-bottom: 1px solid #000000;
}
div.resumo_compra_finalizar{
    border-top: 1px solid #000000;
}



}


@media (min-width:1200px){


	
	
	
	}
	
@media (min-width:1400px){
	#banner{
 }
}



#form1 {
	    font-family: Poppins,sans-serif;
    width: 220px;
    margin: 0px auto;
    color: #838487;
}

#form1 a{
    color: #57c5c7;
}

#form1 div.inputs {
    float: left;
    width: 100%;
}
#form1 div.loading, #form1 div.result, #form1 div.inputs, #form1 div.submit {
    float: left;
    width: 100%;
}
#form1 div.inputs input {
    margin: 0 0 10px;
    color: #afb1b8;
    border-color: #d5d6d7;
    background-color: #f5f6f7;
    font-family: Poppins,sans-serif;
    font-size: 1em;
    font-weight: 400;
    font-style: normal;
    line-height: 1.7143em;
    text-decoration: none;
    text-transform: none;
    letter-spacing: normal;
    -webkit-appearance: none;
    outline: none;
    resize: none;
    padding: .7143em 1.2143em;
    border: 1px solid #ddd;
    border-right: none;
    border-bottom: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.scheme_default button, .scheme_default input[type="reset"], .scheme_default input[type="submit"], .scheme_default input[type="button"] {
    color: #fff;
    background-color: #769eec; /*mudei 86467e*/
    border-color: #769eec!important; /*mudei 86467e*/
}
#form1 div.submit input.reset {
    background: #fff;
    border: none!important;
    color: #769eec; /*mudei 86467e*/
    float: left;
    line-height: 1em;
    padding: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0;
    margin: 5px 0 0;
}
#form1 div.submit input.submit {
    margin: 0 auto;
    text-align: center;
    /*float: center;*/
    color: #fff;
    background-color: #769eec; /*mudei 86467e*/
    border-color: #769eec !important; /*mudei 86467e*/
    font-family: Poppins,sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.7143em;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: normal;
    -webkit-appearance: none;
    cursor: pointer;
    padding: 1.2143em 2.0714em 1.1429em;
    border: solid 3px #ccc;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#form1 div.submit input.submit:hover {

color: #769eec; /*mudei 86467e*/
    background-color:#fff;
}
#form1 div.result {
    margin: 10px 0 0;
}
a, a:before, a:after, button, button:before, button:after, input[type="button"], input[type="submit"] {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
  div.planos_header div.planos_header_cobertura_senior {
        background-color: #595b96;
        padding: 2px;
        margin: 7px 0px;
    }
  div.resumo_compra_selecionado_valor_extra {
    color: #FFF;
    background-color: #595b96;
    padding: 10px 20px;
}

    div.resumo_compra_selecionado_valor_extra h3 {
        font-size: 24px;
        margin: 0px;
        font-weight: 600;
    }

    .header_mensagem {
    text-align: right;
    font-size: 10px;
    color: white;
}

    #msg_cupom {
    font-size: 14px;
    margin-left: 15px;
    margin-top: -5px;
}

    #validar_cupom {
    background-color: #E1E1E1 !important;
    margin-left: 10px !important;
}
    #editar_dados {
    display: inline-block !important;
    color: #FFF !important;
    padding: 15px 30px !important;
    border-radius: 5px !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 20px !important;
    background-color: #cc3333 !important;
    margin-right: 35px !important; 
}

    #submit_finalizar {
    display: inline-block;
    color: #FFF !important;
    padding: 15px 30px !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 20px !important;
    background-color: #66cc33 !important;
}

#adicionarDestinatario:hover {
    color: #FFF !important;
    background-color: #639634 !important;
}
#adicionarDestinatario {
    display: inline-block;
    color: #FFF !important;
    padding: 8px 16px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    background-color: #66cc33 !important;
}

#enviarEmails:hover {
    color: #FFF !important;
    background-color: #639634 !important;
}
#enviarEmails {
    display: inline-block;
    color: #FFF !important;
    padding: 8px 16px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    background-color: #66cc33 !important;
}
#validar_cupom {
    background-color: #E1E1E1 !important;
    margin-left: 10px;
}
#validar_cupom:hover{ background-color:#D2D2D2 !important;}
.error {
    color: #ff2d2d;
}
.sucess {
    color: #4fec34;
}