﻿.cross-box {
    position: relative;
    padding: 10px;
    width: 90%;
    text-align: center;
    margin: auto;
    max-width:820px;
}
    .cross-box .box-shadow {
        margin-bottom: 5px;
        box-shadow: 0px 2px 4px #c3c3c3;
        background-color: white;
        border-radius: 4px;
    }

        .cross-box .box-shadow .box-itens {
            padding: 0px 10px;
            display: flex;
            justify-content: space-around;
            flex-flow: row wrap;
        }

            .cross-box .box-shadow .cross-header {
                height: 30px;
                padding: 0px 15px 0px 15px;
                margin-bottom: -13px;
            }

                .cross-box .box-shadow .cross-header .cross-travel-info {
                    float: left;
                    width: 70%;
                    /*text-align:left;*/
                }

                    .cross-box .box-shadow .cross-header .cross-travel-info span {
                        margin-right: 21%;
                        margin-left: 5%;
                    }

                .cross-box .box-shadow .cross-header strong {
                    font-weight: 700;
                }


                .cross-box .box-shadow .cross-header .filters {
                    font-size: 11px;
                    float: right;
                    color: #009ee3;
                    cursor: pointer;
                }

                    .cross-box .box-shadow .cross-header .filters .selected {
                        background-color: #009ee3;
                        color: white;
                        border: 1px solid #009ee3 !important;
                    }

                    .cross-box .box-shadow .cross-header .filters .btn-recomended {
                        border-radius: 32px 0px 0px 32px;
                        border: 1px solid;
                        padding: 4px 4px 4px 15px;
                        margin-right: -4px;
                        WIDTH: 500px;
                        min-width: 500px;
                    }

                    .cross-box .box-shadow .cross-header .filters .btn-lowprice {
                        border-radius: 0px 32px 32px 0px;
                        border: 1px solid;
                        padding: 4px 16px 4px 4px;
                        width: 140px;
                        min-width: 140px;
                    }

            .cross-box .box-shadow .box-itens .cross-item {
                float: left;
                padding: 0;
                text-align: center;
                position: relative;
                margin: 8px;
                height: 256px;
                border-radius: 4px;
                overflow: hidden;
                transition: all 250ms ease-in-out;
            }
            .cross-box .box-shadow .box-itens .cross-error-search {
                height: 100px !important;
            }
                .cross-box .box-shadow .box-itens .cross-hover:hover {
                box-shadow: 0px 2px 25px #c3c3c3;
                height: 250px;
                background-color: white;
                border-radius: 4px;
                transform: scale(1.06);
            }

            .cross-box .box-shadow .box-itens .cross-item img {
                width: 250px;
                height: 150px;
            }

            .cross-box .box-shadow .box-itens .cross-item .figure a {
                cursor: default;
            }
            .cross-box .box-shadow .box-itens .cross-item .figure img:hover {
                opacity: 1;
            }

            .cross-box .box-shadow .box-itens .cross-item .cross-description .hotel-name {
                margin-top: 10px;
                font-weight: 700;
                display: inline-block;
                width: 100%;
            }
                .cross-box .box-shadow .box-itens .cross-item .cross-description .hotel-name label {
                    white-space: nowrap;
                    overflow: hidden !important;
                    text-overflow: ellipsis;
                    width: 191px;
                }

            .cross-box .box-shadow .box-itens .cross-item .cross-description .hotel-rating p {
                margin-top: 0px;
            }

            .cross-box .box-shadow .box-itens .cross-item .cross-description .hotel-pricing .pricing {
                width: 105px;
                float: left;
                color: #656565;
            }

            .cross-box .box-shadow .box-itens .cross-item .cross-description .hotel-pricing span {
                font-size: 9px;
            }

            .cross-box .box-shadow .box-itens .cross-item .cross-description .hotel-pricing label {
                font-size: 16px;
                font-weight: 700;
                display: block;
            }

            .cross-box .box-shadow .box-itens .cross-item .cross-description .hotel-pricing .btn-detail {
                border-radius: 21px;
                border: 1px solid #009ee3;
                display: inline-block;
                position: relative;
                padding: 10px 5px 10px 4px;
                width: 72px;
                text-align: center;
                color: #009ee3;
                font-weight: 700;
                margin-right: 6px;
                float: right;
            }
                .cross-box .box-shadow .box-itens .cross-item .cross-description .hotel-pricing .btn-detail:hover {
                    color: white;
                    background-color: #009ee3;
                }
                .cross-box .box-title {
        margin: 5px 0 40px 0;
        display: block;
        color: #444444;
        font: bold 20px Arial;
        margin-top: -10px;
    }

        .cross-box .box-title a {
            float: right;
            font-size: 14px;
            color: #009ee3;
            margin-top: -145px;
        }

        .cross-box .box-title label {
            font-size: 16px;
            margin-left: 39px;
        }

