/* Custom Stylesheet */
/**
SGRENTALS B2B V1.0
 */
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* POP-UP CAR  */
/**
 11/12/2019
 */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* Alterações icons  */
/**
 11/12/2019
 */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input[type="number"]:hover,
input[type="number"]:focus {
    -moz-appearance: number-input;
}

.superdate {
    position: relative;
}

.swal2-container {
    z-index: 100000000;
}

.item-logomarca {
    display: flex;
    align-items: center;
}

form {
    -webkit-margin-after: 0;
    margin-block-end: 0;
}

div.sidebar-widget header.main {
    background-color: #ef6e2c !important;
}

div.sidebar-widget section.main .article .labels .label i {
    background-color: #ef6e2c !important;
}

.btn center {
    margin-left: 0px;
}

.new-icons {
    text-align: center;
}

.interno {
    padding: 10px !important;
    margin-top: 25px;
}

.new-icons p b {
    font-weight: 900;
    color: #EF6E2C;
    font-size: 22px;
}

.new-icons img {
    max-width: 65px;
}

.supertooltip {
    background-color: #323232;
    color: #fff;
    border-radius: 8px;
    cursor: pointer;
    z-index: 999;
    text-align: left;
}

.toolpai .supertooltip {
    display: none;
}

.toolpai:hover .supertooltip {
    display: block;
    max-width: 350px;
    position: absolute;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
    padding: 10px;
}

.modal-mail {
    background-color: #fff;
}


#modalEquipment .title,
#searchReservaModal .title,
#modal-on-request .title,
#modal-cancelar-reserva .title,
#modal-enviar-email-reserva .title,
#modal-editar-desconto .title,
#modal-obter-cotacao-ingressos .title,
#modal-obter-cotacao-seguro .title,
#modal-obter-cotacao-outros .title,
#modal-enviar-link-pagamento .title,
#modal-visualizar-anexos .title,
#modal-retirada-devolucao-divergente .title {
    background-color: #E7EAEB;
    font-family: 'bebasneueregular';
    color: #597893;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size: 20px;
    letter-spacing: 2px;
    border-radius: 4px 0px;
}

#modal-obter-cotacao-seguro,
#modal-obter-cotacao-outros,
#modal-obter-cotacao-ingressos,
#modal-retirada-devolucao-divergente {
    width: 70% !important;
    height: auto;
}

.content__modal {
    padding: 30px;
}

.input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}

.input-group .input-field {
    width: 48%;
}

.modal-content .textarea.materialize-textarea {
    min-height: 4rem !important;
}

.modal-content .grid-modal_content {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 30% 70%;
    grid-template-columns: 30% 70%;
}

.modal-content .grid-modal_content .form-mail {
    margin-top: -31px;
}

.modal-content .grid-modal_content .form-mail form {
    padding: 20px;
}

.modal-content .grid-modal_content .sg-orca {
    margin-top: -31px;
    background-color: #fff;
}

.modal-content .grid-modal_content .sg-orca .car-grid .title h3 {
    padding-left: 20px;
}

.modal-content .grid-modal_content .sg-orca .position-modal {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.modal-content .grid-modal_content .sg-orca .box-opcional {
    min-height: 50px;
    position: relative;
}

.modal-content .grid-modal_content .sg-orca .locator-modal {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.modal-content .grid-modal_content .sg-orca .locator-modal .car-top {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.modal-content .grid-modal_content .sg-orca .locator-modal .tool {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.modal-content .grid-modal_content .sg-orca .locator-modal .logos {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.modal-content .grid-modal_content .sg-orca table {
    margin-top: 15px;
}

.modal-content .car-grid .slider {
    height: 352px;
    border-right: 1px solid #f2f2f2;
}

.modal-content .car-grid .slider .container-tooltip .btn-tip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
}

.modal-content .car-grid .slider .container-tooltip .btn-tip i::before {
    padding: 0;
    margin: 0;
}

#modal3 .selolocator {
    display: none;
}

#modal3 .grid-offer {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}

#modal3 .car-top {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    background-color: #fff;
}

#modal3 .tooltip_modal {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

#modal3 .tooltip_modal .tool-lista {
    padding-bottom: 0;
    width: 100%;
}

#modal3 .tooltip_modal .sg-tooltip {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tooltip_modal .container-tooltip {
    width: 100%;
}

#modal3 .list-box-opcional {
    display: none;
}

#modal3 .slider .slides {
    height: 100%;
    max-height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tooltip_modal {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 0px 10px;
    padding-left: 10px;
    max-width: 50%;
}

.tooltip_modal .sg-tooltip {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

#modalEquipment {
    max-width: 1300px;
    height: 100%;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
    padding-bottom: 20px;
    top: 5% !important;
}

#modalEquipment button .material-icons,
#searchReservaModal button .material-icons,
#modal-on-request button .material-icons,
#modal-obter-cotacao button .material-icons {
    position: absolute;
}

.modal-reserve {
    width: 100% !important;
    max-width: 500px !important;
    height: 347px;
}

.modal-reserve .fornecedor.div-fornecedor{
    padding: 20px;
}

.modal-equipment {
    min-height: 615px;
}

.desk {
    display: block;
}

.mob {
    display: none;
}

.l4.cotacao {
    padding: 0px;
}

.header-filter .sg-itinerary .third {
    min-height: 100px;
}

.header-filter .sg-orca {
    width: 100%;
}

.header-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.header-button button,
.header-button a {
    max-width: 300px;
    margin: 0 20px;
}

