.tour-result-item-content {
    display: flex;
    flex-wrap: wrap;
}

.w3-bar-item:hover {
    color: #fff;
}

.n-mx-row {
    margin-left: 0;
    margin-right: 0;
    border-radius: 5px;
    display: block;
    position: relative;
}

.n-mx-1 {
    padding-bottom: 20px
}

.hotelGrade:before {
    width: 80px !important;
    height: 23px;
}
#tourResult{
    text-align:right
}
.content-ditail2 label {
    text-align: center;
    display: inline-block;
    line-height: 2;
    color: #656565;
    padding-top: 0;
    padding-right: 4px;
    direction: rtl;
    font-size: 12px;
}

.n-mx-021 {
    line-height: 1.2;
    padding-right: 0;
    padding-left: 0;
    margin-top: 0;
}

.sel__box--black-panther span {
    border-bottom: 1px solid #ccc;
}

.content-ditail2 span {
    text-align: right;
}

.display-joz {
    display: table !important;
}

.n-mx-4 .content-ditail2 span i {
    color: #fff !important;
}

.btn-purches {
    color: #4f4f4f !important;
    display: block;
    margin: 0 auto;
    background: #efefef;
    font-size: 16px;
    width: 80%;
    transition: all linear .2s;
    text-align: center;
    border-radius: 50px;
}


.hvr-shutter-out-vertical::before {
    border-radius: 5px !important;
}

.btn-purches-big {
    line-height: 50px;
    font-family: inherit;
    border: none;
    border-radius: 5px;
    padding: 0;
    color: #fff !important;
    width: 100%;
    height: 50px;
    font-size: 22px;
}

.btn-purches-big::before {
    content: '';
    display: block;
    width: 0;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0;
    opacity: 0;
    background: white;
    box-shadow: 0 0 15px 3px white;
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);
}

.btn-purches-big:hover {
    color: white !important;
    box-shadow: 0 0 30px 0 rgba(0, 199, 236, 0.5);
    background-color: #00adef;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.btn-purches-big:hover:before {
    -webkit-animation: shine 0.5s 0s linear;
    -moz-animation: shine 0.5s 0s linear;
    animation: shine 0.5s 0s linear;
}

@-webkit-keyframes shine {
    from {
        opacity: 0;
        left: 0;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        left: 100%;
    }
}

@-moz-keyframes shine {
    from {
        opacity: 0;
        left: 0;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        left: 100%;
    }
}

@keyframes shine {
    from {
        opacity: 0;
        left: 0;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        left: 100%;
    }
}

.btn-purches-big span {
    color: #fff;
    line-height: 0;
    text-align: center !important;
}

i.mdi-cart {
    line-height: 3;
}

.btn-purches:hover, .btn-purches-big:hover span {

    border: none;
}

.n-mx-01 > div {
    padding-bottom: 13px !important;

}

.n-mx-01 > div span i {
    font-family: inherit;
}

.n-mx-0 .name-ajans {
    text-align: center;
}

.n-mx-0 .name-ajan span {
    text-align: center !important;
}

.name-ajans label {
    font-size: 18px;
}

.border-bo {
    border: 1px solid;

}

.n-card {
    position: relative;
}

.n-card input {
    background: none;
    font-family: inherit;
    border: none;
    padding: 5px 30px;
    font-size: 12px;
    direction: ltr;
    text-align: right;
}

.n-card i {
    position: absolute;
    right: 7px;
    color: #00d0e1;
    top: 5px;
}

.priceContainer {
    background: #fff;
    border: 1px solid;
    width: 8.5em;
    margin: 0 auto;
    padding: 0 5px;
}

.black-text {
    color: #343434 !important;
}

.scrollherelist {
    background: #f3f3f3;
}

.scrollhereactivelist {
    background: #00d0e1;
}

.subcalendar {
    display: block;
    background: #fff;
    padding: 1px 11px;
    font-size: 12px;
}

.scrollherelist .n-card, .scrollhereactivelist .n-card {
    padding: 10px 0;
}

.col-md-0 {
    margin-top: 50px;
    padding: 0;
    width: 6px;
}

.mdi-plane-shield {
    font-size: 16px;
    color: #fff !important;
}


.n-mx-3 span {
    color: #fff;
}

.joz-toggle {
    margin: 5px 0;
    padding: 0 15px;
    display: none;
}

.joz-toggle:hover .scrollherelist {
    background: rgba(17, 177, 255, .5);
}

.joz-toggle:hover .scrollhereactivelist {
    background: rgba(17, 177, 255, .5);
}

.toggle-icon {
    padding: 20px;
    float: left;
}

.plus-after {
    content: "\F415" !important;
}

.toggle-icon span {
    content: "\F374";
    font-family: "Material Design Icons", serif;
    font-size: 22px;
    cursor: pointer;
    position: absolute;
    width: 23px;
    height: 24px;
    background: rgba(17, 177, 255, .5);
    left: 30px;
    top: 40%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    color: #fff;
}

.item .image {
    z-index: 1;
    padding: 1em 2em 1em 3.9em;
}

.item .image > div {
    position: relative;
    text-align: center;
    font-size: 0.8em;
}

.item .image div::after {
    content: '';
    width: 100%;
    height: 0;
    border-bottom: 1px solid;
    position: absolute;
    top: 8.6em;
    right: 5em;
    z-index: -1;
}

.item .image .last-img-item {
    width: 0;
}

.item .image > div::after {
}

.item .image .icons-item {
    background: #3b4262;
    border-radius: 50%;
    height: 5em;
    width: 5em;
    border: 0.35em solid #5ed3bf;
}

.item .image .icons-item i {
    font-size: 2.6em;
    line-height: 1.8;

}

.item .image span {
    text-align: center;
    border-radius: 5px;
    display: block;
    clear: both;
    padding: 0.2em 4px;
    margin: 0.5em 0;
    background: #3b4262;
    width: 143px;
    position: absolute;
    left: -3.4em;
    font-size: 14px;
    top: 4.9em;
    line-height: 2.2;
}