.cross-item .cross-description {
    display: block;
    margin: 0px 0px 0px 10px;
    color: #009ee3;
    text-align: left;
}

.cross-ld {
    display: block;
    height: 270px;
}

.cross-error-search {
    padding: 90px 0px 0px 0px !important;
}


/* Animacao background */
.lazyColor {
    opacity: 0.5;
    background: linear-gradient(135deg, rgba(211,223,232,1) 30%,rgba(169,184,197,1) 38%,rgba(168,182,193,1) 41%,rgba(168,182,193,1) 50%,rgba(168,182,193,1) 50%,rgba(169,184,197,1) 51%,rgba(211,223,232,1) 57%,rgba(211,223,232,1) 80%,rgba(211,223,232,1) 80%);
    background-size: 1200% 1200%;
    -webkit-animation: AnimationName 4s ease infinite reverse;
    -moz-animation: AnimationName 4s ease infinite reverse;
    animation: AnimationName 4s ease infinite reverse;
}

@-webkit-keyframes AnimationName {
    0% {
        background-position: 0% 92%
    }

    50% {
        background-position: 100% 9%
    }

    100% {
        background-position: 0% 92%
    }
}

@-moz-keyframes AnimationName {
    0% {
        background-position: 0% 92%
    }

    50% {
        background-position: 100% 9%
    }

    100% {
        background-position: 0% 92%
    }
}

@keyframes AnimationName {
    0% {
        background-position: 0% 92%
    }

    50% {
        background-position: 100% 9%
    }
 100%{background-position:0% 92%}
}

.ld-hotelname.lazyColor {
    height: 18px;
    margin-top: 8px;
    border-radius: 2px;
    width: 130px;
}
.ld-figure.lazyColor {
    height: 140px;
}
.ld-ratings {
    height: 25px;
}
.ld-ratings div {
    float: left;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 9px 0px 0px 15px;
}
    .ld-ratings div:first-child {
    margin-left:0px;
    }


    .ld-price.lazyColor {
        height: 30px;
        margin-top: 10px;
        width: 85px;
        border-radius: 2px;
        float: left;
    }
.ld-info.lazyColor {
    height: 12px;
    margin-top: 8px;
    border-radius: 2px;
    width: 85px;
}
.ld-button.lazyColor {
    width: 100px;
    height: 40px;
    float: right;
    border-radius: 18px;
    margin-left:10px;
}

.ci-opacaty {
    opacity: 0.5;
}

@media only screen and (max-width: 600px) {
    .cross-box {
        width:inherit;
    }
    .cross-box .box-title {
        text-align:left;
    }
    .cross-box .box-title label {
        font-size:13px;
        float: inherit;
        margin-left: auto;
    }
    .cross-box .box-title a {
        margin-top: -115px;
        margin-right: 5px;
        font-size: 13px;
    }
    .cross-box .box-shadow .cross-header {
        height:inherit;
    }
    .cross-box .box-shadow .cross-header .cross-travel-info {
        float:initial;
        width:100%;
    }
    .cross-box .box-shadow .cross-header .filters {
        float: inherit;
        margin: 20px 20px;
    }
    .cross-box .box-shadow .cross-header .filters span {
        padding:8px !important;
    }
    .cross-box .box-shadow .cross-header .cross-travel-info span {
        margin-right: 2%;
        margin-left: 0%;
     }
    .cross-box .box-shadow .box-itens .cross-item {
        width:90%;
    }
}

.banner_conf {
	padding: 0px 130px 0px 129px;
	margin-top: 10px;
}
@media only screen and (max-width: 600px) {
    .banner_conf {
	padding: 15px;
	}
}