.popcar {
    padding: 20px;
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.popcar .item-pop-car {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.popcar .item-pop-car .title h3 {
    padding-left: 10px !important;
}

.popcar .item-pop-car .locator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.popcar .item-pop-car .locator .img-content {
    height: 177px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.popcar .item-pop-car .locator .img-content img {
    max-width: 220px;
}

.popcar .item-pop-car .locator .tool .content-tool {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.popcar .item-pop-car .locator .container-tooltip.grade {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-inline: auto;
}

.car-grid .locator .tool .badges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.tooltip-float {
    float: left;
}

.no-absolute {
    position: inherit !important;
    display: block;
    float: left;
}

.without-margin {
    margin-left: 10px !important;
}

.no-span {
    margin-left: 25px !important;
}

.air-optional-equipment::before {
    padding-bottom: 10px !important;
}

.modal-show-icon::before {
    padding-top: 0px !important;
    position: initial !important;
    padding-left: 18px !important;
    padding-bottom: 19px;
}

.modal-equipament {
    margin-top: 30px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}


.equipment-item {
    border-radius: 4px;
    width: 100%;
    background-color: #EBEFF2;
    height: 270px;
}

.modal-equipament .equipment-item .header-equipament {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.modal-equipament .equipment-item .body-equipament {
    padding: 0 10px 10px;
}

.equipment-item h2 {
    font-family: 'bebasneueregular';
    color: #555555;
    margin-top: 25px;
    padding: 0px !important;
    font-size: 20px;
    letter-spacing: 2px;
}

.equipment-item .select-wrapper {
    background-color: #fff;
    border-radius: 4px;
    padding: 5px;
    border: solid 2px #E4E9EE;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 50px;
    width: 60px;
}

.equipment-item .select-wrapper input.select-dropdown {
    border-bottom: 0px;
}

.equipment-item .info-txt {
    font-family: "Helvetica Neue", sans-serif;
    font-size: 14px;
    padding-top: 10px;
    color: #555;
    border-top: 2px solid #E4E9EE;
}

.equipment-item .info-txt p {
    margin: 0px;
}

.equipment-img img {
    width: 67px;
    margin: 12px;
    margin-left: 0px;
}

.equipment-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.popcar {
    padding: 20px;
    width: 100%;
}

.sg-orca .popcar .sg-tooltip {
    display: block;
}

.content-inclusive {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
}

.popcar .car-top {
    text-align: center;
    background-color: #fff !important;
    border-bottom: 2px solid #EAEEF2;
}

.popcar .txt {
    padding: 10px;
    font-size: 16px;
}

.popcar .car-grid .car-top {
    border-right: 0px;
}

.popcar img {
    width: 70%;
    max-width: 250px;
}

.popcar .type {
    font-size: 16px;
}

.popcar .txt span {
    font-size: 18px;
    font-weight: 600;
}

.popcar .txt p {
    height: 250px;
    margin-top: 50px;
}

.popcar .btn center {
    margin-left: 0px;
}

.popcar .col.s3 {
    padding-left: 10px !important;
}

.popcar .tool.col.s12 {
    padding: 5px !important;
}

.popcar .sg-tooltip {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.popcar .btn-tip {
    position: relative !important;
    float: left;
}

.popcar .middle-size {
    max-height: 20%;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.map-store.selected {
    background-color: #ef6e2c29 !important;
}

@font-face {
    font-family: 'sgrentals';
    src: url('fonts/sgrentals.eot?8g0ih6');
    src: url('fonts/sgrentals.eot?8g0ih6#iefix') format('embedded-opentype'), url('fonts/sgrentals.ttf?8g0ih6') format('truetype'), url('fonts/sgrentals.woff?8g0ih6') format('woff'), url('fonts/sgrentals.svg?8g0ih6#sgrentals') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensansregular.ttf?8g0ih6') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebasneueregular';
    src: url('fonts/bebasneueregular.eot?8g0ih6');
    src: url('fonts/bebasneueregular.eot?8g0ih6#iefix') format('embedded-opentype'), url('fonts/bebasneueregular.ttf?8g0ih6') format('truetype'), url('fonts/bebasneueregular.woff?8g0ih6') format('woff'), url('fonts/bebasneueregular.svg?8g0ih6#bebasneueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    opacity: 0.5;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: none;
}

::-webkit-scrollbar-track-piece {
    background-color: #fff;
    border-left: 2px solid #EAEEF2;
    border-right: 2px solid #EAEEF2;
    -webkit-border-radius: 0px;
}

::-webkit-scrollbar-thumb:vertical {
    background-color: rgba(239, 110, 44, 0.5);
    -webkit-border-radius: 6px;
}

html {
    position: relative;
    min-height: 100%;
    overflow-x: hidden;
}

*:focus {
    outline: none;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'sgrentals' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-brasil:before {
    content: "\e962";
}

.icon-reinounido:before {
    content: "\e95f";
}

.icon-promocao:before {
    content: "\e960";
}

.icon-cartao:before {
    content: "\e961";
}

.icon-motorista:before {
    content: "\e95e";
}

.icon-sgrentals .path1:before {
    content: "\e944";
    color: rgb(2, 2, 2);
}

.icon-sgrentals .path2:before {
    content: "\e945";
    margin-left: -1em;
    color: rgb(2, 2, 2);
}

.icon-sgrentals .path3:before {
    content: "\e946";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path4:before {
    content: "\e947";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path5:before {
    content: "\e948";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path6:before {
    content: "\e949";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path7:before {
    content: "\e94a";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path8:before {
    content: "\e94b";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path9:before {
    content: "\e94c";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path10:before {
    content: "\e94d";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path11:before {
    content: "\e94e";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path12:before {
    content: "\e94f";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path13:before {
    content: "\e950";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path14:before {
    content: "\e951";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path15:before {
    content: "\e952";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path16:before {
    content: "\e953";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path17:before {
    content: "\e954";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path18:before {
    content: "\e955";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path19:before {
    content: "\e956";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path20:before {
    content: "\e957";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path21:before {
    content: "\e958";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path22:before {
    content: "\e959";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path23:before {
    content: "\e95a";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path24:before {
    content: "\e95b";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path25:before {
    content: "\e95c";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sgrentals .path26:before {
    content: "\e95d";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-sg:before {
    content: "\e943";
}

.icon-direita:before {
    content: "\e941";
}

.icon-esquerda:before {
    content: "\e942";
}

.icon-baixo:before {
    content: "\e940";
}

.icon-cima:before {
    content: "\e93f";
}

.icon-editar:before {
    content: "\e93e";
}

.icon-presente:before {
    content: "\e93d";
}

.icon-mapa:before {
    content: "\e93c";
}

.icon-protecaototal:before {
    content: "\e93b";
}

.icon-tempo:before {
    content: "\e93a";
}

.icon-valor:before {
    content: "\e937";
}

.icon-km0:before {
    content: "\e938";
}

.icon-km100:before {
    content: "\e939";
}

.icon-info:before {
    content: "\e935";
}

.icon-medal:before {
    content: "\e936";
}

.icon-mensagem:before {
    content: "\e934";
}

.icon-protecao-do-veiculo:before {
    content: "\e933";
}

.icon-clock:before {
    content: "\e932";
}

.icon-ok:before {
    content: "\e931";
}

.icon-youtube:before {
    content: "\e92f";
}

.icon-twitter:before {
    content: "\e930";
}

.icon-g:before {
    content: "\e92e";
}

.icon-instagram:before {
    content: "\e92d";
}

.icon-facebook:before {
    content: "\e92c";
}

.icon-chat:before {
    content: "\e92b";
}

.icon-mais:before {
    content: "\e92a";
}

.icon-clearsale:before {
    content: "\e929";
}

.icon-diners .path1:before {
    content: "\e926";
}

.icon-diners .path2:before {
    content: "\e927";
    margin-left: -1em;
}

.icon-diners .path3:before {
    content: "\e928";
    margin-left: -1em;
}

.icon-americanexpress:before {
    content: "\e925";
}

.icon-mastercard .path1:before {
    content: "\e919";
    color: #fff;
}

.icon-mastercard .path2:before {
    content: "\e91a";
    margin-left: -1em;
    color: #fff;
}

.icon-mastercard .path3:before {
    content: "\e91b";
    margin-left: -1em;
    color: #fff;
}

.icon-mastercard .path4:before {
    content: "\e91c";
    margin-left: -1em;
    color: #fff;
}

.icon-mastercard .path5:before {
    content: "\e91d";
    margin-left: -1em;
    color: #fff;
}

.icon-mastercard .path6:before {
    content: "\e91e";
    margin-left: -1em;
    color: #fff;
}

.icon-mastercard .path7:before {
    content: "\e91f";
    margin-left: -1em;
    color: #fff;
}

.icon-mastercard .path8:before {
    content: "\e920";
    margin-left: -1em;
    color: #fff;
}

.icon-mastercard .path9:before {
    content: "\e921";
    margin-left: -1em;
    color: #fff;
}

.icon-mastercard .path10:before {
    content: "\e922";
    margin-left: -1em;
    color: #fff;
}

.icon-mastercard .path11:before {
    content: "\e923";
    margin-left: -1em;
    color: #fff;
}

.icon-mastercard .path12:before {
    content: "\e924";
    margin-left: -1em;
    color: #fff;
}

.icon-elo:before {
    content: "\e918";
}

.icon-visa:before {
    content: "\e917";
}

.icon-gplay:before {
    content: "\e916";
}

.icon-apple:before {
    content: "\e915";
}

.icon-world:before {
    content: "\e914";
}

.icon-telefone:before {
    content: "\e913";
    font-weight: 900;
}

.icon-preco:before {
    content: "\e912";
}

.icon-data:before {
    content: "\e911";
}

.icon-pesquisa:before {
    content: "\e910";
}

.icon-login:before {
    content: "\e90e";
}

.icon-logout:before {
    content: "\e90f";
}

.icon-assentos-para-bebes:before {
    content: "\e90d";
}

.icon-cidade:before {
    content: "\e90b";
}

.icon-cobertura-de-danos-de-coliso:before {
    content: "\e90c";
}

.icon-cobertura-de-roubo:before {
    content: "\e90a";
}

.icon-combustivel:before {
    content: "\e909";
}

.icon-motorista-adicional:before {
    content: "\e908";
}

.icon-pdw:before {
    content: "\e907";
}

.icon-Quilometragem-livre:before {
    content: "\e902";
}

.icon-porta:before {
    content: "\e903";
    margin-left: 1px;
}

.icon-controles-manuais:before {
    content: "\e904";
}

.icon-cancelamento:before {
    content: "\e905";
}

.icon-assento-infantil:before {
    content: "\e906";
}

.icon-aeroporto:before {
    content: "\e900";
}

.icon-assento-elevacao:before {
    content: "\e901";
}

.icon-block {
    padding: 0 15px;
}

.icon-block .material-icons {
    font-size: inherit;
}

body {
    background-color: #F7F7F7;
    font-family: 'Open Sans', sans-serif;
    color: #555555;
    font-size: 14px;
}

.active.start-date::after {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 12px solid #315979;
    position: absolute;
    margin-top: -5px;
    margin-left: 10px;
}

.homecss .daterangepicker.opensleft:before {
    display: none;
}

.homecss .daterangepicker.opensleft:after {
    display: none;
}

body .daterangepicker td.in-range {
    background-color: #31597952 !important;
}

.active.end-date::before {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #315979;
    position: absolute;
    margin-top: -5px;
    margin-left: -20px;
}

.off.active.start-date::after {
    display: none;
}

.off.active.end-date::before {
    display: none;
}

.off.active.start-date {
    color: #d2e1eb !important;
    border-radius: 0px !important;
    background-color: #fff !important;
    padding: 0px;
}

::-moz-selection {
    background: #EF6E2C;
    color: #fff;
    text-transform: none;
}

::selection {
    background: #EF6E2C;
    color: #fff;
    text-transform: none;
}

/* Menu //////////////////////////////////////////////////////////////////////////*/
nav.sg-nav {
    background-color: #FFFFFF;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 85px;
    line-height: 85px;
    z-index: 998;
    padding: 0 20px;
    position: absolute;
    box-shadow: 0 2px 5px #ccc;
}

nav.sg-nav>.row {
    margin: 0 auto;
    max-width: 1500px;
}

.row:after {
    content: none;
}

nav.sg-nav .nav-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#logo-container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#logo-container img {
    width: 100%;
    max-width: 236px;
}

.sg-info span {
    color: #00315A;
}

.sg-info .flow-text {
    font-size: 14px;
    white-space: nowrap;
    margin: 0;
}

.sg-info .flow-text b {
    color: #00315A !important;
    font-weight: 600;
    text-transform: none;
    color: inherit;
}

.sg-menu {
    background-color: #EF6E2C !important;
}

.action-hamburguer {
    position: relative;
}

nav .sidenav.click-nav {
    position: absolute;
    height: auto;
}

.col.s3.sg-nav,
.col.m4.sg-nav,
.col.l3.sg-nav {
    margin-right: 0px;
    padding-right: 0px;
}

#hamburguer-ativator {
    background-color: #EF6E2C;
}

.sg-menu .sg-dropmenu {
    border-right: solid 1px #F4F6F8;
    border-left: solid 1px #F4F6F8;
}

.sg-menu .sg-dropmenu:first-child {
    border-left: solid 2px #F4F6F8;
}

nav ul .sg-dropmenu a {
    color: #EF6E2C;
}

ul.sg-menu .sg-dropmenu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.package.col.s5 {
    padding-left: 0px;
    padding-right: 0px;
}

#nav-icon1 {
    width: 50px;
    height: 45px;
    position: relative;
    margin: 20px auto;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon1 span {
    display: block;
    position: absolute;
    height: 6px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
    top: 0px;
}

#nav-icon1 span:nth-child(2),
#nav-icon1 span:nth-child(3) {
    top: 18px;
}

#nav-icon1 span:nth-child(4) {
    top: 36px;
}

#nav-icon1.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#nav-icon1.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon1.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon1.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.hamburguer {
    cursor: pointer;
}

.sidenav li.activated {
    background-color: #F7B796;
}

.sidenav {
    border-left: 2px solid #F5A77F;
    overflow: hidden;
}

.second-menu,
.second-menu-help {
    background-color: #ED6019;
    position: absolute;
    width: 100%;
    height: calc(100% + 60px);
    margin-top: -330px;
    margin-left: 300px;
    -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate3d(-0px, 0, 0);
    transform: translate3d(-0px, 0, 0);
    -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.27);
    box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.27);
}

.subtexto {
    margin: 0;
    padding: 0.5em;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    font-weight: 300;
    font-size: 1.6em;
    text-align: center;
    background-color: #EF6E2C;
    padding-left: 35px;
}

.subtexto img {
    margin-left: -35px !important;
}

.subback,
.sub-help-back {
    background-color: #E25711;
    margin: 0;
    border-top: 1px solid #C94D0F;
    border-bottom: 1px solid #C94D0F;
    padding-right: 15px;
    text-align: right;
    cursor: pointer;
}

.sub-arrow::after {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    content: "";
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-top: 22px;
    margin-left: 10px;
}

.subback::before,
.sub-help-back::before {
    border: solid #C94D0F;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    content: "";
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-right: 210px;
}

.sub-show {
    -webkit-animation: sub-show 0.5s linear forwards;
    animation: sub-show 0.5s linear forwards;
    z-index: 99;
}

.container-error{
    position: relative;
}


.container-error .alert{
    border-radius: 4px;
    margin-top: 20px;
}

.warnning-error{
    width: 80%;
    margin-inline: auto;
    padding: 80px 0 60px;
    display: flex;
    justify-content: center;
}

.warnning-error .errorsite-block .errorsite-image{
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.warnning-error .errorsite-block .errorsite-image img{
    width: 100%;
    max-width: 400px;
    margin-top: 30px;
}

.warnning-error .errorsite-block .errorsite-text{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: start;
}

.warnning-error .errorsite-block .errorsite-text h2{
    font-size: 2rem;
    color: #00315A;
    font-weight: 700;
}

.warnning-error .errorsite-block .errorsite-text p + p{
    margin-top: 20px;
}

.warnning-error .errorsite-block .errorsite-text a{
    color: #00315A;
    font-weight: 600;
}

.grade .col.m3.right.btn-grid {
    padding-right: 0px;
}

.content-list .slider,
.border-bb {
    border-bottom: 2px solid #E4E9EE;
}

@-webkit-keyframes sub-show {
    0% {
        margin-left: 300px;
    }

    100% {
        margin-left: 0px;
    }
}

@keyframes sub-show {
    0% {
        margin-left: 300px;
    }

    100% {
        margin-left: 0px;
    }
}

.sub-hide {
    -webkit-animation: sub-hide 0.5s linear forwards;
    animation: sub-hide 0.5s linear forwards;
    z-index: 99;
}

@-webkit-keyframes sub-hide {
    0% {
        margin-left: 0px;
    }

    100% {
        margin-left: 500px;
    }
}

@keyframes sub-hide {
    0% {
        margin-left: 0px;
    }

    100% {
        margin-left: 500px;
    }
}

.over {
    overflow-y: hidden !important;
}

.sidenav li img {
    width: 26px;
    margin-right: 15px;
    position: absolute;
    margin-top: 10px;
}

.sg-dropmenu a img {
    width: 30px;
    position: absolute;
}

.sg-dropmenu a span {
    margin-left: 40px;
}

.sidenav li>a span {
    margin-left: 73px;
}

.dropdown-content {
    background-color: #FFFFFF;
    margin: 0;
    display: none;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    max-height: auto;
    margin-left: -1px;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    white-space: nowrap;
    will-change: width, height;
}

nav .dropdown-content li a {
    font-weight: normal !important;
}

.hide-on-med-and-down li.sg-dropmenu {
    background-color: #FFFFFF;
    height: 85px;
}

.sg-dropmenu-mob {
    display: none;
}

/* MENU ////////////////////////////////////////////////////////////////////////////////*/
/* TOUR ////////////////////////////////////////////////////////////////////////////////*/
.sg-fadein {
    -webkit-animation: fadein 1s linear forwards;
    animation: fadein 1s linear forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    opacity: 0;
}

.sg-fadein h1 {
    -webkit-animation: fadein-left 1s linear forwards;
    animation: fadein-left 1s linear forwards;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    margin-left: -600px;
}

.sg-fadeout {
    -webkit-animation: fadeout 1s linear forwards;
    animation: fadeout 1s linear forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    opacity: 1;
}

.sg-fadeout h1 {
    -webkit-animation: fadeout-left 1s linear forwards;
    animation: fadeout-left 1s linear forwards;
}

.modal .btn {
    display: none;
}

.modal-map .btn {
    display: none;
    display: block;
    WIDTH: 100%;
    margin-top: 10px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
}

.modal-map .send.btn {
    display: block;
}

.title-map {
    padding: 0px;
    border-bottom: 2px solid #eaeef2;
    border-top: 2px solid #eaeef2;
    padding-left: 0px !important;
    padding-right: 0px !important;
    background-color: #f4f6f8;
    margin-bottom: 10px;
}

.title-map button {
    zoom: 70%;
    float: right;
    max-width: 140px;
    margin-top: -47px !important;
    margin-right: 10px;
}

.sg-tour1 .btn,
.sg-tour2 .btn,
.sg-tour3 .btn {
    display: block;
    margin-top: 70vh;
    position: absolute;
    margin-left: 20px;
    width: 100%;
    max-width: 420px;
}

.sg-tour1 {
    background-image: url('../images/tour1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right -1px center;
    height: 100%;
    position: absolute;
    width: 100%;
    margin-top: -61px;
}

#start-tour {
    display: block;
    margin-top: 68vh !important;
    max-width: 500px;
    margin-left: 20px;
}

.sg-tour2 {
    background-image: url('../images/tour2.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right -1px center;
    height: 100%;
    position: absolute;
    width: 100%;
    margin-top: -61px;
    z-index: -1;
}

.sg-tour3 {
    background-image: url('../images/tour3.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right -1px center;
    height: 100%;
    position: absolute;
    width: 100%;
    margin-top: -61px;
}

h1 {
    font-family: 'bebasneueregular';
}

.sg-tour1 h1,
.sg-tour2 h1 {
    width: 450px;
    padding-top: 30px;
}

.sg-tour3 h1 {
    width: 500px;
    padding-top: 30px;
}

.sg-tour1 h1::AFTER {
    color: #EF6E2C;
    font-size: 55px;
    content: "BEM VINDO AO NOVO SGRENTALS";
}

.sg-tour2 h1::AFTER {
    color: #EF6E2C;
    font-size: 55px;
    content: "NOVIDADES À VISTA";
}

.sg-tour3 h1::AFTER {
    color: #EF6E2C;
    font-size: 55px;
    content: "ACOMPANHE O TOUR VIRTUAL E FIQUE POR DENTRO";
}

.modal h4 {
    font-family: 'bebasneueregular';
    color: #fff;
    background-color: #EF6E2C;
    width: 500px;
    padding: 20px;
    font-size: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    letter-spacing: 5px;
    z-index: 999999999999999999999999999999999999999999999;
}

.modal .orange {
    float: right;
    margin-right: 0;
    margin-top: -25px;
    margin-right: -20px;
}

.modal-map h4 {
    font-family: 'bebasneueregular';
    color: #fff;
    background-color: #EF6E2C;
    width: 500px;
    padding: 20px;
    font-size: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    letter-spacing: 5px;
    position: absolute;
    z-index: 9999;
}

.modal-map .orange {
    float: right;
    margin-right: 0;
    margin-top: -25px;
    margin-right: -20px;
}

.modal-map .col.s8 {
    height: 75vh;
}

.modal-more-information,
.modal-mail {
    max-width: 1200px;
}

.modal-more-information .col.s6,
.modal-more-information .col.s3,
.modal-more-information .col.s12 {
    margin: 0;
    padding: 0px;
}

.modal-more-information .car-grid .car-top {
    background-color: #fff;
    height: 372px;
    border-right: 2px solid #E4E9EE;
    ;
}

.modal-more-information .car-grid {
    margin-top: -30px;
}

.modal-more-information .package,
.modal-more-information .grid-offer {
    height: auto;
}

.modal-more-information .grid-offer {
    border-left: 3px solid #EF6E2C;
    height: 100vh;
    background-image: url("../images/sgindica.png");
    max-height: 372px;
}

.modal-more-information .package.col.s9 {
    margin: 0;
    padding: 0;
}

.modal-more-information .content-offer .btn {
    margin-top: 75px;
}

.modal-more-information .car-grid {
    -webkit-animation: none;
    animation: none;
}

.modal-more-information .content-offer .price {
    font-size: 45px;
}

.modal-more-information .content-offer {
    background-color: rgba(255, 255, 255, 0.5);
    margin: 10px;
    padding: 10px;
    border-radius: 4px;
    height: 100vh;
    margin-left: 10px;
    margin-right: 10px;
    max-height: 355px;
}

.modal-more-information h4 {
    font-family: 'bebasneueregular';
    color: #fff;
    background-color: #EF6E2C;
    width: 500px;
    padding: 20px;
    font-size: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    letter-spacing: 5px;
    position: absolute;
    z-index: 9999;
}

.modal-mail h4 {
    font-family: 'bebasneueregular';
    color: #fff;
    background-color: #EF6E2C;
    width: 500px;
    padding: 20px;
    font-size: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    letter-spacing: 5px;
    position: absolute;
    z-index: 9999;
}

.modal-mail .orange {
    float: right;
    margin-right: 0;
    margin-top: -25px;
    margin-right: -20px;
}

#modal-on-request .orange {
    margin-top: 1px;
    margin-right: 3px;
}

.modal-more-information .orange {
    float: right;
    margin-right: 0;
    margin-top: -25px;
    margin-right: -20px;
}

.tour_title,
.tour_description,
.tour_controls,
#tour_targets {
    opacity: 0;
    -webkit-animation: fade-tour 0.5s linear forwards;
    animation: fade-tour 0.5s linear forwards;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

#tour_tour.btn6 {
    display: none;
}

#tour_tour .btn-danger {
    display: none;
}

#tour_tour.btn5 .btn-danger {
    display: block;
    margin-top: -200px;
}

#tour_tour.btn5 .btn-default {
    display: none;
}

#tour_tour.btn5 .btn-primary {
    font-size: 0px;
    color: #EF6F2D;
}

#tour_tour.btn5 .btn-primary::after {
    content: "FINALIZAR TOUR";
    font-size: 16px;
    color: #fff;
}

@-webkit-keyframes fade-tour {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-tour {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadein-left {
    0% {
        opacity: 0;
        margin-left: -600px;
    }

    100% {
        opacity: 1;
        margin-left: 0px;
    }
}

@keyframes fadein-left {
    0% {
        opacity: 0;
        margin-left: -600px;
    }

    100% {
        opacity: 1;
        margin-left: 0px;
    }
}

@-webkit-keyframes fadeout-left {
    0% {
        opacity: 1;
        margin-left: 0px;
    }

    100% {
        opacity: 0;
        margin-left: -600px;
    }
}

@keyframes fadeout-left {
    0% {
        opacity: 1;
        margin-left: 0px;
    }

    100% {
        opacity: 0;
        margin-left: -600px;
    }
}

@-webkit-keyframes fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* TOUR ////////////////////////////////////////////////////////////////////////////////*/


/* ALERT ////////////////////////////////////////////////////////////////////////////////*/

.sg-right .tools {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    padding-top: 20px !important;
    margin-top: 10px;
}



.tools .btn-grid {
    width: 100%;
    max-width: 270px;
    padding-right: 0px;
    position: relative;
}

.tools .btn-grid .info-tooltip {
    color: #fff;
    border-color: #fff;
}

.warning-yellow .btn.btn-openwarning {
    padding: 0;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.warning-yellow .btn {
    background-color: #ef6e2c;
    width: 50px !important;
    position: relative;
}

.warning-yellow .btn .info-tooltip {
    color: #fff;
    border: 2px solid #fff;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    POSITION: ABSOLUTE;
    width: 100%;
    z-index: 999;
    border-bottom: 3px solid;
    opacity: 1;
    -webkit-animation: fadeAlert 0.5s ease-in both;
    animation: fadeAlert 0.5s ease-in both;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.alert-close {
    float: right;
    font-weight: 900;
    font-size: 20px;
    cursor: pointer;
}

.alert b,
.alert strong {
    font-weight: 700;
}

@-webkit-keyframes fadeAlert {
    0% {
        opacity: 0;
        margin-top: -60px;
    }

    100% {
        opacity: 1;
        margin-top: 0px;
    }
}

@keyframes fadeAlert {
    0% {
        opacity: 0;
        margin-top: -60px;
    }

    100% {
        opacity: 1;
        margin-top: 0px;
    }
}

/* ALERT ////////////////////////////////////////////////////////////////////////////////*/


/* ITINERARIO //////////////////////////////////////////////////////////////////////////*/

#iti {
    position: fixed;
    width: 100%;
    margin-top: -235px;
    z-index: 997;
}

.initial-fixed.super-fixed.top-expand {
    margin-top: -264px !important;
}


.filter-fixed {
    position: fixed;
    width: 100%;
    max-width: 320px;
    overflow-y: auto;
    max-height: 95%;
    direction: rtl;
    padding-left: 10px;
    margin-top: -100px !important;
    -webkit-animation: fadeFilter 0.3s ease-in both;
    animation: fadeFilter 0.3s ease-in both;
    z-index: 0;
}

.padding-10 {
    padding: 10px;
}

.checkbox-content {
    display: -ms-grid;
    display: grid;
}

.checkbox-content.testando {
    display: block;
}

.checkbox-content [type="checkbox"]+span:not(.lever) {
    padding-left: 25px;
}


/* 
.sg-filter.filter-margin1 {
    margin-top: 590px;
}

.sg-filter.filter-margin2 {
    margin-top: 804px;
}

.sg-filter.filter-margin3 {
    margin-top: 590px;
}

.sg-filter.filter-margin1.filter-margin2 {
    margin-top: 800px;
}

.sg-filter.filter-margin3.filter-margin2 {
    margin-top: 800px;
}

.sg-filter.filter-margin3.filter-margin1 {
    margin-top: 660px;
}

.sg-filter.filter-margin3.filter-margin1.filter-margin2 {
    margin-top: 930px;
} */

@-webkit-keyframes fadeFilter {
    from {
        opacity: 0;
        margin-top: -220px;
    }

    to {
        opacity: 1;
        margin-top: -230px;
    }
}

@keyframes fadeFilter {
    from {
        opacity: 0;
        margin-top: -220px;
    }

    to {
        opacity: 1;
        margin-top: -230px;
    }
}

.sg-filter {
    margin-top: 30px;
}

.super-fixed {
    margin-top: -290px !important;
    -webkit-animation: fadeInFixed 1s ease-in both;
    animation: fadeInFixed 1s ease-in both;
    position: fixed;
}

.super-fixed .sg-itinerary {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.super-fixed .expand {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

@-webkit-keyframes fadeInFixed {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -5%, 0);
        transform: translate3d(0, -5%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 8.9%, 0);
        transform: translate3d(0, 8.9%, 0);
    }
}

@keyframes fadeInFixed {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -5%, 0);
        transform: translate3d(0, -5%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 8.9%, 0);
        transform: translate3d(0, 8.9%, 0);
    }
}

.btn-circle {
    background-color: #EF6E2C;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 1.5;
    position: absolute;
    margin-left: 14.8%;
    z-index: 2;
    margin-top: 5px;
    padding-left: 4px;
    display: none;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.btn-grid .btn-circle {
    background-color: #00315a;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    font-size: 12px;
    line-height: 2.3;
    position: absolute;
    right: -13px;
    top: -17px;
    margin: 0px;
    padding: 0;
    z-index: 2;
    text-align: center;
    display: none;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.btn-grid .btn-circle.active {
    display: block;
}

.btn-circle.on-circle {
    display: block;
}

.email-btn.on-mail {
    background-color: #00315A;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.check {
    cursor: pointer;
}

.btn-selectall.on-mail {
    background-color: #00315A;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.top-expand.initial-fixed {
    margin-top: -135px !important;
}

.sg-itinerary {
    height: 100%;
    min-height: -webkit-max-content;
    min-height: -moz-max-content;
    min-height: max-content;
    background-color: #ffffff;
    border-bottom: 2px solid #00315A;
    display: inline-block;
    width: 100%;
    -webkit-animation: fadeup 0.7s linear forwards;
    animation: fadeup 0.7s linear forwards;
}

.sg-itinerary .title {
    background-color: #E7EAEB;
    font-family: 'bebasneueregular';
    color: #597893;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size: 20px;
    letter-spacing: 2px;
}

.sg-itinerary .third {
    border-left: 1px solid #EDEEEF;
    height: auto;
    min-height: 240px;
}

.sg-itinerary .conte {
    padding: 10px;
}

.sg-itinerary .conte .btn {
    width: 100%;
    height: 50px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    line-height: 3.2;
    padding: 0px;
    margin-top: 10px;
}

.btn-grid .btn {
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn-grid .btn i {
    padding: 10px;
}

.sg-itinerary .row .col.s12 {
    margin: 0;
    padding: 0;
}

.sg-itinerary .row .col.s8 {
    margin: 0;
    padding: 0;
}

.sg-itinerary .row .col.s6 {
    margin: 0;
    padding: 0;
}

.devolution {
    border-left: 1px solid #EDEEEF;
    min-height: 200px !important;
}

.sg-itinerary .row .col.s4 {
    margin: 0;
    padding: 0;
}

.sg-itinerary .row .col.s3 {
    margin: 0;
    padding: 0;
}

.sg-itinerary .row .col.s2 {
    margin: 0;
    padding: 0;
}

.sg-itinerary .row .col.s6 .conte {
    margin: 0;
    padding: 10px;
    padding-top: 5px;
}

.sg-itinerary .row {
    margin-bottom: 0px;
}

.sg-itinerary .row .material-icons {
    padding-right: 10px;
    margin-top: -5.8px;
}


.sg-itinerary p {
    margin-top: 0px;
    margin-bottom: 5px;
}

.conte.local {
    border-bottom: 1px solid #EDEEEF;
}


.sg-itinerary .menu-itinerary {
    padding: 20px !important;
}

.menu-itinerary li {
    font-size: 16px;
    font-weight: 700;
    color: #94A7B8;
    line-height: 30px;
    border-left: 2px solid #94A7B8;
    padding-left: 20px;
    cursor: pointer;
}

.menu-itinerary ul {
    margin: 0px;
}

.menu-itinerary li.activated {
    color: #00315A;
    border-left: 2px solid #00315A;
    font-weight: 700;
}

.menu-itinerary li:hover {
    color: #00315A;
    border-left: 2px solid #00315A;
    font-weight: 700;
}

.itinerary-inicial {
    -webkit-animation: fadeinicial 0.7s linear forwards;
    animation: fadeinicial 0.7s linear forwards;
}

.itinerary-down {
    -webkit-animation: fadedown 0.7s linear forwards;
    animation: fadedown 0.7s linear forwards;
}

.itinerary-up {
    -webkit-animation: fadeup 0.7s linear forwards;
    animation: fadeup 0.7s linear forwards;
}

.expand {
    background-color: #00315A;
    color: #fff;
    text-align: center;
    width: 50px;
    border-radius: 0px 0px 50px 50px;
    height: 25px;
    position: absolute;
    margin-left: 47.3%;
    margin-top: -2px;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.expand .material-icons {
    margin-top: 2px;
}

.icon-down .material-icons {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sg-itinerary h2 {
    font-size: 16px;
    font-weight: 800;
    color: #597893;
    margin: 0;
}

.sg-itinerary .subtitle {
    border-bottom: 1px solid #EDF0F3;
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
    font-size: 16px;
    letter-spacing: 2px;
}

.btn span {
    padding-left: 30px;
}

.ghost-show {
    opacity: 0;
}

.ui-quotefilter-autocomplete {
    max-height: 400px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

ul.ui-menu .imgicon {
    float: right;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    background-color: #F9FAFB;
    margin-top: 8px;
}

ul.ui-menu .imglocator {
    float: left;
    margin-right: 10px;
    margin-top: 0px;
}

.imglocator img {
    width: 40px;
}

.imgicon img {
    width: 100%;
    max-width: 35px;
    padding-left: 10px;
    padding-top: 10px;
}

ul.ui-menu span {
    float: left;
    margin-top: -5px;
    font-size: 14px;
    width: 330px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    height: 40px;
}

ul.ui-menu b {
    color: #EF6E2D;
    padding-right: 10px;
    font-weight: 500;
    margin-top: -5px;
    width: 330px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
}

ul.ui-menu {
    background-color: #fff;
    border-radius: 0px 4px 4px 4px;
    width: 100%;
    max-width: 400px;
    color: #00315a;
    font-size: 16px;
    z-index: 9;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    z-index: 9999999999999999999999;
}

ul.ui-menu li:first-child {
    border-top: 0px;
}

ul.ui-menu li {
    border-top: #F9FAFB solid 2px;
    padding: 0px;
    height: 80px;
    cursor: pointer;
}

ul.ui-menu i {
    font-size: 10px;
    color: #ccc;
    margin-top: -5px;
    position: absolute;
}

ul.ui-menu li:hover {
    background-color: #E1E7EB;
    -webkit-transition: background-color .25s ease;
    -o-transition: background-color .25s ease;
    transition: background-color .25s ease;
    border-radius: 0px 0px 4px 4px;
}

.ui-menu-item a.ui-menu-item-wrapper {
    padding: 8px;
    display: block;
    height: 100%;
}

.ui-menu-item a.ui-menu-item-wrapper.ui-state-active {
    background: #E1E7EB !important;
    border: 0;
    display: block;
}

@-webkit-keyframes fadedown {
    0% {
        margin-top: -2px;
        opacity: 0;
    }

    100% {
        margin-top: 220px;
        opacity: 1;
    }
}

@keyframes fadedown {
    0% {
        margin-top: -2px;
        opacity: 0;
    }

    100% {
        margin-top: 220px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeup {
    0% {
        margin-top: 220px;
    }

    100% {
        margin-top: -6px;
    }
}

@keyframes fadeup {
    0% {
        margin-top: 220px;
    }

    100% {
        margin-top: -6px;
    }
}

@-webkit-keyframes fadeinicial {
    0% {
        margin-top: -2px;
    }

    100% {
        margin-top: -6px;
    }
}

@keyframes fadeinicial {
    0% {
        margin-top: -2px;
    }

    100% {
        margin-top: -6px;
    }
}

/* ITINERARIO //////////////////////////////////////////////////////////////////////////*/

/* MAPA  //////////////////////////////////////////////////////////////////////////////*/

.container.all {
    margin-top: 80px;
    padding: 20px;
    z-index: 1;
    max-width: 1500px;
}

.all .col.s9 {
    max-width: 1500px;
}

.btn-map {
    width: 100%;
    border: 2px solid #E1E7EC;
    border-radius: 4px;
    text-align: right;
    background-image: url('../images/map.png');
    background-size: cover;
    height: 100px;
    color: #EF6E2C;
    font-family: 'bebasneueregular';
    font-size: 20px;
    text-align: center;
    letter-spacing: 1px;
}

.btn-map:hover {
    opacity: 0.8;
}

.btn-map .icon-mapa {
    font-size: 25px;
    font-weight: 900;
}

.btn-map .right {
    margin-right: 10px;
    margin-top: 15px;
}

.modal-map iframe {
    width: 100%;
    height: 75vh;
    margin-top: -10px;
    margin-left: -10px;
}

.modal-map .row .col.s3 {
    margin: 0;
    padding: 0;
}

#store1,
#store2 {
    margin-top: 20px;
    line-height: 1.6;
}

#store1 h2 {
    font-size: 18px;
    margin-top: 10px;
    font-weight: 600;
    color: #597893;
    margin-bottom: 0px;
}

#store2 h2 {
    font-size: 18px;
    margin-top: 5px;
    font-weight: 600;
    color: #597893;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 7px;
    width: 60%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    HEIGHT: 31px;
}

#store1 img {
    width: 100%;
}

#store2 img {
    width: 100%;
    max-width: 91px;
    float: left;
}

#store2 p {
    margin: 0;
    margin-left: 0px;
    padding: 10px;
}

#store2 {
    margin: 0;
    padding: 0;
    margin-top: 0px;
    overflow-y: scroll;
    height: 71.3vh;
    overflow-x: hidden;
}

#store2 .map-store .col.s9 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    line-height: 1.6;
}

#store2 .map-store .col.s3 {
    padding-right: 0.75rem;
}

#store2 .col.s6 {
    margin: 0;
    padding: 0;
}

.map-store {
    height: auto;
    padding-top: 10px !important;
}

.map-store:nth-child(odd) {
    background-color: #fff;
}

/* MAPA  ////////////////////////////////////////////////////////////////////////////////*/

/* GRID /////////////////////////////////////////////////////////////////////////////////*/


.tabs .grid {
    background-image: url('../images/gradehover.png');
    background-size: 26px;
    background-position: center;
    margin-right: 5px;
    padding-top: 10px;
    padding-left: 5px;
    background-repeat: no-repeat;
}

.tabs .active .grid {
    background-image: url('../images/grade.png');
    background-size: 26px;
    background-position: center;
    margin-right: 5px;
    padding-top: 10px;
    padding-left: 5px;
    background-repeat: no-repeat;
}

.tabs .tab a:hover .grid {
    background-image: url('../images/grade.png');
}

.tabs .tab a:hover .list {
    background-image: url('../images/lista.png');
}

.tabs .tab a b {
    font-weight: normal;
}

.border-grid {
    border-bottom: 2px solid #BBC7D1;
    padding-left: 0px !important;
}

.tabs .list {
    background-image: url('../images/listahover.png');
    background-size: 26px;
    background-position: center;
    margin-right: 5px;
    padding-top: 10px;
    padding-left: 5px;
    background-repeat: no-repeat;
}

.tabs .active .list {
    background-image: url('../images/lista.png');
    background-size: 26px;
    background-position: center;
    margin-right: 5px;
    padding-top: 10px;
    padding-left: 5px;
    background-repeat: no-repeat;
}

.tabs .grid img,
.tabs .list img {
    width: 24px;
    height: 40px;
}

.all .row .col.s12 {
    margin: 0;
    padding: 0;
}

.all .row .col.s3 {
    margin: 0;
    padding: 0;
}

.tab.col.m3 {
    max-width: 150px;
}

.number-page {
    background-color: #fff;
    border: 2px solid #EEF1F4;
    border-radius: 4px;
    text-align: center;
    font-weight: 600;
    height: 50px;
    margin-top: -10px;
    max-width: 130px;
}

.number-page p {
    margin-top: 12px;
}

.row .border-grid .col.m7 {
    margin: 0;
    padding: 0;
}

.s10.res-grid {
    padding-left: 50px;
}

.add-icon {
    line-height: 3 !important;
}

/* GRID /////////////////////////////////////////////////////////////////////////////////*/


/* filters /////////////////////////////////////////////////////////////////////////////////*/

.filters {
    background-color: #fff;
    border: 2px solid #EAEEF2;
    border-radius: 4px;
    margin-top: 30px;
    direction: ltr;
}

.filters:first-child {
    margin-top: 0px;
}

.filters .title {
    border-bottom: 2px solid #EAEEF2;
    color: #597893;
    background-color: #F4F6F8;
    font-family: 'bebasneueregular';
    font-size: 22px;
    padding: 10px;
    padding-bottom: 5px;
    letter-spacing: 1px;
}

.filters [type="checkbox"]+span:not(.lever) {
    height: auto;
}

.content-images{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 2px solid #E4E9EE;
    padding: 20px 0;
}

.content-images.lista{
    border-right: 0;
    border-bottom: 2px solid #E4E9EE;
}

.exclusive {
    position: relative;
}

.tagcarconfirmed {
    float: left;
    background-image: url('../Images/selo.png');
    background-repeat: no-repeat;
    width: 70px;
    height: 66px;
    top: 0;
    left: 0;
    color: #fff;
    position: absolute;
    z-index: 9;
}

.tagcarconfirmed .info-tooltip {
    color: #fff !important;
    border-color: #fff;
    margin-left: 5px;
    margin-top: 5px;
}

.tagcarconfirmed .info-tooltip .material-icons {
    color: #fff;
}

.title input {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.filters p {
    border-bottom: 2px solid #EAEEF2;
    margin: 0;
    padding: 10px !important;
    font-size: 16px;
    color: #666666;
}

.filters p:last-child {
    border-bottom: 0px solid #EAEEF2;
}

.filters p span {
    line-height: 1.2 !important;
}

.search-box {
    background-color: #fff;
    border: 2px solid #EAEEF2;
    border-radius: 4px;
    padding-bottom: 10px;
    max-width: 100%;
}

.search-box .row .col {
    padding: 0;
}

.date .input-field.col.s12 {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 15px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    background: transparent;
}

.search-box .title {
    border-bottom: 2px solid #EAEEF2;
    color: #597893;
    background-color: #F4F6F8;
    font-size: 22px;
    padding: 10px;
    padding-bottom: 5px;
    letter-spacing: 1px;
}

.search-box .title h3 {
    font-family: 'bebasneueregular';
    font-size: 23px;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 20px;
}

.search-box .title .row {
    margin: 0px;
    padding: 0px;
}

.search-box .title form {
    margin-top: 10px !important;
    font-family: 'Open Sans', sans-serif;
}

.input-field .material-icons {
    margin-top: -40px;
    color: #00315a;
    z-index: 2;
    position: inherit;
}

.search-box .switch {
    padding-bottom: 15px;
    padding-top: 10px;
}

.other {
    display: none;
}

.other-now {
    display: block;
}

.search-box .row {
    margin: 0;
}

.date label {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 100px;
}

.date .input-field {
    margin-bottom: 0px;
}

.search-btn {
    padding: 0 0.75rem !important;
}

.search-btn .btn {
    width: 100%;
    margin-top: 10px;
}

.search-btn .material-icons {
    position: absolute;
    margin-left: -25px;
}

.search-btn center {
    margin-left: 10px !important;
}

/* filters /////////////////////////////////////////////////////////////////////////////////*/


/* car-grid /////////////////////////////////////////////////////////////////////////////////*/

.car-grid {
    margin-top: 20px;
    border: 2px solid #EAEEF2;
    border-radius: 4px;
    /*animation: fadeInGrid 1s ease-in both;*/
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.car-grid.car-grid-list {
    margin-top: 30px;
    border: 2px solid #EAEEF2;
    border-radius: 4px;
    /*animation: fadeInGrid 1s ease-in both;*/
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.modal-content .sg-orca .car-grid {
    margin-top: 0px;
    border: 0px solid #EAEEF2;
    border-radius: 4px;
    -webkit-animation: none;
    animation: none;
    zoom: 80%;
}

.modal-content .car-grid .title {
    padding: 0 !important;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.modal-content .car-grid .title .list-title {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.modal-content .sg-orca .sg-tooltip {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.plus-info {
    font-weight: 100 !important;
    font-size: 16px;
    font-family: 'Open Sans';
    margin-top: -240px;
    color: #597893;
    margin-left: 10px;
}

.type {
    color: #597893;
    background-color: #fff;
    padding: 5px;
    border-radius: 4px;
    font-size: 12px;
    border: 2px solid #879DB0;
    padding-top: 1px;
    padding-bottom: 1px;
    line-height: 1.6;
}

@-webkit-keyframes fadeInGrid {
    from {
        opacity: 0;
        -webkit-transform: translate3d(5%, 0, 0);
        transform: translate3d(5%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0, 0);
        transform: translate3d(0, 0, 0, 0);
    }
}

@keyframes fadeInGrid {
    from {
        opacity: 0;
        -webkit-transform: translate3d(5%, 0, 0);
        transform: translate3d(5%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0, 0);
        transform: translate3d(0, 0, 0, 0);
    }
}

.locator-grid {
    background-color: #ffffff;
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 40% 60%;
    grid-template-columns: 40% 60%;
}

.locator-grid .tool {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.locator .logos {
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.car-grid .title {
    border-bottom: 2px solid #EAEEF2;
    color: #597893;
    background-color: #F4F6F8;
    padding: 10px !important;
    height: 63px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.title-locadora {
    color: #597893;
    font-size: 18px;
    font-weight: 600;
}

.car-grid .title h3 {
    font-family: 'bebasneueregular';
    font-size: 24px;
    margin: 0;
    letter-spacing: 2px;
}

.car-grid .title .list-title {
    padding: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.car-grid .title .list-title h3 {
    font-family: 'bebasneueregular';
    font-size: 24px;
    margin: 0;
    padding-top: 5px;
    margin-left: 10px;
    letter-spacing: 2px;
    height: 31px;
    padding-left: 0px;
}

.car-grid .row {
    margin: 0px;
    padding: 0px;
}

.car-grid .email-btn {
    width: 100%;
    max-width: 50px;
    padding: 20px;
    width: 40px;
}

.conte .btn-circle {
    margin-left: -10px;
    margin-top: -4px;
    text-align: center;
    line-height: 2.3;
    background-color: #00315a;
    width: 30px;
    height: 30px;
    padding-left: 0px;
}

.email-btn .material-icons {
    margin-left: -8px;
    font-size: 16px;
}

.car-grid .car-top {
    background-color: #ffffff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.tool .component-items {
    width: 100%;
    padding: 20px;
}

.container-tooltip {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 0px;
    width: 60%;
    margin: 0 auto;
}

.container-tooltip.grade {
    grid-template-columns: repeat(3, 1fr);
    margin: 0;
}


.container-tooltip.modal-tooltip {
    grid-template-columns: repeat(3, 1fr);
    padding: 4px 14px;
    width: 90%;
}

.modal-content .package .title h3 {
    padding-left: 20px;
}

.container-tooltip .sg-tooltip span {
    margin-left: 10px;
}

.car-grid .car-top.col {
    padding: 0;
}

.car-top .bigcar .actived img {
    width: 100%;
    display: block;
}

.car-top .bigcar img {
    width: 100%;
    display: none;
}

.car-top .minicar .actived img {
    background-color: #fff;
    border: solid 2px red;
}

.car-top .minicar img {
    width: 33%;
    float: left;
    cursor: pointer;
}

.car-top {
    height: 100%;
    position: relative;
}

#test2 .car-top,
.grade .car-top .slider {
    border-right: 2px solid #E4E9EE;
}

#test2 .car-top center {
    height: 220px;
    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;
}

.car-top.grid1 {
    height: auto;
    padding: 0px;
    position: relative;
}

.car-top.grid1.only-one {
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #fff;
    border-right: 2px solid #EAEEF2;
}

.arrow-button {
    position: absolute;
    z-index: 99;
    width: 100%;
    margin-top: 100px !important;
    max-width: 100%;
}

.arrow-button .center {
    padding: 0;
}

.arrow-button .arrow-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.arrow-button .arrow-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.arrow-button .material-icons {
    font-size: 40px;
    color: #315979;
    cursor: pointer;
    height: 50px;
    width: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.arrow-button .arrow-left .material-icons {
    border-radius: 4px 0 0 4px;
    margin-left: 3px;
}

.arrow-button .arrow-right .material-icons {
    border-radius: 0 4px 4px 0;
    margin-right: 5px;
}

.arrow-button .material-icons:hover {
    color: #00315A;
}

.arrow-button button {
    border: 0;
    background-color: transparent;
}

.arrow {
    position: absolute;
    padding: 3rem;
    /* Arrow size */
    box-shadow: 1px -1px 0 1px #000 inset;
    -webkit-box-shadow: 2px -2px #000 inset;
    border: solid transparent;
    border-width: 0 0 2rem 2rem;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    z-index: 9;
}

#btnSearch .preloader-wrapper,
.btn-loading .preloader-wrapper {
    display: none;
}

#btnSearch.disabled .preloader-wrapper,
.btn-loading.disabled .preloader-wrapper {
    display: block;
}

#btnSearch .material-icons,
#btnSearch span,
.btn-loading .material-icons,
.btn-loading span {
    display: block;
}

#btnSearch.disabled .material-icons,
#btnSearch.disabled span,
.btn-loading.disabled .material-icons,
.btn-loading.disabled span {
    display: none;
}

.arrow:hover {
    box-shadow: 2px -2px 0 2px orchid inset;
    -webkit-box-shadow: 4px -4px orchid inset;
}


.arrow-up {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.arrow-down {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}


.arrow {
    top: 50%;
    margin: -67px 0 0 -67px;
    left: 35%
}


.btn-tip {
    color: #fff;
    background-color: #597893;
    border-radius: 50px;
    height: 32px;
    padding-left: 3.5px;
    padding-top: 3.5px;
    width: 27px;
    height: 27px;
    border: solid #879DB0 2px;
    cursor: pointer;
}

.opcional .btn-tip {
    color: #fff;
    background-color: #EF6E2C;
    border-radius: 50px;
    height: 32px;
    padding-left: 3.5px;
    padding-top: 3.5px;
    position: absolute;
    width: 27px;
    height: 27px;
    border: solid #F3D4C5 2px;
    cursor: pointer;
}

.btn-tip .material-icons {
    font-size: 15px;
}

.btn-tip .icon-porta {
    font-size: 15px;
}

.sg-tooltip {
    max-width: 160px;
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.car-list .sg-tooltip {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.locator-grid .sg-tooltip {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.sg-tooltip span {
    color: #597893;
    font-weight: 500;
    font-size: 16px;
    margin-left: 50px;
}

.opcional.sg-tooltip span {
    color: #EF6E2C !important;
    margin-left: 30px;
}

.list-box-opcional {
    border-top: 2px solid #EAEEF2;
    color: #597893;
    background-color: #F4F6F8;
    padding: 10px !important;
    height: 98px;
}

.list-box-opcional .sg-tooltip,
.box-opcional .sg-tooltip {
    margin-top: 5px;
    margin-right: 10px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.list-box-opcional .opcional .btn-tip {
    margin-top: -5px;
}

.package .opcional .material-icons {
    color: #fff;
    padding-top: 0px;
    padding-left: 0px;
}

.package .opcional span {
    padding-left: 0px;
    padding-top: 3px;
}

.equipamento-opc {
    position: relative;
}

.box-opcional {
    color: #597893;
    padding: 12px 20px !important;
    display: none;
}

.items-opcional {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
}

.grade .icon-arcondicionado::before {
    background-image: url('../images/snow.png');
    content: '.';
    width: 16px;
    height: 14px;
    background-size: cover;
    background-position: center;
    position: absolute;
    margin-left: 0px;
    margin-top: 1px;
}

.grade .icon-malagrande::before {
    margin-left: 0px !important;
}

.icon-malagrande::before {
    margin-left: 1px !important;
}

.lista .icon-arcondicionado::before {
    margin-left: 0;
    margin-top: 1px;
}

.modal-tooltip .icon-arcondicionado::before {
    margin-left: 0px;
    margin-top: 0px;
}

.icon-arcondicionado::before {
    background-image: url('../images/snow.png');
    content: '.';
    width: 16px;
    height: 14px;
    background-size: cover;
    background-position: center;
    position: absolute;
    margin-left: 1px;
    margin-top: 1px;
}

.icon-cambio::before {
    background-image: url('../images/cambio.png');
    content: '.';
    width: 15px;
    height: 15px;
    background-size: cover;
    background-position: center;
    position: absolute;
    margin-left: 0px;
    margin-top: 0px;
    font-size: 0.01px;
    color: #597893;
}

.icon-malapequena::before {
    background-image: url('../images/malapequena.png');
    content: '.';
    width: 16px;
    height: 16px;
    background-size: cover;
    background-position: center;
    position: absolute;
    margin-left: 0px;
    margin-top: 0px;
    font-size: 0.01px;
    color: #597893;
}

.icon-malagrande::before {
    background-image: url('../images/malagrande.png');
    content: '.';
    width: 15px;
    height: 15px;
    background-size: cover;
    background-position: center;
    position: absolute;
    margin-left: 0px;
    margin-top: 0px;
    font-size: 0.01px;
    color: #597893;
}

.sg-tooltip .icon-motorista {
    font-size: 15px;
    font-weight: 500;
    padding-left: 1px;
}

.col.s2.logos {
    text-align: center;
}

.logos {
    text-align: center !important;
}

.logos img {
    width: 100%;
    max-width: 60px;
    margin-top: 7px;
    margin-right: 10px;
}

.sg-grid {
    border-top: 2px solid #E4E9EE;
    vertical-align: super;
    padding: 0 !important;
}

.sg-grid ul:nth-child(even) {
    background-color: #F9FAFB;
    max-height: 51px;
}

.sg-grid ul:nth-child(odd) {
    background-color: #FFF;
    max-height: 51px;
}

.sg-grid ul li:first-child {
    text-align: left;
}

.sg-grid ul li {
    padding: 15px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    text-align: center;
}

.sg-grid .material-icons {
    color: #597893;
    font-size: 25px;
}

.input-field.load .small {
    float: right;
    margin-top: -40px;
    margin-left: -25px;
    opacity: 1;
}

.selolocator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.selolocator img {
    margin-left: 0px;
    margin-top: 0px;
    width: 130px;
}



.list-title {
    padding-left: 100px;
}

table .s2 .material-icons {
    padding: 6px;
}

.input-field .small {
    opacity: 0;
    position: relative;
    margin-top: -40px;
}

#frm-filter .input-field.load .small {
    float: right;
    margin-top: 10px;
    margin-left: -25px;
    opacity: 1;
}

#frm-filter .dates {
    padding: 10px;
}

.grid-columns {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.load .material-icons {
    opacity: 0;
}

.info-tooltip {
    margin-top: 2px;
    color: #555;
    font-size: 20px;
    border: 1px solid #555;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.info-tooltip a {
    line-height: 0;
}

.info-tooltip .material-icons {
    font-size: 20px;
    color: #555;
}

table.centered thead tr th {
    margin-left: 10px;
    line-height: 2.2;
    text-align: left;
    color: #555555;
    font-size: 16px;
    font-weight: 400;
}

.sg-grid span {
    line-height: 2.2;
    vertical-align: super;
}


.sg-grid table tr td {
    border-radius: 0;
}

.sg-grid table tbody tr:hover {
    background-color: #E1E7EB;
    cursor: pointer;
}

.sg-grid table tbody tr td:nth-child(1) {
    text-align: left;
}

.sg-grid table tbody tr td:nth-child(1):hover {
    text-align: left;
}

.sg-grid table tbody tr td:nth-child(1) span {
    margin-left: 10px;
}

.sg-grid table tbody tr td:nth-child(1):not(.no-hover):hover .material-icons {
    color: #555 !important;
}

.sg-grid table tbody tr td:nth-child(2):not(.no-hover):hover {
    background-color: #607E98;
    color: #fff;
    cursor: pointer;
    -webkit-transition: background-color .25s ease;
    -o-transition: background-color .25s ease;
    transition: background-color .25s ease;
}

.sg-grid table tbody tr td:not(.no-hover):hover .material-icons {
    color: #fff;
}

.sg-grid table tbody tr td:nth-child(3):hover {
    background-color: #607E98;
    color: #fff;
    cursor: pointer;
    -webkit-transition: background-color .25s ease;
    -o-transition: background-color .25s ease;
    transition: background-color .25s ease;
}

.sg-grid table tbody tr td:nth-child(4):hover {
    background-color: #607E98;
    color: #fff;
    cursor: pointer;
    border-radius: 0;
    -webkit-transition: background-color .25s ease;
    -o-transition: background-color .25s ease;
    transition: background-color .25s ease;
}

.sg-grid table tbody tr td.hover-none {
    pointer-events: none !important;
    cursor: no-drop;
}

.sg-grid table tbody tr td.hover-none .material-icons {
    padding: 5px;
}

.sg-table .sg-col {
    background-color: #ADBDCB;
    border-left: 2px solid #E1E7EB;
    border-right: 2px solid #E1E7EB;
    color: #fff;
    cursor: pointer;
}

.sg-grid table tr td {
    padding: 12px !important;
}

.sg-grid table thead tr th {
    padding: 12px !important;
}

.sg-grid table tbody tr:nth-child(even) {
    background-color: #F9FAFB;
    max-height: 51px;
}

.sg-grid table tbody tr:nth-child(even):hover {
    background-color: #E1E7EB;
    max-height: 51px;
    -webkit-transition: background-color .25s ease;
    -o-transition: background-color .25s ease;
    transition: background-color .25s ease;
}

.sg-grid table tbody tr:nth-child(odd) {
    background-color: #FFF;
    max-height: 51px;
}

.sg-grid table tbody tr:nth-child(odd):hover {
    background-color: #E1E7EB;
    max-height: 51px;
    -webkit-transition: background-color .25s ease;
    -o-transition: background-color .25s ease;
    transition: background-color .25s ease;
}

.no-hover {
    border: 0;
}

.sg-table .sg-col .material-icons {
    color: #fff;
}

.offer {
    background-color: #F3B392 !important;
    border-left: 3px solid #EF6E2C !important;
    color: #fff;
}

.offer:hover {
    background-color: #607E98 !important;
    border-left: 3px solid #ADBDCB !important;
    color: #607E98;
}

.offer::before {
    content: '.';
    width: 22px;
    height: 22px;
    background-size: cover;
    background-position: center;
    position: absolute;
    margin-left: -30px;
    margin-top: 1px;
    color: #F3B392;
}

.btn span {
    padding-left: 0px;
    line-height: 0;
}

.sg-grid .btn {
    width: 100%;
}

.tool-forcar {
    margin-inline: auto;
}

.tool-lista {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    padding-bottom: 15px;
}

.classe {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 10px 0;
}

.slider .slides {
    max-width: 100%;
    position: relative;
}

.slider .slides .plus {
    position: absolute;
    bottom: 10px;
}


.modal-content .sg-orca .car-grid .tool.col.s3 {
    margin-left: 10px;
    width: 306px;
}

.car-grid .row .col {
    padding: 0;
}

.package {
    background-color: #ffffff;
    -webkit-box-flex: 1.4;
    -ms-flex: 1.4;
    flex: 1.4;
}

.package .title h3 {
    color: #555;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.package .title {
    background-color: #F0F2F4;
    border-bottom: none;
}

.package.col.s6 {
    padding: 0;
    margin: 0;
}

.package ul {
    padding-left: 10px;
    padding-top: 10px;
}

.package ul li {
    padding-bottom: 4px;
}

.package .material-icons {
    color: #44B562;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    padding-top: 5px;
}

.package span {
    font-size: 16px;
    padding-left: 20px;
}

.grid-offer {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-left: 3px solid #EF6E2C;
    height: auto;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
    background-image: url('../images/sgindica.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #FFC230;
}

.grid-offer.pay-destiny {
    border-left: 3px solid #E4E9EE;
    max-height: 372px;
    background-image: url('../images/sgindicadestino.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #F4F6F8;
}

.grid-offer-destiny {
    border-left: 3px solid #D1E1EA;
    height: 100vh;
    max-height: 372px;
    background-image: url('../images/sgindicadestino.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #F2F5FA;
}

.grid-offer .content-offer {
    height: 95%;
}

.content-offer {
    background-color: rgba(255, 255, 255, 0.5);
    margin: 10px;
    padding: 10px;
    border-radius: 4px;
}

.content-offer .pay {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 10px;
    border-radius: 4px;
}

.content-offer .tooltip-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .8rem;
}

.content-offer .tooltip-content:first-child {
    margin-bottom: 10px;
}

.content-offer .tooltip-content>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.content-offer .pay span {
    float: right;
}

.content-offer .pay p {
    text-align: left;
    margin-bottom: 0px;
    padding-top: 10px;
}

.content-offer .pay {
    font-weight: 600 !important;
}


.content-offer .price {
    font-size: 4rem;
    margin: 0px;
    margin-top: 50px;
}

.content-offer .price b {
    font-size: 16px;
    font-weight: 600;
}

.content-offer p {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    margin-top: -10px;
}

.pay .info-tooltip {
    width: 18px;
    height: 18px;
    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;
    margin-right: 5px;
}

.pay .info-tooltip .material-icons {
    font-size: 14px;
}

.content-offer .btn {
    width: 100%;
    margin-top: 20px;
}

.package .col.s6 {
    padding: 10px;
}

.grid-offer.col.s4 {
    padding: 0px;
}

.grid-offer-destiny.col.s4 {
    max-width: 350px;
}

.package .col.s12 {
    padding: 10px !important;
}

.input-field .date-pick.material-icons {
    margin-top: -40px;
    color: #00315a;
    z-index: 2;
    background-color: #fff;
    position: absolute;
    margin-left: 85%;
}

form button {
    width: 100%;
}

.invalid+i {
    color: #F44336 !important;
}

.valid+i {
    color: #4CAF50 !important;
}

.invalid+ul+i {
    color: #F44336 !important;
}

.valid+ul+i {
    color: #4CAF50 !important;
}

form .error {
    display: none;
    position: absolute;
    font-size: 11px;
    margin-top: -5px;
}

.invalid+i+.error {
    color: #F44336 !important;
    display: block;
}

.valid+i+.error {
    color: #F44336 !important;
    display: none;
}

.invalid+ul+i+.error {
    color: #F44336 !important;
    display: block;
}

.valid+ul+i+.error {
    color: #F44336 !important;
    display: none;
}

.sg-box-login .input-field:nth-child(1) {
    margin-top: 0px;
}

.sg-box-login .input-field {
    margin-top: 20px;
}

/* car-grid /////////////////////////////////////////////////////////////////////////////////*/


/* rodape /////////////////////////////////////////////////////////////////////////////////*/

footer {
    background-color: #323D51 !important;
}

.footer-copyright {
    background-color: #3F485C !important;
}

h5.white-text {
    font-size: 18px !important;
    border-bottom: 2px solid #ef6e2c;
    padding-bottom: 10px;
    max-width: 550px;
    text-align: left;
}

.page-footer .container {
    padding-top: 0px;
    padding-bottom: 0px;
}

.footer-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 0 20px;
    max-width: 1500px;
}

.page-footer li a:hover {
    color: #EF6E2C !important;
}

.page-footer ul:not(.browser-default)>li {
    list-style-type: circle;
}

.page-footer ul li {
    padding: 5px;
    text-align: left;
}

.page-footer .row {
    padding: 10px;
}

.page-footer h5 {
    width: 260px;
}

.page-footer ul {
    margin-left: 20px !important;
    margin-top: 0px !important;
    max-width: 400px;
}

.page-footer .white-text {
    font-size: 12px;
}

.suporte-cliente,
.servicos,
.partners {
    padding-left: 10px;
}

.itens-servico {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.itens-servico ul {
    margin-left: 10px;
}

body .page-footer {
    padding-top: 20px;
    color: #fff;
    z-index: 2;
    position: absolute;
    width: 100%;
}


body .page-footer .row {
    margin-bottom: 0px;
}

.footer-icons {
    width: 300px;
    margin-right: 20px;
}

.content-infos{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 20px;
    max-width: 1500px;
    margin: 0 auto;
    border-top: 2px solid #fff;
}

.content-selos{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

#ra-widget-verified .ra-widget-verified-wrapper{
    background-color: transparent!important;
}
#ra-widget-verified .ra-widget-verified-wrapper .ra-widget-verified-content .ra-widget-verified-text{
    color: #fff!important;
}
#ra-widget-verified .ra-widget-verified-wrapper .ra-widget-verified-content{
    border: 0!important;
}
.content-selos .cadastur img{
    width: 150px;
    margin-top: 5px;
}

.content-selos .abav img{
    width: 70px;
}
.payment-method-list{
    display: flex;
    align-items: center;
    gap: 20px;
}
.payment-method-list img{
    width: 30px;
    object-fit: cover;
    transform: scale(1);
}
.payment-method-list img.icon-visas,
.payment-method-list img.icon-elos{
    width: 50px;
}
.payment-method-list img.icon-amex,
.payment-method-list img.icon-dinners{
    width: 40px;
}
.payment-method-list img.icon-pix{
    width: 70px;
}
.footer-icons .icon-visas {
    font-size: 60px;
}

.footer-icons .icon-mastercard {
    font-size: 60px;
    color: #fff !important;
}

.footer-icons img {
    margin-left: 20px;
    margin-right: 20px;
    width: 50px;
}

.footer-icons .icon-elos {
    font-size: 50px;
    margin-top: -10px;
}

.footer-icons .icon-americanexpress {
    font-size: 60px;
}

.footer-icons .icon-diners {
    font-size: 60px;
    margin-left: 100px;
}

.footer-icons .icon-diners .path1:before {
    margin-left: -60px;
    position: absolute;
}

.footer-icons .icon-diners .path2:before {
    margin-left: -60px;
    position: absolute;
}

.footer-second {
    border-top: 1px solid #3C4659;
    background-color: #3F485C;
    padding: 10px 20px;
}

.footer-second ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-second ul li .content-social .social{
    display: flex;
    align-items: center;
    gap: 15px;
}

.footer-second ul li .content-social .social a img{
    width: 30px;
}

.footer-second ul li .content-social .social a img.img-blog{
    width: 40px;
}

.phones{
    display: flex;
    align-items: center;
    gap: 15px;
}

.footer-second .container {
    max-width: 1500px;
}

.footer-second ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-second img {
    width: 100%;
    max-width: 180px;
}

.page-footer .sg-info {
    max-width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.sg-info .l12 {
    padding-left: 0px;
    margin-left: -10px;
}

.footer-second .sg-info .flow-text b {
    color: #fff !important;
}

.footer-second .page-footer .sg-info ul li {
    color: #fff !important;
}

.footer-second .sg-info span {
    color: #fff !important;
}

.page-footer .footer-second ul:not(.browser-default)>li {
    list-style-type: none;
}

.footer-copyright .icon-facebook,
.footer-copyright .icon-instagram,
.footer-copyright .icon-twitter,
.footer-copyright .icon-youtube {
    font-size: 30px;
    padding-left: 20px;
}

.footer-copyright {
    padding-left: 10px !important;
}

.copy {
    padding-right: 25px;
}

#back-to-top {
    position: fixed;
    bottom: 120px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #EF6E2C;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    -webkit-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

#back-to-top:hover {
    background: #00315A;
}

#back-to-top.show {
    opacity: 1;
    margin-right: 50px;
    width: 48px;
    height: 37px;
    margin-bottom: -7px;
    border-radius: 5px;
}

.floating-button {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #EF6E2C;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    -webkit-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.floating-button:hover {
    background: #00315A;
}

.floating-button.show {
    opacity: 1;
    margin-right: 50px;
    width: 48px;
    height: 37px;
    margin-bottom: -7px;
    border-radius: 5px;
}

#content {
    height: 2000px;
}

.btn center {
    margin-left: 30px;
}

.btn-opensendmail center {
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
}

.btn-opensendmail center i {
    position: inherit;
}

/* rodape /////////////////////////////////////////////////////////////////////////////////*/


/* tour /////////////////////////////////////////////////////////////////////////////////*/

#tour_tour {
    z-index: 999999;
}

.tour_description {
    background-color: #fff;
    color: #555 !important;
    font-size: 16px !important;
    border: 2px solid #EAEEF2;
    z-index: 99;
    height: 200px;
    padding-top: 50px !important;
    margin-top: -70px !important;
}

.tour_title {
    color: #EF6E2C !important;
    text-shadow: none !important;
    margin-top: 60px;
    z-index: 999;
    font-size: 25px !important;
    padding-left: 10px;
    padding-top: 150px !important;
    margin-top: -10px !important;
}

.tour_box_transition {
    margin-left: 20px;
}

.tour_controls {
    margin-top: -140px !important;
    margin-left: 20px !important;
}

.tour_controls .btn-danger {
    border-radius: 50px;
    width: 50px;
    left: 500px !important;
    position: absolute;
    margin-top: -150px;
    padding-left: 18px;
    font-size: 22px;
    font-weight: 600;
}

.tour_controls .btn-default {
    background-color: #F3B392 !important;
}

.tour_description:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #c2e1f5;
    border-width: 36px;
    margin-top: -36px;
}

.sg-date {
    white-space: nowrap;
    overflow: hidden;
}

.hide-calendar {
    display: none;
}

.daterangepicker {
    margin-left: 23px !important;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    height: 370px;
}

.calendar-table .left thead {
    margin-left: -5px;
    position: absolute;
    z-index: 999;
    width: 312px;
}

.calendar-table .right thead {
    margin-left: -2px;
    position: absolute;
    z-index: 999;
    width: 312px;
}

.calendar-table .right thead th {
    width: 50px !important;
}

.calendar-table .left thead th {
    width: 55px !important;
}

.calendar-table .left tbody {
    position: absolute;
    margin-top: 120px;
    margin-left: -5px;
    width: 310px;
}

.calendar-table .right tbody {
    position: absolute;
    margin-top: 120px;
    margin-left: 0px;
    width: 310px;
}

.calendar-table .left tbody td {
    width: 50px !important;
}

.calendar-table .right tbody td {
    width: 55px !important;
}

.daterangepicker td.disabled {
    border: 10px solid #fff !important;
    cursor: not-allowed !important;
}

.daterangepicker.show-calendar .drp-buttons {
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid #ddd;
    width: 761px;
    margin-left: -1px;
}

.daterangepicker .drp-buttons .btn {
    width: 120px;
    margin-left: 20px;
}

.daterangepicker .drp-buttons .cancelBtn {
    background-color: #00315A;
}

.daterangepicker .drp-selected {
    font-size: 16px;
    font-weight: 600;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 0px !important;
    line-height: 10px !important;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
}

.daterangepicker .calendar-table td.available {
    background-color: #e6eef4;
    border-radius: 0px;
    border: 10px solid #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.daterangepicker.opensleft:before {
    right: 95% !important;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #e4ecf4;
}

.daterangepicker.opensleft:after {
    right: 95% !important;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #e4ecf4;
}

.tap-target-wrapper {
    width: 0px;
    height: 800px;
    position: fixed;
    z-index: 1000;
    visibility: hidden;
    -webkit-transition: visibility 0s .3s;
    -o-transition: visibility 0s .3s;
    transition: visibility 0s .3s;
}

.tap-target-wave::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: transparent;
}

.tap-target-wave::after {
    background-color: #597893;
}

.tap-target-wave {
    margin-top: -50px;
    width: 50px;
    height: 50px;
    margin-left: -13px;
}

.icon-down .material-icons .tap-target-wave {
    display: none;
}

/* tour /////////////////////////////////////////////////////////////////////////////////*/



/* form email /////////////////////////////////////////////////////////////////////////////////*/

.form-mail {
    background-color: #fff;
    border-right: solid 2px #EAEAEA;
    height: 80vh;
    border-radius: 4px;
}

.form-mail .title {
    font-family: 'bebasneueregular';
    color: #fff;
    background-color: #EF6E2C;
    padding: 20px;
    font-size: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    letter-spacing: 5px;
}

.form-mail .btn {
    height: 45px;
}

.form-mail .input-field.col label {
    left: 10px;
}

.form-mail h2 {
    font-size: 25px;
    margin: 0;
}

.sg-orca {
    overflow: auto;
    height: 80vh;
    margin-top: 0px;
}

.row .form-mail.col.s3 {
    margin: -20px 0 0 0;
    padding: 0;
}

.sg-orca .sg-itinerary .col {
    margin: 0;
    padding: 0;
}

.sg-orca.col.s9 {
    margin: 0;
    padding: 0;
}

.sg-orca .sg-itinerary .third {
    border: none;
}

.sg-orca .sg-itinerary {
    height: auto;
    border-bottom: 2px solid #EAEAEA;
}

.sg-orca .car-grid .row .col.s3 {
    margin: 0;
    padding: 0;
}

.sg-orca .car-grid .row .col.s12 {
    margin: 0;
    padding: 0;
}

.no-img .indicators {
    display: none;
}

.indicators {
    display: none;
}

.slider ul {
    height: 100% !important;
}

.no-img .slider {
    height: 150px !important;
}

.no-img .slider-modal,
.no-img .slider-modal .slides {
    height: 169px !important;
    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;
    background: #fff;
}

.no-img .slider .slides {
    height: 150px !important;
}

.daterangepicker:not(.single) {
    background-color: #fff !important;
    width: 760px !important;
}

.daterangepicker.single {
    width: 317px !important;
    background-color: #e4ecf4;
    min-height: 343px;
    max-height: 400px;
    height: auto;
}

.daterangepicker .table-condensed thead {
    border-radius: 4px;
    color: #031733;
    -webkit-box-shadow: 0 3px 30px 0 #e4ecf4;
    box-shadow: 0 3px 30px 0 #e4ecf4;
    background-color: #e4ecf4;
    border-radius: 4px 0px 0 0;
}

.right thead {
    border-radius: 0px 0px 0px 4px !important;
}

.daterangepicker .table-condensed thead th {
    border-radius: 0px;
}

.daterangepicker .table-condensed thead th.month {
    color: #031733;
    font-size: 16px;
    font-family: 'Open Sans';
    padding-top: 28px;
    padding-bottom: 28px;
}

.daterangepicker .left .calendar-table {
    margin-left: 5px;
}

.daterangepicker .right .calendar-table {
    padding-right: 5px;
}

.daterangepicker .table-condensed thead tr:first-child {
    border-bottom: 2px solid #bbd1e0;
}

.daterangepicker .drp-calendar {
    max-width: 375px !important;
    width: 100%;
}

.daterangepicker .drp-calendar.left {
    background-color: #e4ecf4;
}

.daterangepicker .drp-calendar.right {
    background-color: #e4ecf4;
}

.daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 0px !important;
}

.daterangepicker .drp-calendar.left,
.daterangepicker .drp-calendar.right {
    padding: 0px !important;
}

.daterangepicker .calendar-table {
    border: 0px solid #fff !important;
    border-radius: 4px;
    background-color: transparent !important;
}

.daterangepicker .calendar-table td {
    color: #597893 !important;
    font-weight: 600;
}

.no-img .arrow-button {
    display: none;
}

.sidenav-overlay {
    z-index: -1;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    color: #d2e1eb !important;
    border-radius: 0px !important;
    background-color: #fff !important;
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    color: #fff !important;
    background-color: #315979 !important;
    border-radius: 4px 0px 0px 4px !important;
}

.daterangepicker td.in-range {
    background-color: #eee !important;
    color: #597893 !important;
}

.daterangepicker td.in-range.end-date {
    background-color: #315979 !important;
    color: #fff !important;
}

.daterangepicker td.end-date {
    border-radius: 0px 4px 4px 0px !important;
}

.daterangepicker .drp-calendar.right {
    margin-left: -10px !important;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    color: #fff !important;
    border: solid #fff !important;
    border-width: 0 2px 2px 0 !important;
}

.prev.col.s6.left.arrow-left {
    text-align: left;
}

.next.col.s6.right.arrow-right {
    text-align: right;
}

.daterangepicker .table-condensed thead th.prev {
    background-color: #315979;
    border-radius: 50px;
    width: 30px;
    height: 30px !important;
    position: absolute;
    padding-top: 9px;
    margin-top: 18px;
    margin-left: 10px;
    padding-left: 2px;
    padding-right: 0px;
    min-width: 30px;
    max-width: 30px;
}

.daterangepicker .table-condensed thead th.prev::before {
    border: 2px solid #315979;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    position: absolute;
    margin-top: -15px;
    margin-left: -17px;
    content: "";
}

.daterangepicker .table-condensed thead th.next::before {
    border: 2px solid #315979;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    position: absolute;
    margin-top: -15px;
    margin-left: -14px;
    content: "";
}

.daterangepicker th.prev.available:hover {
    background-color: #879DB0 !important;
}

.daterangepicker th.next.available:hover {
    background-color: #879DB0 !important;
}

.daterangepicker .table-condensed thead th.next {
    background-color: #315979;
    border-radius: 50px;
    width: 30px;
    height: 30px !important;
    position: absolute;
    padding-top: 9px;
    margin-top: 18px;
    margin-right: 10px;
    padding-right: 4px;
    padding-left: 0px;
    min-width: 30px;
    max-width: 30px;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: transparent !important;
    color: #fff !important;
    border-color: #fff !important;
    background-color: #315979 !important;
    border-radius: 4px;
}

.sg-orca .sg-itinerary {
    -webkit-animation: none;
    animation: none;
}

.sg-orca .info-tooltip {
    display: none;
}

.filter-bottom {
    padding-bottom: 240px;
}

.pagination {
    background-color: #fff;
    border: 2px solid #EEF1F4;
    border-radius: 4px;
    text-align: center;
    font-weight: 600;
    height: 50px;
    padding-top: 8px;
}

/* form email /////////////////////////////////////////////////////////////////////////////////*/
.content_box-aside {
    max-width: 1500px;
    position: relative;
    margin-inline: auto;
    display: none;
}

.box-inside {
    position: absolute;
    top: 100px;
    right: 110px;
    width: 100%;
    max-width: 650px;
    height: 490px;
    display: none;
    z-index: 9;
    border-radius: 4px;
}

.box-inside form {
    border-radius: 4px;
}

a.password {
    padding-left: 0px !important;
    color: #EF6E2C;
}

.sg-box-login {
    width: 100%;
    margin-left: 0px;
    height: auto;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.sg-box-login.row .col.s12 {
    margin: 0px;
    padding: 0px;
}

.off-forgot {
    display: none;
    padding-bottom: 10px;
}

.off-access {
    display: none;
}

.on-forgot.off-forgot {
    display: block
}

.sg-box-login .input-field,
.sg-box-login .form-btn {
    margin-left: 1rem;
    margin-right: 1rem;
}

.sg-box-login.on-box {
    display: block;
}

.sg-box-login p {
    padding: 0px;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.sg-box-login a {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Open Sans', sans-serif;
}

.sg-box-login .title-top {
    font-family: 'bebasneueregular';
    color: #fff;
    background-color: #F3B392;
    border-bottom: 2px solid #EF6E2C;
    padding: 20px;
    font-size: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    letter-spacing: 5px;
    border-radius: 4px 4px 0px 0px;
}

.sg-box-login .title-bottom {
    color: #597893;
    background-color: #F4F6F8;
    font-family: 'bebasneueregular';
    font-size: 22px;
    padding: 10px;
    padding-bottom: 5px;
    letter-spacing: 1px;
    border-top: 2px solid #EAEEF2;
    border-bottom: 2px solid #EAEEF2;
    margin-top: 10px;
}

.box-left .title {
    color: #597893;
    font-family: 'bebasneueregular';
    font-size: 22px;
    padding: 10px;
    padding-bottom: 5px;
    letter-spacing: 1px;
}

.box-footer {
    width: 100%;
    height: 100%;
}

.box-footer img {
    width: 100%;
    margin-top: 50px;
}

.autocomplete-content {
    z-index: 9;
}

.row .col.s3.sg-left {
    margin-left: initial;
}

.col.s3.sg-left {
    max-width: 310px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}


.res-grid {
    padding-left: 25px;
    width: 78%;
}

.res-grid.col {
    padding: 0 !important;
}

.map-modal {
    padding: 0px !important;
}

.map-modal .map-store {
    padding: 0px !important;
}

/* SKELETON ////////////////////////////////////////////////////////////////////////////////*/
.after-load .sgton,
.after-load .skeleton-btn,
.after-load .skeleton-img {
    display: none;
}

.before-load .sgton {
    display: block;
}

.before-load .car-grid {
    display: none;
}

.before-load .sg-left .sg-filter,
.before-load .sg-left .btn-map,
.before-load .sg-left .search-box,
.before-load .car-grid,
.before-load .border-grid,
.before-load .tools {
    display: none;
}

.item-open,
.close-filter {
    display: none;
}

.content-grade {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 100px;
    max-width: 1500px;
    margin-inline: auto;
    padding: 0 20px;
}


#test1.car-list,
#test2.car-list {
    padding: 0 !important;
}

.before-load .car-list {
    min-height: 100px !important;
}

.car-list .car-grid:first-child {
    border: 2px solid #EAEEF2;
}

.skeleton-btn .skeleton-line {
    margin-left: 20px;
}

.sgton .skeleton-geral {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
    border-radius: 4px;
}

.sgton-content {
    background-color: #FBFBFB;
    padding: 20px;
    border: 2px solid #eaeef2;
    border-radius: 4px;
}

.sgton-avatar {
    width: 48px;
    height: 48px;
    background-color: #D4DCE2;
    border-radius: 100%;
    float: left;
}

.sgton-header,
.sgton-text,
.sgton-footer,
.skeleton-avatar,
.skeleton-img,
.sgton-filter {
    -webkit-animation: skeleton 1s ease-in-out forwards infinite;
    animation: skeleton 1s ease-in-out forwards infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}



.sgton-header {
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
}



.skeleton-line.heading {
    height: 1rem;
    margin-bottom: 0.5rem;
}

.skeleton-line {
    height: 35px;
    background-color: #D4DCE2;
    border-radius: 3px;
    margin-bottom: 0.3rem;
}

.sgton-text {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
}

.sgton-filter {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
    opacity: 0;
}


.skeleton-img {
    height: 130px;
    background-color: #D4DCE2;
    border-radius: 0.75rem;
    margin-top: 1.5rem;
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms;
}

.sgton-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1rem;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
}

.sgton-header,
.sgton-text,
.sgton-footer,
.skeleton-avatar,
.skeleton-img {
    -webkit-animation: skeleton 1s ease-in-out forwards infinite;
    animation: skeleton 1s ease-in-out forwards infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.sgton-header {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.skeleton-img {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sgton-footer-bolinha {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.sgton-text {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.sgton-filter {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
}

.skeleton-button.rounded {
    border-radius: 100%;
}

.skeleton-button {
    border-radius: 100%;
}

.skeleton-button:not(:last-child) {
    margin-right: 2rem;
}

.skeleton-button {
    display: block;
    width: 28px;
    height: 28px;
    background-color: #D4DCE2;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 20px;
    margin-left: 10px;
}

#modal-on-request {
    width: 50%;
    max-height: 85%;
    overflow-y: auto;
}

/* #modal-on-request .form-on-request .title h2 {
        font-family: 'bebasneueregular';
        color: #fff;
        background-color: #EF6E2C;
        padding: 20px;
        font-size: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
        letter-spacing: 5px;
        font-size: 2.56rem;
    }

    #modal-on-request .title {
        margin-top: -36px;
    }*/

.form-on-request .row {
    padding: 20px;
}

.modal-on-request-content {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    background-color: #fafafa;
    width: 80%;
    margin: auto;
    border-radius: 2px;
    will-change: top, opacity;
    z-index: 999 !important;
}

@-webkit-keyframes skeleton {
    0% {
        opacity: 0.2;
        -webkit-transform: translateY(6px) scale(0.98);
        transform: translateY(6px) scale(0.98);
    }

    85%,
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
    }
}

@keyframes skeleton {
    0% {
        opacity: 0.2;
        -webkit-transform: translateY(6px) scale(0.98);
        transform: translateY(6px) scale(0.98);
    }

    85%,
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
    }
}



/* SKELETON ////////////////////////////////////////////////////////////////////////////////*/
/* RESPONSIVO //////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 2050px) {
    .col.s3.sg-left {
        padding: 0px !important;
        max-width: 310px;
    }

    .search-box {
        max-width: 100%;
    }

    .s9.res-grid {
        padding-left: 25px;
        min-width: 1500px;
    }
}

@media only screen and (max-width: 1850px) {

    .col.s3.sg-left {
        padding: 0px !important;
        max-width: 320px;
    }

    .search-box {
        max-width: 100%;
    }

    .s9.res-grid {
        padding-left: 25px;
        min-width: 1400px;
    }

    .box-inside {
        margin-left: 68%;
    }
}

@media only screen and (max-width: 1790px) {

    .s9.res-grid {
        padding-left: 25px;
        min-width: 1350px;
    }

    .box-inside {
        margin-left: 66%;
    }
}

@media only screen and (max-width: 1740px) {

    .box-inside {
        margin-left: 65%;
    }

    .s9.res-grid {
        padding-left: 25px;
        min-width: 1250px;
    }
}

@media only screen and (max-width: 1680px) {


    .box-inside {
        margin-left: 64%;
    }

    .col.s3.sg-left {
        padding: 0px !important;
        max-width: 320px;
    }

    .s9.res-grid {
        padding-left: 25px;
        max-width: 1300px;
    }

    .no-img .col.s2.logos {
        max-height: 120px;
    }


    .search-btn center {
        margin-left: 15px !important;
    }


    .col.s2.logos {
        text-align: center;
    }

    .logos img {
        width: 100%;
        max-width: 60px;
    }

    object link .date label {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .switch {
        font-size: 10px;
    }

    .switch label {
        font-size: 12px;
    }
}

@media only screen and (min-width: 1581px) {
    .s9.res-grid {
        padding-left: 25px;
        min-width: 70%;
    }

    .col.s3.sg-left {
        padding: 0px !important;
        max-width: 320px;
    }

    .next.col.s6.right.arrow-right {
        text-align: right !important;
    }


    .filter-fixed {
        max-width: 310px;
    }
}

@media only screen and (max-width: 1580px) {


    .col.s3.sg-left {
        padding: 0px !important;
        max-width: 320px;
    }

    .s9.res-grid {
        padding-left: 25px;
        min-width: 70%;
    }

    .box-inside {
        margin-left: 63%;
    }
}

@media only screen and (max-width: 1520px) {


    .prev.col.s6.left.arrow-left {
        text-align: left;
        padding-left: 5px;
        padding-right: 5px;
    }

    .next.col.s6.right.arrow-right {
        text-align: right;
        padding-left: 5px;
        padding-right: 5px;
    }

    .col.s3.sg-left {
        padding: 0px !important;
        max-width: 320px;
    }

    .s9.res-grid {
        padding-left: 25px;
        min-width: 70%;
    }

    .box-inside {
        margin-left: 62%;
    }
}

@media only screen and (max-width: 1440px) {
    .page-footer .col.s12.l5 {
        padding-right: 60px;
    }

    #store2 h2 {
        width: 50%;
    }

    .modal-map .btn {
        font-size: 12px;
    }

    #start-tour {
        margin-top: 67vh !important;
    }

    .content-offer .price {
        font-size: 70px;
        margin: 0px;
        margin-top: 50px;
    }

    .package .col.s6 {
        padding: 10px;
        zoom: 90%;
    }

    .s9.res-grid {
        padding-left: 0px;
        min-width: 70%;
    }


    .box-inside {
        margin-left: 58%;
    }

    .modal-more-information .content-offer .btn {
        margin-top: 85px;
    }

    .modal-content .sg-orca .car-grid {
        zoom: 80%;
    }

    .sg-orca .slider .slides {
        max-width: 100%;
    }

    .btn-circle {
        background-color: #EF6E2C;
        color: #fff;
        border: 2px solid #fff;
        border-radius: 50px;
        width: 20px;
        height: 20px;
        font-size: 12px;
        line-height: 1.5;
        position: absolute;
        margin-left: 14%;
        z-index: 2;
        margin-top: 5px;
        padding-left: 4px;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    }

    .search-btn center {
        margin-left: 20px !important;
    }

    .footer-icons .icon-diners {
        font-size: 60px;
        margin-left: 80px;
    }

    .footer-icons.right.row {
        padding-left: 50px;
    }

    .content-offer .btn {
        width: 100%;
        margin-top: 55px;
    }

    .content-offer {
        margin: 5px;
        padding: 5px;
        margin-top: 10px;
    }

    .content-offer .pay {
        padding: 5px;
        font-weight: 600 !important;
    }

    .col.s2.logos {
        text-align: center;
    }

    .logos img {
        width: 100%;
        max-width: 60px;
    }

    .slider .slides {
        max-width: 100%;
    }

    .slider .slides li img {
        height: auto;
        width: 70%;
        background-position: center 26px;
        background-size: 50%;
        background-repeat: no-repeat;
    }

    .slider .indicators:first-child .indicator-item img {
        width: 100%;
        padding: 10px;
        z-index: 99;
        margin-top: -5px;
        height: 85%;
    }

    .slider .indicators:last-child {
        height: 70px;
    }

    #logo-container img {
        width: 100%;
        max-width: 180px;
        margin-top: 12px;
    }

    .switch label .lever {
        content: "";
        display: inline-block;
        position: relative;
        width: 26px;
        height: 10px;
        background-color: rgba(0, 0, 0, 0.38);
        border-radius: 15px;
        margin-right: 10px;
        -webkit-transition: background 0.3s ease;
        -o-transition: background 0.3s ease;
        transition: background 0.3s ease;
        vertical-align: middle;
    }

    .switch label .lever:before,
    .switch label .lever:after {
        content: "";
        position: absolute;
        display: inline-block;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        left: 0;
        top: -3px;
        -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
        transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
        -o-transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
        transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
        transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
    }

    .input-field.col label {
        font-size: 12px;
    }

    .date label {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
}

@media only screen and (max-width: 1366px) {

    .modal-map .btn {
        font-size: 12px;
        min-width: 87px;
    }

    #start-tour {
        margin-top: 65vh !important;
    }

    #iti {
        position: fixed;
        width: 100%;
        margin-top: -288px !important;
        z-index: 997;
    }

    #iti.top-expand {
        margin-top: -135px !important;
    }

    #iti.top-expand.super-fixed {
        margin-top: -266px !important;
    }

    #store2 {
        height: 70vh;
    }
}

@media only screen and (max-width: 1350px) {

    .col.s3.sg-left {
        padding: 0px !important;
        max-width: 310px;
        margin-right: 30px;
    }

    .search-box,
    .filter-fixed {
        max-width: 310px;
    }

    .s9.res-grid {
        padding-left: 25px;
        min-width: 70%;
    }
}

@media only screen and (max-width: 1370px) {
    .box-inside {
        margin-left: 55%;
    }

    .modal-more-information .content-offer .btn {
        margin-top: 60px;
    }



    .content-offer .price {
        font-size: 80px;
        margin: 0px;
        margin-top: 30px;
    }

    .content-offer .btn {
        width: 100%;
        margin-top: 60px;
    }

    .content-offer {
        margin: 10px;
        margin-top: 10px;
    }

    .logos img {
        width: 100%;
        max-width: 60px;
    }

    .slider .slides {
        max-width: 100%;
    }

    @-webkit-keyframes fadedown {
        0% {
            margin-top: -10px;
        }

        100% {
            margin-top: 220px;
        }
    }

    @keyframes fadedown {
        0% {
            margin-top: -10px;
        }

        100% {
            margin-top: 220px;
        }
    }

    @-webkit-keyframes fadeup {
        0% {
            margin-top: 220px;
        }

        100% {
            margin-top: -10px;
        }
    }

    @keyframes fadeup {
        0% {
            margin-top: 220px;
        }

        100% {
            margin-top: -10px;
        }
    }

    @-webkit-keyframes fadeinicial {
        0% {
            margin-top: -10px;
        }

        100% {
            margin-top: -10px;
        }
    }

    @keyframes fadeinicial {
        0% {
            margin-top: -10px;
        }

        100% {
            margin-top: -10px;
        }
    }
}

@media only screen and (max-width: 1280px) {

    .col.l5.sg-nav {
        width: 45%;
        float: right;
    }

    .row .col.l5.cotacao {
        max-width: 460px;
    }

    .l6.sg-nav {
        max-width: 550px;
        float: right;
    }

    .l4.cotacao {
        zoom: 96%;
    }

    #modal4 .slider .slides {
        max-width: 100%;
    }

    #store2 h2 {
        width: 40%;
    }

    #start-tour {
        margin-top: 64vh !important;
    }

    .box-inside {
        margin-left: 52%;
    }


    .footer-icons.right.row {
        padding-left: 50px;
        zoom: 89%;
    }

    .col.s4.sg-tooltip {
        padding-left: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .content-offer .btn {
        width: 100%;
        margin-top: 60px;
    }

    .logos img {
        width: 100%;
        max-width: 60px;
    }

    .slider .indicators:first-child .indicator-item img {
        width: 100%;
        padding: 10px;
        z-index: 99;
        margin-top: -5px;
    }

    .slider .slides {
        max-width: 100%;
    }

    .next.col.s6.right.arrow-right {
        text-align: right !important;
    }


    #logo-container img {
        width: 180px;
        margin-top: 12px;
    }

    .filters .title {
        font-size: 20px;
        line-height: 1;
    }

    .search-box,
    .filter-fixed {
        max-width: 310px;
    }

    .search-box .title {
        font-size: 20px;
        line-height: 1;
    }

    label {
        font-size: 14px;
    }

    .filters p {
        padding-left: 5px;
    }

    [type="checkbox"]+span:not(.lever) {
        padding-left: 25px;
    }
}

@media only screen and (max-width: 1260px) {

    .row .col.l7.cotacao {
        width: auto;
    }

    .popcar {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 1165px) {

    .col.l5.sg-nav {
        width: 50%;
        float: right;
    }

    .grid-offer {
        -webkit-box-flex: 1.5;
        -ms-flex: 1.5;
        flex: 1.5;
    }
}

@media only screen and (max-width: 1050px) {

    .sg-dropmenu {
        display: none;
    }

    .sg-dropmenu-mob {
        display: block;
    }

    .sg-dropmenu-mob .dropdown-content {
        background-color: #ef6e2c;
        color: #fff;
    }

    .sg-dropmenu-mob>a span {
        margin-left: 0;
    }


    li.sg-dropmenu-mob a i.material-icons {
        margin: 0 50px 0 0;
        color: #fff;
        font-size: 2rem;
    }

    .sidenav li.sg-dropmenu-mob>a span,
    .sidenav li.sg-dropmenu-mob .second-menu-help li a span {
        margin-left: 0;
        text-transform: uppercase;
    }

    .sg-dropmenu.sg-login {
        display: block !important;
    }

    .sidenav li.sg-dropmenu-mob.active {
        background-color: #F7B796;
    }

    .sidenav li.activated {
        background-color: #ef6e2c;
    }

    .col.s3.sg-left {
        max-width: 270px;
    }
}

.plus {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 15px;
    padding: 20px 0 0 0;
}

@media only screen and (max-width: 1024px) {

    .modal-equipament {
        grid-template-columns: repeat(2, 1fr);
    }

    .equipment-img img {
        width: 57px;
        margin: 10px;
        margin-left: 0px;
    }

    .equipment-img.col.s5 {
        padding-right: 0px;
        width: 26%;
    }

    .col.l5.sg-nav {
        width: 60%;
        float: right;
    }

    .col.s3.sg-left {
        padding: 0px !important;
        max-width: 243px;
    }

    .footer-icons {
        width: 100%;
        margin-right: 0px;
        padding-left: 0px !important;
    }

    .footer-icons .col.s12 {
        width: 50%;
    }

    .page-footer .col.s12.m5 {
        width: 100%;
    }

    .l6.sg-nav {
        max-width: 100%;
        width: 70% !important;
        float: right;
    }


    .sg-tooltip span {
        color: #597893;
        margin-left: 40px;
    }

    .sg-tooltip.opcional span {
        color: #EF6E2C !important;
    }

    .only-one img {
        margin-top: 40px;
        max-width: 140px;
    }

    .modal-more-information {
        display: none;
        position: absolute;
        top: 2.5% !important;
        left: 0;
        right: 0;
        background-color: #fafafa;
        padding: 10px;
        height: 100%;
        max-height: 550px;
        width: 90%;
        margin: auto;
        border-radius: 2px;
        will-change: top, opacity;
    }

    .search-btn center span {
        margin-left: 0px !important;
    }

    .search-btn center .material-icons {
        margin-left: 0px !important;
    }

    .search-btn .material-icons {
        display: none;
    }

    .content-offer .btn {
        width: 100%;
        margin-top: -5px;
    }

    .content-offer {
        margin: 5px;
        padding: 0px;
        margin-top: 5px;
    }

    .logos img {
        width: 100%;
        max-width: 60px;
    }

    .slider .indicators:first-child .indicator-item img {
        width: 100%;
        padding: 10px;
        z-index: 99;
        margin-top: -5px;
    }

    .s8.res-grid {
        width: 73% !important;
    }

    .number-page {
        padding: 0 !important;
    }

    .btn-map {
        background-position: 0px;
    }

    .search-box,
    .filter-fixed {
        max-width: 260px;
    }
}

/* .filter-box .superdate .daterangepicker{
    left: -18!important;
    top: 75px!important;
} */

@media only screen and (max-width: 995px) {

    .open-filters {
        display: none;
        position: fixed;
        z-index: 998 !important;
        top: 0%;
        left: 0;
        bottom: 0;
        right: 0;
        height: 105%;
        width: 100%;
        padding: 20px;
        background: #323d5165;
        will-change: opacity;
        cursor: pointer;
        overflow: auto;
    }


    .close-filter {
        position: absolute;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #EF6E2C;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        right: 4px;
        cursor: pointer;
        top: 45px;
    }

    .item-open {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
    }

    .item-open i {
        color: #00315A;
        margin-right: 10px;
    }

    .item-open span {
        color: #00315A;
        font-weight: 600;
        text-transform: uppercase;
    }

    .content-grade {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .content-list .sg-left {
        height: 80vh;
        margin-top: 0;
    }

    .col.s3.sg-left {
        width: 100%;
        max-width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 10px !important;
        margin-top: 50px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 30px;
        background-color: #fff;
        border-radius: 4px;
    }

    .content_modal {
        background-color: #fff;
        border-radius: 4px;
        overflow: auto;
        margin-top: 50px;
    }

    .btn-map {
        display: none;
    }

    .sg-right .tools {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .search-box {
        width: 100%;
        max-width: 100%;
        padding-bottom: 0;
        margin-top: 0;
    }

    #frm-filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .filter-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    #frm-filter .filter-box>div {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .filters form {
        margin: 0;
    }

    .more-info .row.s12 {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 10px 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .more-info .row .col.s6 {
        width: 100% !important;
        max-width: 100% !important;
    }

    .checkbox-content {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 10px 1fr 10px 1fr !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 10px;
        padding: 10px !important;
    }

    .checkbox-content p {
        padding: 5px 0 !important;
    }

    .filters p:last-child {
        border-bottom: 2px solid #EAEEF2;
    }

    .border-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .res-grid {
        width: 100% !important;
        padding: 0px;
        padding-left: 0;
    }


    .btn-grid .btn {
        margin-top: 0;
    }

    .btn-grid .btn-circle {
        margin-top: 0px !important;
    }

    #test1.car-list {
        padding: 10px;
    }

    #test2.col {
        padding: 0;
    }

    .tab.col.m2 {
        max-width: 500px;
    }


    .col.l5.sg-nav {
        width: 70%;
        float: right;
    }

    .hide-on-med-and-down.sg-menu {
        display: block !important;
    }

    .menu-itinerary li {
        font-size: 16px;
        font-weight: 700;
        color: #94A7B8;
        line-height: 25px;
        border-left: 2px solid #94A7B8;
        padding-left: 10px;
        cursor: pointer;
    }

    .modal-more-information {
        max-height: 775px;
    }

    .modal-more-information .content-inclusive .car-top {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .sg-itinerary .menu-itinerary {
        padding: 10px !important;
    }

    @-webkit-keyframes fadedown {
        0% {
            margin-top: -35px;
        }

        100% {
            margin-top: 220px;
        }
    }

    @keyframes fadedown {
        0% {
            margin-top: -35px;
        }

        100% {
            margin-top: 220px;
        }
    }

    @-webkit-keyframes fadeup {
        0% {
            margin-top: 220px;
        }

        100% {
            margin-top: -35px;
        }
    }

    @keyframes fadeup {
        0% {
            margin-top: 220px;
        }

        100% {
            margin-top: -35px;
        }
    }

    @-webkit-keyframes fadeinicial {
        0% {
            margin-top: -35px;
        }

        100% {
            margin-top: -35px;
        }
    }

    @keyframes fadeinicial {
        0% {
            margin-top: -35px;
        }

        100% {
            margin-top: -35px;
        }
    }
}

@media only screen and (max-width: 768px) {
    .content_box-aside {
        width: 100%;
        height: 100%;
        position: absolute;
        background: #33333352;
        z-index: 999;
    }

    .box-inside {
        margin-left: 0;
        right: auto;
        position: initial;
        margin-inline: auto;
        margin-top: 20%;
    }

    .sg-right .tools {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    nav.sg-nav {
        padding: 0 0 0 15px;
    }

    #launcher {
        display: none;
    }

    #_hj_feedback_container {
        display: none;
    }

    #back-to-top.show {
        display: none;
    }

    .desk {
        display: none;
    }

    .mob {
        display: block;
        width: 60px !important;
    }

    .l6.sg-nav {
        max-width: 100%;
        width: 90% !important;
        float: right;
    }

    .content-inclusive {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .locator-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .car-grid .car-top {
        border-right: 0;
    }

    .content-inclusive .car-top {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .content-inclusive .car-top .arrow-button {
        max-width: 55%;
    }

    .slider .slides li img {
        width: 55%;
    }

    .tool-lista {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .tool-forcar {
        border-top: 0;
        padding-bottom: 0;
    }

    .grid-offer .content-offer {
        height: 100%;
    }

    .grid-offer {
        padding: 10px;
    }

    .content-offer {
        padding: 20px;
    }

    .btn-grid .btn-circle {
        margin-top: 2px !important;
    }

    .modal-content .grid-modal_content {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .modal-content .grid-modal_content .form-mail {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
    }

    .popcar {
        grid-template-columns: repeat(2, 1fr);
    }

    .container-tooltip {
        width: 80%;
    }

    .container-tooltip.modal-tooltip {
        padding: 10px 14px;
    }

    .footer-items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .content-list .slider,
    .border-bb {
        border-bottom: 0px;
    }

    .grade .icon-arcondicionado::before {
        margin-left: 0;
        margin-top: 0;
    }
    .content-div{
        display: none;
    }
    .content-infos{
        grid-template-columns: 1fr 1fr;
    }
    .payment-method-list{
        flex-wrap: wrap;
    }

    .page-footer h5 {
        width: 200px;
    }
    .page-footer .sg-info{
        grid-template-columns: 1fr;
        justify-content: center;
    }

    .page-footer .sg-info{
        gap: 20px;
    }

    .page-footer .sg-info li{
        justify-content: center;
    }

    .footer-second ul li .content-social .social{
        justify-content: center;
    }
}


@media only screen and (max-width: 640px) {

    .sg-dropmenu {
        display: none;
    }

    .l6.sg-nav {
        max-width: 100%;
        width: 65% !important;
        float: right;
    }

    .sg-dropmenu.sg-login {
        display: block !important;
    }

    .col.l5.sg-nav {
        width: 80%;
        float: right;
    }

    #logo-container img {
        width: 150px;
        margin-top: 0px !important;
    }

    .arrow-button .material-icons {
        display: none;
    }

    .tap-target {
        display: none;
    }

    .content__modal {
        padding: 15px;
    }

    .input-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .input-group .input-field {
        width: 100%;
    }

    .modal-mail {
        position: relative;
    }

    #modal-retirada-devolucao-divergente {
        width: 50% !important;
    }

    #modal-obter-cotacao-seguro,
    #modal-obter-cotacao-outros,
    #modal-obter-cotacao-ingressos {
        width: 80% !important;
    }

    .sg-right .tools .btn-grid .btn {
        padding: 0;
    }


    .modal-equipament {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .footer-items{
        grid-template-columns: 1fr;
    }

    .sobre-nos{
        padding-left: 10px;
    }
    .content-infos{
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media only screen and (max-width: 600px) {
    .modal-reserve {
        max-width: 370px !important;
    }

    .modal-reserve .select-wrapper{
        margin-bottom: 20px;
    }

    .modal-reserve label.confirmation-number{
        margin-top: -11px;
    }
    #iti {
        margin-top: -535px !important;
    }

    .sg-itinerary .third {
        min-height: -webkit-max-content;
        min-height: -moz-max-content;
        min-height: max-content;
    }

    .super-promo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .content-offer .pay {
        padding: 15px 10px;
    }

    .inside-img {
        height: initial !important;
        margin-top: 0;
    }

    .itens-servico {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .package {
        height: 100%;
    }

    .slider .slides li img {
        max-width: 300px;
    }

    .tool-lista {
        width: 100%;
        margin-inline: auto !important;
        padding: 10px;
    }

    .sg-tooltip {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .sg-tooltip span {
        margin-left: 55px;
    }

    #modal3 .package {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
    }

    .tooltip_modal {
        max-width: 100%;
    }

    .popcar {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .locator-grid {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }

    .tool .component-items {
        padding: 20px;
        border-top: 2px solid #EAEEF2;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .plus{
        justify-content: center;
    }
    .content-images{
        border-right: 0;
    }

    #test2 .car-top,
    .grade .car-top .slider {
        border-right: 0;
    }

    .modal-more-information .car-grid .car-top {
        border-right: 0;
    }

    .modal-content .car-grid .slider {
        border-right: 0;
    }

    .page-footer .sg-info li{
        flex-direction: column;
    }
}

@media only screen and (max-width: 550px) {

    .tools .btn-grid {
        max-width: 100%;
    }

    #test1.car-list {
        overflow: auto;
    }

    .tool .sg-tooltip {
        position: relative;
    }

    .filter-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

    #frm-filter .filter-box>div {
        width: 100%;
    }

    .checkbox-content {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .content-inclusive .car-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .content-inclusive.lista .car-top{
        grid-template-columns: 1fr;
    }

    .modal-more-information {
        max-height: 985px;
    }

    .modal-more-information .car-grid .title .list-title h3 {
        font-size: 20px;
    }

    .car-grid .title .list-title h3 {
        font-size: 20px;
    }

    .modal-content .car-top {
        display: flex;
        flex-direction: column;
    }

    .tool-forcar {
        width: 90%;
    }
}

@media only screen and (max-width: 480px) {

    #logo-container img {
        width: 120px;
        margin-top: 12px;
    }

    .col.l5.sg-nav {
        width: 50%;
        float: right;
    }

    ul.sg-menu .sg-dropmenu a {
        width: 70px;
    }

    .sg-dropmenu a span {
        margin-left: 0;
        opacity: 0;
    }

    .dropdown-content li {
        clear: inherit;
        ;
    }

    .dropdown-content {
        margin-left: -50px;
        min-width: 200px;
    }

    .car-grid .title .list-title h3 {
        font-size: 18px;
    }

    .slider .slides li img {
        width: 90%;
    }

    .car-grid .title .list-title h3 {
        padding-top: 0;
    }
}