.item .details {
    position: relative;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.item .details span {
    color: #000;
}

.item .details > div {
    border-radius: 5px;
    border: 1px solid;
    padding: 1.5em;
    margin: 1em 0;
}

.item .details > div h6 {
    font-family: inherit !important;
    color: #232b50;
    font-size: 1.4em;
    margin: 0;
    padding: 0 0 0.5em 0;
}

.item .details > div p {
    margin: 0;
    padding: 0;
    line-height: 150%;
}

.before-del::before {
    display: none;
}

.item .details::before {
    content: '';
    width: 0;
    height: 125%;
    border-left: 1px solid;
    position: absolute;
    top: -17px;
    right: -84px;
    z-index: 0;
}

.fa-rotate-180:before {
    -webkit-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    transform: rotate(210deg) !important;
}

.content-ditail2 .mdi-airplane::before {
    transform: rotate(45deg);
}

.content-ditail2 .details .det-col span {
    border: 1px solid;
    padding: 5px;
}

.details i {
    color: #00d0e1;
}

.det-col-3 span {
    font-size: 12px;
    display: initial;
}

.details ul li {
    min-height: 33px;
    padding: 5px 2px;
    float: right;
    border-bottom: 1.5px solid #0a476a;
    margin: 5px;
    font-size: 12px;
}

.n-mx-qeymat {
    padding: 5px !important;
    padding-bottom: 10px !important;
}

.details ul li span {
    display: inline-block;
}

.scrollhereshowlist {
    padding: 10px 0;
    background: rgba(222, 222, 222, 1);
}


.content-ditail2 .ui-tooltip {
    background: #000 !important;
    border: none !important;
    color: #fff !important;
    font-family: inherit !important;
}

.content-ditail2 .ui-tooltip div {
    font-size: 9px !important;
    border: none;
}

.n-mx-4 {
    padding: 14px;
}

.n-mx-row-mx-4 h3 {
    padding: 12px;
    font-size: 22px;
    color: #3b4262;
    position: relative;
}

.n-mx-5 h3::before {
    content: '';
    position: absolute;
    height: 3px;
    border-radius: 50%;
    background: #fc0;
    right: 20%;
    left: 20%;
    top: 3em;
}

.name-city-rout {
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 14px;
    color: #3b4262;
    box-shadow: 0 0 6px -1px rgb(227, 229, 239);
    background: #fff;
    margin: 5px;
    text-align: center;
}

.table-striped {
    max-width: 100%;
    overflow-x: auto;
    width: 100%;
}

.table-striped thead tr {
    text-align: right;
    color: #fff;
    padding: 4px;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}

.table-striped thead th {
    padding: 8px;
    min-width: 100px;
    max-width: 100px;
    text-align: center;
}

.table-striped thead tr:first-child {
    padding: 5px;
}

.table-striped tbody td:first-child {
    padding: 6px;
    min-width: 300px;
    vertical-align: middle;
}

.table-striped tbody td {
    direction: ltr;
    text-align: center;
    padding: 14px 0 5px;
    line-height: 1.42857143;
    vertical-align: middle;
}

.table-striped tbody td p {
    margin: 3px 0;
}

.table-striped h5 {
    font-size: 14px;
    color: #fff;
}

.grey.lighten-3 {
    background-color: #00d0e1;
    border-radius: 5px;
}

.orange-text {
    color: #fc0 !important;
}

.hotelScore, .score {
    height: 60px;
    overflow: hidden;
    display: grid;
    position: relative;
    top: 50px;
}

.hotelScore i {
    font-family: inherit !important;
    padding-left: 17px;
}

.hotelScore i::before {
    color: #000 !important;
    top: -37px !important;
    left: -7px;
}

.hotelScore i.pagination__dot::after {
    right: 50%;
}

.hotelScore img {
    width: 96%;
}

.img-rang-ad {
    position: absolute;
    top: -15px;
    left: 0;
}

.xxsmall-font-size {
    font-size: .85em !important;
    line-height: 18px;
}

.py-1 {
    display: inline-block !important;
    padding-right: 0;
    padding-left: 0;
}

.packageinfo {
    padding: 10px;
    width: 100%;
}

.hotelpic {
    display: none;
    bottom: -10px;
    border-radius: 5px;
    border: 1px dashed #000;
    height: 85px;
    background-color: #fff;
    position: absolute;
    left: -.5rem;
    min-width: 150px;
    transition: all .5s;
    z-index: 555;
    object-fit: cover;
}

.mb-0:hover .hotelpic {
    opacity: 1 !important;
    visibility: visible;
}

.n-mx-5, .n-mx-6 {
    padding: 14px;
}

.n-mx-6 {
    margin-top: 11px;
}

.content-ditail2 dfn {
    font-style: italic
}

.content-ditail2 mark {
    background: #ff0;
    color: #000
}

.content-ditail2 small {
    font-size: 80%
}

.content-ditail2 sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.content-ditail2 sub {
    bottom: -0.25em
}

.content-ditail2 sup {
    top: -0.5em
}

.content-ditail2 figure {
    margin: 1em 40px
}

.content-ditail2 img {
    border-style: none
}

.content-ditail2 svg:not(:root) {
    overflow: hidden
}

.content-ditail2 code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

.content-ditail2 hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

.content-ditail2 button, .content-ditail2 input, .content-ditail2 select, .content-ditail2 textarea {
    font: inherit;
    margin: 0
}

.content-ditail2 optgroup {
    font-weight: bold
}

.content-ditail2 button, .content-ditail2 input {
    overflow: visible
}

.content-ditail2 button, .content-ditail2 select {
    color: #666;
    padding: 5px 10px;
    text-transform: none
}


.content-ditail2 button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

.content-ditail2 button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

.content-ditail2 fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

.content-ditail2 legend {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

.content-ditail2 textarea {
    overflow: auto
}

.content-ditail2 [type=checkbox], [type=radio] {
    padding: 0
}

.content-ditail2 [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

.content-ditail2 [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

.content-ditail2 [type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.content-ditail2 .w3-image {
    max-width: 100%;
    height: auto
}

.content-ditail2 i {

    text-align: right;
    font-size: 11px;
}

.content-ditail2 .w3-table, .content-ditail2 .w3-table-all {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    display: table
}

.w3-table-all {
    border: 1px solid #ccc
}

.w3-bordered tr, .w3-table-all tr {
    border-bottom: 1px solid #ddd
}

.w3-striped tbody tr:nth-child(even) {
    background-color: #f1f1f1
}

.w3-table-all tr:nth-child(odd) {
    background-color: #fff
}

.w3-table-all tr:nth-child(even) {
    background-color: #f1f1f1
}

.w3-hoverable tbody tr:hover, .w3-ul.w3-hoverable li:hover {
    background-color: #ccc
}

.w3-centered tr th, .w3-centered tr td {
    text-align: center
}

.w3-table td, .w3-table th, .w3-table-all td, .w3-table-all th {
    padding: 8px 8px;
    display: table-cell;
    text-align: left;
    vertical-align: top
}

.w3-table th:first-child, .w3-table td:first-child, .w3-table-all th:first-child, .w3-table-all td:first-child {
    padding-left: 16px
}

.w3-btn, .w3-button {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap
}

.w3-btn:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

.w3-btn, .w3-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.w3-disabled, .w3-btn:disabled, .w3-button:disabled {
    cursor: not-allowed;
    opacity: 0.3
}

.w3-disabled *, :disabled * {
    pointer-events: none
}

.w3-btn.w3-disabled:hover, .w3-btn:disabled:hover {
    box-shadow: none
}

.w3-badge, .w3-tag {
    background-color: #000;
    color: #fff;
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center
}

.w3-badge {
    border-radius: 50%
}

.w3-ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.w3-ul li {
    padding: 8px 16px;
    border-bottom: 1px solid #ddd
}

.w3-ul li:last-child {
    border-bottom: none
}

.w3-tooltip, .w3-display-container {
    position: relative
}

.w3-tooltip .w3-text {
    display: none
}

.w3-tooltip:hover .w3-text {
    display: inline-block
}

.w3-ripple:active {
    opacity: 0.5
}

.w3-ripple {
    transition: opacity 0s
}

.w3-input {
    padding: 8px;
    display: block;
    border: none;
    border-bottom: 1px solid #ccc;
    width: 100%
}

.w3-select {
    padding: 9px 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc
}

.w3-dropdown-click, .w3-dropdown-hover {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.w3-dropdown-hover:hover .w3-dropdown-content {
    display: block
}

.w3-dropdown-hover:first-child, .w3-dropdown-click:hover {
    background-color: #ccc;
    color: #000
}

.w3-dropdown-hover:hover > .w3-button:first-child, .w3-dropdown-click:hover > .w3-button:first-child {
    background-color: #ccc;
    color: #000
}

.w3-dropdown-content {
    cursor: auto;
    color: #000;
    background-color: #fff;
    display: none;
    position: absolute;
    min-width: 160px;
    margin: 0;
    padding: 0;
    z-index: 1
}

.w3-check, .w3-radio {
    width: 24px;
    height: 24px;
    position: relative;
    top: 6px
}

.w3-sidebar {
    height: 100%;
    width: 200px;
    background-color: #fff;
    position: fixed !important;
    z-index: 1;
    overflow: auto
}

.w3-bar-block .w3-dropdown-hover, .w3-bar-block .w3-dropdown-click {
    width: 100%
}

.w3-bar-block .w3-dropdown-hover .w3-dropdown-content, .w3-bar-block .w3-dropdown-click .w3-dropdown-content {
    min-width: 100%
}

.w3-bar-block .w3-dropdown-hover .w3-button, .w3-bar-block .w3-dropdown-click .w3-button {
    width: 100%;
    text-align: left;
    padding: 8px 16px
}

.w3-main, #main {
    transition: margin-left .4s
}

.w3-modal {
    z-index: 3;
    display: none;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4)
}

.w3-modal-content {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    width: 600px
}

.w3-bar {
    width: 100%;
    left: 0;
    overflow: hidden
}

.w3-center .w3-bar {
    display: inline-block;
    width: auto
}

.w3-bar .w3-bar-item {
    width: auto;
    border: none;
    display: inline-block;
    outline: 0
}

.w3-bar .w3-dropdown-hover, .w3-bar .w3-dropdown-click {
    position: static;
    float: left
}

.w3-bar .w3-button {
    border: 1px solid #dedede;
    background: #fff;
    transition: all linear .3s;
    white-space: normal;
    margin-right: 5px;
    width: 15%;
    border-radius: 10px;
    font-family: inherit;
    line-height: 25px;
}

.w3-bar .w3-button.active-tab {
    border: none
}

.w3-bar .w3-button i {
    font-size: 18px;
}

.w3-bar-block .w3-bar-item {
    width: 100%;
    display: block;
    text-align: left;
    border: none;
    white-space: normal;
    float: none;
    outline: 0
}

.w3-bar-block.w3-center .w3-bar-item {
    text-align: center
}

.w3-block {
    display: block;
    width: 100%
}

.w3-responsive {
    display: block;
    overflow-x: auto
}

.w3-container:after, .w3-container:before, .w3-panel:after, .w3-panel:before, .w3-row:after, .w3-row:before, .w3-row-padding:after, .w3-row-padding:before,
.w3-cell-row:before, .w3-cell-row:after, .w3-clear:after, .w3-clear:before, .w3-bar:before, .w3-bar:after {
    content: "";
    display: table;
    clear: both
}

.w3-col, .w3-half, .w3-third, .w3-twothird, .w3-threequarter, .w3-quarter {
    float: left;
    width: 100%
}

.w3-col.s1 {
    width: 8.33333%
}

.w3-col.s2 {
    width: 16.66666%
}

.w3-col.s3 {
    width: 24.99999%
}

.w3-col.s4 {
    width: 33.33333%
}

.w3-col.s5 {
    width: 41.66666%
}

.w3-col.s6 {
    width: 49.99999%
}

.w3-col.s7 {
    width: 58.33333%
}

.w3-col.s8 {
    width: 66.66666%
}

.w3-col.s9 {
    width: 74.99999%
}

.w3-col.s10 {
    width: 83.33333%
}

.w3-col.s11 {
    width: 91.66666%
}

.w3-col.s12 {
    width: 99.99999%
}


.w3-rest {
    overflow: hidden
}

.w3-stretch {
    margin-left: -16px;
    margin-right: -16px
}

.w3-content, .w3-auto {
    margin-left: auto;
    margin-right: auto
}

.w3-content {
    max-width: 980px
}

.w3-auto {
    max-width: 1140px
}

.w3-cell-row {
    display: table;
    width: 100%
}

.w3-cell {
    display: table-cell
}

.w3-cell-top {
    vertical-align: top
}

.w3-cell-middle {
    vertical-align: middle
}

.w3-cell-bottom {
    vertical-align: bottom
}

.w3-hide {
    display: none !important
}

.w3-show-block, .w3-show {
    display: block !important
}

.w3-show-inline-block {
    display: inline-block !important
}


.content-ditail2 .html5gallery-container-0 {
    min-height: 440px !important;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1)
}

.divTableBody {
    min-height: 70px;
}

.btn-- {
    text-align: center !important;
}


.w3-top, .w3-bottom {
    position: fixed;
    width: 100%;
    z-index: 1
}

.w3-top {
    top: 0
}

.w3-bottom {
    bottom: 0
}

.w3-overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2
}

.w3-display-topleft {
    position: absolute;
    left: 0;
    top: 0
}

.w3-display-topright {
    position: absolute;
    right: 0;
    top: 0
}

.w3-display-bottomleft {
    position: absolute;
    left: 0;
    bottom: 0
}

.w3-display-bottomright {
    position: absolute;
    right: 0;
    bottom: 0
}

.w3-display-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.w3-display-left {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    -ms-transform: translate(-0, -50%)
}

.w3-display-right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%)
}

.w3-display-topmiddle {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0)
}

.w3-display-bottommiddle {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0)
}

.w3-display-container:hover .w3-display-hover {
    display: block
}

.w3-display-container:hover span.w3-display-hover {
    display: inline-block
}

.w3-display-hover {
    display: none
}

.w3-display-position {
    position: absolute
}

.w3-circle {
    border-radius: 50%
}

.w3-row-padding, .w3-row-padding > .w3-half, .w3-row-padding > .w3-third, .w3-row-padding > .w3-twothird, .w3-row-padding > .w3-threequarter, .w3-row-padding > .w3-quarter, .w3-row-padding > .w3-col {
    padding: 0 8px
}

.w3-container, .w3-panel {
    padding: 0 16px;
    min-height: 58px;
}

.w3-panel {
    margin-top: 16px;
    margin-bottom: 16px
}

.w3-code, .w3-codespan {
    font-family: Consolas, "courier new", serif;
    font-size: 16px
}

.w3-code {
    width: auto;
    background-color: #fff;
    padding: 8px 12px;
    border-left: 4px solid #4CAF50;
    word-wrap: break-word
}

.w3-codespan {
    color: crimson;
    background-color: #f1f1f1;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 110%
}

.w3-card, .w3-card-2 {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.w3-card-4, .w3-hover-shadow:hover {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19)
}

.w3-spin {
    animation: w3-spin 2s infinite linear
}

@keyframes w3-spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}

.w3-animate-fading {
    animation: fading 10s infinite
}

@keyframes fading {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.w3-animate-opacity {
    animation: opac 0.8s
}

@keyframes opac {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.w3-animate-top {
    position: relative;
    animation: animatetop 0.4s
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

.w3-animate-left {
    position: relative;
    animation: animateleft 0.4s
}

@keyframes animateleft {
    from {
        left: -300px;
        opacity: 0
    }
    to {
        left: 0;
        opacity: 1
    }
}

.w3-animate-right {
    position: relative;
    animation: animateright 0.4s
}

@keyframes animateright {
    from {
        right: -300px;
        opacity: 0
    }
    to {
        right: 0;
        opacity: 1
    }
}

.w3-animate-bottom {
    position: relative;
    animation: animatebottom 0.4s
}

@keyframes animatebottom {
    from {
        bottom: -300px;
        opacity: 0
    }
    to {
        bottom: 0;
        opacity: 1
    }
}

.w3-animate-zoom {
    animation: animatezoom 0.6s
}

@keyframes animatezoom {
    from {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

.n-mx-0 .name-ajans span {
    display: inline-block;
}

.n-mx-6 .name-ajans {
    padding: 1em;
    background: #3b4262;
    position: relative;
}

.n-mx-6 .name-ajans h6 {
    text-align: center;
    font-size: 19px;
    color: #fff;
}

.n-mx-6 .name-ajans a {
    text-align: center;
    display: block;
    transition: all ease .4s;
    color: #fff;
}

.n-mx-6 .name-ajans a i {
    color: #00d0e1;
}

.n-mx-6 .name-ajans a:hover {
    color: #fc0;
}

.n-mx-6 .name-ajans .mdi-phone {
    color: #fff;
    font-size: 25px;
    line-height: 1.5;
}

.n-mx-6 .span-i-phone {
    background: #fc0;
    position: absolute;
    left: -20px;
    top: 30%;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    transition: all ease .4s;
}

.n-mx-6 .span-i-phone:hover {
    background: #d7ac00;
}

.n-mx-6 h5 {
    text-align: center;
    font-size: 19px;
}

.n-mx-6 .phone-ajans {
    text-align: center;
}

.n-mx-6 h3::before {
    content: '';
    position: absolute;
    height: 3px;
    border-radius: 50%;
    right: 20%;
    left: 20%;
    top: 3em;
}


.titr-col {
    width: 100%;
    display: block;
    color: #656565;

    font-size: 14px;
    font-weight: 700;
    line-height: 34px;
    text-align: center;
    border-radius: 1px 1px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    right: 0;
    left: 0;
    font-family: inherit !important;
    background: #fff;
    padding: 15px 15px 4px 15px !important;

}

.titr-col > div {
    font-family: inherit;
}

.price-qeymat {
    font-family: inherit !important;;
    font-size: 18px;
}

.titr-col-tarikh {
    padding: 12px 5px;
}

.titr-col-tarikh .price-qeymat {
    font-family: inherit;
    font-size: 24px;
    color: #fff;
}

.titr-col-tarikh > div {
    line-height: 2.5;
}

.text-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.titr-mx h3 {
    width: 50%;
    margin: 14px auto;
    text-align: center;
}

.content-ditail2 .pagination {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 15px;
    margin: auto;
    text-align: center;
}

.content-ditail2 .pagination__dot {
    position: relative;
    cursor: pointer;

}

.content-ditail2 .pagination__dot--active {
    background: #5ae4dd;
}

.content-ditail2 .pagination__dot:hover {
    -webkit-transition: .3s;
    transition: .3s;

}

.content-ditail2 .pagination__dot:hover:before {
    text-align: center;
    visibility: visible;
    opacity: 1;
    top: 25px;
    z-index: 5;
}

.content-ditail2 .pagination__dot:hover:after {
    top: -4px;
    opacity: 1;
}

.content-ditail2 .pagination__dot:before {
    direction: rtl;
    visibility: hidden;
    width: 135px;
    color: #fff;
    position: absolute;
    top: 35px;
    left: -5px;
    background: #000;
    font-size: 12px;
    padding: 8px 10px;
    content: attr(data-tooltip);
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    line-height: 1;
}

.content-ditail2 .pagination__dot:after {
    position: absolute;
    width: 0;
    height: 0;
    top: -10px;
    left: -2px;
    border-top: 6px solid white;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    content: "";
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
}

.content-ditail2 .ajans .container {
    padding: 0;
    width: 100%;
    height: 340px;
    margin: 0 auto;
    position: relative;
    -moz-transform: perspective(1400px);
    -ms-transform: perspective(1400px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective-origin: right;
    -moz-perspective-origin: right;
    perspective-origin: right;

}

.fixed_to_top {
    position: fixed;
    top: 0;
    max-width: 1109px;
    z-index: 10 !important;
    margin: 0
}

.fixedd {
    max-width: 100%;
    z-index: 7 !important;
    position: fixed;
    box-shadow: 3px 5px 7px 3px #ccc !important;
    right: 0;
    left: 0;
    margin-top: 0;
    padding: 0;
}

.fixedd .titr-col {
    display: none;
}

.fixedd .show-payment-price span {
    padding: 0;
    font-size: 14px;
}

.fixedd .btn-purches-big {
    text-align: center;
    height: 30px;
    line-height: 1.8;
    font-size: 14px;
    top: 50px;
    margin-top: 10px;
}

.content-ditail2 .ajans .card {
    width: 100%;
    height: 340px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: .8s ease-in-out;
}

.content-ditail2 .ajans .logo {
    width: 200px;
    height: 200px;
    position: relative;
    background: linear-gradient(45deg, #F5AF69 50%, #F4EED7 50.9%),
    linear-gradient(90deg, #FC5135 50%, #4E203C 50%),
    linear-gradient(-45deg, #F5AF69 50%, #E8D9A0 50.9%),
    linear-gradient(#FC5135 50%, #4E203C 50%),
    linear-gradient(-45deg, #F5AF69 50%, #E8D9A0 50.9%),
    linear-gradient(90deg, #FC5135 50%, #4E203C 50%),
    linear-gradient(45deg, #FC5135 50%, #F5AF69 50.9%);
    background-size: 50px 50px, 100px 50px, 50px 50px, 200px 100px, 50px 50px, 100px 50px, 50px 50px;
    background-repeat: no-repeat;
    background-position: 0 0, 50px 0, 150px 0, 0 50px, 0 150px, 50px 150px, 150px 150px;
}

.content-ditail2 .ajans .logo:before {
    content: "";
    position: absolute;
    top: 30px;
    left: 30px;
    width: 140px;
    height: 140px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: linear-gradient(45deg, #F4EED7 50%, #E8D9A0 50%);
}

.content-ditail2 .ajans .logo:after {
    content: "";
    position: absolute;
    top: 55px;
    left: 55px;
    width: 90px;
    height: 90px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: linear-gradient(45deg, #FC5135 50%, #4E203C 49.9%),
    linear-gradient(-45deg, #F5AF69 50%, transparent 50%),
    linear-gradient(#FC5135 50%, #FC5135 50%),
    linear-gradient(-45deg, #4E203C 50%, transparent 50%);
    background-size: 45px 45px;
    background-repeat: no-repeat;
    background-position: 0 0, 0 45px, 45px 45px, 45px 0;
    border-radius: 0 50% 50% 50%;
}

.content-ditail2 .ajans .logo span {
    display: block;
    background: #4E203C;
    width: 29px;
    height: 32px;
    position: absolute;
    top: 99.5px;
    left: 130px;
    border-radius: 0 50% 50% 0;
}

.content-ditail2 .ajans .logo span:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #E8D9A0;
    border-radius: 50%;
    position: absolute;
    top: 11px;
    left: 10px;
    z-index: 2;
}

.content-ditail2 .ajans .front, .back {
    position: absolute;
    top: 31px;
    left: 0;
    width: 100%;
    height: 100%;
    right: 0;
    text-align: center;

}

.content-ditail2 .ajans .back {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);

}

.content-ditail2 .ajans .back ul {
    margin-top: 20px;
}

.content-ditail2 .ajans .container .card {
    -webkit-transform: rotateY(180deg) translateX(100%);
    -moz-transform: rotateY(180deg) translateX(100%);
    -ms-transform: rotateY(180deg) translateX(100%);
    transform: rotateY(180deg) translateX(100%);
    cursor: pointer;
}

.content-ditail2 .ajans ul {
    width: 100%;
    list-style: none;
}

.content-ditail2 .ajans ul:after {
    content: '';
    display: table;
    clear: both;
}

.content-ditail2 .ajans li {
    margin: 10px;
    display: inline-block;
    padding: 10px;
    border: 2px solid #FC0;
    position: relative;
    text-align: center;
    color: #3B4262;
}

.content-ditail2 .ajans li:before {
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 30px;
    color: white;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    font-family: FontAwesome, serif;
}

.content-ditail2 .ajans li:nth-child(1):before {
    content: "\f095"
}

.content-ditail2 .ajans li:nth-child(2):before {
    content: "\f003"
}

.content-ditail2 .ajans li:nth-child(3):before {
    content: "\f0c1"
}

.content-ditail2 .ajans h1 {
    color: #3B4262;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.2;

    text-align: center;
    font-size: 40px;
}

.content-ditail2 .ajans h1 span {
    color: #4E203C;
    display: block;
    font-size: .45em;
    letter-spacing: 3px;
}

.content-ditail2 .ajans h1 i {
    font-style: normal;
    text-transform: none;

}

.content-ditail2 .n-mx-7 {
    margin-top: 70px;
    margin-left: -1px;
    margin-right: 0;
}

.content-ditail2 .hvr-buzz-out {
    width: 100%;
    text-align: center;
}

.content-ditail2 .n-mx-8 span {
    display: inline-block;
    padding: 5px;
}

.n-mx-8 .cont {

    text-align: center;
    padding: 30px 0;
    color: #EEE;
    overflow: hidden;
}

.n-mx-8 hr {
    margin: 20px;
    border: none;
    border-bottom: thin solid rgba(255, 255, 255, .1);
}

.n-mx-8 div.title {
    font-size: 2em;
}

.n-mx-8 h1 span {
    font-weight: 300;
    color: #Fd4;
}

.n-mx-8 .star {
    cursor: pointer;
}

.n-mx-8 div.stars {
    cursor: pointer;
    width: 270px;
    display: inline-block;
}

.n-mx-8 input.star {
    display: none;
}

.n-mx-8 label.star {
    display: inline-block;
    padding: 0 5px;
    font-size: 20px;
    color: #00d0e1;
    transition: all .2s;
}

.n-mx-8 input.star:checked ~ label.star:before {
    content: '\f005';
    color: #00d0e1;
    transition: all .25s;
}

.n-mx-8 input.star-5:checked ~ label.star:before {
    color: #FE7;
    text-shadow: 0 0 20px #952;
}

.n-mx-8 input.star-1:checked ~ label.star:before {
    color: #F62;
}

.n-mx-8 label.star:hover {
    transform: rotate(-15deg) scale(1.3);
}

.n-mx-8 .star:before {
    content: '\f006';
    font-family: FontAwesome, serif;
}

.n-mx-8 .rev-box {
    overflow: hidden;
    height: 0;
    width: 100%;
    transition: all .25s;
}

.n-mx-8 textarea.review {
    background: #222;
    border: none;
    width: 100%;
    max-width: 100%;
    height: 100px;
    padding: 10px;
    box-sizing: border-box;
    color: #EEE;
}

.n-mx-8 label.review {
    display: block;
    transition: opacity .25s;
}

.n-mx-8 input.star:checked ~ .rev-box {
    height: 125px;
    overflow: visible;
}

.n-mx-8 a.btn {
    background: #fff;
    width: 50%;
    text-align: center;
    height: 34px;
    line-height: 2;
}

.div-kharid {
    padding: 0 11px 0 0 !important;
    text-align: center;
}

.star-text {
    color: #000;
}

.star-text span {
    color: #00d0e1;
    padding: 0 5px;
}

.review-box {
    background: white;
    margin-top: 0;
    min-height: 300px;
    position: relative;
    padding: 0 20px;
    overflow: hidden;
    margin-bottom: 50px;
}

.review-box h3 {
    padding-right: 2px;
    position: relative;
    margin: 0;
    font-size: 22px;
    color: #00d0e1;
}

.review-box .review-item {
    background: #fcfcfc;
    padding: 25px;
    margin: 20px 0;
    border: 1px solid #ccc;
}

.review-box .review-item.review-replyed {
    margin-right: 50px;
    background: rgba(0, 208, 225, .12);
}

.review-box .review-item .item-head {
    border-bottom: 1px dashed #d4d4d4;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: flex;
}

.review-box .review-replay {
    margin-right: auto;
    font-size: 12px;
}

.review-box .review-replay a {
    color: #777;
}

.review-box .review-replay span {
    width: 17px;
    height: 17px;
    display: inline-block;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDUxMS42MzMgNTExLjYzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYzMyA1MTEuNjMzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQ2My4zNzUsMTgzLjcyNmMtMzUuNzgyLTM2LjczNS05Mi43ODktNTcuNzY0LTE3MS4wMi02My4wOTRWNDUuODNjMC03Ljk5NC0zLjcxMy0xMy42MDgtMTEuMTM2LTE2Ljg0NiAgICBjLTcuODAzLTMuMjMtMTQuNDY2LTEuOTAyLTE5Ljk4NSwzLjk5OUwxMTUuMDYsMTc5LjE2MWMtMy42MTgsMy42MjEtNS40MjQsNy45MDItNS40MjQsMTIuODVjMCw0Ljk0OSwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDcgICAgbDE0Ni4xNzgsMTQ2LjE3N2MzLjQzMiwzLjYxNyw3LjcxLDUuNDI1LDEyLjg1LDUuNDI1YzIuMjgzLDAsNC42NjEtMC40NzYsNy4xMzYtMS40MjdjNy40MjMtMy4yMzgsMTEuMTM5LTguODQ3LDExLjEzOS0xNi44NDUgICAgdi03MS42NjNjMzAuNjQyLDIuNDc1LDU2LjA5Nyw3LjQ3MSw3Ni4zNzYsMTQuOTg5YzIwLjI3LDcuNTE5LDM2LjQ5NCwxOC4wMzQsNDguNjc3LDMxLjU0OSAgICBjMjguMzYyLDMxLjQwNSwzOC40NTEsODUuMTcxLDMwLjI2NiwxNjEuMzExYy0wLjM3Niw0Ljk1MSwxLjgwNyw4LjE4Niw2LjU2Nyw5LjcwOGMwLjU3MSwwLjE5MiwxLjQyNywwLjI4NCwyLjU2OSwwLjI4NCAgICBjMy44MDYsMCw2LjQ2OC0xLjYxOCw3Ljk5NC00Ljg1M2w1LjcwOS0xMS40MmMyLjY2Mi01LjMzMSw2LjUxNi0xMy45NDUsMTEuNTYtMjUuODQxYzUuMDQxLTExLjkwMSw5LjYxNi0yMy43OTQsMTMuNzA5LTM1LjY5MiAgICBjNC4wOTMtMTEuODkzLDcuNzU1LTI1LjAyNiwxMC45OTItMzkuMzk2YzMuMjM0LTE0LjM3Niw0Ljg1My0yNy4wNzksNC44NTMtMzguMTE2ICAgIEM1MTEuNjMsMjY1LjA5NCw0OTUuNTQ2LDIxNi42NTcsNDYzLjM3NSwxODMuNzI2eiIgZmlsbD0iIzU5NTk1OSIvPgoJCTxwYXRoIGQ9Ik02My45NTMsMTkyLjAxMWMwLTQuOTUyLDEuODA5LTkuMjMzLDUuNDI0LTEyLjg1TDE4Mi43MjUsNjUuNTMxVjQ1LjgzYzAtNy45OTQtMy43MTUtMTMuNjA4LTExLjEzOC0xNi44NDYgICAgYy03LjgwNC0zLjIzLTE0LjQ2NS0xLjkwMi0xOS45ODMsMy45OTlMNS40MjQsMTc5LjE2MUMxLjgwOSwxODIuNzgxLDAsMTg3LjA2MiwwLDE5Mi4wMTFjMCw0Ljk0OSwxLjgwOSw5LjIyOSw1LjQyNCwxMi44NDcgICAgbDE0Ni4xOCwxNDYuMTc3YzMuNDI1LDMuNjE3LDcuNzA4LDUuNDI1LDEyLjg1LDUuNDI1YzIuMjg0LDAsNC42NjMtMC40NzYsNy4xMzctMS40MjdjNy40MjMtMy4yMzgsMTEuMTM4LTguODQ3LDExLjEzOC0xNi44NDUgICAgdi0xOS45ODVMNjkuMzc3LDIwNC44NTdDNjUuNzYyLDIwMS4yNCw2My45NTMsMTk2Ljk2Miw2My45NTMsMTkyLjAxMXoiIGZpbGw9IiM1OTU5NTkiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    background-size: contain;
    position: relative;
    background-repeat: no-repeat;
    top: 5px;
    left: 6px;
}

.review-box .review-item .item-head .review-name {
    font-size: 14px;
    color: #363636;
}

.review-box .review-item .item-head .review-date {
    text-align: left;
    font-size: 12px;
    font-weight: 200;
    color: #adadad;
}

.review-box .review-item p {
    text-align: justify;
    font-size: 12px;
    line-height: 28px;
    color: #818181;
    font-weight: 200;
}

.no-review {
    text-align: center;
    margin: 20px 0;
    color: #555;
}

.form-inputs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.form-item label {
    padding: 4px 10px;
    font-size: 14px;
    display: block;
    font-weight: 700;
}

.form-inputs .form-item.textarea {
    flex: 0 0 100%;
    margin: 5px 0;
}

.form-inputs .form-item.textarea textarea {

    width: 100%;
    border: 1px solid #e0e0e0;
    padding: 15px;
    color: #565656;
    font-size: 13px;
}

.form-inputs .form-item {
    flex: 0 0 32%;
    margin: 5px 0;
    position: relative;
}

.form-inputs .form-item input, .form-inputs .form-item select {
    border: 1px solid #e0e0e0;

    height: 40px;
    width: 100%;
    padding: 0 10px;
    color: #555;
    font-size: 12px;
}

.form-inputs .form-item button {
    width: 100%;
    height: 40px;
    background: #48C1C7;
    border: none;
    color: white;
}

.register-agency {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    margin: 14px 0;
}

.register-agency .register-agency-a {
    width: 32%;
}

.form-inputs a {
    width: 100%;
    height: 40px;
    background: #00d0e1;
    border: none;
    color: white !important;
    display: block;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.form-inputs .form-item.no-star::before {
    content: "";
}

#showTotalPrice i, #showPaymentPrice i {
    font-size: 14px;
}

.show-payment-price {
    padding: 5px;
    display: inline-block;
    height: 49px;
    margin-top: 4px;
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
}

.show-payment-price span {
    padding: 4px;
    display: inline-block;
    color: #786b6b;
}


.toggle-div-tbl i.mdi-arrow-down {
    position: absolute;
    left: 13px;

    top: 7px;
    font-size: 18px;
    color: #fff;
}

.rotbe-dar {
    text-align: center !important;
}


.img-div-xs img {
    width: 30px;
    height: 35px;

}

.tbl-name-h {
    display: block;
}

.tbl-dev-2 span {
    text-align: right;
    color: #9d9d9d;
}

.etelaat-ajans-xs {

    z-index: 55;
}

.etelaat-ajans-xs .row {
    position: fixed;
    background: #ffffff;
    right: 6%;
    height: 60px;

    z-index: 55;
    left: 6%;
    box-shadow: 1px 0 5px 1px #ccc;

}

.etelaat-ajans-xs ul {
    text-align: center;
}

.etelaat-ajans-xs ul li {
    display: inline-block;
    padding: 12px;
}

.btn-etel {
    background: #00d0e1;
}

.tbl-joz {
    padding: 0;
}

.tbl-joz span {
    margin: 10px 0 0 10px;
    cursor: pointer;
    background: #ff0a00;
    border-radius: 50%;
}

.tbl-joz span i {
    color: #fff;
}

.tbl-joz .pagination__dot:hover::before {
    width: 70px !important;
}

.joz-div-xs {
    height: 100px;
    position: relative;
    margin: 12px;

}

.joz-div-xs-detail {
    position: relative;
    display: inline-block;
    width: 95px;
    margin: 5px 0;
    height: 55px;
    border: 1px solid #ccc;
    padding: 1px;
}

.span-tog {
    text-align: right;
    background: #3b4262;
    padding: 10px;
    color: #fff !important;
    cursor: pointer;
    font-size: 14px;
}

.tbl-div {
    padding: 12px 0;
}

.joz-div-xs-detail select {
    position: absolute;
    left: 5px;
    right: 5px;
    width: 90%;
}

.price-joz {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    border-top: 1px dotted;
}

.price-joz span {
    color: #000;
}

.tbl-div-tbl {
    margin-top: 12px;
    position: relative;
}

.ezafe-class .tbl-div {
    display: table !important;
}

.entekab-date {
    direction: rtl;
    margin-top: 12px;
    cursor: pointer;
    width: 100%;
}

.entekab-date i {
    font-size: 18px;
}

.entekab-date label {
    cursor: pointer;
}

.white-txt {
    color: #fff !important;
}

#tabs11 > div {
    min-height: 297px;
    border-radius: 5px;
}

.white {

    border-radius: 5px;
    background-color: white !important;
}

.white11 {
    color: #656565;
    padding: 0 15px;
    border-radius: 5px;
    min-height: 85px;
    font-family: inherit;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
}

.white11 .row {
    line-height: 4.1;
}

.white11 i.mdi {
    font-size: 20px;
    padding-left: 4px;
    vertical-align: sub;
}

.content-ditail2 img.html5gallery-elem-image-0 {
    width: 99% !important;
    border-radius: 0
}

.blou {
    background-color: #00d0e1 !important;
}

.marg-top-16 {
    margin-top: 16px;
}

.table-striped-mobile tbody td {
    padding: 10px;
    min-width: 85px;
    max-width: 85px;
    text-align: center;
    margin: 0 10px;
    display: table-cell;
    border: 1px solid #ccc;

}

.table-striped-mobile tbody tr {
    background: none;
    border: none;
}

.table-striped-mobile {
    display: block;
    overflow-x: auto;
    height: 100%;
    padding: 12px 0;
}

.table-striped-mobile span {
    margin-top: 5px;
    border-top: 1px solid #ccc;
}


.fixing_sc {
    z-index: 8
}

.padd-left-38 {
    padding-left: 38px !important;
}

.noTopRadius {
    border-radius: 0 0 7px 7px;
}

.main-visa .row-visa {
    width: 100%;
    padding: 0;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    transition: all ease .4s;
    overflow: hidden;
    box-shadow: 0 0px 8px 5px rgb(0 0 0 / 5%);
    margin: 10px 0;
    border: 1px solid #ededed;
}

.main-visa .row-visa > div {
    padding: 10px 30px;
    text-align: center;
}

.btn-bg-2 {
    width: 100%;
    height: 100%;
    line-height: 2.5;
    display: block;
}

.bg-white {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    border-radius: 5px;
    background: #fff;
}

.main-visa .bg-1 {
    border-radius: 4px;
    text-align: right !important;
    font-family: inherit;
    font-weight: 500;
    padding-right: 0px !important;
    position: relative;
    font-size: 15px;
}


.btn-bg-2 {
    background: #3096a1;
    color: #fff;
    border-radius: 4px;
}

.dital-row-visa {
    margin-top: 10px;
}

.dital-row-visa .container {
    background: #fff;
    padding: 15px 0;
    border-radius: 5px;
}

.tab-slider--nav {
    padding: 4px;
    width: 100%;
    float: none;
    text-align: center;

}

.tab-slider--tabs {
    width: 200px;
    display: block;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    position: relative;
    border-radius: 8px 8px 0 0;
    height: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tab-slider--tabs.slide:after {
    left: 51%;
}

.tab-slider--trigger {
    font-weight: 400;
    border-bottom: 1px solid #f3f3f3;
    font-size: 16px;
    line-height: 1;
    color: #666666;
    text-transform: uppercase;
    text-align: center;
    padding: 11px 20px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    display: inline-block;
    transition: color 250ms ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tab-slider--trigger.active {
    background: #f3f3f3;
    color: #000;
}

.tab-slider--body {
    border-top: 1px solid #ddd;
    background: #f3f3f3;
    margin-bottom: 20px;
}

.tab-slider--trigger.active {
    border-top: 2px solid #3096a1;
    border-right: 1px #ddd solid;
    border-left: 1px #ddd solid;
    border-radius: 8px 8px 0 0;
    color: #666666;
    font-weight: 700 !important;
}

.n-mx-5 .container .row {
    padding: 15px;
}

.content-ditail2 .code-toor .btnd {
    width: 30px;
    height: 30px;
    background: #ddd;
    position: absolute;
    text-align: center;
    right: -15px;
    top: -6px;
    overflow: hidden;
    border-radius: 100%;
    display: inline-block;
}

.content-ditail2 .code-toor .btnd.download {
    background: #00CCFF;
}

.content-ditail2 .code-toor .btnd.download .cloud {
    box-shadow: 0 0 #00a3cc, 1px 1px #00a3cc, 2px 2px #00a3cc, 3px 3px #00a3cc, 4px 4px #00a3cc, 5px 5px #00a3cc, 6px 6px #00a3cc, 7px 7px #00a3cc, 8px 8px #00a3cc, 9px 9px #00a3cc, 10px 10px #00a3cc, 11px 11px #00a3cc, 12px 12px #00a3cc, 13px 13px #00a3cc, 14px 14px #00a3cc, 15px 15px #00a3cc, 16px 16px #00a3cc, 17px 17px #00a3cc, 18px 18px #00a3cc, 19px 19px #00a3cc, 20px 20px #00a3cc, 21px 21px #00a3cc, 22px 22px #00a3cc, 23px 23px #00a3cc, 24px 24px #00a3cc, 25px 25px #00a3cc, 26px 26px #00a3cc, 27px 27px #00a3cc, 28px 28px #00a3cc, 29px 29px #00a3cc, 30px 30px #00a3cc, 31px 31px #00a3cc, 32px 32px #00a3cc, 33px 33px #00a3cc, 34px 34px #00a3cc, 35px 35px #00a3cc, 36px 36px #00a3cc, 37px 37px #00a3cc, 38px 38px #00a3cc, 39px 39px #00a3cc, 40px 40px #00a3cc, 41px 41px #00a3cc, 42px 42px #00a3cc, 43px 43px #00a3cc, 44px 44px #00a3cc, 45px 45px #00a3cc, 46px 46px #00a3cc, 47px 47px #00a3cc, 48px 48px #00a3cc, 49px 49px #00a3cc, 50px 50px #00a3cc;
}

.content-ditail2 .code-toor .btnd.download .arrow {
    -webkit-animation: download 1s linear infinite;
    animation: download 1s linear infinite;
}

.content-ditail2 .code-toor .btnd.upload {
    background: #F49845;
}

.content-ditail2 .code-toor .btnd.upload .cloud {
    box-shadow: 0 0 #f17d15, 1px 1px #f17d15, 2px 2px #f17d15, 3px 3px #f17d15, 4px 4px #f17d15, 5px 5px #f17d15, 6px 6px #f17d15, 7px 7px #f17d15, 8px 8px #f17d15, 9px 9px #f17d15, 10px 10px #f17d15, 11px 11px #f17d15, 12px 12px #f17d15, 13px 13px #f17d15, 14px 14px #f17d15, 15px 15px #f17d15, 16px 16px #f17d15, 17px 17px #f17d15, 18px 18px #f17d15, 19px 19px #f17d15, 20px 20px #f17d15, 21px 21px #f17d15, 22px 22px #f17d15, 23px 23px #f17d15, 24px 24px #f17d15, 25px 25px #f17d15, 26px 26px #f17d15, 27px 27px #f17d15, 28px 28px #f17d15, 29px 29px #f17d15, 30px 30px #f17d15, 31px 31px #f17d15, 32px 32px #f17d15, 33px 33px #f17d15, 34px 34px #f17d15, 35px 35px #f17d15, 36px 36px #f17d15, 37px 37px #f17d15, 38px 38px #f17d15, 39px 39px #f17d15, 40px 40px #f17d15, 41px 41px #f17d15, 42px 42px #f17d15, 43px 43px #f17d15, 44px 44px #f17d15, 45px 45px #f17d15, 46px 46px #f17d15, 47px 47px #f17d15, 48px 48px #f17d15, 49px 49px #f17d15, 50px 50px #f17d15;
}

.content-ditail2 .code-toor .btnd.upload .arrow {
    -webkit-animation: uplaod 1s linear infinite;
    animation: uplaod 1s linear infinite;
}

.content-ditail2 .code-toor .btnd.upload .arrow:after {
    top: auto;
    bottom: 100%;
    border-color: transparent transparent #97CA03 transparent;
}

.content-ditail2 .code-toor .cloud {
    width: 100px;
    height: 40px;
    position: relative;
    background: #fff;
    display: inline-block;
    border-radius: 50px;
    margin: 60px auto 0;
    box-shadow: 0 0 #00a3cc, 1px 1px #00a3cc, 2px 2px #00a3cc, 3px 3px #00a3cc, 4px 4px #00a3cc, 5px 5px #00a3cc, 6px 6px #00a3cc, 7px 7px #00a3cc, 8px 8px #00a3cc, 9px 9px #00a3cc, 10px 10px #00a3cc, 11px 11px #00a3cc, 12px 12px #00a3cc, 13px 13px #00a3cc, 14px 14px #00a3cc, 15px 15px #00a3cc, 16px 16px #00a3cc, 17px 17px #00a3cc, 18px 18px #00a3cc, 19px 19px #00a3cc, 20px 20px #00a3cc, 21px 21px #00a3cc, 22px 22px #00a3cc, 23px 23px #00a3cc, 24px 24px #00a3cc, 25px 25px #00a3cc, 26px 26px #00a3cc, 27px 27px #00a3cc, 28px 28px #00a3cc, 29px 29px #00a3cc, 30px 30px #00a3cc, 31px 31px #00a3cc, 32px 32px #00a3cc, 33px 33px #00a3cc, 34px 34px #00a3cc, 35px 35px #00a3cc, 36px 36px #00a3cc, 37px 37px #00a3cc, 38px 38px #00a3cc, 39px 39px #00a3cc, 40px 40px #00a3cc, 41px 41px #00a3cc, 42px 42px #00a3cc, 43px 43px #00a3cc, 44px 44px #00a3cc, 45px 45px #00a3cc, 46px 46px #00a3cc, 47px 47px #00a3cc, 48px 48px #00a3cc, 49px 49px #00a3cc, 50px 50px #00a3cc;
}

.content-ditail2 .code-toor .cloud:after, .cloud:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    top: -20px;
    background: #fff;
    left: 5px;
}

.content-ditail2 .code-toor .cloud:before {
    width: 40px;
    height: 40px;
    left: 50px;
}

.content-ditail2 .code-toor .arrow {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 5;
    top: 10px;
    width: 13px;
    height: 10px;
    background: #fff;
    display: inline-block;
}

.content-ditail2 .code-toor .arrow:after {
    content: '';
    position: absolute;
    left: -5px;
    top: 100%;
    border: 12px solid transparent;
    border-top-color: #fff;
}

@-webkit-keyframes download {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }
}

@keyframes download {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }
}

.content-ditail2 .rule {
    margin: 10px 0;
    border: none;
    height: 1.5px;
    background-image: linear-gradient(left, #f0f0f0, #c9bbae, #f0f0f0);
}

/* ===== Keyframes ===== */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }

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

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.icons--1 {
    line-height: 2;
}

.btn-- {
    text-align: center;
    display: none;
    position: relative;
    background: #000;
    color: #fff;
    width: 82%;
    float: left;
    margin-top: 20px;
}

.btn-- span {
    font-family: inherit
}

.n-mx-02 {

    padding-left: 0;
    margin-top: 10px !important;
}

.content-ditail2 .html5gallery-elem-0 {
    border-radius: 0;
    width: 97% !important;
}

.content-ditail2 .html5gallery-elem-0 {
    box-shadow: 0 0 0 transparent !important;
}

#barnameh .row {
    padding: 10px;
}

/* DivTable.com */
.divTable {
    display: table;
    width: 100%;
}


.divTableHeading {
    background-color: #EEE;

}

.divTableHead {

    color: #656565;
    position: relative;
    display: table-cell;
    padding: 0 10px;
    height: 35px;
    vertical-align: middle;
    text-align: center;
    width: 300px;
    font-weight: 700;
    font-size: 13px;
}

.divTableCell:first-child {
    border-right: 1px solid #e2e2e2;
}

.divTableCell {
    position: relative;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    padding: 5px 10px;
    height: 70px;
    border-left: 1px solid #e2e2e2;
    width: 300px;
}

.divTableCell .rounded {
    min-height: 70px;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0;
    border-bottom: 1px dashed #a5a8aa;
    margin-bottom: 5px;
}

.divTableCell .rounded:last-child {
    border: none;
}

.divTableCell .rounded a i {
    display: inline-block
}

.divTableHeading {
    border: 1px solid #e2e2e2;
    background-color: #EEE;
    display: table-caption;
    font-weight: bold;
}

.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}

.divTableRow:hover {
    background: #F6F6F6;
}

.emtiyaz-i {
    padding-left: 0 !important;;
    text-align: center;
}

.bor-booking {
    background-color: #c3bcbc;
    position: relative;
    border: 2px solid #505150;
    padding-right: 0;
    border-radius: 4px;
    height: 25px;
    width: 104px;
}

.bor-booking i {
    text-align: center;
    bottom: 0;
    top: 0;
    position: absolute;;
    right: 0;
    line-height: 24px;
    display: inline-block;
    width: 25%;
    color: #fff;
    background: #505150
}

.bor-booking span {
    position: relative;
    height: 100%;

}

.ellipsis-- {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

.logo-ajans {
    text-align: center;
    height: 85px;
    max-width: 100%;
}

.logo-ajans img {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: middle;
    margin-top: 15px;
    max-height: 75px;
}

.n-mx-021 .logo-ajans img {
    margin-top: 0;
    max-height: 100%;

}

.pl-6 {
    text-align: right;
    font-size: 11px;
    color: #656565;
}

.row-qavanin-- {
    margin-top: 10px;
}

.buttond-- {
    display: inline-block;
    padding: 5px 20px 5px;
    border: 0;
    border-radius: 3px;
    text-decoration: none;
    transition: all 1.2s ease-in-out;
}

.buttond-- i::after {
    content: "\f019";
    font-size: 14px;
    color: #fff;
}

.buttond--:hover {
    -webkit-animation: pulse 0.2s 2 both;
    animation: pulse 0.2s 2 both;
}

.buttond--.loading i {
    -webkit-animation: loading 2s infinite linear;
    animation: loading 2s infinite linear;
}

.buttond--.loading i::after {
    content: "\f1ce";
}

.buttond--.success {
    border-radius: 50%;
    background: #80bca3;
}

.buttond--.success i::after {
    content: "\f00c";
    color: transparent;
    -webkit-animation: change-icon 1s 0.6s linear both;
    animation: change-icon 1s 0.6s linear both;
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes change-icon {
    0% {
        color: transparent;
    }

    100% {
        color: #fff;
    }
}

@keyframes change-icon {
    0% {
        color: transparent;
    }

    100% {
        color: #fff;
    }
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}


.rows-btn-- {
    border-top: 1px solid #f3f3f3;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;

}

.rows-btn-- > .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.list_grid {
    text-align: center;
    top: -1px;
    position: relative;

}

.list_grid a {
    cursor: pointer;
    display: inline-block;
    margin: 0 7px;
    transition: all ease .1s;
    filter: grayscale(1);
}

.list_grid a:not(.active_g_list_a):hover {
    transform: scale(1.1);
}

.active_g_list_a {
    background: #fff;
    border-radius: 2px;
    filter: grayscale(0) !important;

}

.list_grid a i {
    font-size: 37px;
    padding: 0 8px;
    vertical-align: middle;
}


.activing_grid .tour-result-item-left {
    display: none
}

.activing_grid .logoaj_em_ {
    position: absolute;
    width: 90%;
    max-width: 100%;
    opacity: 0;
    visibility: hidden;

    top: 40px;

    left: 5%;
    right: 5%;
    border-radius: 5px;
}


.activing_grid .hotel-result-item {
    padding: 5px;
}

.activing_grid .hotel-result-item-image {
    border-radius: 5px 5px 0 0
}

.activing_grid .hotel-result-item {
    background: none;
}

.activing_grid .tasvir_tour {
    background: #fff;
    border-radius: 5px 5px 0 0;
}

.activing_grid .hotel-result-item-content {
    border-radius: 0 0 5px 5px;
    height: 250px !important;

}

.activing_grid .rows-btn-- {
    margin-top: 0;
    bottom: 6px;

    position: absolute;

    text-align: center;
    padding: 20px 0;
    left: 5px;

    right: 5px;

    width: auto;
}

.activing_grid .rows-btn-- .row {
    margin: 0
}

.activing_grid .right-start-price-- {
    width: 100%;

    text-align: center;
    padding: 0
}

.activing_grid .hotel-result-item-content > .col-md-8 {
    max-height: none;
    max-width: 100%;
    width: 100%
}

.activing_grid .hotel-result-item {
    height: auto !important;
}

.activing_grid .hotel-result-item:hover .hotel-result-item-image a:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}


.activing_grid .logoaj_em_ .car-result-item span {
    font-size: 14px;
}

.activing_grid .logoaj_em_ .logo-ajans img {

    max-width: 100%;
    width: auto;
    height: 100px;
    margin-top: 0;
}

.activing_grid .ribbon-hotel {
    right: 4px;
}

.activing_grid .hotel-result-item-image {
    background: #fbfbfb;
    height: 205px !important;
}

.tooltip {
    font-family: inherit;
    z-index: 2
}

.sort-by-section {
    border-radius: 5px;
}

.activing_grid .tour-result-item-right a {
    padding: 10px 2px 10px 2px;
    color: white;
    display: block;
    font-size: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    margin: 0 5px;
    cursor: pointer;
    text-align: center;
}

.tour-result-item-right a {
    color: #3f3f3f
}

.activing_grid .text_div_more_tour {
    justify-content: center;
}

.activing_grid .tour-result-item-right a span {
    color: #fff
}

.activing_grid .tour-result-item-right a b {
    color: #fff !important;
}

.detail_tour_mob {
    height: 500px;
}

.box__color {
    width: 100%;

    background-color: #fff;

}

.box__hotel__price {
    margin: 5px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.box__hotel__price .box:first-child {

    border-top: none;

}

.box__hotel__price .box {

    position: relative;
    display: block;
    height: 110px;
    padding: 0 110px 0 65px;
    border-top: 1px dashed #e1e1e1;

}

.box__hotel__price .wall {

    position: absolute;
    top: 10px;
    right: 10px;
    width: 100px;
    height: 95px;

    border-radius: 3px;
    overflow: hidden;

}

.box__hotel__price .wall img {
    border-radius: 3px;

    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;

}

.box__hotel__price .wall .stars .ico {

    width: 9px;
    height: 9px;
    line-height: 9px;
    margin: 0 2px;

}

.stars .ico {
    margin: 0 1px;
}

.stars .ico__star, .stars .ico__star__half, .stars .ico__star__o {
    color: gold;
}

.box__hotel__price .info {
    display: block;
    position: relative;
    padding: 10px;
    height: 90px;

}

.box__hotel__price h2 {
    display: block;
    line-height: 20px;
    font-size: 12px;
    color: #333;
    margin: 0 0 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
}

.box__hotel__price h2 a {
    color: #333
}

.box__hotel__price .location {
    width: auto;
    height: 14px;
    font-size: 11px;
    margin-bottom: 5px;
    display: block;
    color: #999;

}

.box__hotel__price .location .ico {
    position: relative;
    top: 1px;
    width: 12px;
    height: 12px;
    font-size: 12px;
    margin-left: 3px;
    line-height: 12px;
}

.box__hotel__price .rate__small {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding-top: 8px;
    margin-top: 4px;
    border-top: 1px solid #f5f5f5;
    height: 25px;
}

.box__hotel__price .rate__small .bullet span.active::after {
    position: absolute;
    content: "";
    top: 2px;
    right: 2px;
    width: 6px;
    height: 6px;
    background-color: #4f71ed;
    border-radius: 50%;
}

.box__hotel__price .rate__small .number {
    margin: 0;
    width: 30px;
    color: #fff;
    font-size: 10px;
    border-radius: 50px;
    height: 20px;
    text-align: center;
    line-height: 21px;
}

.box__hotel__price .rate__small .bullet {
    direction: ltr;
    margin: 1px 4px;

}

.box__hotel__price .rate__small .bullet,
.box__hotel__price .rate__small .bullet span,
.box__hotel__price .rate__small .number,
.rate__small p {
    float: right;
}

.collapse {
    display: none
}

.box__hotel__price .rate__small .bullet span {
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    border: 2px solid;
    border-radius: 50%;
    margin-right: 1px;

}

.box__hotel__price .services__ {
    background-image: none;
    position: absolute;
    height: calc(100% - 20px);
    top: 10px;
    left: 0;
    width: 65px;
    padding: 9px 0 0;
    text-align: center;
    border-right: 1px solid #f5f5f5;
}

.box__hotel__price .services__ .ico {
    width: 30px;
    height: 30px;
    font-size: 18px;
    text-align: center;
    color: #b3b3b3;
    line-height: 30px;
    border-radius: 50%;
    margin: 0 auto 5px;

}

.box__hotel__price .services__ span {
    display: block;
    line-height: 20px;
}

.box__hotel__price .price {
    padding: 8px 10px;
    height: 40px;
    border-radius: 0 0 3px 3px;
    background-color: #efefef;
}

.box__hotel__price .price p {
    float: right;
    width: auto;
    color: #999;
    line-height: 24px;
    font-size: 12px;
    margin: 0;
}

.box__hotel__price .price p small {
    color: #999;
}

.box__hotel__price .price a {
    position: relative;
    float: left;
    width: 100px;
    height: 24px;
    font-size: 10px;
    text-align: center;
    line-height: 19px;
    border-radius: 30px;
    border: 2px solid;

}

.box__hotel__price .carousel-2 .slider {
    z-index: 6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background: #efefef;
}

.box__hotel__price .carousel-2 .slider li:first-child {
    margin-right: 0;
}

.box__hotel__price .carousel-2 .slide-40 {
    width: 40%;
}

.box__hotel__price .carousel-2 .slide {
    flex-shrink: 0;
    margin: 5px;
    margin-bottom: 10px;
}

.box__hotel__price .carousel-2 .slider li:first-child > a,
.box__hotel__price .carousel-2 .slider li:first-child > div {
    margin-right: 10px;
}

.box__hotel__price .type {
    position: relative;
    display: block;
    text-align: center;
    border: 1px solid #f5f5f5;
    -webkit-box-shadow: 0 3px 5px rgba(24, 23, 24, .05);
    box-shadow: 0 3px 5px rgba(24, 23, 24, .05);
    border-radius: 3px;
    padding: 0 10px;
}

.box__hotel__price .type p {
    display: block;
    line-height: 30px;
    font-size: 12px;
    margin: 0;
    color: #999;
    border-bottom: 1px dashed #eee;
}

.box__hotel__price .type .number {
    position: relative;
    display: block;
    height: 55px;
}

.main__center {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: auto;
    margin: 0 auto;
    z-index: 1;
}

.box__hotel__price .type span {
    text-align: center;
    display: block;
    font-size: 13px;
}

.box__hotel__price .type small {
    position: relative;
    font-size: 10px;
    margin-right: 2px;
    top: -1px;
}


.vaqedar {
    display: block;
    font-size: 10px;
    color: #ccc;
}


.packages_hotel_xs {
    padding: 0
}

.packages_hotel_xs .row {
    width: 100%;
    margin: 0
}

.packages_hotel_xs .titr-col {
    background: none
}

.box__hotel__price select {
    margin-bottom: 10px;
    border: 1px solid #ccc;
}


#bundle-prices-109133301 {
    display: none
}

.show_hotels_ {
    display: block !important;
}

.mant_bala_hotel {
    padding: 10px;
    box-shadow: 0 0 5px 0 rgba(255, 0, 0, 0.86);
}

.mant_bala_hotel p {
    text-align: center;
    color: red;
}

#barnameh, #qavanin, #tozihat {
    padding: 20px 10px;
}

.cabin {
    width: 83%;
    float: right
}

.cabin li {
    height: 40px;
    display: flex;
    direction: ltr;
}

.cabin .seat-item {
    display: flex;
    padding: 2px;
    position: relative;
    height: 40px;
    flex: 0 0 8%;
}

.seat_number {
    transition: all ease .4s;
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    font-family: inherit !important;
}

.seat_number:hover {
    background-color: #32cd32 !important;
    color: #fff
}

.seat_parent_number {
    margin: 0 auto
}

.driver-seat-wrapper.end-of-bus {
    width: 7%;
    text-align: right;
    float: right;
}

.driver-seat-wrapper {
    float: right;
    width: 10%;
}

.busChoose {
    padding: 0 30px
}

.cabin li div span.typeBookedForMale i {
    background-color: aqua !important;
    cursor: no-drop;
    color: #000 !important;
}

.cabin li div span.typeBookedForFemale i {
    background-color: lightpink;
    cursor: no-drop;
}

.cabin li div span.typeAvailable i {
    background-color: white;
    cursor: pointer;
}

.cabin li div span.typeDisabled i {
    background-color: #b1b1b1;
    cursor: no-drop;
}

.busChoose .bus-component__seat-status .seat-status__reserve-disabled {
    border: 1px solid #4e4e4e;
    background: #b1b1b1;
}

.cabin li div span.typeSelected i {
    background-color: limegreen;
    cursor: pointer;
    color: #fff;
}

.cabin li div span.typen i {
    display: none;
}

.busChoose .no-pad, .no-pad {
    padding: 0;
}

.busChoose .bus-component__seat-status {
    display: flex;
    margin-top: 10px;
    font-size: 12px;
}

.busChoose .bus-component__seat-status div {
    text-align: center;
}

#messageChairNumberReserve {
    font-size: 13px;
    font-family: inherit !important;
    text-align: center;
}

.busChoose .bus-component__seat-status .seat-status__passenger-selection {
    border: 1px solid #208c20;
    background: #32cd32;
}

.busChoose .bus-component__seat-status .seat-status__available-seat {
    border: 1px solid #aaa;
    background: #fff;
}

.busChoose .bus-component__seat-status .seat-status__reserve-by-male {
    border: 1px solid #008e8e;
    background: #0ff;
}

.busChoose .bus-component__seat-status .seat-status__reserve-by-female {
    border: 1px solid #7b595f;
    background: #ffb6c1;
}

.busChoose .bus-component__seat-status .seat-status__available-seat,
.busChoose .bus-component__seat-status .seat-status__passenger-selection,
.busChoose .bus-component__seat-status .seat-status__reserve-by-female,
.busChoose .bus-component__seat-status .seat-status__reserve-by-male,
.busChoose .bus-component__seat-status .seat-status__reserve-disabled {
    display: inline-block;
    margin-left: 5px;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    top: 5px;
    position: relative;
}

.displayNBus {
    display: none !important;
}

.detailBus {
    display: flex;
    font-size: 12px;
    margin: 10px 0;
    text-align: justify;
    color: #555;
    line-height: 2;
}

.detailBus i {
    position: relative;
    top: 2px;
    font-size: 16px;
    margin-left: 5px;
}

.s-u-p-f-container .s-u-result-wrapper-bus {
    display: table;
    width: 100%;
}


.detial_res_mos > div {
    padding-bottom: 13px !important
}

.packageinfo:hover .hotelpic {
    display: block !important;
}

#buttonReserve span {
    margin: 1px 0;
    display: block;
    line-height: normal;
    font-size: 14px;
    width: 100%;
}


#buttonReserve {
    height: auto;
    padding: 3px 0;
    text-align: center;
}


.col_qabl, .col_bad {
    width: 10%;
    display: inline-block;
    height: 100%;
    background-color: #fff;
}

.table_price {
    font-size: 14px;
    display: inline-table;
    width: 80%;
}

.tabels_price {
    overflow-x: auto;
    width: 100%;
    font-size: 0;
    display: flex;
}

.col_t_price {
    padding: 10px 0;
    font-size: 12px;
}

.col_t_price.active_col_today > div {
    background: #f6fff9;
}

.col_t_price.prev-date, .col_t_price.next-date {
    flex-grow: 2;
    padding: 0;
    display: grid;
    align-items: center;
    align-content: center;
}

.col_t_price > div {
    transition: all ease .4s;
    border-radius: 4px;
    border: 1px solid rgb(243 243 243);
    margin: 0 3px !important;
    box-shadow: 0 3px 4.75px 0.25px rgba(24, 23, 24, .03);
}

.col_t_price:hover > div {
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 0 0 0 rgba(24, 23, 24, .03);
}


.active_col > div {
    border-right: 3px solid #60d567;
    background-color: #e7f9e8;
    border-right-style: dotted !important;
}


.active_col div span.s_price {
    color: #60d567;
}

.s_price {
    display: grid;
    align-content: center;
    align-items: center;
    align-self: center;
    line-height: normal;
}


.col_t_price span.s_price {
    font-family: inherit;
}


#tourResult.activing_grid > div {
    padding: 5px;
    display: inline-block;
    box-sizing: border-box;
    width: 33.333333%;

}

#tourResult.activing_grid {
    font-size: 0
}

.divTableRow {
    display: table-row;
}

.hotelname__ {
    display: block
}

.right_hotel_tour {
    text-align: right;
    padding-right: 0
}

.right_hotel_tour .stars_hotel_tour {
    line-height: 1.1
}

.room_service_span {
    font-size: 12px;
}

.div__lab_room_serv span, .div__lab_room_serv div {
    display: inline-block;
}

.div__lab_room_serv {
    position: relative;
    top: 3px;
}

.div__lab_room_serv div span {
    font-size: 12px;
}

.hotelScore_new .img_score {
    width: 70%;

    margin-right: auto;

    padding-left: 5px;
}

.hotelScore_new .img_score img {
    width: 100%;
}

.div_new_tour_tb {
    font-size: 0;
    padding: 5px 0 0 0;
}

.div_new_tour_tb .col-md-6 {
    font-size: 12px;
    float: none;
    display: inline-block;

}

.bor-booking {
    margin-right: auto
}

@-webkit-keyframes test {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes test {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.col_t_price .s_price {
    display: block;
    text-align: center;
    padding: 3px 0;
    color: #363636;
}

.col_t_price.active_col_today span {
    color: #00b42d;
}

.col_today .lowest-date span {
    color: #1a40d2 !important;
}

.col_today .s_price {
    color: #1a40d2 !important;
    background: #ebecf7 !important;
}


.col_today div {
    background: #f8f9ff !important;
}

.col_t_price .s_price {
    display: block;
    text-align: center;
    font-weight: 300;
    padding: 6px 0;
    color: #363636;
}

.active_col_today .s_price {
    background: #e2f2e5 !important;
}

.logoaj_em_ {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.return-bank-box {
    width: 100%;
}

@media (max-width: 1200px)and (min-width: 992px) {
    .content-ditail2 #tourPackage {
        overflow-x: auto;
    }

    .item .image span {
        width: 115px !important;
        font-size: 12px;
        top: 5.9em;
    }

    .fixed_to_top {
        max-width: 940px !important;
    }

    .tour-result-item-left {
        padding-right: 320px !important;
    }

    .w3-bar .w3-button {
        padding: 10px 6px !important;
        font-size: 11px;
        margin-right: 0;
    }

}

@media (max-width: 991px) and (min-width: 769px) {
    .form-inputs .form-item.textarea textarea {
        width: 100% !important;
    }

    .qavanin--1 {
        padding-right: 0 !important;
        margin-top: 12px;
    }

    #showTotalPrice i, #showPaymentPrice i {
        font-size: 11px !important;
    }

    .show-payment-price span {
        font-size: 12px;
    }

    .btn-purches-big {
        line-height: 30px;
        height: 30px;
        font-size: 18px;
        margin-top: 15px;
    }

    .fixed_to_top {
        max-width: 690px !important;
    }

    .logoaj_em_ .width100 {
        width: 100% !important;
    }

    .tour-result-item-left {
        padding-right: 320px !important;
    }

    .content-ditail2 div.html5gallery-box-0 {
        left: 4px !important;
        width: 99% !important;
    }

    .n-mx-12 {
        margin-top: 15px !important;
    }

    .w3-bar .w3-button {
        padding: 10px 6px !important;
        font-size: 11px;
        margin-right: 0;
    }

    .w3-bar {
        top: -71px !important;
    }

}

@media (max-width: 992px) and (min-width: 767px) {
    .w3-hide-medium {
        display: none !important
    }
}

@media (min-width: 767px) {
    .more_di_n {
        display: none
    }

    .detial_res_mos_parent {
        min-height: 440px;
    }

    .reaserach_toursha {
        display: none;
    }

    .select-boxing {
        margin-top: 15px;
    }

    .activing_grid .hotel-result-item {
        width: 100%;
    }

    .hotel-result-item-content-location.width100 {
        width: 100% !important;
    }

    .car-result-item.width100 {
        width: 100% !important;
    }

    .show-payment-price span i {
        padding: 3px;
        color: #349900 !important;
    }

    .w3-bar {
        padding: 15px 0;
    }

    .content-ditail2 #tabs11 {
        padding-right: 0;
        padding-left: 0 !important;
    }

    .hotelScore {
        padding-left: 5px;
        direction: ltr;
    }

    .entekab-date .green-text {
        padding-left: 40px !important;
    }

    .back span {
        text-align: center !important;
    }

    .visible-xs {
        display: none !important;
    }

    ._hidden_768_up {
        display: none
    }

    .packages_hotel_xs {
        display: none
    }

    .n-mx-14 {
        margin-top: 10px;
        padding-bottom: 15px;
    }

    .content-ditail2 .pagination__dot::after {
        display: none;
    }

    .divTableCell {
        border-bottom: 1px solid #e2e2e2;
    }

    .divTableRow > div:first-child {
        min-width: 300px;
        width: 10%;
        vertical-align: middle;
    }

    .w3-col.m1 {
        width: 8.33333%
    }

    .w3-col.m2 {
        width: 16.66666%
    }

    .w3-col.m3, .w3-quarter {
        width: 24.99999%
    }

    .w3-col.m4, .w3-third {
        width: 33.33333%
    }

    .w3-col.m5 {
        width: 41.66666%
    }

    .w3-col.m6, .w3-half {
        width: 49.99999%
    }

    .w3-col.m7 {
        width: 58.33333%
    }

    .w3-col.m8, .w3-twothird {
        width: 66.66666%
    }

    .w3-col.m9, .w3-threequarter {
        width: 74.99999%
    }

    .w3-col.m10 {
        width: 83.33333%
    }

    .w3-col.m11 {
        width: 91.66666%
    }

    .w3-col.m12 {
        width: 99.99999%
    }
}

@media (min-width: 991px) {
    .table-striped {
        overflow: inherit !important;
        margin-bottom: 16px;
    }

    .w3-modal-content {
        width: 900px
    }

    .w3-hide-large {
        display: none !important
    }

    .w3-sidebar.w3-collapse {
        display: block !important
    }

    .w3-col.l1 {
        width: 8.33333%
    }

    .w3-col.l2 {
        width: 16.66666%
    }

    .w3-col.l3 {
        width: 24.99999%
    }

    .w3-col.l4 {
        width: 33.33333%
    }

    .w3-col.l5 {
        width: 41.66666%
    }

    .w3-col.l6 {
        width: 49.99999%
    }

    .w3-col.l7 {
        width: 58.33333%
    }

    .w3-col.l8 {
        width: 66.66666%
    }

    .w3-col.l9 {
        width: 74.99999%
    }

    .w3-col.l10 {
        width: 83.33333%
    }

    .w3-col.l11 {
        width: 91.66666%
    }

    .w3-col.l12 {
        width: 99.99999%
    }
}

@media (max-width: 576px) {
    #tourResult.activing_grid > div {
        width: 100% !important;
    }

    .panel-default-change-Buyer .s-u-passenger-item-change {
        padding: 0 !important;
    }

    .box__hotel__price .wall {
        width: 70px;
    }

    .box__hotel__price .box {

        padding: 0 80px 0 57px;
    }

    .box__hotel__price .price p {
        font-size: 10px;
    }

    .subcalendar {
        font-size: 10px;
    }

    .w3-modal-content {
        margin: 0 10px;
        width: auto !important
    }

    .w3-modal {
        padding-top: 30px
    }

    .w3-dropdown-hover.w3-mobile .w3-dropdown-content, .w3-dropdown-click.w3-mobile .w3-dropdown-content {
        position: relative
    }

    .w3-hide-small {
        display: none !important
    }

    .w3-mobile {
        display: block;
        width: 100% !important
    }

    .w3-bar-item.w3-mobile, .w3-dropdown-hover.w3-mobile, .w3-dropdown-click.w3-mobile {
        text-align: center
    }

    .w3-dropdown-hover.w3-mobile, .w3-dropdown-hover.w3-mobile .w3-btn, .w3-dropdown-hover.w3-mobile .w3-button, .w3-dropdown-click.w3-mobile, .w3-dropdown-click.w3-mobile .w3-btn, .w3-dropdown-click.w3-mobile .w3-button {
        width: 100%
    }
}

@media (max-width: 767px) {

    .tours_loc_maining {
        text-align: right;
    }

    .icon_reaserching__ {
        vertical-align: middle;
        font-size: 14px;
    }

    .reaserach_toursha {
        text-align: left;
        float: left;
        cursor: pointer
    }

    .filtertip_searchbox_35_ {
        display: none;
    }

    .di__inline_block {
        display: inline-block;
    }

    .detial_res_mos {
        display: none
    }

    .detial_res_mos_parent {
        min-height: auto;
    }

    .mos_parent_min_440 {
        min-height: 440px !important;
    }

    .more_di_n {
        float: left;
        cursor: pointer
    }

    .more_di_n i {
        vertical-align: middle;
    }

    .transform_rot_180 {
        transform: rotate(180deg);
    }

    #tourResult.activing_grid > div {
        width: 50%;
    }

    .item .details::before {
        height: 160% !important;
    }

    .form-inputs .form-item {
        flex: 0 0 48%;
    }

    .form-inputs .form-item.textarea textarea {
        width: 100% !important;
    }

    .show-payment-price {
        height: 60px;
    }

    .sel__placeholder {
        font-size: 12px;
    }

    #showTotalPrice i, #showPaymentPrice i {
        font-size: 11px;
    }

    .white11 {
        padding: 10px;
    }

    .fixedd .show-payment-price span {
        font-size: 12px;
    }

    .show-payment-price {
        margin: 0
    }

    .border-top-xs__ {
        border-top: 1px solid #eee
    }

    .select-boxing .icons-- {
        display: none
    }

    .content-ditail2 .sel {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0
    }

    .car-result-item.width100 {
        width: 100% !important;
    }

    .activing_grid .hotel-result-item {
        width: 100%;
        flex: 0 0 100%;
    }

    .activing_grid .hotel-result-item-image a img {
        width: 100%;
    }

    .list_grid {
        display: none
    }

    .form-sort.hotel-sort .form-item.form-item-sort {
        flex: 0 0 33.33% !important;
    }

    .hotel-result-item-content-location.width100 {
        width: 100% !important;
    }

    .fixed_to_top {
        top: auto
    }

    .table-striped thead, .table-striped tbody {
        min-width: 100%;
        display: inline-table;
    }

    .table-striped tbody td:first-child {
        display: none;
    }

    .table-striped thead th:first-child {
        display: none
    }

    .div-kharid {
        padding: 1px 0 0 1px !important;
    }

    .visible-lg-nzr {
        display: none;
    }

    .hidden-xs {
        display: none !important;
    }

    .content-ditail2 {
        font-size: 11px;
    }

    .titr-col {
        font-size: 12px;
        top: -58px;
    }

    .priceContainer {

    }

    .item .image .icons-item i {
        line-height: 1.6;
        font-size: 14px;
    }

    .item .image .icons-item {
        height: 28px;
        border: 1px solid #5ed3bf;
        width: 28px
    }

    .details ul li {
        padding-left: 5px;
        border: none
    }

    .item .details > div {
        padding: .5em 1.5em;
    }

    .details i {
        padding-left: 1px;
    }

    .item .image div::after {
        width: 0 !important;
    }

    .item .image {
        padding: 2em 0 0 0.8em;
    }

    .item .details::before {
        right: -2.2em;
    }

    #showTotalPrice {
        text-align: center
    }

    .content-ditail2 div.html5gallery {
        margin-bottom: 15px !important;
    }

    .hotelname {
        padding-left: 5px;
    }

    .hotelname .hotelpic {
        display: block !important;
    }

    .divTableBody {
        position: relative
    }

    .divTableBody::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: #ccc;
        bottom: -5px;
    }

    .p-1245 {
        position: absolute;
        right: 85px;
        top: 40%;
    }

    .divTableCell {
        border-left: 1px solid #e2e2e2;
    }

    .code-toor, .name-ajans {
        padding-bottom: 8px;
        padding-top: 5px;
    }

    .n-mx-12 {
        margin-top: 15px !important;
    }

    .ajans li {
        display: block !important;
        margin-top: 20px !important;
    }

    .item .image span {
        top: 6.5em;
    }

    .marg-mobile-b {
        margin-bottom: 15px;
    }

    .n-mx-7 {
        margin-top: 100px !important;
    }

    .w3-bar .w3-button {
        background: #fff;
        transition: all linear .3s;
        white-space: normal;
        margin: 0 0 0 5px;
        width: 22%;

        font-size: 11px;
        padding: 5px 0;
    }

    .w3-bar .w3-button i {
        display: none;
    }

    .w3-bar {
        position: relative;
        width: 100%;
        display: grid;

        right: 0;
    }

    #tabs-- .white {
        background: none !important;
    }

    #tabs11 {
        background: #fff;
    }

    .brd-le {
        padding: 0;
    }

    .n-mx-5 h3::before {
        width: 60% !important;
    }

    .n-mx-4 h3::before {
        width: 36% !important;
    }

    .n-card input {
        background: none;
        padding: 5px 25px;
    }

    .lowest {
        position: relative;
    }

    .tabels_price {
        padding-top: 30px;
        overflow-x: auto
    }

    .col_t_price {
        min-width: 90px;
    }

    .col_t_price.prev-date {
        position: absolute;
        top: 5px;
        right: 5px
    }

    .col_t_price.next-date {
        position: absolute;
        top: 5px;
        left: 5px
    }

    .detial_res_mos_parent .titr-col {
        text-align: right !important;
    }

    ._hidden_768_down {
        display: none
    }

    .form-inputs .form-item:last-child {
        margin-right: auto
    }

    .divTableCell {
        width: 100% !important;
    }

    .white11 .row {
        line-height: 2 !important;
        text-align: center !important;
    }

    .white11 .row > div {
        border-bottom: 1px solid #eee;
    }

    .white11 .row > div:last-child {
        border: none;
    }

    .logo-ajans img {
        margin: 0 !important;
        padding: 6px;
    }

    .n-mx-14 {
        margin-top: 15px;
    }

    .mb-0 {
        color: #000 !important;
        text-align: right !important;
    }

    .mb-0:hover::after {
        display: none
    }

    .content-ditail2 .html5gallery-right-0 {
        left: auto !important;
        right: 0 !important;
    }

    .n-mx-02 {
        padding: 0 !important;
    }

    .content-ditail2 div.html5gallery-box-0 {

        left: 6px !important;
        width: 97% !important;
    }

    .content-ditail2 #tabs11 {
        padding-top: 7px;
        padding-right: 0;
        padding-left: 0;
    }

    .divTableCell .rounded {
        right: 2% !important;
    }

    .divTableRow {
        text-align: center;
        border-bottom: 1px solid #ccc;
        padding: 10px 0;
    }

    .divTableRow:last-child {
        border-bottom: none !important;
    }

    .qavanin--1 {
        padding-right: 0 !important;
        margin-top: 10px;
    }

    .hotelname .hotelpic {
        right: 0 !important;
        bottom: 0 !important;
        position: relative;
        opacity: 1;
        visibility: visible;
        max-width: 85px;
        width: 100%;
        height: auto;
        min-width: auto;
        float: right;
        border-radius: 5px;
    }

    .content-ditail2 .pagination__dot::before {
        display: none !important;
    }

    .table-striped h5 {

        color: #303030 !important;
        padding-right: 4px;
        text-align: right;
    }

    .divTableCell .rounded {
        width: 100%;
        padding-right: 0 !important;
        background: none !important;
    }

    .divTableCell p {
        display: table-footer-group
    }

    .divTableCell {
        display: ruby-base !important;
    }

    .divTableBody .divTableRow > div:first-child {
        display: block !important;
    }

    .divTableHeading {
        display: none !important;
    }

    .n-mx-01 > div {

        padding-top: 20px;
        border-bottom: 1px solid #eee;
    }

    .n-mx-01 > div:last-child {
        border: none !important;
    }

    .n-mx-021 {
        margin-top: 12px;
        padding-left: 0 !important;
    }

    .white11 {
        font-size: 12px !important;
        padding-right: 0 !important;
        padding-top: 5px !important;
        padding-left: 0 !important;
    }

    .white11 > div {
        border-bottom: 1px solid #ccc;
        text-align: right !important;
    }

    .white11 > div:last-child {
        border: none !important;
    }

    .w3-modal-content {
        width: 500px
    }

    .w3-modal {
        padding-top: 50px
    }

    .busChoose .bus-component__seat-status {
        display: block !important;
    }

    .busChoose .bus-component__seat-status {
        margin-top: 30px !important;
    }

    .driver-seat-wrapper.end-of-bus svg {
        bottom: -20px;
        top: auto;
    }

    .busChoose {
        padding: 65px 30px !important;
    }

    .driver-seat-wrapper {
        width: 100% !important;
    }

    .driver-seat-wrapper svg {
        margin: 0 auto;
        right: 0;
        transform: rotate(90deg);
        position: absolute;
        top: -35px;
        left: 0;
    }

    .cabin {
        width: 100% !important;
        float: none !important;
        text-align: center
    }

    .cabin li {
        height: 100% !important;
        display: inline-block !important;
        direction: ltr;
        width: 40px;
    }

    .white11 {
        padding: 0 !important;
    }

    .details ul li {
        margin: 0;
        padding: 5px 0;
    }

    .table-striped tbody td:first-child {
        display: none;
    }

    .btn-purches-big {
        width: 100%;

        line-height: 4;
    }

    .col-md-0-0 {
        position: absolute;
        right: 49%;
    }

    .joz-toggle {
        padding: 0 !important;
    }

    .marg-mobile-b {
        padding: 0 !important;
    }

    .price-sub {
        margin: 0;
        width: 97% !important;
    }

    .priceContainer {
        padding: 0;
    }

    .subcalendar {
        font-size: 11px;
    }

    .table-striped {
        background: #f5f5f5;
        border-bottom: 1px solid;
        padding-bottom: 10px;
        margin-bottom: 10px;
        display: block !important;
    }

    .item .image span {
        width: 105px !important;
        font-size: 11px;
        left: -25px;
    }

}

@media (max-width: 992px) {
    .table-striped {
        overflow: auto !important;
    }

    .w3-sidebar.w3-collapse {
        display: none
    }

    .n-mx-5 h3::before {
        width: 70% !important;
    }

    .n-mx-4 h3::before {
        width: 50% !important;
    }

    .w3-main {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .w3-auto {
        max-width: 100%
    }
}

@media (max-width: 1200px) {
    .w3-auto {
        max-width: 95%
    }

    .n-mx-5 h3::before {
        width: 80% !important;
    }

    .n-mx-4 h3::before {
        width: 64% !important;
    }
}

.tooltip-green{
    background: #10b510 !important;
    color : #fff !important
}