@charset "utf-8";

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    line-height: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent;
    transition: all linear .2s
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

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

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

form {
    margin: 0
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

li,
ol,
td,
th,
ul {
    padding: 0;
    margin: 0
}

ol,
ul {
    padding-right: 20px
}

p {
    margin: 0
}

@font-face {
    font-family: OpenSans;
    src: url(includes/fonts/OpenSans.eot);
    src: url(includes/fonts/OpenSans.eot?#iefix) format("embedded-opentype"), url(includes/fonts/OpenSans.woff) format("woff"), url(includes/fonts/OpenSans.ttf) format("truetype");
    font-weight: 400
}

@font-face {
    font-family: BHoma;
    src: url(includes/fonts/BHoma.eot?#) format("eot"), url(includes/fonts/BHoma.woff) format("woff"), url(includes/fonts/BHoma.ttf) format("truetype")
}

@font-face {
    font-family: Shabnam;
    src: url(includes/fonts/Shabnam-FD.eot);
    src: url(includes/fonts/Shabnam-FD.eot?#iefix) format("embedded-opentype"), url(includes/fonts/Shabnam-FD.woff2) format("woff2"), url(includes/fonts/Shabnam-FD.woff) format("woff"), url(includes/fonts/Shabnam-FD.ttf) format("truetype");
    font-weight: 400
}

@font-face {
    font-family: ShabnamB;
    src: url(includes/fonts/Shabnam-Bold-FD.eot);
    src: url(includes/fonts/Shabnam-Bold-FD.eot?#iefix) format("embedded-opentype"), url(includes/fonts/Shabnam-Bold-FD.woff2) format("woff2"), url(includes/fonts/Shabnam-Bold-FD.woff) format("woff"), url(includes/fonts/Shabnam-Bold-FD.ttf) format("truetype");
    font-weight: 700
}

@font-face {
    font-family: ShabnamL;
    src: url(includes/fonts/Shabnam-Light-FD.eot);
    src: url(includes/fonts/Shabnam-Light-FD.eot?#iefix) format("embedded-opentype"), url(includes/fonts/Shabnam-Light-FD.woff2) format("woff2"), url(includes/fonts/Shabnam-Light-FD.woff) format("woff"), url(includes/fonts/Shabnam-Light-FD.ttf) format("truetype");
    font-weight: 300
}

::-moz-selection {
    background: rgba(0, 102, 153, .2)
}

* {
    box-sizing: border-box
}

::-webkit-input-placeholder {
    direction: rtl !important;
    text-align: right;
    font-size: 14px
}

::-moz-placeholder {
    direction: rtl !important;
    text-align: right;
    font-size: 14px
}

:-ms-input-placeholder {
    direction: rtl !important;
    text-align: right;
    font-size: 14px
}

:-moz-placeholder {
    direction: rtl !important;
    text-align: right;
    font-size: 14px
}

body,
html {
    width: 100%;
    height: 100%
}

body {
    direction: rtl;
    font-size: 16px;
    font-family: Shabnam;
    line-height: 28px;
    color: #000
}

a {
    text-decoration: none
}

.main,
.main2 {
    max-width: 1200px;
    margin: auto;
    display: block
}

.main2 {
    max-width: 1000px
}

.flr {
    float: right
}

.fll {
    float: left
}

.tac {
    text-align: center !important
}

.tar {
    text-align: right
}

.tal {
    text-align: left
}

.clr {
    clear: both
}

.ltr {
    direction: ltr;
    display: inline-block
}

.pos_rel {
    position: relative
}

.dis_none {
    display: none
}

.mw700 {
    max-width: 700px !important
}

h1,
h2,
h3 {
    font-weight: 400
}

.destination .tour h3,
.h3bold h3,
b,
strong {
    font-family: shabnamB
}

.txt_bolder b,
.txt_bolder strong {
    font-family: shabnamB
}

.visually_hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0
}

.buy::after,
.glance::after,
.linetend::after,
.others::after,
.rightp::after,
.rightservice>div::after,
.some::after,
.tcategory .main::after,
.trips::after,
.twotables::after,
footer .footleft::after,
footer .main::after {
    content: "";
    clear: both;
    display: block
}

.awhite {
    color: #fff
}

.green {
    color: #409f7d
}

.green1 {
    color: #409f7d
}

.orange {
    color: #e8b645
}

.Ared,
.red {
    color: #f34a4a
}

.Ared2 {
    color: #6c2526
}

#goftino_w {
    bottom: 60px !important;
    right: 0 !important
}

.flex_box,
.flex_box1 {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    align-items: center
}

.flex_box1 {
    align-items: stretch
}

#back_up {
    width: 50px;
    height: 50px;
    line-height: 45px;
    border-radius: 20px;
    text-align: center;
    background: rgba(215, 215, 215, 1);
    color: #7c7c7c;
    font-size: 25px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 999;
    cursor: pointer;
    transition: all .3s linear;
    display: none
}

#back_up:hover {
    background: rgb(108, 37, 38, 1);
    color: #fff
}

@media only screen and (max-width:768px) {
    #back_up:hover {
        background: rgba(215, 215, 215, 1);
        color: #7c7c7c
    }
}

#top_box #h_logo {
    width: 250px;
    margin-left: auto;
    display: block
}

#top_box #h_logo img {
    width: 100%;
    display: block
}

#toplink a {
    padding: 0;
    color: #333;
    font-size: 12px;
    display: inline-block
}

#toplink a:after {
    content: "|";
    margin-right: 5px;
    color: #999;
    display: inline-block
}

#toplink a:last-child:after {
    display: none
}

#toplink a:hover {
    color: #c31514
}

.header-container {
    position: relative
}

nav .menu {
    width: 100%;
    padding: 0;
    float: right;
    font-size: 0;
    border-bottom: 1px solid #eee
}

.menu li {
    display: inline-block;
    font-size: 15px;
    transition: linear .1s
}

.menu li:last-child {
    border: none;
    float: left
}

.thisphone {
    padding: 10px 0 5px !important;
    font-size: 26px;
    color: #d32323 !important
}

.thisphone i {
    font-size: 19px !important;
    color: #d32323 !important
}

#res_tel i,
.thisphone i {
    position: relative;
    top: 3px;
    transform: rotate(15deg)
}

nav .menu>li {
    border-bottom: 3px solid transparent;
    position: relative
}

nav .menu>li>a,
nav .menu>li>span {
    padding: 10px 20px;
    text-decoration: none;
    color: #333;
    display: block;
    transition: linear .1s;
    position: relative
}

nav .menu>li>a i,
nav .menu>li>span i {
    padding-left: 3px;
    color: #6c2526;
    font-size: 13px;
    vertical-align: middle
}

nav .menu>li>a i.i_down,
nav .menu>li>span i.i_down {
    padding: 0 5px 0 0;
    color: gray;
    font-size: 10px;
    position: relative;
    top: 2px
}

nav .menu>li.special-item>span span {
    padding: 0 10px;
    color: #d32323;
    position: relative;
    display: inline-block
}

nav .menu>li.special-item>span span b {
    padding: 0 5px .5px;
    background: #d32323;
    color: #fff;
    font-size: 8px;
    line-height: 11px;
    position: absolute;
    left: 8px;
    top: -4px;
    border-radius: 10px;
    display: inline-block
}

nav .menu>li.special-item>span span i {
    color: #d32323
}

nav .menu>li.special-item ul {
    border-color: #d32323
}

nav .menu>li.special-item ul li {
    position: relative
}

nav .menu>.menu_triangle>span:before {
    content: "";
    width: 0;
    height: 0;
    margin: auto;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 102;
    transition: all .1s linear
}

nav .menu>li:hover {
    border-color: #6c2526
}

nav .menu>.menu_triangle:hover span:before {
    border-bottom: 6px solid #6c2526
}

nav .menu>li.special-item:hover span:before {
    border-bottom: 6px solid #d32323
}

nav .menu>li>i {
    display: none
}

.menu ul {
    width: 650px;
    padding: 15px 10px;
    margin: auto;
    background: #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .4);
    border-top: 3px solid #6c2526;
    border-radius: 0 0 10px 10px;
    font-size: 0;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 999;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: center;
    transition: all .3s linear;
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

.menu ul:after {
    content: "";
    display: block;
    clear: both
}

.menu li:hover>ul {
    opacity: 1;
    visibility: visible
}

.menu ul li {
    width: 100%;
    padding: 0 5px;
    background: #fff;
    position: relative;
    border: none;
    overflow: hidden;
    display: block;
    transition: all .3s linear;
    float: right
}

.menu ul .under_menu>div:first-child {
    width: Calc(100% - 320px);
    margin-left: auto
}

.menu ul .under_menu b {
    margin-bottom: 5px;
    font-size: 18px;
    display: block
}

.menu ul .under_menu a {
    padding-right: 10px
}

.menu ul .under_menu a:hover {
    color: #6c2526
}

.menu ul .under_menu a i {
    font-size: 8px;
    position: relative;
    top: 1px
}

.menu ul .under_menu .under_img {
    max-width: 300px;
    width: 100%;
    display: block
}

.menu ul .under_menu .under_img img {
    width: 100%;
    height: 185px;
    object-fit: cover;
    border-radius: 10px;
    display: block
}

.menu ul li:nth-child(2n) {
    background: #f7f8f8
}

.menu ul li a {
    color: #444;
    position: relative;
    display: block
}

.norouz input::-moz-placeholder,
nav input::-moz-placeholder {
    color: #707070;
    direction: rtl !important;
    text-align: right !important;
    font-size: 14px
}

.norouz input::-webkit-placeholder,
nav input::-moz-placeholder,
nav input::-webkit-input-placeholder {
    color: #707070;
    direction: rtl !important;
    text-align: right !important;
    font-size: 14px
}

.norouz input::-ms-placeholder,
nav input:-ms-input-placeholder,
nav input::-moz-placeholder {
    color: #707070;
    direction: rtl !important;
    text-align: right !important;
    font-size: 12px
}

.norouz input::-moz-placeholder {
    font-size: 13px !important
}

.norouz input::-ms-placeholder {
    font-size: 13px !important
}

.norouz input::-webkit-placeholder {
    font-size: 13px !important
}

.menu .search {
    padding: 5px 10px;
    display: none
}

.menu .search form {
    max-width: 300px;
    height: 45px;
    border: 2px solid #6c2526;
    border-radius: 10px;
    position: relative
}

.menu .search form input {
    width: 100%;
    height: 100%;
    padding: 0 5px 0 55px;
    background: 0 0;
    border: none
}

.search form button {
    width: 50px;
    height: 100%;
    background: 0 0;
    color: #6c2526;
    border: none;
    position: absolute;
    left: 0;
    top: 0
}

#nav_space,
#remenu_icon,
#res_tel {
    display: none
}

@media only screen and (max-width:1250px) {

    .itinerary .title,
    .main,
    .tcategory .title,
    .tselected .title {
        padding: 0 10px 0
    }
}

@media only screen and (max-width:768px) {

    .itinerary .title,
    .main,
    .tcategory .title,
    .tselected .title {
        padding: 0 20px 0
    }
}

@media only screen and (min-width:1001px) {
    nav .menu {
        display: block !important
    }
}

@media only screen and (max-width:1000px) {
    nav {
        background: #6c2526
    }

    nav .main {
        padding: 0
    }

    nav .menu {
        width: 100%;
        border-top: 1px solid #e5e5e5;
        background: #fff;
        float: none;
        display: none;
        position: relative;
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch !important
    }

    .menu li {
        background: #f0f0f0;
        font-size: 18px;
        border: none;
        border-bottom: 1px solid #7ba5d2;
        display: block;
        position: relative
    }

    ul.menu>li:nth-last-child(2) {
        border-left: none
    }

    ul.menu>li.search {
        border-color: transparent !important
    }

    .menu>li:last-child {
        display: none
    }

    .menu>li.search {
        display: block
    }

    nav .menu>li>a,
    nav .menu>li>span {
        padding: 15px 30px 15px 15px
    }

    nav .menu>.menu_triangle>span:before {
        display: none
    }

    nav .menu>li>i {
        width: 18px;
        height: 18px;
        margin: auto;
        line-height: 31px;
        text-align: center;
        font-size: 13px;
        color: #333;
        position: absolute;
        right: 7px;
        top: 14px;
        z-index: 2;
        display: block;
        transition: all .2s linear;
        transform: scaleY(0)
    }

    nav .menu>li>i.active {
        transform: scaleY(1)
    }

    nav .menu>li.special-item>i,
    nav .menu>li.special-item>span {
        color: #d32323 !important
    }

    nav .menu>li.special-item>span span {
        padding: 0;
        background: 0 0;
        font-size: 18px;
        text-shadow: none
    }

    .menu ul {
        width: 100%;
        height: auto;
        max-height: 0;
        padding: 0;
        border-top: none;
        position: static;
        overflow: hidden;
        visibility: visible;
        opacity: 1;
        transition: all .6s linear;
        box-shadow: none;
        border-radius: 0;
        display: block
    }

    .menu ul.active {
        max-height: 800px;
        padding: 0
    }

    .menu ul li {
        width: 100% !important;
        display: block;
        margin: 0;
        background: #fff !important
    }

    .menu ul li a {
        height: auto
    }

    #remenu_icon {
        width: 35px;
        height: 36px;
        margin: 16px 10px 9px 0;
        font-size: 29px;
        color: #fff;
        position: relative;
        display: block;
        float: right;
        cursor: pointer
    }

    #remenu_icon:after {
        content: "منو";
        color: #fff;
        font-family: Shabnam;
        font-size: 21px;
        line-height: 25px;
        position: absolute;
        right: 33px;
        top: 0;
        display: block
    }

    #res_tel,
    .header-container header .top {
        display: none
    }

    #res_tel a {
        padding: 5px 15px;
        color: #fff;
        font-size: 21px;
        display: inline-block;
        margin-top: 3px
    }

    #res_tel {
        text-align: center;
        display: block;
        float: left;
        padding-top: 10px
    }

    nav .menu>li,
    nav .menu>li:hover {
        border-bottom: 1px solid #ccc
    }

    .menu ul .under_menu>div:first-child {
        width: 100%
    }

    .menu ul .under_menu b {
        display: none
    }

    .menu ul .under_menu a {
        padding: 10px 25px
    }

    .menu ul .under_menu .under_img {
        display: none
    }
}

@media only screen and (max-width:600px) {
    #toplink {
        display: none
    }

    .menu>li:last-child {
        float: none
    }

    #top_box #h_logo {
        width: 200px;
        margin: 10px auto
    }
}

@media only screen and (max-width:460px) {

    header .top div,
    header .top ul {
        display: block;
        text-align: center
    }

    header .top div,
    header .top ul li a {
        font-size: 14px
    }
}

.countdown {
    background: url(images/background/yalda.jpg) no-repeat bottom fixed;
    background-size: cover;
    border-bottom: 3px solid #6c2526;
    min-height: 253px !important
}

.boxjtxt3 {
    color: #333 !important;
    text-shadow: none
}

.textc {
    float: right;
    position: relative
}

.textc div:first-child {
    position: absolute;
    top: 15px
}

.textc div:first-child img {
    width: 100px;
    z-index: 1;
    position: relative;
    top: 0;
    left: 0
}

@media only screen and (max-width:1180px) {
    .textc .redp b {
        font-size: 14px !important
    }
}

.cloudy img {
    width: 150px;
    top: 0 !important;
    left: 50px;
    bottom: -34px;
    position: absolute;
    z-index: 1
}

.countdown .toptitle {
    position: absolute;
    top: -55px;
    font-size: 23px;
    color: #3f3d3d;
    display: block;
    line-height: 35px;
    background: #b0e1cb;
    right: 0
}

.toptitle2 {
    font-size: 26px !important;
    color: #2d2d2d !important
}

.toptitle3 {
    font-size: 25px !important;
    color: #333 !important;
    padding: 0 10px 0;
    background: rgba(255, 255, 255, .88) !important;
    border-bottom: 3px solid #1c9375;
    overflow: hidden;
    min-height: 45px;
    line-height: 45px !important;
    border: none;
    border-radius: 25px
}

.countdown .toptitle a {
    color: #3f3d3d;
    transition: linear .2s
}

.countdown .toptitle a:hover {
    opacity: .8
}

.countdown .toptitle span {
    padding: 10px 2px 6px;
    text-shadow: none;
    color: #5d3194;
    background: #f4dff6
}

.countdown .toptitle3 span {
    padding: 10px 2px 6px;
    color: #fff46b;
    background: 0 0;
    font-size: 17px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .7)
}

.countdown .toptitle4 span {
    padding: 5px 10px 5px
}

@keyframes balloon {
    50% {
        transform: translateY(-3%) rotate(0)
    }
}

.bb {
    animation-delay: 5s;
    animation: balloon 5s ease-out infinite;
    -webkit-animation: balloon 5s ease-out infinite
}

.mandetour {
    float: left;
    font-size: 25px;
    padding-top: 59px;
    z-index: 2;
    position: relative;
    color: #15426a
}

.j_cta {
    padding: 8px 30px;
    background: #269813;
    color: #fff;
    font-size: 18px;
    position: absolute;
    left: 40px;
    bottom: 30px;
    border-radius: 10px;
    display: block
}

@media only screen and (max-width:990px) {
    .countdown {
        min-height: 300px !important
    }

    .textc {
        float: none;
        width: 100%;
        padding-bottom: 20px;
        z-index: 100
    }

    .spring .main {
        text-align: center
    }

    .mandetour {
        float: none;
        font-size: 20px
    }

    .j_cta {
        position: static;
        max-width: 300px;
        margin: 10px auto 0
    }
}

@media only screen and (max-width:675px) {
    .countdown .toptitle3 span {
        text-shadow: none
    }
}

@media only screen and (max-width:430px) {
    .toptitle3 {
        min-height: 35px;
        line-height: 35px !important;
        overflow: visible
    }

    .countdown .toptitle3 span {
        display: block;
        color: rgba(143, 5, 7, 1)
    }
}

.spring .main {
    padding: 15px 40px 20px;
    background: rgba(255, 255, 255, .88);
    border-radius: 20px;
    bottom: 28px;
    z-index: 2
}

.fjashn12,
.spring14 {
    background: url(images/background/japan.webp) 50% 50% !important;
    background-size: cover !important
}

.fjashn18,
.spring15 {
    background: url(images/background/spring22.jpg) 50% 50% !important;
    background-size: cover !important
}

.fjashn67 .jashnform {
    background: #fff !important;
    background: #ffffff70 !important;
    color: #333 !important;
    text-shadow: none !important
}

.jashn_banner {
    display: block;
    position: relative
}

.jashn_banner img {
    width: 100%;
    display: block
}

.jashn_banner .mob {
    display: none
}

.jashn_banner .more {
    margin: auto;
    background: #6c2526;
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: 52%
}

.jashnmatn .more {
    margin: 3px 1px;
    background: #6c2526;
    color: #fff;
    font-size: 16px;
    display: inline-block
}

.jashnmatn .more.mod1 {
    margin: 10px 20px 10px 0;
    font-size: 20px
}

.jashnmatn .more.mod1 i {
    position: relative;
    top: 3px
}
.festival_bann{ position: relative;} 
.festival_bann img{ width: 100%; display: block;}
.festival_bann img.for_mob{ display: none;}
@media only screen and (max-width:768px) {
    .jashn_banner .desk,.festival_bann img {
        display: none
    }

    .jashn_banner .mob,.festival_bann img.for_mob {
        display: block
    }

    .jashn_banner .more {
        bottom: 25px;
        left: 0;
        right: 0
    }
}

@media only screen and (max-width:550px) {
    .textc div:first-child img {
        width: 100px
    }

    .cloudy11 img {
        opacity: .8
    }
}

@media only screen and (max-width:430px) {
    .textc {
        padding-bottom: 10px
    }

    .textc div:first-child img {
        width: 100px !important;
        position: relative;
        top: 3px
    }
}

#back_cover {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 10;
    cursor: pointer
}

#jashn_pop {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    background: rgba(0, 0, 0, .4);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: none;
    z-index: 10000
}

#jashn_pop>div {
    height: 100%;
    align-items: center;
    justify-content: center
}

.textp {
    color: #31447c;
    font-family: shabnamB;
    font-size: 18px
}

#jashn_pop .popbox {
    max-width: 500px;
    width: 100%;
    padding: 30px;
    background: url(images/background/popbg.jpg);
    background-size: cover !important;
    background-position: 50% 50% !important;
    border-radius: 25px;
    position: relative;
    z-index: 20
}

#jashn_pop .popbox img {
    max-width: 250px;
    width: 100%;
    margin: 0 auto 15px;
    display: block
}

.jashn_link {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #333
}

.jashn_link .more {
    width: 49%;
    margin-top: 0;
    background: #6c2526;
    color: #fff;
    display: inline-block
}

.jashn_link .more:hover {
    opacity: .6
}

#jashn_pop .more i {
    margin-right: 5px;
    vertical-align: middle
}

#jashn_pop .tel {
    margin: 10px 5px 5px;
    background: #269e76;
    color: #fff;
    text-shadow: 0 0 1px #333
}

.c_just {
    justify-content: center
}

#jashn_pop .tel:hover {
    background: #188862 !important;
    opacity: 1
}

#jashn_pop .channel {
    background: #891f1f
}

#jashn_pop .channel:hover {
    background: #6a1515 !important;
    opacity: 1
}

#jashn_pop .tel i {
    margin: 0 0 0 8px;
    font-size: 20px;
    transform: rotate(-90deg)
}

#jashn_pop .channel i {
    margin: 0;
    transform: none;
    position: relative;
    animation-delay: 2s;
    animation: arrowmove 2s ease-out infinite;
    -webkit-animation: arrowmove 2s ease-out infinite
}

#jashn_pop .popbox .txt {
    margin-bottom: 10px;
    font-family: samimBold;
    text-align: center;
    font-size: 16px
}

#jashn_pop .popbox .txt i {
    margin-left: 5px;
    color: #ab2422;
    font-size: 20px
}

.popbox>b {
    max-width: max-content;
    padding-bottom: 10px;
    margin: auto auto 12px;
    color: #30407b;
    font-size: 35px;
    line-height: 45px;
    border-bottom: 2px solid #45d0a9;
    display: block
}

.popbox>b span,
.textp span {
    color: #ab2422
}

.closeform {
    padding: 10px 15px;
    color: #a1a1a1;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 30px;
    cursor: pointer;
    transition: all linear .2s
}

.closeform:hover {
    color: #000
}

@keyframes arrowmove {
    0% {
        right: 0;
        opacity: 0
    }

    25% {
        right: 3px;
        opacity: .5
    }

    50% {
        right: 6px;
        opacity: 1
    }

    75% {
        right: 3px;
        opacity: .5
    }

    100% {
        right: 0;
        opacity: 0
    }
}

@media only screen and (max-width:600px) {
    .popbox>b {
        font-size: 25px;
        line-height: 35px
    }

    #jashn_pop .popbox img {
        width: 150px
    }
}

@media only screen and (max-width:450px) {
    .jashn_link .more {
        max-width: 225px;
        width: 100%;
        margin-top: 10px
    }
}

#indexSlider {
    width: 100%;
    background: #333
}

#indexSlider>.InSlide {
    position: relative
}

#indexSlideBox {
    position: relative;
    overflow: hidden
}

.indexSlideImg {
    width: 100%;
    position: absolute;
    opacity: 0;
    transition: all 1s linear
}

.indexSlideImg img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    object-position: center;
    display: block
}

.indexSlideImg .img_mob {
    display: none
}

.indexSlideImg.pre {
    opacity: 0;
    transition: all linear .3s;
    transform: scale(1)
}

.indexSlideImg.next {
    opacity: 0;
    transition: all linear .3s;
    transform: scale(1)
}

.indexSlideImg.show {
    opacity: 1;
    z-index: 90;
    transition: all linear .3s
}

.indexSlideImg .slide_info {
    max-width: max-content;
    width: Calc(100% - 20px);
    padding: 10px 15px;
    background: #ffffffe0;
    color: #000;
    position: absolute;
    right: 120px;
    bottom: 50px;
    border-radius: 20px
}

.slide_info h2 {
    margin: 0 0 8px;
    font-size: 27px;
    line-height: 35px;
    color: rgba(20, 20, 20, 1)
}

.slide_info .alt_txt {
    font-size: 14px;
    line-height: 21px
}

.slide_info .alt_txt b {
    margin-left: 15px;
    display: inline-block
}

.slide_info span {
    padding: 5px 0;
    font-size: 16px;
    border-bottom: 2px solid #6c2526;
    display: inline-block;
    transition: all linear .2s
}

.slide_info span i {
    padding-right: 3px;
    position: relative;
    top: 2px
}

.slide_info span:hover {
    color: #6c2526
}

.indexSlideArrow {
    width: 100px;
    margin: auto;
    text-align: center;
    font-size: 46px;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    cursor: pointer;
    display: block;
    z-index: 90
}

.indexSlideArrow i {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, .4);
    color: #333;
    font-size: 20px;
    border-radius: 100%;
    line-height: 50px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    text-shadow: 1px 1px 1px #000;
    transition: all linear .2s;
    z-index: 10
}

#indexLeftSlide {
    left: 0
}

#indexRightSlide {
    right: 0
}

#indexLeftSlide i {
    left: Calc(100% - 50px)
}

#indexLeftSlide:hover i {
    background: rgba(255, 255, 255, 0);
    left: 5px
}

#indexRightSlide i {
    right: Calc(100% - 50px)
}

#indexRightSlide:hover i {
    background: rgba(255, 255, 255, 0);
    right: 5px
}

#indexLeftSlide:hover .leftsvg,
#indexRightSlide:hover .rightsvg {
    transform: scaleX(2)
}

#indexLeftSlide:hover .leftsvg .wave,
#indexRightSlide:hover .rightsvg .wave {
    fill: rgba(255, 255, 255, .9)
}

.leftsvg {
    height: 100%;
    width: auto;
    transform-origin: left center 0;
    transform: scaleX(1);
    transition: transform .4s cubic-bezier(.36, .07, .19, .97) 0s;
    position: absolute;
    left: -3px
}

.leftsvg .wave,
.rightsvg .wave {
    transition: all .4s cubic-bezier(.36, .07, .19, .97) 0s
}

.rightsvg {
    height: 100%;
    width: auto;
    transform-origin: right center 0;
    transform: scaleX(1);
    transition: transform .4s cubic-bezier(.36, .07, .19, .97) 0s;
    position: absolute;
    right: -3px
}

#indexSlideBtn {
    width: 100%;
    margin-top: 30px;
    position: absolute;
    left: 100px;
    bottom: 40px;
    text-align: left;
    z-index: 100
}

#indexSlideBtn>span {
    width: 20px;
    height: 3px;
    margin: 0 1px;
    background: rgba(37, 29, 18, .5);
    display: inline-block;
    cursor: pointer
}

#indexSlideBtn>span.indexSlideActive {
    background: rgba(255, 255, 255, .5)
}

.chevron img {
    width: 15px;
    display: block;
    position: absolute;
    left: 0;
    right: 30px;
    bottom: 35px;
    opacity: .2;
    animation: 2.5s ease 0s normal none infinite running chevloop2;
    z-index: 100
}

@-webkit-keyframes chevloop2 {
    0% {
        opacity: 0;
        bottom: 35px
    }

    55% {
        opacity: 1
    }

    100% {
        opacity: 0;
        bottom: 12px
    }
}

@-moz-keyframes chevloop2 {
    0% {
        opacity: 0;
        bottom: 35px
    }

    55% {
        opacity: 1
    }

    100% {
        opacity: 0;
        bottom: 12px
    }
}

@-o-keyframes chevloop2 {
    0% {
        opacity: 0;
        bottom: 35px
    }

    55% {
        opacity: 1
    }

    100% {
        opacity: 0;
        bottom: 12px
    }
}

@keyframes chevloop2 {
    0% {
        opacity: 0;
        bottom: 35px
    }

    55% {
        opacity: 1
    }

    100% {
        opacity: 0;
        bottom: 12px
    }
}

@media only screen and (max-width:1200px) {
    #indexSlider {
        padding: 0
    }

    #indexSlideBox {
        border-radius: 0
    }
}

@media only screen and (max-width:1024px) {
    .chevron {
        display: none
    }

    #indexLeftSlide i {
        background: rgba(255, 255, 255, .8)
    }

    #indexLeftSlide:hover i {
        background: rgba(255, 255, 255, 1);
        left: Calc(100% - 50px)
    }

    #indexRightSlide i {
        background: rgba(255, 255, 255, .8)
    }

    #indexRightSlide:hover i {
        background: rgba(255, 255, 255, 1);
        right: Calc(100% - 50px)
    }

    .leftsvg,
    .rightsvg {
        display: none
    }

    .indexSlideArrow {
        width: 60px
    }
}

@media only screen and (max-width:768px) {

    .chevron,
    .indexSlideArrow i {
        display: none
    }

    .indexSlideImg .slide_info {
        max-width: 100%;
        min-height: inherit;
        width: 100%;
        padding-bottom: 45px;
        bottom: 0;
        top: inherit;
        right: 0;
        transform: none;
        border-radius: 0
    }

    #indexSlideBtn {
        text-align: center;
        left: 0;
        bottom: 170px
    }

    #indexSlideBox a {
        animation: none !important
    }

    #indexSlideBox,
    #indexSlider {
        min-height: 1000px
    }

    .indexSlideImg .img_desk {
        display: none
    }

    .indexSlideImg .img_mob {
        display: block
    }
}

@media only screen and (max-width:550px) {
    #indexLeftSlide {
        width: 30px;
        left: 0
    }

    #indexRightSlide {
        width: 30px;
        right: 0
    }

    .slide_info .alt_txt b,
    .slide_info h2 {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    #indexSlideBox,
    #indexSlider {
        min-height: 800px
    }
}

@media only screen and (max-width:450px) {

    #indexSlideBox,
    #indexSlider {
        min-height: 500px
    }
}

@media only screen and (min-width:769px) {

    #indexSlideBox,
    #indexSlider,
    .indexSlideImg {
        height: Calc(100vh - 240px) !important
    }
}

.title {
    margin: 0 0 20px;
    font-family: shabnamB;
    font-size: 38px;
    line-height: 55px
}

#next_ban {
    background-color: #6c2526;
    background-image: url(images/background/world.png);
    background-attachment: fixed;
    background-size: cover !important
}

#w_next {
    padding: 0 50px 10px;
    color: #f4f4f4;
    position: relative;
    bottom: 31px;
    border-radius: 30px;
    z-index: 110
}

#w_next .tinytxt {
    margin-bottom: 25px;
    font-size: 13px;
    line-height: 24px;
    display: inline-block;
    padding: 20px 25px;
    background: #6c2526;
    border-radius: 35px
}

#w_next .flex_box1>a {
    width: Calc(33.33% - 20px);
    margin: 0 0 0 30px;
    color: #f4f4f4;
    display: block
}

#w_next .flex_box1>a:last-child {
    margin: 0 !important
}

#w_next .flex_box1>a:hover {
    opacity: .8
}

#w_next .flex_box1 h3 {
    margin: 10px 0 0;
    font-family: Shabnam;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    padding: 0 10px;
    text-shadow: 1px 1px 0 #000
}

#w_next img {
    width: 100%;
    height: 265px;
    object-fit: cover;
    border-radius: 30px;
    display: block
}

.t_list {
    border-top: 8px solid #fff
}

.t_list #w_next {
    position: static;
    padding: 50px 50px 40px
}

@media only screen and (max-width:730px) {
    #w_next .flex_box1>a {
        width: 100%;
        margin: 0 0 40px !important
    }

    #w_next .flex_box1 h3 {
        font-size: 17px;
        line-height: 29px
    }

    #des_bann h1,
    .title {
        font-size: 34px !important;
        line-height: 52px !important
    }

    #w_next {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

#trip_part {
    margin: 0 0 60px;
    position: relative;
    overflow: hidden
}

#trip_part .t_tape {
    padding: 0;
    position: relative;
    top: 25px;
    z-index: 10;
    display: flex
}

#trip_part .t_tape li {
    min-width: max-content;
    padding: 5px 20px;
    margin-left: 5px;
    background: #e5e5e5;
    color: #333;
    border: 8px solid #fff;
    border-radius: 35px;
    display: inline-block;
    cursor: pointer;
    transition: all linear .2s
}

#trip_part .t_tape li.active,
#trip_part .t_tape li.active:hover,
#trip_part .t_tape li:hover {
    background: #6c2526;
    color: #fff
}

#trip_part .eachpart {
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    display: none
}

#trip_part .eachpart img {
    width: 50%;
    height: 100%;
    object-fit: cover !important;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: block
}

#trip_part .part_info {
    width: 50%;
    min-height: 350px;
    margin-right: auto;
    padding: 40px;
    background: #e5e5e5;
    color: #000;
    font-size: 17px;
    position: relative
}

#trip_part .part_info:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid #e5e5e5;
    border-bottom: 15px solid transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -14px;
    display: block
}

.part_info h2 {
    margin: 0 0 15px;
    font-family: shabnamB;
    font-size: 34px;
    line-height: 50px
}

.part_info h2 span {
    padding-right: 5px;
    font-size: 13px;
    line-height: 23px;
    color: #959595;
    font-weight: 400
}

.part_info h3 {
    margin: 0;
    font-size: 17px;
    line-height: 30px
}

.part_info h3 i {
    padding-left: 4px;
    font-size: 7px
}

.part_info ul {
    margin-top: 7px;
    border-bottom: 1px solid #4b4545;
    padding-bottom: 5px;
    list-style: none
}

.part_info li {
    margin-bottom: 7px
}

.part_info a {
    color: #6c2526;
    display: block
}

.part_info a:hover {
    opacity: .8
}

#trip_part #tab1 {
    display: block
}

.butt_more,
.g_item .more_bt,
.part_info .more_bt {
    width: max-content;
    padding: 2px 10px;
    margin: 20px auto 0 0;
    background: #fff;
    color: #333;
    font-size: 14px;
    text-align: center;
    border-radius: 20px;
    cursor: pointer
}

.butt_more i,
.g_item .more_bt i,
.part_info .more_bt i {
    padding-right: 5px;
    position: relative;
    top: 2px
}

#for_blog .butt_more:hover,
.part_info .more_bt:hover {
    background: #6c2526;
    color: #fff
}

@media only screen and (max-width:768px) {
    #trip_part {
        padding-bottom: 80px;
        margin: 50px 0 0
    }

    #trip_part .eachpart img,
    #trip_part .part_info {
        width: 100%;
        height: auto;
        min-height: inherit
    }

    #trip_part .part_info {
        padding: 40px
    }

    #trip_part .eachpart img {
        height: 185px;
        position: static
    }

    #trip_part .t_tape {
        display: none
    }

    #trip_part .eachpart {
        margin-bottom: 20px;
        opacity: 1;
        visibility: visible;
        display: block !important
    }

    #trip_part .eachpart:last-child {
        margin-bottom: 0
    }

    #trip_part .cir_bg2 {
        bottom: -150px
    }
}

.shadow_box::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0, rgba(9, 9, 121, 0) 35%);
    z-index: 5
}

#for_blog {
    padding: 50px 0 60px;
    background: #2b2b2b
}

#for_blog img {
    width: 100%;
    background: #5a5a5a;
    object-fit: cover;
    display: block
}

#for_blog .title a {
    color: #fff
}

#for_blog .title a:hover {
    opacity: .6
}

#r_box {
    width: calc(100% - 500px);
    position: relative;
    border-radius: 35px;
    overflow: hidden
}

#r_box h3 {
    padding: 10px 20px;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 11
}

#r_box img {
    height: 295px
}

#l_box {
    width: 480px;
    margin-right: auto
}

#l_box .blogitem {
    margin-bottom: 20px;
    color: #000;
    display: block
}

#l_box .blogitem:last-child {
    margin-bottom: 0
}

#l_box .blogitem:hover {
    opacity: .8
}

#l_box img {
    width: 150px;
    height: 85px;
    margin-left: auto;
    background: #5a5a5a;
    border-radius: 15px
}

#l_box h3 {
    width: calc(100% - 165px);
    margin: 0;
    color: #fff;
    font-size: 17px
}

#for_blog .butt_more {
    width: 100%;
    padding: 5px 10px;
    display: none
}

#for_blog .butt_more i {
    top: 1px
}

#for_blog .title .butt_more {
    width: 170px;
    margin: 0 auto 0 0;
    color: #333;
    line-height: 28px;
    display: block
}

#for_blog .title .butt_more:hover {
    color: #fff;
    opacity: 1
}

@media only screen and (max-width:900px) {
    #r_box {
        margin-bottom: 20px
    }

    #l_box,
    #r_box {
        width: 100%
    }
}

@media only screen and (max-width:450px) {
    #r_box img {
        height: 300px
    }

    #l_box h3,
    #l_box img {
        width: 100%;
        margin-bottom: 10px
    }

    #l_box img {
        height: 180px
    }

    #for_blog .butt_more {
        display: block
    }

    #for_blog .title .butt_more,
    #l_box .blogitem:nth-last-child(1),
    #l_box .blogitem:nth-last-child(2) {
        display: none
    }

    #l_box .blogitem:nth-last-child(3) {
        margin-bottom: 0
    }
}

.cir_bg {
    width: 350px;
    height: 350px;
    position: absolute;
    border-radius: 50%;
    z-index: 1
}

.cir_bg1 {
    background: #fff9c4;
    top: 7px;
    left: -40px
}

.cir_bg2 {
    background: #e6fbe5;
    right: -20px;
    bottom: 15px
}

.cir_bg3 {
    left: -147px;
    bottom: -50px;
    background: #ffecc7
}

.cir_bg img {
    display: block
}

.cir_bg1 img {
    width: 300px
}

.cir_bg2 img {
    width: 200px
}

.cir_bg3 img {
    width: 160px
}

.z_up {
    position: relative;
    z-index: 2
}

@media only screen and (max-width:650px) {
    #grouping .cir_bg1 {
        top: 90px
    }
}

#grouping {
    padding: 40px 0 20px;
    background: linear-gradient(to bottom, rgba(248, 247, 238, 1) 2%, rgba(251, 250, 244, 1) 12%, rgba(252, 251, 247, 1) 17%, rgba(255, 255, 255, 1) 29%);
    position: relative;
    overflow: hidden
}

#grouping .g_item {
    margin-left: 15px
}

#grouping .g_item:last-child {
    margin-left: 0
}

#grouping .g_item a {
    color: #333;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#grouping .g_item a:hover {
    color: #6c2526
}

#grouping .itm_img {
    position: relative
}

#grouping .g_item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 15px;
    display: block
}

#grouping .g_item h3 {
    padding: 7px 10px;
    margin: 0;
    background: #fff;
    border-radius: 15px;
    text-align: center;
    position: absolute;
    right: 10px;
    left: 10px;
    bottom: 10px
}

.g_item ul {
    margin-top: 10px;
    color: #6c2526
}

.g_item ul li a {
    padding: 2px 0
}

.g_item .more_bt {
    margin: 10px 0 0;
    background: #f4f4f4
}

#grouping .team-members {
    width: 1200px
}

#grouping .team-item {
    width: 280px !important;
    min-height: 390px;
    text-align: right;
    box-shadow: none
}

#grouping .team-item img {
    transform: scale(1)
}

.tourtable table {
    width: 100%;
    margin: 30px 0;
    text-align: center;
    border-spacing: 0;
    border-collapse: collapse
}

.tourtable table tr td {
    padding: 5px 10px;
    border: 1px solid #ddd;
    transition: all linear .2s
}

.tourtable table tr:hover td {
    background: #fffce8
}

.tourtable table tr:first-child:hover td {
    background: #ececec
}

.tourtable table tr td a {
    color: #069;
    transition: all linear .2s
}

.tourtable table tr td a:hover {
    opacity: .7
}

.tourtable table tr:first-child {
    background: #ececec !important;
    color: #404040
}

.tourtable table tr:nth-child(2n-1) {
    background: #eee
}

.tourtable table tr td:last-child {
    direction: ltr
}

.tourtable img {
    max-width: inherit !important;
    margin: inherit !important;
    display: inline-block !important
}

@media only screen and (max-width:768px) {
    .tourtable>div {
        overflow-x: scroll;
        overflow-y: visible
    }

    .tourtable>div table {
        margin-top: 10px
    }

    .tourtable>div table td {
        white-space: nowrap
    }

    .tourtable::before {
        content: "جدول را به راست و چپ بکشید." url(images/icon/swipe-helper.gif);
        padding-bottom: 10px;
        display: block;
        text-align: center;
        font-size: 15px;
        border: 1px solid #e2e2e2;
        color: #333;
        border-radius: 5px;
        margin-top: 10px
    }
}

#top_trip {
    padding: 50px 0 80px;
    background: #fff
}

#top_trip>.main {
    position: relative;
    z-index: 5
}

#top_trip .main>.flex_box1 {
    flex-direction: row-reverse
}

#top_trip #trip_img {
    width: 50%
}

#trip_img img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center;
    border: 5px solid #626a1b;
    border-radius: 15px;
    display: block
}

#trip_img .num_ax {
    padding-right: 5px;
    margin-left: 20px;
    color: #333;
    font-size: 12px;
    cursor: pointer
}

#trip_img .num_ax i {
    position: relative;
    top: 1px
}

#trip_img .trip_day {
    color: #333;
    font-size: 12px
}

#top_trip .trip_info {
    width: 50%;
    padding: 50px 50px 15px 50px;
    color: #333;
    position: relative
}

#top_trip .trip_info .results a {
    display: none
}

#sec_h .title,
.trip_info .title {
    margin-bottom: 5px
}

.trip_info .star_rate {
    margin-top: 10px;
    padding: 0;
    background: 0 0;
    color: #333
}

.trip_info .star_rate #wantstar,
.trip_info .star_rate .rating>label,
.trip_info .star_rate .results {
    color: #333
}

.trip_info .star_rate .rating>#s1 .l_eye,
.trip_info .star_rate .rating>#s1 .r_eye,
.trip_info .star_rate .rating>#s5 .mouth {
    background: #333
}

.fee_date {
    margin-top: 30px;
    border-right: 3px solid #72872e;
    padding-right: 30px
}

.fee_date .capa {
    margin-left: 10px;
    display: inline-block
}

.fee_date .t_cost b {
    font-size: 25px;
    line-height: 35px
}

#top_trip .res_online {
    padding: 5px 20px;
    color: #333;
    position: absolute;
    right: 80px;
    bottom: 0;
    border: 2px solid #269e76;
    border-radius: 25px
}

#top_trip .res_online:hover {
    color: #31c191
}

#sec_h {
    width: 100%;
    margin-bottom: 25px;
    color: #333;
    display: none
}

.exper_sub {
    margin-left: 20px;
    font-size: 25px;
    line-height: 35px;
    border-bottom: 5px solid #8e9f57;
    display: inline-block
}

.exper_sub i {
    color: #fc3
}

.who_is {
    margin: 20px 0 0;
    background: #8e191c;
    color: #fff;
    padding: 20px;
    border-radius: 15px;
    text-align: center
}

.who_is b {
    padding: 0 5px;
    font-size: 25px;
    color: #fc3;
    display: inline-block
}

.who_is a {
    padding: 5px 25px;
    margin-right: 5px;
    background: #ef4b4d;
    color: #fff !important;
    border-radius: 20px;
    display: inline-block
}

.who_is a:hover {
    opacity: .7
}

.who_is i {
    position: relative;
    top: 2px
}

.mar20bt {
    margin-bottom: 20px !important
}

.logo_back {
    width: 500px;
    position: absolute;
    left: -100px;
    bottom: 0;
    z-index: 2
}

.logo_back img {
    width: 100%;
    opacity: .4;
    display: block
}

@media only screen and (max-width:768px) {
    #top_trip {
        padding: 30px 0 80px
    }

    #top_trip .main>.flex_box1 {
        margin-top: 20px
    }

    #top_trip #trip_img {
        width: 100%
    }

    #trip_img img {
        height: 200px
    }

    #top_trip .trip_info {
        width: 100%;
        padding: 30px 0 50px
    }

    .sub_h,
    .trip_info .title {
        display: none
    }

    .trip_info .star_rate {
        margin-top: 0
    }

    .fee_date {
        margin-top: 20px
    }

    #sec_h {
        display: block
    }

    #top_trip .res_online {
        right: 33px
    }

    .logo_back {
        width: 300px
    }

    .exper_sub {
        max-width: max-content;
        margin: 0 auto 20px !important;
        display: block
    }

    .who_is a {
        margin-top: 5px
    }
}

#sec_album {
    position: relative;
    top: -40px
}

#album_box {
    position: relative;
    overflow: hidden;
    border-radius: 15px
}

#galleryBox {
    padding: 0;
    margin: auto;
    font-size: 0;
    text-align: center;
    background: #e2e2e2;
    transition: all .5s linear;
    white-space: nowrap
}

#galleryBox:after {
    content: "";
    clear: both;
    display: block
}

#galleryBox li {
    height: 180px;
    margin: 0 2px;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    font-size: 14px;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
    list-style: none
}

#galleryBox li:before {
    content: "\f002";
    padding-top: 75px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    font-family: fontawesome;
    font-size: 30px;
    visibility: hidden;
    opacity: 0;
    transition: all linear .5s
}

#galleryBox li:first-child:after {
    content: "کلیک کنید";
    padding-top: 75px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    font-family: Shabnam;
    text-shadow: 1px 1px 1px #000;
    transition: all linear .5s
}

#galleryBox li:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

#galleryBox li:hover:before {
    visibility: visible;
    opacity: .8
}

#galleryBox li:hover:after {
    visibility: hidden;
    opacity: 0
}

#galleryShow {
    max-width: 100%;
    max-height: 100%;
    padding: 0 10px 10px 10px;
    background: rgba(0, 0, 0, .88);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    transform-origin: 50% 0;
    opacity: 0;
    visibility: hidden;
    transition: all .5s linear;
    z-index: 9999
}

#galleryShowClose {
    padding: 10px 50px;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
    transition: all .3s linear;
    position: relative;
    z-index: 13
}

#galleryShowClose:hover {
    opacity: .5
}

#galleryShowImg {
    overflow: hidden;
    margin-top: 5px;
    opacity: 1;
    transition: all .8s linear;
    text-align: center
}

#galleryShowImg>span {
    position: relative;
    display: inline-block
}

#galleryShowImg>span>div {
    position: absolute;
    bottom: 5px;
    left: 5px;
    margin: auto;
    padding: 3px 15px;
    text-shadow: 1px 1px 1px #000;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 13px;
    display: inline-block
}

#galleryShowImg>span>div:empty {
    display: none
}

#galleryShowImg img {
    width: 100%;
    max-width: 1200px;
    max-height: Calc(100vh - 105px);
    margin: auto;
    border-radius: 15px;
    display: block
}

#galleryShowImg i {
    width: 50%;
    height: 100%;
    padding-top: 22%;
    margin: auto;
    font-size: 36px;
    color: #fff;
    text-shadow: 0 1px 2px #000;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 12;
    cursor: pointer;
    transition: all .3s linear;
    opacity: 0
}

#galleryShowImg i:hover {
    opacity: .5
}

#leftGallerySlide {
    padding-left: 20px;
    left: 0;
    text-align: left
}

#rightGallerySlide {
    padding-right: 20px;
    right: 0;
    text-align: right
}

#galleryShowInfo {
    margin-top: 10px;
    color: #c2c2c2;
    text-align: center
}

#galleryShowTxt {
    line-height: 30px;
    font-size: 18px;
    font-family: Shabnam
}

#galleryShowdetail {
    line-height: 18px;
    font-size: 12px
}

#galleryShow.active {
    opacity: 1;
    visibility: visible
}

#morePic {
    width: max-content;
    padding: 3px 0;
    margin: 15px auto 0;
    border-bottom: 2px solid #6c2526;
    color: #333;
    font-size: 17px;
    text-align: center;
    cursor: pointer;
    display: none
}

#morePic:hover {
    opacity: .5
}

#morePic i {
    margin-right: 5px;
    color: #6c2526;
    vertical-align: middle
}

#nex_mtlbkh,
#pre_mtlbkh {
    width: 50px;
    padding-top: 80px;
    font-size: 35px;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    transition: all .3s linear;
    z-index: 999;
    text-shadow: 1px 1px 1px #000;
    opacity: .7
}

#pre_mtlbkh {
    padding-left: 15px;
    right: 0;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%)
}

#nex_mtlbkh {
    padding-right: 15px;
    left: 0;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%)
}

#nex_mtlbkh:hover,
#pre_mtlbkh:hover {
    opacity: .4
}

@media only screen and (max-width:1000px) {
    #album_box {
        border-radius: 0
    }

    #galleryBox {
        width: auto !important;
        background: 0 0
    }

    #galleryBox li {
        width: calc(50% - 5px) !important;
        height: 185px;
        margin: 0;
        border-radius: 15px
    }

    #galleryBox li:first-child {
        margin-left: 10px
    }

    #galleryBox li:before {
        padding-top: 80px
    }

    #galleryBox li:after {
        padding-top: 150px
    }

    #galleryBox li.disnone {
        display: none
    }

    #morePic {
        display: block
    }

    #nex_mtlbkh,
    #pre_mtlbkh {
        display: none !important
    }
}

@media only screen and (max-width:768px) {

    #leftGallerySlide,
    #rightGallerySlide {
        opacity: .5 !important
    }

    #galleryShowImg i {
        padding-top: 35%
    }

    #galleryShowClose {
        padding: 50px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 40px
    }

    #galleryShowdetail {
        font-size: 15px
    }
}

@media only screen and (max-width:800px) {
    #anchor i {
        right: 15px
    }
}

@media only screen and (max-width:550px) {
    #galleryBox li {
        width: 100% !important;
        display: block
    }

    #galleryBox li:first-child {
        margin: 0 0 10px !important
    }
}

@media only screen and (max-width:400px) {
    #galleryShowImg i {
        padding-top: 40%
    }
}

#album_box2 {
    margin: 30px 0 0;
    position: relative;
    overflow: hidden
}

#galleryBox2 {
    padding: 0;
    margin: auto;
    font-size: 0;
    text-align: center;
    transition: all .5s linear
}

#galleryBox2:after {
    content: "";
    clear: both;
    display: block
}

#galleryBox2 li {
    width: Calc(25% - 2.5px);
    height: 287px;
    margin: 0 0 5px 5px;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    font-size: 14px;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
    list-style: none;
    float: right
}

#galleryBox2 li:nth-child(odd) {
    margin-left: 0
}

#galleryBox2 li:first-child {
    width: Calc(50% - 5px);
    margin: 0 0 0 5px;
    height: 579px
}

#galleryBox2 li:nth-child(4),
#galleryBox2 li:nth-child(5) {
    margin-bottom: 0
}

#galleryBox2 li:nth-child(5):before {
    content: "";
    height: 100%;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
    font-size: 20px;
    display: none
}

#galleryBox2 li:nth-child(5):after {
    content: "";
    width: 100%;
    height: 100%;
    background: url(images/background/coloroful2.jpg?r=1);
    background-size: contain !important;
    display: none
}

#galleryBox2 li.showmore2 .other_pic2,
#galleryBox2 li.showmore2:after,
#galleryBox2 li.showmore2:before {
    display: block !important
}

#galleryBox2 li .other_pic2 {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    color: #fff;
    font-size: 25px;
    display: none
}

#galleryBox2 li .other_pic2 i {
    font-size: 25px;
    vertical-align: middle
}

#galleryBox2 li.disnone {
    display: none
}

#galleryShow2 {
    max-width: 100%;
    max-height: 100%;
    padding: 0 10px 10px 10px;
    background: rgba(0, 0, 0, .88);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    transform-origin: 50% 0;
    opacity: 0;
    visibility: hidden;
    transition: all .5s linear;
    z-index: 9999
}

#galleryShowClose2 {
    padding: 10px 50px;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
    transition: all .3s linear;
    position: relative;
    z-index: 13
}

#galleryShowClose2:hover {
    opacity: .5
}

#galleryShowImg2 {
    overflow: hidden;
    margin-top: 5px;
    opacity: 1;
    transition: all .8s linear;
    text-align: center
}

#galleryShowImg2>span {
    position: relative;
    display: inline-block
}

#galleryShowImg2>span>div:empty,
#galleryShowImg2>span>span:empty {
    display: none
}

#galleryShowImg2>span>span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 3px 15px;
    background: #f1f1f1c4;
    color: #333;
    text-shadow: none;
    font-size: 14px;
    display: inline-block;
    z-index: 10
}

#galleryShowImg2 img {
    width: 100%;
    max-width: 1200px;
    max-height: Calc(100vh - 105px);
    margin: auto;
    display: block
}

#galleryShowImg2 i {
    width: 50%;
    height: 100%;
    padding-top: 22%;
    margin: auto;
    font-size: 36px;
    color: #fff;
    text-shadow: 0 1px 2px #000;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 12;
    cursor: pointer;
    transition: all .3s linear;
    opacity: 0
}

#galleryShowImg2 i:hover {
    opacity: .5
}

#leftGallerySlide2 {
    padding-left: 20px;
    left: 0;
    text-align: left
}

#rightGallerySlide2 {
    padding-right: 20px;
    right: 0;
    text-align: right
}

#galleryShowInfo2 {
    margin-top: 10px;
    color: #c2c2c2;
    text-align: center
}

#galleryShowTxt2 {
    line-height: 30px;
    font-size: 18px
}

#galleryShowdetail2 {
    line-height: 18px;
    font-size: 12px
}

#galleryShow2.active {
    opacity: 1;
    visibility: visible
}

#galleryBox2 li,
#galleryShowClose2,
#galleryShowImg2 i,
#nex_mtlbkh2,
#pre_mtlbkh2,
a {
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    background: 0 0
}

@media only screen and (min-width:851px) {

    #nex_mtlbkh2,
    #pre_mtlbkh2 {
        display: none
    }
}

@media only screen and (max-width:850px) {
    #galleryBox2 {
        white-space: nowrap
    }

    #galleryBox2 li {
        height: 250px !important;
        margin: 0 !important;
        float: none
    }

    #galleryBox2 li.disnone {
        display: inline-block
    }

    #nex_mtlbkh2,
    #pre_mtlbkh2 {
        width: 50px;
        font-size: 35px;
        text-align: center;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        color: #fff;
        cursor: pointer;
        transition: all .3s linear;
        z-index: 999;
        text-shadow: 1px 1px 1px #000;
        opacity: .7
    }

    #nex_mtlbkh2 i,
    #pre_mtlbkh2 i {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: auto
    }

    #pre_mtlbkh2 {
        padding-left: 15px;
        right: 0;
        background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%)
    }

    #nex_mtlbkh2 {
        padding-right: 15px;
        left: 0;
        background: -moz-linear-gradient(left, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(to right, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%)
    }

    #nex_mtlbkh2:hover,
    #pre_mtlbkh2:hover {
        opacity: .4
    }

    #galleryBox2 li.showmore2 .other_pic2,
    #galleryBox2 li:nth-child(5):after,
    #galleryBox2 li:nth-child(5):before {
        display: none !important
    }
}

@media only screen and (max-width:768px) {

    #leftGallerySlide2,
    #rightGallerySlide2 {
        opacity: .5 !important
    }

    #galleryShowImg2 i {
        padding-top: 35%
    }

    #galleryShowClose2 {
        padding: 80px 50px 10px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
    }

    #galleryShowdetail2 {
        font-size: 15px
    }
}

@media only screen and (max-width:400px) {
    #galleryShowImg2 i {
        padding-top: 40%
    }
}

.graybox {
    background: #f4f4f4
}

.cir_before {
    padding-right: 5px
}

#tour_box .abovetxt {
    padding: 0 5px 5px 0;
    background: #f4f4f4;
    font-family: shabnamB;
    font-size: 18px;
    line-height: 30px;
    display: block;
    position: relative
}

#tour_box .abovetxt i,
.cir_before i {
    margin-left: 4px;
    color: #5fbb9b;
    vertical-align: middle
}

#left_tour>div {
    padding: 15px;
    background: #fff;
    border-radius: 20px
}

#right_tour {
    width: Calc(100% - 350px);
    float: right
}

#right_tour.fullwidth {
    width: 100% !important;
    float: none
}

#left_tour {
    width: 330px;
    margin-right: auto;
    float: left
}

#tour_box:after {
    content: "";
    clear: both;
    display: block
}

.tcost {
    padding: 0 15px;
    background: #f9f9f9;
    line-height: 25px;
    border-bottom: 1px solid #efefef
}

.tcost i {
    color: #5fbb9b;
    font-size: 10px
}

@media only screen and (max-width:1024px) {
    #right_tour {
        width: 100%;
        float: none
    }

    #left_tour {
        display: none !important
    }
}

.ttabs ul {
    width: 100%;
    font-size: 0;
    margin: 0;
    padding: 0 !important;
    text-align: center
}

.ttabs ul li {
    width: Calc(100% / 10);
    display: inline-block;
    position: relative;
    z-index: 2 !important
}

.ttabs ul li a {
    font-size: 14px;
    padding: 6px 0;
    font-family: Shabnam;
    color: #000;
    border-bottom: 3px solid #ddd;
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center
}

.ttabs ul li a.active {
    border-bottom: 3px solid #009051
}

.ttabs ul li a.active::after {
    content: "";
    right: calc(50% - 5px);
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #009051;
    bottom: -7px
}

.ttabs ul li a:hover {
    border-bottom: 3px solid #009051;
    color: #000;
    cursor: pointer;
    transition: linear .2s
}

.tcontent {
    position: relative;
    top: -2.5px
}

#FixTourNav .main {
    max-width: 1200px !important;
    padding: 0 !important
}

.ttabs ul.addnav {
    background: #fff;
    margin: auto;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    font-size: 0;
    text-align: center;
    z-index: 999;
    transition: all .3s linear
}

#spacing {
    height: 50px
}

.padd50t {
    padding-top: 20px
}

.pad30b {
    padding-bottom: 30px
}

@media only screen and (max-width:850px) {
    #FixTourNav {
        display: none
    }

    .ttabs ul {
        max-width: 500px
    }

    .ttabs ul li {
        width: 100%;
        display: block
    }

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

    .ttabs ul li a {
        padding: 8px 10px
    }

    #spacing,
    .gap {
        display: none !important
    }

    .padd50t {
        padding-top: 0
    }

    .pad30b {
        padding-bottom: 1px
    }
}

#glance_tour {
    padding: 20px;
    background: #fff;
    border-radius: 20px
}

#glc_box>div {
    width: 33.33%;
    padding: 10px;
    font-size: 14px;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #efefef;
    transition: all linear .2s
}

#glc_box>div i {
    transition: all linear .2s
}

#glc_box>div:hover i {
    font-size: 23px
}

#glc_box>div:hover {
    background: #fafafa
}

#glc_box>div:last-child,
#glc_box>div:nth-of-type(3n) {
    border-left: none;
    border-bottom: 1px solid #efefef
}

#glc_box>div>b {
    padding: 0 7px;
    margin: 0;
    background: #fafafa;
    border-radius: 20px;
    display: inline-block;
    line-height: 25px
}

#glc_box>div>b i {
    margin-left: 3px;
    color: #6c2526;
    font-size: 10px
}

#glc_box .go_reg {
    margin: 10px 0 0
}

.on_mob {
    max-width: 250px;
    display: none !important
}

#attract {
    margin: 0 0 30px 0
}

.white_mode {
    padding: 30px 20px;
    background: #fff;
    border-radius: 20px
}

.picSize img {
    max-width: 100%;
    width: inherit !important;
    height: inherit !important
}

@media only screen and (max-width:600px) {
    #glance_tour #glc_box>div {
        width: 50%
    }

    #glc_box>div:nth-of-type(3n) {
        border-left: 1px solid #eee
    }

    #glc_box>div:nth-of-type(2n) {
        border-left: none
    }

    #attract {
        margin: 40px 0 25px
    }

    .on_mob {
        display: block !important
    }

    #glc_box>div:hover i {
        font-size: 13px
    }

    #glc_box>div:hover {
        background: #fff
    }
}

@media only screen and (max-width:450px) {
    #glance_tour #glc_box>div {
        width: 100%;
        border-bottom: 1px solid #eee;
        border-left: none !important
    }

    #glc_box>div>b {
        margin: 0 0 5px 0
    }
}

#cust_txt {
    padding: 0 15px;
    background: #6c2526
}

#cust_txt img {
    width: 150px;
    height: 150px;
    margin: auto;
    border-radius: 20px;
    display: block
}

#cust_txt .main {
    padding: 20px 20px 20px 35px;
    background: #fff;
    position: relative;
    bottom: 40px;
    border-radius: 20px;
    z-index: 6
}

#cust_txt .txt_info {
    width: Calc(100% - 170px);
    margin-right: auto;
    font-size: 16px;
    line-height: 28px;
    position: relative
}

#cust_txt .flexbox {
    align-items: center
}

.txt_info i {
    color: #6c2526;
    font-size: 20px;
    position: absolute
}

.txt_info i.q_left {
    bottom: 6px;
    left: -25px
}

.txt_info i.q_right {
    top: 6px;
    right: -28px
}

.txt_info b {
    font-size: 18px;
    color: #6c2526;
    display: block
}

.txt_info .txt_ex {
    margin-bottom: 7px;
    color: gray;
    font-size: 14px
}

.txt_info .sometrip {
    color: gray;
    font-size: 14px;
    text-align: left
}

@media only screen and (max-width:500px) {
    #cust_txt .txt_info {
        width: 100% !important;
        margin: 15px 0 0 !important
    }

    #cust_txt .main {
        padding: 20px 35px
    }
}

.pointer:hover {
    cursor: pointer
}

.tcategory .main>span,
.tselected .main>span {
    display: block
}

.tselected img {
    line-height: 10px
}

.contactinfo .title,
.tselected .title {
    max-width: 1200px;
    margin: auto;
    font-size: 20px;
    color: #000;
    font-family: Shabnam;
    line-height: 30px;
    padding-bottom: 5px
}

.contactinfo .title i,
.needed .title i,
.tableres2 .title i,
.tableresw .title i,
.trips .title i,
.tselected .title i {
    color: #6c2526
}

.tourbox {
    float: right;
    margin-right: 2%;
    width: 49%;
    overflow: hidden;
    margin-top: 25px
}

div.tourbox:nth-of-type(2n-1) {
    margin-right: 0
}

.tourbox img {
    width: 100%;
    border-radius: 20px 20px 0 0
}

.tourbox div {
    display: table;
    width: 100%;
    padding: 5px 10px 5px;
    background: #fff;
    border-radius: 0 0 20px 20px;
    border: 1px solid #e8e8e8;
    font-size: 14px
}

.tourbox span {
    display: table-cell
}

.tourbox>span {
    text-align: right
}

.tourbox>a {
    line-height: 0;
    display: block
}

.tourbox h2,
.tourbox span:first-child a {
    display: block;
    color: #000;
    font-size: 16px;
    line-height: 30px;
    transition: linear .2s;
    margin: 0;
    font-weight: 400
}

.tourbox span:first-child a {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 390px;
    overflow: hidden
}

@media only screen and (max-width:1100px) {
    .tourbox span {
        display: block
    }

    .tourbox {
        text-align: center
    }

    .tourbox span:last-child {
        margin: 10px 0 10px
    }

    .tourbox span:first-child a {
        text-overflow: clip;
        white-space: normal;
        max-width: none;
        overflow: visible
    }
}

.tourbox span:first-child a:hover {
    color: #d32323
}

.tourbox span:first-child {
    color: #666;
    font-size: 11px
}

.tourbox span:last-child {
    text-align: left;
    vertical-align: middle
}

.tourbox span:last-child a {
    display: inline-block;
    background: #269e76;
    border: 1px solid #269e76;
    padding: 5px 13px;
    border-radius: 25px;
    font-size: 16px;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    transition: linear .2s
}

.tourbox span:last-child a:hover {
    opacity: .7
}

.tourbox img {
    transition: linear .2s
}

.tourbox:hover img {
    opacity: .9
}

@media only screen and (max-width:1200px) {
    .tourbox span:last-child {
        text-align: center
    }
}

@media only screen and (max-width:530px) {
    .tourbox span {
        display: block;
        text-align: center !important
    }
}

@media only screen and (max-width:720px) {
    .tourbox {
        float: none;
        margin-right: 0;
        width: 100%;
        padding: 5px
    }
}

.tcategory {
    padding: 40px 0 40px
}

.padt20 {
    padding-top: 20px !important
}

#suggest .title,
.glance .title,
.itinerary .title,
.needed .title,
.onlineact .title,
.others .title,
.some .title,
.submited .title,
.tableres2 .title,
.tableresw .title,
.tcategory .title {
    max-width: 1200px;
    transition: linear .2s;
    margin: auto;
    font-size: 18px;
    color: #333;
    font-family: ShabnamB;
    line-height: 30px;
    padding-bottom: 5px
}

.glance .title {
    padding-bottom: 12px;
    padding-top: 20px
}

.glance .title i,
.itinerary .title i,
.onlineact .title i,
.some .title i,
.submited .title i,
.tcategory .title i {
    color: #5fbb9b;
    transition: linear .2s
}

.others .title i {
    color: #6c2526
}

@media only screen and (max-width:600px) {
    .toptitle3 {
        font-size: 21px !important
    }
}

#suggest {
    padding: 60px 0 70px;
    background: #f4f4f4
}

.team-item {
    direction: rtl;
    position: relative
}

.team-item .more {
    width: 100%;
    margin: 20px auto auto
}

.team-item:hover .more {
    background: #048f96;
    color: #fff
}

.team-item:hover img {
    transform: scale(1.1, 1.1)
}

.team-item>div.flexbox {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    align-items: flex-end
}

.carousel {
    margin-top: 20px;
    direction: ltr
}

.no_effect_1 .slick-track,
.no_effect_3 .slick-track,
.no_effect_5 .slick-track {
    width: 100% !important;
    transform: translate3d(0, 0, 0) !important;
    display: flex;
    justify-content: center;
    direction: rtl
}

.no_effect_1 .slick-dots,
.no_effect_3 .slick-dots,
.no_effect_5 .slick-dots {
    display: none
}

.no_effect_1 .slick-list,
.no_effect_3 .slick-list,
.no_effect_5 .slick-list {
    padding: 0 !important
}

.slick-dots {
    direction: rtl
}

.team-members {
    margin-bottom: 0 !important;
    width: 1250px;
    display: flex;
    margin: 0 auto
}

.team-item {
    cursor: grab;
    width: 350px !important;
    text-align: center;
    margin: 5px 10px !important;
    background-color: #fff;
    border-radius: 20px;
    transition: all linear .2s;
    overflow: hidden;
    box-shadow: 0 0 7px 0 #dadada
}

.team-item:hover {
    box-shadow: 0 0 7px 0 #666
}

.team-item form {
    width: 100%;
    display: block
}

#team-header {
    font-size: 40px;
    color: #f55c5c;
    padding: 10px 0;
    margin: 60px auto;
    display: block;
    text-align: center;
    font-family: "Avenir LT Std";
    font-family: shabnamB
}

#team-top {
    display: flex;
    width: 37.5%;
    justify-content: center;
    margin: 10px auto 0 auto;
    color: #505050
}

.team-top-item {
    width: 45%;
    height: 100%;
    margin: 15px auto
}

.team-item-name {
    text-align: right;
    font-size: 13px;
    line-height: 25px;
    font-family: pelak
}

.team-item-name a {
    color: #1b1b1b;
    display: block
}

.team-item-name a:hover {
    color: #048f96
}

.team-item-img {
    width: 100%;
    position: relative;
    transition: all linear .2s;
    overflow: hidden;
    display: block
}

.team-item-img img {
    width: 100%;
    height: 230px;
    margin: auto;
    object-fit: cover;
    display: block;
    transition: all linear .2s
}

#suggest .team-members {
    width: 100%
}

.tp_info {
    height: 46px;
    padding: 10px 15px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #333;
    font-size: 16px;
    justify-content: center;
    transition: all linear .2s
}

.tp_info h3 {
    margin: 0
}

.team-item:hover .tp_info {
    height: auto
}

.noflow {
    overflow: hidden
}

#suggest .slick-prev {
    left: 20px
}

#suggest .slick-next {
    right: 20px
}

@media only screen and (max-width:1300px) {
    .team-members {
        width: 750px !important
    }
}

@media only screen and (max-width:1024px) {
    .team-item {
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1)
    }

    .team-item:hover img {
        transform: scale(1)
    }
}

@media only screen and (max-width:850px) {
    .team-members {
        width: 370px !important
    }

    .team-item {
        padding-bottom: 30px !important;
        margin: 5px 75px !important
    }

    #suggest .team-item {
        padding-bottom: 0 !important;
        margin: 5px 10px !important
    }
}

@media only screen and (max-width:800px) {
    #team-header {
        font-size: 30px
    }

    .team-item .more {
        padding: 6px 5px
    }
}

@media only screen and (max-width:450px) {
    .team-members {
        width: 270px !important
    }

    #suggest .team-members {
        width: 370px !important
    }

    .team-item {
        padding-bottom: 30px !important;
        margin: 5px 15px !important
    }

    #suggest .more {
        margin-top: 0
    }
}

.team-members .slick-prev:before {
    content: "\f104" !important;
    font-family: FontAwesome;
    font-size: 40px;
    color: #aaa;
    transition: all linear .2s
}

.team-members .slick-next:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 40px;
    color: #aaa;
    transition: all linear .2s
}

#suggest .slick-prev:before {
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 30px;
    display: block;
    background: #d32323;
    border-radius: 100%
}

#suggest .slick-next:before {
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 30px;
    display: block;
    background: #d32323;
    border-radius: 100%
}

.slick-arrow {
    height: 100%;
    z-index: 100
}

.txt_guide {
    overflow: hidden;
    position: relative
}

.add_bt {
    background: #fff;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    z-index: 3;
    transition: all .5s linear
}

.add_bt i {
    color: #f36264;
    font-size: 15px;
    vertical-align: middle;
    transition: all .5s linear
}

.add_bt:before {
    content: "";
    height: 100px;
    background: -moz-linear-gradient(90deg, rgba(242, 242, 242, 1) 10%, rgba(242, 242, 242, .05) 99%, rgba(242, 242, 242, .05) 100%, rgba(0, 0, 0, .05) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .05)), color-stop(0, rgba(242, 242, 242, .05)), color-stop(1%, rgba(242, 242, 242, .05)), color-stop(90%, rgba(242, 242, 242, 1)));
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .9) 10%, rgba(242, 242, 242, .05) 99%, rgba(242, 242, 242, .05) 100%, rgba(0, 0, 0, .05) 100%);
    background: -o-linear-gradient(90deg, rgba(255, 242, 255, .9) 10%, rgba(242, 242, 242, .05) 99%, rgba(242, 242, 242, .05) 100%, rgba(0, 0, 0, .05) 100%);
    background: -ms-linear-gradient(90deg, rgba(255, 255, 255, .9) 10%, rgba(242, 242, 242, .05) 99%, rgba(242, 242, 242, .05) 100%, rgba(0, 0, 0, .05) 100%);
    background: linear-gradient(0deg, rgba(255, 255, 255, .9) 10%, rgba(242, 242, 242, .05) 99%, rgba(242, 242, 242, .05) 100%, rgba(0, 0, 0, .05) 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 36px;
    display: block
}

.add_bt .addButton {
    min-width: 120px;
    padding: 5px 20px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
    background: #f4f4f4;
    color: #414141;
    transition: all .5s linear;
    border-radius: 20px;
    position: relative;
    bottom: 25px;
    z-index: 5;
    display: inline-block
}

.add_bt.open {
    background: 0 0;
    margin: 20px auto 0 auto;
    color: #fff
}

.add_bt.open i {
    transform: rotateX(180deg)
}

.add_bt .addButton:hover {
    opacity: .6
}

.add_bt.open:before {
    display: none
}

.all_body img {
    max-width: 100% !important;
    height: auto !important;
    margin: 20px auto !important;
    display: block
}

@media only screen and (max-width:768px) {
    #tour_box .abovetxt {
        font-size: 19px
    }

    #glc_box>div,
    .co_adrs,
    .tableres2 td,
    .tableres2 th,
    footer .foottxt {
        font-size: 16px !important
    }

    #glc_box>div>b i {
        font-size: 13px
    }

    .tableres2 td.unique {
        font-size: 18px !important
    }

    #trip_img .num_ax,
    #trip_img .trip_day {
        font-size: 15px !important
    }
}

.whatsapp {
    position: fixed;
    left: 10px;
    bottom: 10px;
    display: none;
    z-index: 999;
    transition: all linear .2s
}

.whatsapp img {
    width: 50px;
    display: block
}

#fix_on {
    width: 50px;
    height: 50px;
    line-height: 47px;
    background: #269e76;
    color: #fff;
    position: fixed;
    left: 10px;
    bottom: 10px;
    font-size: 22px;
    text-shadow: 0 0 1px #333;
    text-align: center;
    border-radius: 20px;
    border: 4px solid #188862;
    display: block;
    z-index: 1000
}

#fix_on:hover {
    background: #188862
}

@media only screen and (max-width:1024px) {
    .whatsapp {
        display: block
    }

    #fix_on {
        bottom: 70px
    }
}

@media only screen and (max-width:768px) {
    @keyframes scale_img {
        0% {
            transform: scale(1, 1) rotate(-90deg)
        }

        50% {
            transform: scale(1.2, 1.2) rotate(-90deg)
        }

        100% {
            transform: scale(1, 1) rotate(-90deg)
        }
    }

    #fix_on i {
        -moz-animation: scale_img;
        -moz-animation-duration: 2s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-delay: 0s;
        -webkit-animation: scale_img;
        -webkit-animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-delay: 0s;
        animation: scale_img;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-delay: 0s;
        animation-timing-function: ease-out;
        transform: rotate(-90deg);
        position: relative;
        top: 4px;
        left: 5px;
        font-size: 26px
    }

    #fix_on {
        width: Calc(100% - 135px);
        margin: auto;
        line-height: 42px;
        bottom: 10px;
        left: 65px;
        font-size: 18px
    }
}

#footer-container footer {
    background: url(images/logo/foot_logo.png) no-repeat;
    background-position: 90% 0 !important;
    background-size: 300px !important;
    position: relative
}

footer .footcat {
    float: left;
    font-size: 0;
    margin: 15px 0 10px
}

footer .middlefoot {
    border-top: 2px solid #eee;
    padding: 20px 0 5px
}

span.footcat {
    text-align: center
}

.footcat ul.listcat {
    padding-left: 10px;
    display: inline-block;
    min-width: 150px;
    text-align: right;
    line-height: 21px;
    vertical-align: top;
    font-size: 13px
}

.footcat ul {
    list-style: none;
    padding: 0
}

.footcat ul.listcat>li {
    margin-bottom: 5px;
    font-family: ShabnamB;
    font-size: 17px;
    line-height: 27px
}

.footcat ul li a {
    padding: 5px 10px 0 0;
    color: #333;
    position: relative;
    display: block;
    transition: linear .2s
}

.footcat ul li a:hover {
    color: #d32323;
    transition: linear .2s
}

.footcat ul li a:before {
    content: "\f104";
    font-family: FontAwesome;
    color: #6c2526;
    position: absolute;
    right: 0;
    top: 5px;
    display: inline-block
}

.flip span {
    display: none
}

.footcat ul.listcat>li i {
    display: none
}

footer .socials {
    padding: 3px 10px;
    font-size: 0;
    border: 2px solid #6c2526;
    border-radius: 10px
}

footer .socials a {
    margin: 0 0 0 10px;
    padding: 2px;
    transition: linear .2s;
    display: inline-block;
    color: #333;
    font-size: 20px !important
}

footer .socials a:hover {
    color: #6c2526
}

footer .socials i {
    font-size: 20px;
    vertical-align: middle
}

footer .socials a img {
    position: relative;
    top: 6px;
    width: 31px
}

footer .socials span {
    font-size: 15px
}

footer .foottop {
    padding: 10px 5px 10px;
    display: table;
    width: 100%
}

footer .foottop .quote {
    display: table-cell;
    font-size: 19px;
    font-family: Shabnam;
    line-height: 32px;
    text-align: left;
    color: #333;
    vertical-align: middle
}

footer .foottop span img {
    width: 140px;
    display: table-cell;
    vertical-align: middle;
    padding: 5px
}

footer .footleft {
    float: right;
    max-width: 500px
}

footer .footleft .newsletter {
    color: #000;
    float: left;
    padding: 20px 20px 10px;
    border-radius: 5px;
    margin: 0 0 10px
}

#down_foot {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 2px solid #eee
}

footer .footleft .enamad {
    padding-bottom: 10px;
    float: right;
    padding-top: 10px
}

#footer-container .main {
    position: relative
}

footer .enamad img {
    opacity: .8;
    width: 120px
}

.panel li a[href="/en"] {
    font-family: shabnamB
}

footer .foottxt {
    max-width: max-content;
    padding-bottom: 5px;
    margin-top: 15px;
    font-size: 14px;
    line-height: 24px;
    border-bottom: 2px solid #6c2526
}

.co_adrs i,
footer .foottxt a,
footer .foottxt i {
    color: #6c2526
}

footer .foottxt i {
    margin-left: 4px;
    position: relative;
    top: 1px
}

.footleft .quote {
    font-size: 17px
}

.footleft .quote i {
    color: #6c2526
}

.co_adrs {
    margin-top: 10px;
    font-size: 14px
}

#foot_contact {
    margin: 10px 0
}

#foot_contact>div {
    font-size: 14px;
    line-height: 25px
}

#foot_contact>div b {
    color: #6c2526
}

@media only screen and (max-width:900px) {

    footer .foottop .quote,
    footer .foottop span,
    footer .foottop span img {
        display: block;
        text-align: center;
        margin: auto
    }
}

@media only screen and (max-width:1180px) {

    .co_adrs,
    footer .footcat,
    footer .footleft {
        max-width: 100%;
        float: none;
        text-align: center
    }

    footer .footleft .newsletter {
        width: 83%;
        text-align: center
    }

    footer .footleft>div {
        width: 100%;
        margin: 15px auto
    }

    footer .footleft .enamad {
        width: 17%
    }

    .footcat ul.listcat {
        width: 25%;
        padding: 10px 0 0
    }

    .footcat ul li a {
        margin: 3px;
        padding: 3px 10px 3px 5px;
        border-bottom: 1px solid #dad9d9;
        display: block
    }

    .footcat ul li a:before {
        top: 3px
    }

    .footcat ul.listcat>li {
        padding-right: 5px
    }

    .footcat ul ul li {
        position: relative
    }

    .footcat ul ul li i {
        position: absolute;
        top: 12px;
        right: 10px;
        margin: auto
    }

    .footcat ul ul li a {
        font-size: 17px;
        line-height: 30px
    }

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

    .lastline span,
    footer .footleft .enamad,
    footer .footleft .newsletter,
    footer .socials {
        float: none;
        text-align: center;
        display: block
    }

    footer .footleft .enamad,
    footer .footleft .newsletter {
        width: 100%;
        text-align: center;
        padding-top: 15px;
        max-width: 600px;
        margin: 25px auto 0
    }
}

@media only screen and (min-width:730px) {
    .panel {
        display: block !important
    }
}

@media only screen and (max-width:730px) {
    .footcat ul.listcat {
        width: 100%;
        display: block;
        max-width: 400px;
        margin: auto
    }

    .enamad {
        padding-top: 15px
    }

    .footcat ul.listcat>li {
        display: block;
        background: #f4f4f4;
        border-radius: 10px;
        padding: 4px
    }

    .footcat ul.listcat>li:hover {
        cursor: pointer
    }

    .footcat ul.listcat>li i {
        display: inline-block;
        padding: 5px;
        font-size: 21px;
        line-height: 32px
    }

    .flip span {
        width: 20px;
        height: 20px;
        margin: 5px 0 0 5px;
        border-radius: 50%;
        position: relative;
        display: inline-block;
        float: right
    }

    .flip:after {
        content: "";
        clear: both;
        display: block
    }

    .flip i {
        width: 20px;
        height: 20px;
        line-height: 20px !important;
        padding: 0 !important;
        color: #6c2526 !important;
        text-align: center;
        font-size: 14px !important;
        position: absolute;
        transform: scaleY(0);
        transition: all .1s linear
    }

    .flip i.active {
        transform: scale(1)
    }

    .panel {
        display: none
    }
}

.newsletter h3 {
    font-size: 18px;
    font-family: shabnamB;
    margin: 0
}

.newsletter p {
    font-size: 15px;
    margin: 12px 0 10px
}

.newsletter .newsletterform div {
    padding: 7px;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    text-align: center;
    border-radius: 5px
}

.newsletterform .ok {
    background: #34a952
}

.newsletterform .nok {
    background: #d32323
}

.newsletterform .already {
    background: #3688ae
}

.newsletterform form {
    max-width: 355px;
    width: 100%;
    height: 40px;
    margin: auto;
    border-radius: 25px;
    position: relative;
    overflow: hidden
}

.newsletter .newsletterform input {
    width: 100%;
    height: 100%;
    padding: 0 5px 0 120px;
    background: #f4f4f4;
    border: 0;
    margin: 0;
    font-size: 14px;
    direction: ltr
}

.newsletter .newsletterform .btn {
    font-size: 15px;
    height: 100%;
    width: 115px;
    position: absolute;
    left: 0;
    top: 0
}

.btn,
.btn-green {
    background: #d32323;
    border-color: #d32323;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    border: none;
    transition: linear .2s
}

.btn-green:hover {
    background: #6c2526
}

.lastline {
    margin-right: auto;
    color: #333;
    font-size: 13px;
    text-align: left
}

.lastline div:first-child {
    direction: ltr;
    font-family: OpenSans;
    color: #000
}

.lastline a {
    color: #333;
    transition: linear .2s
}

.lastline a:hover {
    color: #6c2526
}

@media only screen and (max-width:600px) {
    footer .socials {
        padding: 5px 10px
    }

    .lastline,
    footer .socials {
        width: 100%
    }

    .lastline {
        text-align: center
    }
}

#nl_box {
    width: 100%;
    height: 100vh;
    line-height: 30px;
    background: rgba(0, 0, 0, .6);
    transition: visibility linear .4s;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    z-index: -10;
    overflow: auto
}

#nl_box form {
    padding: 10px 0;
    color: #555;
    background: #fff;
    font-size: 17px;
    display: block;
    transform-origin: 50% 0;
    transform: scaleY(0);
    opacity: 0;
    transition: all .5s linear
}

#nl_box form>div {
    padding: 0 30px
}

#nl_box form>div:first-child {
    margin-bottom: 20px
}

.nl_input {
    line-height: 40px;
    font-size: 0
}

.nl_input span {
    width: calc(100% - 145px);
    height: 40px;
    display: inline-block;
    position: relative
}

.nl_input i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #d0d0d0;
    border-left: 1px solid #e2e2e2;
    text-align: center;
    font-size: 21px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.nl_input input[type=email],
.nl_input input[type=tel] {
    direction: ltr
}

#nl_sub {
    margin-top: 5px;
    text-align: center
}

#nl_sub input {
    width: 150px;
    height: 40px;
    font-size: 17px;
    cursor: pointer
}

#nl_sub input[type=submit] {
    background: #269e76;
    color: #fff;
    text-shadow: 0 1px 2px #000;
    border: 1px solid #269e76
}

#nl_box {
    width: 100%;
    height: 100vh;
    padding: 0 20px;
    line-height: 27px;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    z-index: -10;
    overflow: auto
}

#nl_box input::-webkit-input-placeholder {
    direction: rtl !important;
    text-align: right;
    font-size: 14px
}

#nl_box input::-moz-placeholder {
    direction: rtl !important;
    text-align: right;
    font-size: 14px
}

#nl_box input:-ms-input-placeholder {
    direction: rtl !important;
    text-align: right;
    font-size: 14px
}

#nl_box input:-moz-placeholder {
    direction: rtl !important;
    text-align: right;
    font-size: 14px
}

#nl_box form {
    max-width: 500px;
    padding: 10px 0 1px;
    color: #555;
    background: #fff;
    font-size: 17px;
    display: block;
    transform-origin: 50% 0;
    transform: scaleY(0);
    opacity: 0;
    transition: all .5s linear
}

#nl_box form>div {
    padding: 0 30px
}

#nl_box form>div:first-child {
    margin-bottom: 20px
}

.nl_input {
    line-height: 37px;
    font-size: 0
}

.nl_input span {
    width: 100%;
    height: 40px;
    display: inline-block;
    position: relative
}

.nl_input i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-left: 1px solid #bebebe;
    text-align: center;
    font-size: 21px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.nl_input input[type=email],
.nl_input input[type=tel],
.nl_input input[type=text],
.nl_input select {
    width: 100%;
    height: 37px;
    line-height: 37px;
    font-size: 17px;
    color: #000;
    padding: 0 5px 0 5px;
    border: 1px solid #bebebe;
    border-radius: 10px
}

.nl_input select {
    background: #fff
}

.nl_input textarea {
    width: 100%;
    line-height: 40px;
    font-size: 17px;
    color: #777;
    padding: 0 4px 0 4px;
    border: 1px solid #bebebe;
    resize: vertical
}

.nl_input input[type=email],
.nl_input input[type=tel] {
    direction: ltr;
    font-family: tahoma
}

#nl_sub {
    text-align: center
}

#nl_sub input {
    width: 49%;
    height: 37px;
    font-size: 14px;
    cursor: pointer;
    padding: 0 10px 0 !important
}

#nl_sub input[type=submit] {
    background: #269e76;
    color: #fff;
    text-shadow: 0 1px 2px #000;
    border: 1px solid #269e76;
    border-radius: 20px;
    font-family: Shabnam
}

#nl_sub input[type=reset] {
    margin-left: 2%;
    background: #e2e2e2;
    color: #444;
    border: 1px solid #b4b4b4;
    border-radius: 20px;
    font-family: Shabnam
}

.clear {
    clear: both
}

#mem_box .mem_items {
    width: Calc(50% - 2px);
    margin: 0 0 20px 4px;
    position: relative
}

#mem_box .mem_items:nth-child(2n) {
    margin-left: 0
}

#mem_box .mem_items span {
    width: auto;
    height: inherit;
    padding: 0 10px;
    font-size: 13px;
    line-height: 23px;
    color: #333;
    position: absolute;
    top: -14px;
    right: 10px;
    background: #fff
}

#mem_box .mem_items label {
    width: Calc(50% - 2px);
    padding: 0 10px;
    font-size: 15px;
    border: 1px solid #bebebe;
    border-radius: 10px;
    text-align: center;
    display: inline-block;
    cursor: pointer
}

#mem_box .mem_items label:first-child {
    margin-left: 4px
}

#mem_box .mem_items label.active {
    border-color: #2d8666
}

#mem_box .one_row select {
    width: Calc(33.33% - 3px)
}

#mem_box .one_row select:nth-of-type(2) {
    margin: 0 4px
}

#mem_box .one_row select option {
    font-family: tahoma
}

#mem_box .one_row {
    width: 100% !important
}

@media only screen and (max-width:450px) {
    #mem_box .mem_items {
        width: 100%;
        margin: 0 0 15px
    }

    .nl_input label {
        width: 100%;
        float: none
    }

    .nl_input span {
        width: 100%
    }

    #nl_sub input {
        margin-bottom: 5px
    }
}

.modaldiv {
    max-width: 500px;
    width: calc(100% - 10px);
    margin: auto;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 20px;
    overflow: hidden
}

#top_line {
    padding: 10px;
    background: #a73234;
    color: #fff;
    font-size: 18px;
    font-family: Shabnam;
    text-align: center;
    line-height: 30px
}

#items {
    padding: 10px 30px
}

#items .each {
    width: 100%;
    display: table
}

#items .each>div {
    display: table-cell;
    vertical-align: middle
}

#items .each>div:first-child {
    width: 90px
}

#items .each>div:first-child i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    color: #fff;
    background: #292e44;
    font-size: 16px;
    text-align: center;
    border: 1px solid #292e44;
    border-radius: 100%
}

#items .each>div:last-child {
    width: Calc(100% - 90px)
}

#items>div {
    padding: 5px 0
}

#items>div:last-child {
    border: none
}

#items i {
    color: rgba(62, 163, 0, 1);
    font-size: 18px
}

#sending {
    padding: 0 30px;
    text-align: right
}

@media only screen and (max-width:550px) {
    #items {
        padding: 10px 15px
    }

    #sending {
        padding: 0 15px
    }

    #items .each>div:first-child {
        display: none
    }

    #items .each>div:last-child {
        width: 100%
    }

    .modaldiv {
        position: static;
        margin: 50px auto;
        transform: none
    }
}

#popup,
#popup0,
#popup1 {
    background: rgba(0, 0, 0, .7);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 1000
}

#popup .flexbox,
#popup0 .flexbox,
#popup1 .flexbox {
    height: 100%;
    align-items: center;
    justify-content: center;
    position: relative
}

#popup .flexbox #for_area,
#popup0 .flexbox #for_area1,
#popup1 .flexbox #for_area1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100
}

#popup .formBox,
#popup0 .formBox,
#popup1 .formBox {
    max-width: 390px;
    width: Calc(100% - 40px);
    padding: 30px;
    background: #fff;
    position: relative;
    z-index: 200
}

#popup .formBox .txt,
#popup0 .formBox .txt,
#popup1 .formBox .txt {
    font-family: Shabnam;
    font-size: 17px;
    line-height: 30px
}

#popup .formBox .txt i,
#popup0 .formBox .txt i,
#popup1 .formBox .txt i {
    margin-left: 5px;
    color: #6c2526;
    font-size: 22px
}

#popup .close_pop,
#popup0 .close_pop,
#popup1 .close_pop {
    position: absolute;
    left: 8px;
    top: 3px;
    font-size: 35px;
    color: #6c2526;
    cursor: pointer;
    transition: all linear .2s;
    z-index: 200
}

#popup .close_pop:hover,
#popup0 .close_pop:hover,
#popup1 .close_pop:hover {
    opacity: .6
}

#list_bann {
    min-height: 350px;
    padding: 25px 0 50px;
    background-size: cover !important;
    background-position: center !important;
    position: relative
}

#ban_info h1 {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 20px
}

#ban_info .txt {
    font-size: 16px;
    line-height: 28px
}

#ban_info {
    max-width: 250px;
    min-height: 220px;
    width: 100%;
    padding: 10px 15px;
    margin-left: 15px;
    background: #ffffffe0;
    color: #000;
    border-radius: 20px
}

#list_bann .flx_end {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

#com_bg .flx_end {
    margin-top: 50px;
    align-items: flex-end
}

#list_bann #ban_info {
    max-width: max-content;
    min-height: inherit
}

#list_bann #ban_info h1 {
    margin-bottom: 0
}

#list_bann .bdy_txt {
    width: max-content;
    padding: 5px 10px;
    margin-top: 15px;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    line-height: 25px;
    border-radius: 20px
}

@media only screen and (max-width:500px) {
    #ban_info {
        margin-left: 0
    }
}

.introduce .navigator a {
    color: #d7d7d7;
    transition: linear .2s
}

.introduce .navigator {
    color: #fff;
    font-size: 12px
}

.navigator a {
    color: #fff !important;
    transition: linear .2s
}

.navigator {
    color: #aaa;
    font-size: 12px;
    transition: linear .2s
}

.navigator.c_black a {
    color: #333 !important
}

.introduce .navigator a:hover {
    color: #fff
}

.navigator a:hover {
    color: #f54242 !important
}

.navigator i {
    margin: 0 3px;
    color: #f54242;
    position: relative;
    top: 2px
}

.introduce {
    min-height: 250px;
    position: relative;
    overflow: hidden
}

.introduce>div {
    background: rgba(0, 0, 0, .4);
    border-radius: 3px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    padding: 15px 10px 20px;
    color: #fff;
    text-align: justify;
    margin: auto !important
}

.introduce div span.title {
    display: block;
    font-family: Shabnam;
    font-size: 20px;
    line-height: 45px
}

#com_bg {
    min-height: 250px;
    padding: 25px 0;
    background: url(images/background/destinations/in.jpg) no-repeat;
    background-size: cover !important;
    background-position: 50% 80% !important
}

.glance {
    position: relative
}

.glance .rows {
    float: right;
    width: 72.3%
}

.glance .rows100,
.glance .rows100p {
    width: 100% !important
}

.glance .rows100 .leftcontent .content span:last-child {
    width: 36.1% !important
}

.glance .rows100 .head span:last-child {
    width: 26.2% !important
}

.glance .rows100visa .leftcontent .content span:last-child {
    width: 100% !important;
    text-align: right
}

.glance .rows100visa .head span:last-child {
    width: 71.7% !important
}

.glance .rows .each {
    border-bottom: 1px solid #ddd;
    transition: linear .2s
}

.glance .rows .each.t_border {
    border-top: 1px solid #ddd
}

.glance .rows .each:after,
.glance:after {
    display: block;
    content: "";
    clear: both
}

.glance .rows .each:hover {
    background: #f4f4f4
}

.glance .rows .head {
    font-size: 0
}

.glance .rows .head span {
    display: inline-block;
    width: 10%;
    background: #efefef;
    margin: 0 0 0 .25%;
    padding: 5px;
    text-align: center;
    color: #242424;
    border-radius: 10px 10px 0 0;
    font-size: 14px
}

.glance .rows .head span:first-child {
    width: 28%;
    text-align: right
}

.glance .rows .head span:nth-child(2) {
    width: 35%;
    text-align: right
}

.glance .rows .head span:last-child {
    width: 16%;
    margin: 0
}

.glance .calendar {
    float: left
}

.glance .rows .righttitle {
    float: right;
    width: 28%;
    padding: 3px
}

.glance .rows .righttitle a {
    color: #6c2526;
    display: block;
    transition: linear .2s
}

.glance .rows .righttitle a:hover {
    color: #d32323
}

.res_link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none
}

.mode {
    font-size: 0;
    color: #fff;
    position: relative;
    top: -25px
}

.mode a {
    display: inline-block;
    padding: 5px 8px;
    margin-left: 5px;
    background: #6c2526;
    color: #fff;
    font-size: 12px;
    border-radius: 30px;
    border: 8px solid #fff;
    text-align: center
}

@media only screen and (max-width:500px) {
    .mode {
        margin-top: 20px;
        position: static
    }

    .mode a {
        min-width: max-content;
        padding: 8px;
        font-size: 16px;
        display: block
    }

    #listShow {
        padding-top: 20px
    }
}

.go_down {
    width: 100%;
    margin-top: 10px
}

.star_rate #wantstar {
    padding: 7px 15px;
    margin-right: 10px;
    color: #fff;
    border-radius: 20px
}

.star_rate {
    width: max-content;
    height: 55px;
    padding: 16px;
    line-height: 28px;
    border-radius: 35px;
    font-size: 14px;
    background: #35904f;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: cente
}

.star_rate:after {
    content: "";
    clear: both;
    display: block
}

.star_rate #showstar i {
    color: #fc3;
    font-size: 16px;
    position: relative;
    top: 3px
}

.star_rate .results {
    color: #fff
}

.star_rate .results a {
    margin-left: 0;
    width: auto;
    font-size: 14px
}

.star_rate .rating>label {
    color: #fff;
    position: relative;
    top: 2px
}

.star_rate .rating>#s5 .mouth {
    top: 19px;
    background: #fff
}

.star_rate .rating>#s1 .l_eye,
.star_rate .rating>#s1 .r_eye {
    background: #fff;
    top: 7px
}

.num_vote {
    font-size: 18px
}

.rightnews .star_rate {
    padding: 0;
    margin: 0 auto 10px 0;
    background: 0 0;
    color: #333
}

.rightnews .star_rate #wantstar {
    color: #333;
    display: inline-block
}

.rightnews .star_rate .rating>label,
.rightnews .star_rate .results {
    color: #333
}

.rightnews .star_rate .rating>#s5 .mouth {
    background: #333
}

@media only screen and (max-width:768px) {
    .star_rate {
        position: static;
        margin-top: 10px
    }

    .go_down {
        margin-top: 0
    }
}

.notactive {
    background: #9c9c9c !important;
    transition: all .2s linear
}

.notactive:hover {
    background: #6c2526 !important
}

.rows .grouplist {
    padding: 7px;
    background: #6c2526;
    margin-bottom: 3px;
    border-radius: 3px;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    border-bottom: 1px solid #036;
    display: none
}

.rows .grouplist i {
    color: #0f3
}

.leftcontent {
    width: 72%;
    float: right
}

.leftcontent .content {
    transition: linear .2s;
    font-size: 0
}

.leftcontent .content:last-child {
    border-bottom: none
}

.leftcontent .content span {
    padding: 3px;
    display: inline-block;
    width: 15.2%;
    text-align: center;
    margin: 0 0 0 .1%;
    font-size: 14px;
    vertical-align: top
}

.leftcontent .content span a {
    color: #6c2526;
    transition: linear .2s
}

.leftcontent .content span a:hover {
    color: #d32323
}

.leftcontent .content span:first-child {
    width: 48.5%;
    text-align: right
}

.leftcontent .content span:nth-child(3) {
    width: 13.6%
}

.leftcontent .content span:last-child {
    width: 22.4%;
    text-align: center;
    direction: ltr;
    margin: 0
}

.calendar .tabledate {
    margin: auto;
    border-collapse: separate
}

.calendar .tabledate thead tr td {
    font-size: 15px;
    height: 32px
}

.calendar .tabledate td {
    height: 40px;
    width: 40px;
    background: #fff;
    transition: all .2s ease 0s
}

.calendar .headt td {
    height: 30px;
    font-size: 14px;
    border-top: 1px solid #ccc !important
}

.calendar .circle {
    height: 35px;
    width: 35px;
    line-height: 35px;
    border-radius: 8px;
    border: 1px solid #ddd
}

.calendar .samplec {
    background: #c8f2c8
}

.calendar .guide .samplec {
    padding-top: 15px
}

.calendar .guide {
    display: table;
    width: 100%;
    text-align: center;
    max-width: 300px;
    margin: 10px auto auto
}

.calendar .guide span {
    display: table-cell;
    padding: 3px;
    vertical-align: middle;
    font-size: 13px
}

.calendar .guide div {
    margin-left: 5px;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle
}

.calendar .line {
    height: 1px !important;
    border-top: 1px solid #cccc
}

.calendar .data {
    font-size: 14px
}

.monthsn span:last-child:before {
    content: "/";
    display: inline-block;
    padding: 0 0 0 5px
}

.tour .go_reg {
    width: 100%;
    padding: 5px 10px;
    margin: 0 auto 10px;
    background: #269e76;
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    text-shadow: 1px 1px 1px #333;
    display: block
}

.tour .go_reg:hover {
    opacity: .7;
    color: #fff
}

.trips>span {
    display: block
}

.trippack {
    width: 32%;
    margin-right: 2%;
    border: 1px solid #efedec;
    margin-top: 25px;
    text-align: center;
    border-radius: 20px;
    transition: linear .3s;
    position: relative;
    overflow: hidden
}

.trippack span {
    font-size: 12px;
    line-height: 25px;
    display: block;
    position: relative
}

.trippack a div {
    background-size: cover !important;
    height: 200px
}

.trippack h2 {
    padding: 0 15px 5px;
    font-size: 13px;
    font-family: shabnamB;
    margin: 0;
    min-height: 65px;
    text-align: right;
    border-bottom: 1px solid #efedec;
    margin-top: 10px;
    color: #5b5b5b
}

.trippack h2 a {
    display: block;
    padding: 0 0 5px;
    transition: linear .2s;
    color: #000;
    font-size: 23px;
    line-height: 35px
}

.trippack h2 a:hover {
    color: #6c2526
}

.trippack h2.ato_hgt {
    min-height: auto
}

.trippack a.button {
    background: #4d6f80;
    display: block;
    color: #fff;
    padding: 3px;
    margin-top: 5px;
    text-shadow: 1px 1px 1px #333;
    transition: linear .2s
}

.trippack img {
    width: 100%
}

.trippack:hover a.button {
    background: #38b457
}

.trippack a.button:hover {
    background: #32a04e
}

div.trippack:nth-of-type(3n-2) {
    margin-right: 0
}

.pic_info>div {
    width: 50%;
    padding: 10px;
    font-size: 14px;
    line-height: 25px;
    text-align: center
}

.pic_info .pic_date {
    border-left: 1px solid #eee
}

.comp_box {
    position: absolute;
    left: 10px;
    top: -53px
}

#search_res .trippack {
    margin-bottom: 25px;
    margin-top: 0
}

#search_res .trippack h2 {
    min-height: inherit
}

#search_res .trippack h2 a {
    display: inline-block
}

#search_res .srchtxt {
    padding: 10px;
    font-size: 16px;
    line-height: 25px;
    text-align: right;
    border-bottom: 1px solid #efedec
}

#search_res #moreInfo {
    margin: 10px 0 0
}

#search_res #moreInfo .flex_box1 {
    width: 100%
}

#search_res #moreInfo .srch_capa {
    background: #fff
}

#search_res #moreInfo .srch_capa span {
    font-size: 14px;
    line-height: 27px
}

@media only screen and (max-width:1165px) {
    .glance .rows {
        width: 100%
    }

    .glance .calendar {
        display: none
    }
}

@media only screen and (max-width:1250px) {

    .introduce>div,
    .jashnmatn .main {
        margin: 0 10px 0
    }
}

@media only screen and (max-width:1100px) {

    .trippack,
    div.trippack:nth-of-type(3n-2) {
        width: 49%;
        margin-right: 2%
    }

    div.trippack:nth-of-type(2n-1) {
        margin-right: 0
    }
}

@media only screen and (max-width:800px) {
    .trippack a div {
        height: 260px
    }

    .trippack,
    div.trippack:nth-of-type(3n-2) {
        width: 100%;
        margin-right: 0
    }

    .trippack .imgbox span {
        font-size: 14px
    }

    .trippack h2 {
        min-height: 100%
    }
}

@media only screen and (max-width:700px) {
    .glance .rows .each {
        padding: 10px 10px 5px;
        margin-bottom: 10px;
        border: 1px solid #ccc;
        border-radius: 25px;
        position: relative
    }

    .glance .rows .head {
        display: none
    }

    .glance .rows .righttitle {
        background: #efefef;
        border: 1px solid #e8e8e8;
        font-size: 18px;
        line-height: 30px;
        border-radius: 25px;
        color: #333;
        padding: 5px
    }

    .glance .rows .righttitle a {
        color: #333
    }

    .glance .rows .leftcontent::before {
        font-family: FontAwesome;
        content: "\f0d7";
        font-size: 26px;
        color: #efefef;
        display: block;
        line-height: 5px
    }

    .glance .rows .righttitle,
    .leftcontent,
    .leftcontent .content span:first-child {
        float: none;
        width: 100%;
        text-align: center;
        display: block
    }

    .glance .rows100 .leftcontent .content span:last-child,
    .leftcontent .content span,
    .leftcontent .content span:last-child,
    .leftcontent .content span:nth-child(3) {
        display: inline-block;
        text-align: center;
        width: auto !important
    }

    .leftcontent .content span:last-child:after,
    .leftcontent .content span:nth-child(3):before {
        content: "-";
        padding: 0 0 0 5px
    }

    .glance .rows100 .leftcontent .content span:nth-child(3):before {
        display: none
    }

    .glance .rows .each,
    .glance .rows .each:hover {
        background-color: transparent
    }

    .rows .grouplist {
        text-align: center
    }

    .res_link {
        display: block
    }

    .leftcontent .content:hover {
        background-color: transparent
    }

    .leftcontent .content {
        padding: 10px 0 0
    }

    .leftcontent .content span {
        font-size: 16px
    }

    .leftcontent .content span a {
        display: inline-block;
        padding: 3px 5px;
        border-radius: 3px;
        background: #fee
    }

    .leftcontent .content span:first-child {
        max-width: 90%;
        margin: auto;
        padding: 5px 10px;
        background: #fcf1f1;
        color: #6c2526;
        border-radius: 25px;
        line-height: 26px
    }
}

.limited,
.soldout,
.srch_capa {
    background: #d32323;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 70px;
    height: 30px;
    line-height: 25px;
    border-radius: 15px
}

.limited {
    background: rgba(255, 183, 56, 1)
}

.limited:after,
.limited:before,
.soldout:after {
    font-size: 21px;
    position: absolute;
    font-family: BHoma;
    color: #fff;
    text-shadow: 1px 1px 1px #666
}

.limited:after {
    content: "محدود";
    top: 62px;
    right: 32px
}

.soldout:after {
    content: "تکمیل";
    top: 50px;
    right: 32px
}

.trippack .limited:after,
.trippack .soldout:after {
    font-size: 18px;
    top: 0;
    right: 0;
    left: 0
}

.trippack .limited:after {
    content: "محدود";
    font-size: 18px;
    top: 0;
    right: 0;
    left: 0
}

.tour {
    line-height: 28px
}

.tour a {
    color: #1a95d2
}

.tour a:hover {
    color: #508ac5
}

.tour ol,
.tour ul {
    padding-right: 40px
}

.tour .map {
    margin-top: 10px
}

.tour .map iframe {
    max-width: 100%;
    width: 100%;
    height: 200px;
    display: block;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 20px
}

#map_mob {
    display: none
}

.tour #map_mob iframe {
    height: 270px
}

@media only screen and (max-width:768px) {
    #map_mob {
        display: block
    }
}

#other_pay {
    padding: 15px;
    border-radius: 20px;
    margin: 20px auto 20px;
    border: 2px solid #6c2526
}

#other_pay .title {
    font-size: 20px;
    color: #333;
    padding-top: 15px
}

#other_pay .title i {
    color: #f90
}

#other_pay ol,
#other_pay ul {
    padding-right: 15px
}

.cup .button,
span.results a {
    padding: 3px 15px 3px;
    background: #269e76;
    color: #fff;
    text-shadow: 0 0 1px #000;
    border-radius: 3px;
    transition: linear .2s
}

.cup .button:hover,
span.results a:hover {
    background: #309e4b
}

#payway {
    cursor: pointer;
    display: block
}

#payway a {
    color: #ac3434
}

#payway:hover {
    color: #007cb9
}

.buy b span {
    text-shadow: none;
    color: #e0fe67;
    font-size: 26px
}

.buy b {
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px #333
}

.onlinebuy {
    padding: 5px;
    color: #333;
    display: inline-block;
    width: 100%
}

.onlinebuy span {
    display: block;
    float: right;
    padding: 3px;
    border-radius: 3px
}

.onlinebuy span i {
    color: #39c8a0
}

.onlinebuy i {
    float: right;
    text-shadow: none;
    font-size: 57px
}

.onlinebuy div {
    float: right;
    padding-right: 10px;
    line-height: 30px;
    margin-top: 3px;
    text-align: right
}

.onlinebuy div b {
    text-shadow: none;
    color: #39c8a0;
    font-size: 35px !important;
    line-height: 40px;
    font-family: shabnamB
}

.onlinebuy:before,
.rightp:after {
    content: "";
    display: block;
    clear: both
}

.buynow {
    padding: 50px 30px 50px;
    background: url(images/background/back3.png) top left;
    margin-top: 20px
}

.capleft {
    color: #f34a4a
}

@media only screen and (max-width:900px) {
    .capleft {
        position: static
    }
}

@media only screen and (max-width:720px) {
    .onlineact .buy .onlinebuy {
        float: none !important;
        width: 100% !important
    }
}

.comma span::after {
    content: "،"
}

.comma span:last-child::after {
    content: ""
}

@media only screen and (min-width:40px) and (max-width:965px) {
    .tableres2 .main {
        margin: 10px
    }

    .tableres2 {
        padding: 10px 0 10px !important
    }

    .fullcal {
        display: inline-block
    }

    .guide {
        margin: auto
    }
}

@media only screen and (min-width:40px) and (max-width:600px) {
    .fullcal {
        width: 100%
    }
}

.itinerary {
    margin: 0 0 30px;
    height: 420px
}

.paddr40 {
    padding-right: 40px
}

.mar_box {
    margin: 0 0 30px 0
}

.rightborder {
    border-right: 3px solid #ccc;
    max-width: 1150px;
    margin: 0 auto;
    position: relative
}

.rightborder .circleon {
    transition: linear .2s;
    position: absolute;
    right: -27px;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    background: #fff;
    border: 3px solid #fff;
    text-align: center
}

.rightborder .circleon2 {
    transition: linear .2s;
    position: absolute;
    margin-top: 5px;
    right: 35px;
    top: -25px;
    height: 40px;
    width: 40px;
    border-radius: 25%;
    border: 3px solid #fff;
    text-align: center
}

.rightborder .daily {
    padding: 0 40px 0 0;
    text-align: justify
}

.rightborder .eachday {
    padding-bottom: 30px
}

.rightborder .eachday:last-child {
    padding-bottom: 0
}

.rightborder .eachday:hover .circleon {
    background: #efefef
}

.dishc {
    border-top: 3px solid #ddd;
    position: relative;
    width: 40px;
    margin-top: 30px
}

.dish {
    position: relative;
    top: -16px;
    right: 80px;
    font-size: 0;
    color: #000;
    max-width: calc(100% - 80px)
}

.dish span {
    font-size: 14px
}

.rightborder .circleon i {
    color: #363636;
    line-height: 45px;
    font-size: 18px;
    font-style: normal
}

.rightborder .circleon2 i {
    color: #bb4040;
    line-height: 32px;
    font-size: 13px;
    font-style: normal
}

#dred {
    color: #af0a06;
    font-size: 13px
}

#dred i {
    padding-left: 5px;
    font-size: 7px;
    vertical-align: middle
}

.tcontent {
    padding-bottom: 30px
}

.tcontent:last-child {
    padding-bottom: 0
}

@media only screen and (max-width:1250px) {
    .rightborder .circleon {
        right: 5px
    }

    .rightborder .daily {
        position: static;
        padding-right: 65px
    }

    .dish {
        position: static;
        padding: 20px 40px 0 5px
    }
}

@media only screen and (max-width:600px) {
    .itinerary .title {
        border: 3px dotted #88e39c;
        margin: 0 20px 0;
        text-align: center;
        border-radius: 10px;
        padding: 10px;
        background: #ddf7e3
    }

    .rightborder {
        border: none
    }

    .rightborder .circleon {
        position: static
    }

    .rightborder .daily {
        padding-right: 0;
        background: #fff;
        top: -15px;
        position: relative;
        left: 0;
        right: 0;
        border-top: 4px solid #ddd;
        padding-top: 10px
    }

    .rightborder .circleon {
        width: 65px;
        height: 65px;
        margin: auto
    }

    .rightborder .circleon:before {
        content: "روز";
        margin-left: 5px
    }

    .rightborder .circleon i {
        line-height: 60px;
        font-size: 25px
    }

    .rightborder .eachday:hover .circleon {
        background: #fff
    }

    .dishc {
        width: 20px
    }

    .dish {
        padding: 20px 0 0 0
    }

    .rightborder .circleon2 {
        right: 20px
    }

    .itinerary {
        padding: 20px 0 0
    }
}

.tableres2 {
    margin: 0 0 30px 0;
    border-top: 3px solid #f4f4f4
}

.tableres2 .undert {
    padding-top: 15px
}

.tableres2 tr {
    transition: linear .2s
}

.tableres2 table,
.tableresw table {
    width: 100%;
    border-collapse: collapse
}

.tableres2 tr:nth-of-type(1) td {
    border-bottom: 1px solid #fff !important;
    background: #eee
}

.tableres2 tr:nth-of-type(2) td {
    border-bottom: 1px solid #fff !important
}

.tableres2 tr:nth-of-type(2),
.tableres2 tr:nth-of-type(2):hover {
    background: #eee;
    font-family: Shabnam
}

.tableres2 tr:hover {
    background: #f7f7f7
}

.tableres2 td,
.tableres2 th {
    border: 1px solid #fff;
    border-bottom: 1px solid #eaeaea;
    padding: 3px;
    line-height: 30px !important;
    font-size: 13px
}

.tableres table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 5px;
    font-size: 14px;
    margin: 15px 0 15px
}

.tableres tr:nth-of-type(1) {
    color: #333;
    background: #eee
}

.tableres td,
.tableres tr {
    text-align: center !important;
    line-height: 30px !important;
    padding: 5px;
    border: 1px solid #e8e8e8
}

@media only screen and (min-width:40px) and (max-width:700px) {

    .tableres2 table,
    .tableres2 tbody,
    .tableres2 td,
    .tableres2 th,
    .tableres2 thead,
    .tableres2 tr {
        display: block
    }

    .tableres2 tr:nth-of-type(1),
    .tableres2 tr:nth-of-type(2) {
        display: none
    }

    .tableres2 tr {
        border: none;
        margin-bottom: 20px
    }

    .tableres2 td {
        border-bottom: 1px solid #eaeaea;
        position: relative;
        text-align: center
    }

    .tableres2 td:last-child {
        border-bottom: none
    }

    .tableres2 td:nth-of-type(1):before {
        content: "روز ";
        color: #6c2526
    }

    .tableres2 td:nth-of-type(2):before {
        content: "مکان صبحانه: ";
        color: #666
    }

    .tableres2 td:nth-of-type(3):before {
        content: "متولی صبحانه: ";
        color: #666
    }

    .tableres2 td:nth-of-type(4):before {
        content: "مکان ناهار: ";
        color: #666
    }

    .tableres2 td:nth-of-type(5):before {
        content: "متولی ناهار: ";
        color: #666
    }

    .tableres2 td:nth-of-type(6):before {
        content: "مکان شام: ";
        color: #666
    }

    .tableres2 td:nth-of-type(7):before {
        content: "متولی شام: ";
        color: #666
    }

    .tableres2 td:nth-of-type(8):before {
        content: "اقامت: ";
        color: #666
    }

    .tableres2 td:nth-of-type(9):before {
        content: "توضیح اقامت: ";
        color: #666
    }

    .unique {
        background: #f4f4f4;
        color: #6c2526;
        border-radius: 5px;
        text-align: center;
        padding: 6px !important;
        font-size: 18px;
        font-family: Shabnam
    }

    .tableres table,
    .tableres tbody,
    .tableres td,
    .tableres th,
    .tableres thead,
    .tableres tr {
        display: block
    }

    .tableres tr:nth-of-type(1) {
        display: none
    }

    .tableres td,
    .tableres tr {
        padding: 0;
        border: none
    }

    .tableres td {
        border-bottom: 1px solid #f0f0f0;
        position: relative;
        border-radius: 0;
        text-align: center !important;
        padding: 4px
    }

    .tableres td:nth-of-type(1):before {
        content: "نام بانک: ";
        color: #840000
    }

    .tableres td:nth-of-type(2):before {
        content: "شماره حساب: ";
        color: #840000
    }

    .tableres td:nth-of-type(3):before {
        content: "شماره کارت: ";
        color: #840000
    }

    .tableres td:nth-of-type(4):before {
        content: "صاحب حساب: ";
        color: #840000
    }
}

.needed .items span {
    display: inline-block;
    margin: 3px;
    background: #fafafa;
    padding: 2px 10px 2px;
    border-radius: 20px;
    border: 1px solid #eee;
    transition: linear .2s
}

.needed .items span:hover {
    border: 1px solid #6c2526
}

.needed .items span a {
    color: #6c2526
}

.needed .items span a::before {
    font-family: FontAwesome;
    content: "\f08e";
    font-size: 10px;
    color: #6c2526;
    padding-left: 5px
}

#tb_hotel table {
    width: 100%
}

#tb_hotel .table_txt {
    margin-bottom: 10px;
    font-family: Shabnam;
    font-size: 18px;
    text-align: center
}

#tb_hotel .table_txt a {
    color: #266e96;
    font-size: 16px;
    font-family: Shabnam
}

#tb_hotel .tb_first {
    width: 100%;
    border-collapse: collapse;
    display: table;
    font-size: 14px;
    line-height: 24px
}

.tb_first>div {
    border: 1px solid #eee;
    display: table-cell
}

.tb_first>div:last-child {
    width: 170px;
    padding: 5px 10px;
    background: #dde2cc
}

.tb_first>div>div {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 24px;
    text-align: center
}

.tb_first>div>div:first-child {
    min-height: 60px;
    background: #8e191c;
    color: #fff;
    font-family: shabnamB;
    text-shadow: 1px 1px 1px #333
}

.tb_first .more_info {
    max-width: max-content;
    color: #626a1b;
    margin: auto;
    line-height: 25px;
    border-bottom: 1px solid #626a1b;
    cursor: pointer;
    display: block;
    transition: all linear .2s
}

.tb_first .more_info:hover {
    opacity: .6
}

.tb_first .more_info i {
    font-size: 12px;
    margin-right: 3px
}

.more_info .hide,
.more_info.chng_txt .show {
    display: none
}

.more_info.chng_txt .hide {
    display: inline-block
}

.more_info.mobile {
    display: none
}

.tb_second {
    margin-top: 30px;
    font-size: 14px;
    line-height: 24px
}

#tb_hotel .tb_second td {
    padding: 5px 10px;
    border: 1px solid #eee;
    text-align: center;
    transition: all linear .2s
}

#tb_hotel .tb_second td i {
    margin: 0 2px;
    color: #f3cf0c
}

.tb_second tr:first-child td {
    background: #626a1b !important;
    color: #fff;
    font-family: Shabnam
}

.tb_second td:nth-child(2),
.tb_second td:nth-child(3) {
    width: 140px
}

.tb_second tr:nth-child(odd) {
    background: #f4f4f4
}

.tb_second tr:hover td {
    background: #ddd
}

@media only screen and (max-width:900px) {
    .tb_first>div>div:first-child {
        min-height: inherit
    }

    .tb_first>div {
        width: 100% !important;
        display: flex;
        flex-wrap: wrap
    }

    .tb_first>div>div {
        width: 50%
    }

    .tb_first .more_info {
        margin: 0
    }

    .more_info.desk {
        display: none
    }

    .more_info.mobile {
        display: block
    }

    .tb_second {
        display: none
    }

    .tb_second td:nth-child(3) {
        width: 90px
    }
}

@media only screen and (max-width:550px) {
    .tb_second tr:first-child {
        display: none
    }

    .tb_second tr {
        margin-bottom: 15px
    }

    .tb_second tr,
    .tb_second tr td {
        width: 100% !important;
        text-align: right !important;
        display: block
    }

    .tb_second td:before {
        padding-left: 4px;
        color: #5d5d5d;
        font-family: Shabnam
    }

    .tb_second td:nth-child(1) {
        background: #626a1b !important;
        color: #fff
    }

    .tb_second td:nth-child(1) a {
        color: #bce7ff;
        font-family: Shabnam
    }

    .tb_second td:nth-child(2):before {
        content: "شهر: "
    }

    .tb_second td:nth-child(3):before {
        content: "تعداد شب: "
    }
}

.some ul li {
    text-align: justify
}

.boxgray {
    border-bottom: 2px dotted #ddd;
    border-top: 2px dotted #ddd;
    padding: 30px 10px 30px;
    background: #faf9f2;
    margin: 20px 0 30px
}

.paddbot {
    padding: 10px 0 10px
}

#star1,
#star2,
#star3,
#star4,
#star5 {
    width: 85px;
    background: url(images/icon/stars.png) no-repeat;
    height: 15px
}

#star1 {
    background-position: 0 0
}

#star2 {
    background-position: 0 -15px
}

#star3 {
    background-position: 0 -30px
}

#star4 {
    background-position: 0 -45px
}

#star5 {
    background-position: 0 -60px
}

.rightpart {
    float: right
}

.rightpart div:last-child {
    padding: 8px 5px 5px;
    font-size: 13px;
    color: rgba(69, 68, 68, 1)
}

.rightpart .h_light {
    margin-right: 5px;
    font-size: 13px;
    border-bottom: 1px solid #333
}

.rightp #counter {
    width: 120px;
    display: inline-block
}

.onlineact {
    background-color: #6c2526;
    background-image: url(images/background/pat1.png);
    padding: 40px 0;
    border-bottom: 1px solid #e5e5e5;
    z-index: -5
}

@media only screen and (max-width:1180px) {

    .fjashn,
    .onlineact {
        padding-top: 30px !important
    }
}

.onlineact .alert {
    display: inline-block;
    font-size: 13px;
    padding: 0 5px 0;
    background: rgba(225, 253, 248, 1)
}

.onlineact .formtop {
    font-size: 0;
    padding-top: 15px;
    text-align: center
}

.onlineact .formtop>div {
    display: inline-block;
    text-align: center;
    margin-left: .25%
}

.onlineact .formtop>div:last-child {
    margin-left: 0
}

@-webkit-keyframes chevloop {
    0% {
        opacity: .5;
        margin-top: 12px
    }

    55% {
        opacity: 1
    }

    100% {
        opacity: .5;
        margin-top: 35px
    }
}

@-moz-keyframes chevloop {
    0% {
        opacity: .5;
        margin-top: 12px
    }

    55% {
        opacity: 1
    }

    100% {
        opacity: .5;
        margin-top: 35px
    }
}

@-o-keyframes chevloop {
    0% {
        opacity: .5;
        margin-top: 12px
    }

    55% {
        opacity: 1
    }

    100% {
        opacity: .5;
        margin-top: 35px
    }
}

@keyframes chevloop {
    0% {
        opacity: .5;
        margin-top: 12px
    }

    55% {
        opacity: 1
    }

    100% {
        opacity: .5;
        margin-top: 35px
    }
}

@-webkit-keyframes chevloop2 {
    0% {
        opacity: 0;
        margin-top: 12px
    }

    55% {
        opacity: 1
    }

    100% {
        opacity: 0;
        margin-top: 27px
    }
}

@-moz-keyframes chevloop2 {
    0% {
        opacity: 0;
        margin-top: 12px
    }

    55% {
        opacity: 1
    }

    100% {
        opacity: 0;
        margin-top: 27px
    }
}

@-o-keyframes chevloop2 {
    0% {
        opacity: 0;
        margin-top: 12px
    }

    55% {
        opacity: 1
    }

    100% {
        opacity: 0;
        margin-top: 27px
    }
}

@keyframes chevloop2 {
    0% {
        opacity: 0;
        margin-top: 12px
    }

    55% {
        opacity: 1
    }

    100% {
        opacity: 0;
        margin-top: 27px
    }
}

.relativeBox {
    position: relative;
    padding-bottom: 0 !important
}

#orderFixedBtn {
    margin-top: 10px;
    padding-bottom: 10px
}

#orderFixedBtn.fixed {
    margin-top: 0;
    background: #deffe6;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 999
}

#orderFixedBtn.fixed button {
    margin-left: 0;
    margin-top: 10px
}

#orderFixedSpan {
    color: #fff
}

#orderFixedBtn.fixed #orderFixedSpan {
    color: #bf0f0f
}

.orderDisplay {
    display: none
}

.chevron {
    height: 40px;
    position: absolute;
    right: -40px;
    top: 10px
}

.chevron img {
    width: 25px;
    margin: auto;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    opacity: .5;
    animation: 1.5s ease 0s normal none infinite running chevloop2;
    z-index: 1
}

@media only screen and (max-width:1000px) {
    .chevron {
        position: relative;
        right: 0;
        top: -15px
    }
}

@media only screen and (max-width:870px) {
    #orderFixedBtn {
        padding-top: 0
    }

    #orderFixedSpan {
        display: block
    }
}

@media only screen and (max-width:600px) {
    #orderFixedSpan {
        display: none
    }

    .orderDisplay {
        display: block
    }
}

.onlineact .formtop>div>div:first-child {
    display: inline-block;
    font-size: 14px;
    background: #393838;
    width: 100%;
    border: 1px solid #4b4a4a;
    padding: 5px;
    border-radius: 10px 10px 0 0;
    font-family: Shabnam;
    color: #fff;
    text-shadow: 1px 1px 1px #000
}

.onlineact .formtop>div>div:nth-child(2) {
    display: block;
    font-size: 14px;
    background: #f4f4f4;
    padding: 5px;
    border: 1px solid #fff;
    border-top: none
}

.onlineact .formtop>div:nth-child(1) {
    width: 24%
}

.onlineact .formtop>div {
    width: 25%;
    vertical-align: top
}

.onlineact #form_sec.formtop>div {
    width: 21%
}

.onlineact #form_sec.formtop>div:nth-child(4),
.onlineact #form_sec.formtop>div:nth-child(5) {
    width: 18%
}

#extra_msg a.button,
.buttond,
.onlineact button[type=submit],
.submited a.button {
    min-width: 120px;
    background: #269e76;
    display: inline-block;
    padding: 5px 15px 5px;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    border-radius: 20px;
    border: none;
    margin-top: 10px;
    transition: linear .2s
}

.buttond {
    font-size: 16px
}

#extra_msg a.button:hover,
.buttond:hover,
.onlineact button[type=submit]:hover,
.submited a.button:hover {
    background: #309e4b;
    cursor: pointer
}

.onlineact button[type=submit] i,
.submited a.button i {
    padding-right: 15px
}

.onlineact button.disable {
    background: #7a7a7a !important;
    border-color: #444 !important
}

.onlineact .main>div {
    background: rgba(255, 255, 255, 1);
    padding: 20px;
    border-radius: 20px
}

.onlineact form {
    text-align: center
}

.onlineact form a {
    color: #6c2526
}

.onlineact form a:hover {
    color: #6c2526;
    opacity: .6
}

.tourCapacity {
    display: none
}

#sharayet>div {
    display: none
}

#sharayet>div:first-child {
    display: block
}

#mablaghInput,
.formtop #tedad {
    width: 60px;
    text-align: center
}

#mablaghInput {
    width: 80px
}

.paddtop {
    padding-top: 15px
}

.onlineact .buy .onlinebuy {
    width: auto;
    float: left;
    margin-top: 0
}

.onlineact .buy {
    margin-bottom: 10px;
    line-height: 0
}

.onlineact .buy .onlinebuy div {
    padding-right: 0
}

.onlineact .buy .rightp {
    float: right;
    line-height: 30px
}

.onlineact .buy .rightp div {
    padding-right: 10px
}

.onlineact .buy .onlinebuy i {
    margin-bottom: 5px;
    color: #39c8a0
}

.onlineact input,
.onlineact select {
    border: 1px solid #ccc;
    max-width: 250px;
    width: 100%;
    padding: 5px
}

.paddtop input[type=checkbox] {
    width: auto;
    border: none !important;
    border: 1px solid #fff !important
}

.onlineact .title {
    color: #333
}

.box-traveler {
    display: none;
    margin-top: 15px
}

.onlineact .traveler {
    display: inline-block;
    padding: 5px 15px;
    margin-right: 3px;
    background: rgba(43, 172, 75, .3);
    color: #1c5310;
    text-align: right;
    border: 1px dashed #096;
    border-radius: 3px;
    cursor: pointer;
    transition: all linear .2s
}

.onlineact .traveler:hover {
    opacity: .7
}

.onlineact .traveler input {
    padding: 0;
    border: none;
    width: auto;
    display: inline-block;
    vertical-align: middle
}

.show2,
.show3 {
    display: none !important;
    padding-bottom: 15px
}

@media only screen and (min-width:40px) and (max-width:935px) {
    .onlineact .formtop>div {
        margin-bottom: 5px
    }

    .onlineact .formtop>div {
        width: 49.6% !important
    }

    .show2 {
        display: block !important
    }

    .registerText {
        display: none !important
    }
}

.onlineact .in_responsive input[type=email],
.onlineact .in_responsive input[type=tel],
.onlineact .in_responsive input[type=text],
.onlineact .in_responsive select {
    height: 38px
}

.onlineact .in_responsive .formtop>div>div:nth-child(2) {
    min-height: 49px;
    display: flex;
    justify-content: center;
    align-items: center
}

.onlineact .in_responsive #capacityOption select {
    margin-left: 5px
}

@media only screen and (max-width:768px) {

    .onlineact .in_responsive input,
    .onlineact .in_responsive select {
        max-width: 100%;
        height: 55px;
        font-size: 18px
    }

    .onlineact .in_responsive .formtop>div>div:nth-child(2) {
        min-height: 66px
    }

    .onlineact .in_responsive .formtop>div {
        vertical-align: top
    }

    .onlineact .in_responsive .formtop>div>div:first-child {
        padding: 10px 5px
    }

    .onlineact .in_responsive .formtop>div>div:first-child {
        font-size: 17px
    }

    .onlineact .in_responsive .formtop>div>div:nth-child(2) {
        font-size: 17px
    }

    .onlineact .in_responsive button[type=submit] {
        font-size: 18px
    }

    .in_responsive .moreinfo {
        font-size: 17px !important
    }

    .in_responsive .moreinfo div::before {
        font-size: 20px
    }

    .in_responsive .paddtop input[type=checkbox] {
        height: auto
    }
}

@media only screen and (min-width:40px) and (max-width:575px) {
    .onlineact .formtop>div {
        display: block;
        width: 100% !important;
        margin-bottom: 5px
    }

    .onlineact .formtop>div div:first-child {
        background-color: #4b4a4a
    }

    .show3 {
        display: block !important
    }

    .show2 {
        display: none !important
    }
}

.formtopj>div div:first-child {
    background: #f35757 !important;
    border: 1px solid #f35757 !important
}

.onlineact .for_history>div {
    width: 23%
}

.onlineact .for_history>div:nth-child(1) {
    width: 30%
}

.for_history #history {
    width: inherit;
    max-width: max-content;
    margin-left: 5px;
    display: inline-block
}

.for_history #tripSabegheRoz_1 {
    width: 100%;
    min-height: 49px;
    padding: 3px 5px;
    margin-left: 10px;
    background: #92ee92;
    font-size: 14px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

/*snapp*/
#snappay_result:empty{ display: none;}
#snappay_result{ max-width: 320px; width: 100%; padding: 10px 15px; background: #fff; border: 1px solid #ddd; border-radius: 15px; position: relative; align-items: center;}
#snappay_result > img{ width: 100%; max-width: 40px; display: block;}
#snappay_result > div{ width: calc(100% - 50px); margin-right: auto; text-align: right;}
#snappay_result > div b{ margin-bottom: 3px; font-size: 16px; line-height: 26px; display: block;}
.no_wrap{ font-size: 13px; line-height: 20px; display: block;}
.c_label #snappay_result{ max-width: 340px; padding-right: 30px;}
.c_label{ max-width: 340px; margin: 10px 0; display: block; cursor: pointer; position: relative;}
.c_label > div{ width: 100%; display: inline-block;}
.online_pay{ max-width: max-content; width: 100%; padding: 10px 30px 10px 15px; background: #fff; border: 1px solid #ddd; border-radius: 15px; position: relative; display: flex; align-items: center; cursor: pointer;}
.online_pay i{ margin-left: 5px;}
.choise_radio{ position: absolute;top: 50%; right: 9px; transform: translateY(-50%);}
.online_pay:has(input:checked),.c_label:has(input:checked) #snappay_result{ background: #f0fff7; border-color: #0BA67A;}
input.choise_radio[type="radio"]{ height: 13px; width: 13px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;	border: 1px solid #D1D1D1;	background:#FFFFFF;	border-radius:2px; display:inline-block; transition:all .2s; cursor: pointer;}
input.choise_radio[type="radio"]:checked  { background: #0f8f77; border: 1px solid #0f8f77;}

.mart10b5{ margin: 10px 0 5px;}
@media only screen and (max-width:600px) {
    #snappay_result > div b{ font-size: 14px; line-height: 22px;}
    .onlineact .buy .rightp {
        float: none;
        margin: auto;
        padding: 0
    }
}

@media only screen and (max-width:725px) {
    .onlineact .buy .onlinebuy {
        float: none;
        display: block
    }
}

.moreinfo {
    font-size: 14px;
    width: 100% !important;
    display: block !important;
    text-align: right;
    padding: 10px 10px 0;
    background: 0 0 !important;
    color: #333 !important;
    font-family: Shabnam !important;
    border: none !important;
    text-shadow: none !important
}

.moreinfo div:before {
    content: "\f104";
    font-family: FontAwesome;
    color: #c33;
    padding-left: 5px;
    display: inline-block
}

#onlineActErr {
    background: 0 0;
    color: #fff;
    text-align: right;
    font-size: 18px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

#onlineActErr>div:first-child {
    width: 70px
}

#onlineActErr>div:first-child img {
    width: 100%;
    display: block
}

#onlineActErr>div:last-child {
    width: Calc(100% - 90px);
    margin-right: auto
}

@media only screen and (max-width:450px) {
    #onlineActErr>div {
        width: 100% !important
    }

    #onlineActErr>div:first-child img {
        width: 70px;
        margin: 0 0 10px
    }
}

#tripJashnvareBox {
    display: none
}

#tripSabegheRoz {
    width: 50px
}

.quoteout {
    margin: 30px auto 30px;
    position: relative
}

.quoteout div:first-child img {
    border-radius: 100%;
    max-width: 140px;
    max-height: 140px;
    border: 6px solid #fff;
    position: absolute;
    right: 0;
    z-index: 2
}

.quoteout div:last-child {
    position: relative;
    right: 70px;
    width: calc(100% - 70px);
    background: #efefef;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0 0 0 3px
}

.quoteout div .inner {
    display: block;
    border-right: 4px solid #8ce1e1;
    background: #c2efef;
    border-top: 1px solid #b3ecec;
    border-bottom: 5px solid #fff;
    border-radius: 3px 0 0 0;
    padding: 10px 120px 10px 10px
}

.quoteout div .inner span {
    background: #dbf7f7;
    padding: 2px
}

.quoteout div .outer {
    display: block;
    padding-left: 15px;
    padding-top: 3px;
    text-align: left;
    font-size: 13px;
    color: #666
}

.quoteout div b {
    font-size: 19px;
    display: block;
    color: #333
}

.quoteout div b span {
    font-size: 13px;
    background: 0 0 !important;
    font-family: Shabnam;
    color: #005279;
    text-shadow: none !important
}

#triangler {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 20px solid #dbf7f7;
    border-bottom: 15px solid transparent;
    position: absolute;
    right: 104px;
    top: 47px
}

@media only screen and (max-width:660px) {
    .quoteout div b span {
        display: block
    }

    #triangler {
        top: 82px
    }
}

@media only screen and (max-width:570px) {
    #triangler {
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #dbf7f7;
        text-align: center;
        position: relative;
        top: 2px;
        border-top: none;
        right: 45%
    }

    .quoteout div:last-child {
        width: 100%;
        position: static
    }

    .quoteout div:first-child img {
        position: static
    }

    .quoteout div:first-child {
        padding-top: 20px
    }

    .quoteout div .inner {
        padding: 10px;
        border: none;
        padding-top: 10px
    }

    .quoteout {
        text-align: center;
        margin: 10px auto 10px
    }

    .quoteout div .outer {
        text-align: center
    }

    .quoteout div {
        text-align: center;
        background: #c2efef
    }
}

.others {
    padding: 30px 0 30px
}

.othertrip {
    width: 100%
}

.othertrip table {
    width: 100%
}

.othertrip tr {
    font-size: 13px;
    background: #fff;
    border: 1px solid #efefef;
    transition: linear .2s
}

.tablehalf>div {
    transition: linear .2s
}

.othertrip tr:first-child,
.othertrip tr:first-child:hover,
.tablehalf table tr:first-child {
    background: #efefef;
    border: 1px solid #e8e8e8;
    color: #333 !important
}

.othertrip tr td {
    padding: 0 6px
}

.othertrip tr:hover {
    background: #f6f6f6;
    cursor: default
}

.othertrip h2 {
    font-size: 13px;
    line-height: 20px
}

.othertrip span {
    line-height: 20px
}

.othertrip a:hover {
    text-decoration: none
}

.tablehalf table,
.tableres3 table,
.tableres3 tbody,
.tableres3 td,
.tableres3 th,
.tableres3 thead,
.tableres3 tr {
    border-collapse: collapse
}

.tablehalf table td,
.tableres3 td {
    border: 1px solid #eaeaea
}

@media only screen and (min-width:40px) and (max-width:720px) {

    .tableres3 table,
    .tableres3 tbody,
    .tableres3 td,
    .tableres3 th,
    .tableres3 thead,
    .tableres3 tr {
        display: block;
        border-collapse: separate
    }

    .tableres3 tr:nth-of-type(1) {
        display: none
    }

    .tableres3 td:nth-of-type(2) {
        background: #eaeaea
    }

    .tableres3 td:nth-of-type(1) {
        display: none
    }

    .tableres3 td {
        border: none;
        border-bottom: 1px solid #eaeaea;
        position: relative;
        text-align: center !important;
        padding: 4px
    }

    .tableres3 td:nth-of-type(1):before {
        content: "کد: ";
        color: #fff
    }

    .tableres3 td:nth-of-type(3):before {
        content: "روز شروع: ";
        color: #840000
    }

    .tableres3 td:nth-of-type(4):before {
        content: "تاریخ: ";
        color: #840000
    }

    .tableres3 td:nth-of-type(5):before {
        content: "مدت: ";
        color: #840000
    }

    .tableres3 td:nth-of-type(6):before {
        content: "ظرفیت: ";
        color: #840000
    }

    .tableres3 td:nth-of-type(7):before {
        content: "قیمت: ";
        color: #840000
    }
}

.related .film::before,
.team-item .film::before {
    font-family: FontAwesome;
    content: "\f04b";
    font-size: 40px;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    left: 0;
    right: 0;
    text-shadow: 1px 1px 0 #000
}

.twotables {
    padding: 40px 0 40px
}

.tablehalf h2 {
    margin: 0;
    font-weight: 400
}

.tablehalf>div:first-child {
    width: 49%;
    float: right;
    margin-left: 2%
}

.sub_style,
.tablehalf div div {
    font-size: 21px;
    line-height: 35px;
    color: #333;
    padding: 0 0 5px 0
}

.sub_style .Ared2,
.tablehalf div div .Ared2 {
    font-size: 22px
}

.tablehalf>div:nth-child(2) {
    width: 49%;
    float: right;
    margin-left: 0
}

.linetend {
    padding: 15px 0 15px;
    background: #6c2526
}

.linetend .main {
    position: relative
}

.linetend i {
    color: #fff;
    font-size: 50px;
    text-shadow: 3px 2px 0 rgba(0, 0, 0, .15);
    float: right;
    padding: 0 0 0 15px;
    display: block;
    transition: linear .2s
}

.linetend a {
    display: block
}

.linetend .right {
    color: #fff;
    text-shadow: 3px 2px 0 rgba(0, 0, 0, .15);
    font-size: 23px;
    float: right;
    margin: 15px 5px 0;
    line-height: 40px
}

.linetend .left {
    margin-right: auto
}

.linetend:hover i {
    transform: rotate(10deg)
}

.linetend .butt_more {
    margin: 0 auto;
    color: #333
}

.linetend .butt_more:hover {
    color: #6c2526
}

@media only screen and (min-width:40px) and (max-width:800px) {
    .tablehalf>div {
        width: 100% !important
    }

    .tablehalf>div:first-child {
        margin-bottom: 20px
    }
}

@media only screen and (min-width:40px) and (max-width:930px) {
    .linetend {
        margin: 15px 0
    }

    .linetend>.main>div {
        width: 100% !important;
        text-align: center;
        display: flex;
        justify-content: center
    }

    .linetend .left {
        margin: 20px 0 0
    }
}

@media print {
    .noprint {
        display: none
    }
}

.call_us {
    padding: 30px;
    margin: 30px 0;
    background-image: linear-gradient(to left, #f4f4f4, #f7f7f7, #f9f9f9, #fcfcfc, #fff);
    border-radius: 25px
}

.call_us b {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 35px;
    display: block
}

.call_us a {
    max-width: max-content;
    min-width: 120px;
    padding: 10px 30px 10px 15px;
    margin-top: 15px;
    background: #269e76;
    color: #fff !important;
    position: relative;
    font-size: 16px;
    text-align: center;
    border-radius: 15px;
    display: block
}

.call_us a:before {
    content: "\f095";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    top: 9px;
    transform: rotate(-100deg);
    display: block
}

.example2 {
    max-width: max-content;
    margin: 20px auto auto;
    padding: 10px 30px;
    font-size: 23px;
    font-family: Shabnam;
    text-align: center;
    display: block;
    position: relative;
    text-decoration: none;
    color: #fff !important;
    text-transform: capitalize;
    background-color: #d32323;
    min-width: 265px;
    border-radius: 6px;
    overflow: hidden;
    transition: all .2s linear 0s
}

.example2 a {
    color: #fff !important
}

.example2 i {
    vertical-align: middle
}

.example2::before {
    content: "\f053";
    font-family: FontAwesome;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 30px;
    background-color: rgba(255, 255, 255, .3);
    border-radius: 50% 0 0 50%;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    transition: all .2s linear 0s
}

.example2::after {
    content: "\f14c";
    text-indent: 0;
    padding-right: 5px;
    font-family: FontAwesome;
    vertical-align: middle;
    display: inline-block
}

.example2:hover {
    text-indent: 30px
}

.example2:hover:before {
    transform: scale(1, 1);
    text-indent: 0
}

.example2:hover:after {
    text-indent: 0
}

@media only screen and (max-width:300px) {
    .example2 {
        padding: 10px 20px;
        font-size: 19px;
        min-width: 200px
    }
}

.borderBot {
    position: relative;
    border-bottom: 2px solid brown;
    bottom: -39px
}

#attrac_box {
    font-family: Shabnam;
    background: #dae8ff;
    color: #313131;
    border: 1px dashed #a2b5d4;
    border-left: none;
    border-right: none;
    padding: 5px 30px 5px 15px;
    display: inline-block;
    position: relative;
    float: left;
    text-align: right
}

#attrac_box i {
    font-size: 37px;
    position: absolute;
    top: -20px;
    right: -22px;
    background: #fff;
    border-radius: 50%;
    padding: 4px;
    line-height: 30px;
    color: brown
}

#attrac_box h2 {
    display: inline-block;
    padding: 0 5px 0;
    border: none;
    background: 0 0;
    text-shadow: none;
    font-size: 16px;
    margin: 0
}

#attrac_box .attr_txt {
    display: inline-block
}

@media only screen and (max-width:768px) {
    #attrac_box i {
        right: -10px
    }
}

.rightnews {
    width: 75%;
    margin: auto;
    padding-top: 10px
}

.rightservice {
    float: right;
    width: 75%;
    padding-left: 40px;
    padding-top: 10px
}

.rightnews>span {
    font-size: 14px;
    color: #666
}

.rightnews .nbody {
    font-size: 15px;
    color: #000;
    text-align: justify
}

.newsbody a,
.rightnews .nbody a {
    color: #069
}

.newsbody,
.short {
    text-align: justify
}

.newsbody a:hover,
.rightnews .nbody a:hover {
    color: #008bb9
}

#seo_text h2,
.nbody h2 {
    max-width: max-content;
    padding: 8px 15px;
    background: #fffbfb;
    border-right: 3px solid #b73b3b;
    border-left: 3px solid #b73b3b;
    border-radius: 6px;
    font-family: shabnamB;
    font-size: 20px;
    line-height: 30px;
    color: #b73b3b
}

.example1 {
    display: block;
    padding: 10px;
    text-align: center;
    background-color: #f0f0f0;
    margin: 10px auto 10px;
    font-family: Shabnam;
    width: 90%
}

.example1 a {
    display: block
}

#seo_text h3,
#seo_text h4,
.nbody h3,
.nbody h4 {
    background: #fffbfb;
    display: inline-block;
    padding: 8px 10px;
    margin: 25px 0 5px;
    color: #b73b3b;
    border-top: 2px solid #b73b3b;
    border-radius: 6px;
    font-size: 17px;
    font-family: shabnamB
}

#seo_text h4,
.nbody h4 {
    padding: 5px 10px;
    font-size: 15px;
    border: 1px solid #ffecec
}

.nbody iframe {
    margin: 15px 0 15px;
    border: none;
    width: 100%
}

.altimg .caption {
    font-size: 13px;
    line-height: 25px;
    border-bottom: 1px solid #e5e5e5;
    padding: 5px;
    color: #666;
    display: inline-block;
    margin-bottom: 15px
}

.altimg img {
    max-width: 100%;
    height: auto !important;
    line-height: 0 !important;
    font-size: 0;
    display: block;
    text-align: center !important;
    margin: auto;
    margin-top: 15px
}

.aboutArticle h1,
.rightnews h1,
.rightservice h2 {
    max-width: max-content;
    padding: 10px 15px;
    background: #fffbfb;
    color: #b73b3b;
    font-family: shabnamB;
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 10px;
    margin-top: 10px
}

.tags {
    float: left;
    width: 25%;
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    padding: 20px;
    margin-top: 10px
}

.tags>section>span {
    padding: 0 5px 5px 0;
    display: inline-block
}

.tags>section:nth-of-type(2) {
    margin-top: 15px
}

.tags>section>span i {
    color: #6c2526
}

.related {
    margin-top: 25px;
    position: relative
}

.related ul {
    font-size: 0;
    padding: 0;
    line-height: 0;
    overflow: hidden
}

.related div {
    font-size: 20px;
    color: #444;
    line-height: 30px;
    padding: 5px 10px 10px
}

.related ul li {
    display: inline-block;
    width: 24%;
    text-align: center;
    height: 240px;
    background-size: cover !important;
    transition: linear .2s;
    font-size: 15px;
    margin: .5%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    line-height: 25px
}

.related ul li:hover span {
    max-height: 100%;
    background: rgba(0, 0, 0, .8)
}

.related ul li span {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    padding: 5px;
    max-height: 35px;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    overflow: hidden;
    -webkit-transition: max-height .2s;
    -moz-transition: max-height .2s;
    -ms-transition: max-height .2s;
    -o-transition: max-height .2s;
    transition: max-height .2s;
    transition: linear .2s
}

#relateheigth {
    transition: all .5s linear;
    text-align: center
}

.related ul li i {
    color: #f60;
    padding-left: 5px
}

.related ul li a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

#cm_curtain,
#curtain {
    padding: 5px 0;
    margin: -43px auto 0 auto;
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-bottom: 3px solid #6c2526;
    cursor: pointer;
    text-shadow: 1px 1px 1px #000;
    background: #fff;
    background: -webkit-linear-gradient(transparent, #fff);
    background: -o-linear-gradient(transparent, #fff);
    background: -moz-linear-gradient(transparent, #fff);
    background: linear-gradient(transparent, #fff);
    position: relative;
    z-index: 3;
    transition: all .5s linear
}

#cm_curtain i,
#curtain i {
    color: #fff;
    transition: all .5s linear;
    position: relative;
    top: 2px
}

#cm_curtain b,
#curtain b {
    padding: 9px 15px;
    border-radius: 20px 20px 0 0;
    line-height: 26px;
    font-family: Shabnam;
    background: #6c2526;
    transition: all .5s linear
}

#curtain b:hover {
    opacity: .9
}

#curtain.open {
    margin: 20px auto 0 auto;
    color: #fff;
    text-shadow: none;
    border-bottom: 3px solid #acacac
}

#curtain.open b {
    background: #acacac
}

#curtain.open i {
    transform: rotateX(180deg)
}

@media only screen and (min-width:40px) and (max-width:730px) {
    .related ul li span {
        max-height: 100%;
        background: rgba(0, 0, 0, .8)
    }

    .related ul li {
        width: 49%;
        height: 250px
    }
}

@media only screen and (min-width:40px) and (max-width:500px) {
    .related ul {
        margin: 0;
        width: 100%;
        padding: 0
    }

    .related ul li {
        width: 98%;
        height: 300px;
        display: block;
        margin: auto;
        margin-bottom: 15px
    }
}

@media only screen and (min-width:40px) and (max-width:890px) {
    .rightnews {
        float: none;
        width: 100%;
        padding-left: 0
    }

    .tags section:first-child {
        display: none
    }

    .tags>section:nth-of-type(2) {
        margin-top: 0
    }
}

#news_att {
    margin-top: 20px;
    font-size: 14px;
    color: #1a507f;
    display: block
}

.h_iframe-aparat_embed_frame {
    position: relative
}

.h_iframe-aparat_embed_frame .ratio {
    display: block;
    width: 100%;
    height: auto
}

.h_iframe-aparat_embed_frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#label {
    font-size: 14px
}

#label a {
    display: inline-block;
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    padding: 3px 10px 3px;
    color: #333;
    margin: 2px;
    border-radius: 30px
}

#label a:hover {
    background: #eaeaea
}

#label i {
    color: #dadada
}

#paging {
    font-size: 0;
    margin-bottom: 20px;
    padding-right: 0
}

#paging li {
    margin-left: 5px;
    display: inline-block;
    background: #a3a3a3;
    font-size: 16px;
    text-align: center;
    border-radius: 10px;
    transition: all .3s linear;
    overflow: hidden
}

#paging li a {
    width: 30px;
    height: 30px;
    line-height: 29px;
    display: block;
    color: #fff
}

#paging li a i {
    position: relative;
    top: 2px
}

#paging li:hover {
    background: #d32323
}

.p_active {
    background: #d32323 !important
}

@media only screen and (max-width:768px) {
    #paging li {
        margin-left: 10px
    }

    #paging li a {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 19px
    }
}

#news_att i {
    font-size: 17px
}

#news_nev img {
    vertical-align: middle
}

#news_nev {
    min-height: 85px;
    padding: 12px 105px 12px 10px;
    margin-top: 15px;
    font-size: 14px;
    background: #f9f9f9;
    position: relative
}

#news_nev p {
    display: inline
}

#n_nimg {
    width: 95px;
    margin: auto;
    background: #fff;
    border-left: 1px solid #e5e5e5;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}

#n_nimg img {
    max-width: 75px;
    max-height: 75px;
    margin: auto;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    overflow: hidden
}

#n_nname {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #e4e4e4
}

#news_nev b {
    margin: 0 5px
}

#enddate i,
#news_nev i {
    color: #d5d5d5;
    margin-left: 3px
}

#enddate {
    font-size: 14px
}

#newsshare {
    height: 40px;
    padding: 0
}

#newsshare li {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #5b5b5b;
    display: inline-block
}

#newsshare a {
    width: 40px;
    font-size: 19px;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    display: block;
    opacity: .8
}

#newsshare i {
    line-height: 40px;
    display: block
}

#newsshare .sharerf {
    background-color: #45619d
}

#newsshare .sharerg {
    background-color: #d73d32
}

#newsshare .sharert {
    background-color: #34abe0
}

#newsshare a:hover {
    opacity: 1
}

#mortabet_box .tourbox {
    float: none;
    margin: auto
}

#mortabet_box {
    padding: 40px 0 0
}

#mortabet_box .title {
    text-align: center;
    margin-bottom: 15px;
    font-size: 20px;
    color: #000;
    font-family: Shabnam;
    line-height: 30px;
    padding-bottom: 5px
}

#mortabet_box .title i {
    color: #d32323
}

#mortabet_box .title1 {
    margin-bottom: 15px;
    font-size: 20px;
    font-family: Shabnam;
    line-height: 30px;
    padding-bottom: 5px
}

#mortabet_box .title1 i {
    color: #d32323
}

#mortabet_slide {
    position: relative
}

#mortabet_slide h2 {
    padding: 0;
    margin: 0
}

#mortabet_slide>div {
    overflow: hidden;
    position: relative
}

#mortabet_slide ul {
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 0;
    transition: all .8s linear
}

#mortabet_slide li {
    width: 50%;
    padding: 3px 10px;
    font-size: 14px;
    text-align: right;
    display: inline-block;
    overflow: hidden
}

#mortabet_slide li a {
    display: block
}

#mortabet_slide li a img {
    max-width: 100%;
    margin: auto;
    display: block
}

#mortabet_slide li div {
    padding: 5px 10px 5px 135px;
    background: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid #e8e8e8;
    position: relative
}

#mortabet_slide li div>a:first-child {
    font-size: 15px;
    color: #1a507f;
    transition: all .3s linear
}

#mortabet_slide li div>a:first-child:hover {
    color: #d32323
}

#mortabet_slide li div>span {
    color: #666;
    font-size: 11px
}

#mortabet_slide li div>a:last-child {
    width: 120px;
    height: 38px;
    padding: 2px 13px 2px;
    margin: auto;
    text-align: center;
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 13px;
    color: #000;
    transition: linear .2s;
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    display: inline-block
}

#mortabet_slide li div>a:last-child:hover {
    background: #d32323;
    color: #fff;
    text-shadow: 0 1px 2px #000;
    border-color: #d32323
}

#mortabet_slide .mortabet_arrow {
    width: 40px;
    margin-bottom: 15px;
    line-height: 40px !important;
    font-size: 30px !important;
    text-align: center !important;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 9;
    cursor: pointer;
    transition: all .3s linear;
    display: none
}

#mortabet_slide .mortabet_arrow i {
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    margin: auto !important;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    display: block
}

#next_tour {
    padding-left: 3px;
    right: 5px
}

#pre_tour {
    padding-right: 3px;
    left: 5px
}

#mortabet_slide .mortabet_arrow:hover {
    background: rgba(0, 0, 0, .7)
}

@media only screen and (max-width:950px) {
    #mortabet_slide li div {
        padding: 5px 10px 55px 10px
    }

    #mortabet_slide li div>a:last-child {
        top: auto;
        bottom: 10px
    }
}

@media only screen and (max-width:750px) {
    #mortabet_slide li {
        width: 100%
    }
}

.altimg table,
.rightnews table {
    width: 100%;
    margin: 10px 0;
    font-size: 14px;
    color: #333;
    border-collapse: collapse;
    border: 1px solid #efefef
}

.altimg table tr:first-child,
.rightnews table tr:first-child {
    background: #eaeaea;
    color: #5c646f;
    font-size: 15px;
    text-align: center !important
}

.altimg table tr:first-child td,
.rightnews table tr:first-child td {
    padding: 3px;
    background: #f9f9f9;
    color: #5c646f
}

.altimg table td,
.rightnews table td {
    padding: 3px 5px;
    border-bottom: 1px solid #eaeaea;
    text-align: center;
    vertical-align: middle
}

#comment {
    margin: 10px auto
}

#comment #matlab_comm {
    margin-bottom: 0
}

#comment_box {
    overflow: hidden;
    transition: all linear .6s
}

#cm_curtain {
    margin: 10px auto auto;
    border-bottom: none;
    background: rgba(249, 249, 249, .6)
}

#cm_curtain b {
    border-radius: 3px;
    display: inline-block
}

#cm_curtain b:hover {
    opacity: .7
}

#matlab_comm {
    padding: 50px 0
}

#matlab_comm .container {
    padding: 0 20px
}

.comment {
    margin-bottom: 20px;
    line-height: 15px;
    position: relative
}

#comment_header {
    margin-bottom: 20px;
    color: #000;
    font-size: 20px;
    font-family: ShabnamB;
    line-height: 30px;
    padding-right: 20px
}

.comm_box {
    margin-top: 20px;
    padding: 10px 5px;
    font-family: Shabnam;
    border-right: 3px solid #333
}

.comment_info {
    padding: 5px 25px 5px 5px;
    color: #aaa;
    border-bottom: 1px dotted #ddd;
    font-size: 13px;
    position: relative
}

.comment_info i {
    margin-right: 10px;
    color: #a6a6a6;
    display: inline-block
}

.comm_img {
    margin: auto !important;
    font-size: 21px !important;
    color: #d32323 !important;
    text-align: center;
    position: absolute;
    right: 5px;
    top: 0
}

.comment_info div {
    display: inline-block;
    padding-bottom: 5px
}

.comment_info div:first-child {
    padding-left: 3px
}

.comment_txt {
    padding: 5px 10px;
    font-size: 15px;
    color: #000;
    line-height: 35px;
    text-align: justify;
    text-justify: auto;
    word-break: break-word
}

.comment_ans {
    position: relative;
    margin-right: 20px
}

.comment_ans .comm_box {
    margin-top: 2px;
    border-color: #ccc
}

.ans_img {
    margin: auto !important;
    font-size: 21px !important;
    color: #ccc !important;
    text-align: center;
    position: absolute;
    right: 5px;
    top: 0
}

.comm_reply {
    padding: 0 10px;
    color: #aaa;
    line-height: 30px;
    font-size: 15px;
    display: inline-block;
    cursor: pointer;
    transition: all .2s linear
}

.comm_reply i {
    margin-left: 2px
}

.comm_reply:hover {
    color: #d32323
}

#comform_header {
    margin: 15px 0 5px 0;
    color: #444;
    font-family: Shabnam;
    font-size: 18px;
    line-height: 30px
}

#comform_header span {
    font-size: 13px;
    color: #9d9b9b;
    font-family: Shabnam
}

#cancel_reply {
    padding: 0 10px 0 0;
    color: #ff4f4f;
    cursor: pointer;
    font-size: 14px;
    display: none;
    transition: all .3s linear
}

#cancel_reply:hover {
    color: #b91217
}

#comment_form ul {
    font-size: 0;
    padding: 0;
    margin: 0
}

#comment_form li {
    width: 50%;
    padding: 0 5px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #767676;
    display: inline-block;
    position: relative;
    z-index: 2
}

#comment_form li:nth-child(1) {
    width: 100%;
    height: 135px
}

#comment_form li:nth-child(2) {
    float: right
}

#comment_form>ul>li:nth-last-child(2) {
    width: 66.666%;
    height: 165px
}

#comment_form>ul>li:nth-last-child(1) {
    width: 33.333%;
    height: 165px;
    overflow: hidden
}

#comment_form li span {
    line-height: 43px;
    background: #fff;
    position: absolute;
    top: 1px;
    right: 10px;
    display: block;
    transition: all .3s linear;
    z-index: -1
}

#comment_form li.ans_li span {
    background: #fff
}

#comment_form li span i {
    font-size: 10px
}

#comment_form li span.no_place {
    padding: 0 5px;
    line-height: 20px;
    font-size: 12px;
    color: #b7b7b7;
    top: -10px;
    z-index: 2
}

#comment_form input,
#comment_form textarea {
    width: 100%;
    height: 45px;
    padding: 2px 5px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    font-family: Shabnam;
    font-size: 14px;
    background: 0 0;
    display: block;
    position: relative;
    z-index: 1
}

#comment_form textarea {
    height: 150px;
    padding: 10px 5px 5px;
    resize: none
}

#comment_form .ltr,
.en_font {
    font-family: Tahoma !important
}

#matcom_sub {
    text-align: left;
    padding: 0 0 10px 5px
}

#matcom_sub input[type=submit] {
    width: 150px;
    margin-top: 25px;
    padding: 0 30px;
    font-size: 16px;
    font-family: Shabnam;
    text-shadow: 1px 1px 1px #333;
    background: #269e76;
    border: none;
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    transition: all .3s linear;
    display: inline-block
}

#matcom_sub input[type=submit]:hover {
    opacity: .7
}

@media only screen and (max-width:500px) {
    #comment_form li {
        width: 100%
    }

    #comment_form input {
        height: 50px
    }

    #comment_form input,
    #comment_form textarea {
        font-size: 17px !important
    }

    #comment_form li span {
        font-size: 15px !important;
        top: 3px
    }

    #comform_header span {
        font-size: 14px !important
    }
}

@media only print {

    #back_up,
    #comment_form,
    #mortabet_box,
    #newsshare {
        display: none
    }

    .rightnews {
        width: 100%;
        float: none
    }
}

.rightservice .imgnews {
    float: right;
    width: 30%
}

.rightservice .imgnews img {
    width: 100%;
    height: 185px;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 15px
}

.rightservice .leftcontentn {
    float: left;
    width: 70%;
    padding-right: 15px;
    padding-bottom: 30px
}

.rightservice .leftcontentn a {
    color: #6c2526;
    transition: linear .2s
}

.rightservice .leftcontentn a:hover {
    opacity: .7
}

.rightservice .titles {
    font-size: 25px;
    padding-bottom: 15px;
    display: inline-block
}

.rightservice .titles i {
    color: #6c2526
}

.rightservice .titles b {
    font-size: 20px
}

.leftcontent>span {
    color: #666
}

.leftcontentn .author {
    position: absolute;
    left: 5px;
    bottom: 5px;
    color: #999;
    font-size: 12px
}

.rightservice>div {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    position: relative
}

.tags span.titletag {
    border-bottom: 3px solid #ddd;
    font-size: 17px;
    display: block
}

.selecteds {
    background: #fff2c1 !important
}

#tags_scroll a {
    display: block;
    padding: 5px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    color: #000
}

#tags_scroll a:hover {
    color: #6c2526
}

#tags_scroll a span {
    color: #d32323;
    font-size: 12px;
    transition: linear .1s
}

#service_tag .aboutus {
    line-height: 26px;
    font-size: 13px;
    padding: 10px;
    text-align: justify
}

@media only screen and (max-width:890px) {

    .rightservice,
    .tags {
        width: 100%;
        float: none;
        margin-top: 10px
    }

    #tags_scroll {
        height: 210px;
        margin-bottom: 10px;
        overflow: scroll
    }

    #tags_scroll a {
        margin: 10px 0
    }

    .rightservice {
        padding-left: 0
    }

    .tags {
        margin-top: 15px
    }
}

@media only screen and (min-width:40px) and (max-width:610px) {
    .rightservice .imgnews {
        float: none;
        margin: auto;
        width: 100%
    }

    .rightservice .leftcontentn {
        float: none;
        margin: auto;
        width: 100%
    }

    .leftcontentn .author {
        position: static
    }

    .rightservice>div {
        padding: 15px 0 15px
    }

    .rightservice .leftcontentn {
        padding: 0
    }

    .leftcontentn .author {
        padding-top: 10px;
        display: block
    }
}

#about_text li {
    margin-right: 20px
}

#about_text>p {
    text-align: center;
    font-size: 23px;
    margin-bottom: 10px
}

#about_text img {
    max-width: 100%;
    margin: 10px auto;
    height: auto;
    display: block
}

@media only screen and (max-width:920px) {
    #about_text {
        width: 95%;
        margin: 30px auto
    }
}

#contact_box {
    padding-bottom: 20px
}

#contact_head i {
    transform: rotate(-96deg)
}

#contact_form {
    margin-top: 20px
}

#contact_form ul {
    font-size: 0;
    padding: 0;
    margin: 0
}

#contact_form li {
    width: 33.3333%;
    line-height: 45px;
    padding: 0 5px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #767676;
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    z-index: 2
}

#contact_form li:nth-child(4) {
    width: 66.66%
}

#contact_form>ul>li:nth-last-child(1) {
    width: 33.333%;
    overflow: hidden;
    margin-bottom: 0
}

#contact_form li span {
    line-height: 43px;
    background: #fff;
    position: absolute;
    top: 1px;
    right: 10px;
    display: block;
    transition: all .3s linear;
    z-index: -1
}

#contact_form li span.no_place {
    padding: 0 5px;
    line-height: 20px;
    font-size: 12px;
    color: #b7b7b7;
    top: -10px;
    z-index: 2
}

#contact_form input,
#contact_form textarea {
    width: 100%;
    height: 45px;
    padding: 5px;
    line-height: 25px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    font-family: Shabnam;
    font-size: 16px;
    background: 0 0;
    display: block;
    position: relative;
    z-index: 1
}

#contact_form textarea {
    height: 100px;
    resize: none
}

#contact_form .g-recaptcha,
#contact_form .g-recaptcha>div {
    height: 68px !important
}

#contact_box iframe {
    width: 100% !important
}

#contact_sub li {
    width: auto
}

#contact_sub input[type=text] {
    width: 80px;
    max-width: 100%
}

#contact_sub input[type=submit] {
    max-width: 100%;
    background: #373737;
    color: #fff;
    transition: all .3s linear;
    border: none;
    text-shadow: 1px 1px 1px #333
}

#contact_sub input[type=submit]:hover {
    background: #d32323
}

@media only screen and (max-width:768px) {
    #contact_form textarea {
        font-size: 17px
    }

    #contact_form input {
        height: 50px;
        font-size: 17px
    }

    #contact_form li span {
        top: 3px;
        font-size: 15px !important
    }

    #contact_box iframe {
        margin: 0 auto
    }

    #contact_form li {
        width: 100% !important;
        display: block
    }

    #contact_form .g-recaptcha,
    #contact_form .g-recaptcha>div {
        height: 77px !important
    }
}

#list_bann.srch_bann {
    min-height: 250px;
    background: #6c2526 url(images/background/world.png)
}

#search_box {
    padding: 50px 0;
    margin: 0;
    position: relative
}

#search_box ul {
    padding: 0;
    margin: 0;
    text-align: right;
    border-radius: 0
}

#search_tab {
    width: 100%;
    position: absolute;
    top: -27px;
    right: 0;
    font-size: 0;
    overflow: hidden
}

#search_tab li {
    padding: 5px 10px;
    color: #fff;
    margin-left: 5px;
    border-radius: 30px;
    border: 8px solid #fff;
    text-align: center;
    background: #9c9c9c;
    font-size: 15px;
    text-shadow: 0 1px 2px #000;
    display: inline-block;
    cursor: pointer;
    transition: all .3s linear;
    font-family: Shabnam
}

#search_tab li.active,
#search_tab li:hover {
    background: #6c2526
}

#sear_blogf,
#sear_tourf {
    padding: 20px;
    background: #f4f4f4;
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    color: #444;
    margin-bottom: 0
}

#sear_tourf ul {
    font-size: 0;
    text-align: right
}

#sear_tourf li {
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    font-size: 14px;
    display: inline-block;
    position: relative;
    z-index: 2
}

#sear_tourf li:nth-child(1) {
    overflow: visible !important
}

#sear_tourf li span {
    line-height: 38px;
    background: #f4f4f4;
    position: absolute;
    top: 1px;
    right: 10px;
    display: block;
    transition: all .3s linear;
    z-index: -1
}

#sear_tourf li span.no_place {
    padding: 0 5px;
    line-height: 20px;
    font-size: 12px;
    color: #b7b7b7;
    top: -10px;
    z-index: 2
}

#sear_tourf input[type=text] {
    width: 220px;
    height: 40px;
    padding: 2px 5px;
    border: 1px solid #cacaca;
    border-radius: 15px;
    font-family: Shabnam;
    font-size: 14px;
    background: 0 0;
    display: block;
    position: relative;
    z-index: 1
}

#sear_tourf select {
    width: 60px;
    height: 40px;
    text-align: center;
    border: 1px solid #cacaca;
    border-radius: 15px;
    font-family: Shabnam;
    font-size: 14px;
    background: 0 0;
    display: inline-block
}

#sear_tourf input[type=submit] {
    width: 150px;
    height: 40px;
    text-align: center;
    border: 1px solid #cacaca;
    border-radius: 15px;
    font-family: Shabnam;
    font-size: 14px;
    background: 0 0;
    display: inline-block;
    cursor: pointer;
    transition: all .3s linear
}

#sear_tourf button {
    width: 50px;
    height: 40px;
    text-align: center;
    border-radius: 15px;
    font-size: 14px;
    background: 0 0;
    display: inline-block;
    cursor: pointer;
    transition: all .3s linear;
    vertical-align: middle
}

#sear_tourf input[type=submit] {
    background: #d32323;
    border: 1px solid #d32323;
    color: #fff
}

#sear_tourf input[type=submit]:hover {
    background: #6c2526;
    border-color: #6c2526
}

#sear_tourf button {
    background: #0c6;
    color: #fff;
    border: 1px solid #0c6
}

#sear_tourf button:hover {
    background: #269e76
}

@media only screen and (max-width:740px) {
    #sear_tourf ul {
        max-width: 450px
    }

    #sear_tourf li:nth-last-child(1),
    #sear_tourf li:nth-last-child(2) {
        margin-top: 15px
    }
}

@media only screen and (max-width:510px) {
    #sear_tourf ul {
        max-width: 250px
    }

    #sear_tourf li:nth-last-child(3) {
        margin-top: 15px
    }

    #sear_tourf select {
        width: 85px
    }

    #sear_tourf li:nth-last-child(1),
    #sear_tourf li:nth-last-child(2) {
        margin-top: 15px
    }

    #sear_tourf input[type=submit] {
        width: 165px
    }
}

.Searchpg {
    padding: 0 5px;
    font-size: 13px;
    text-align: left;
    float: left;
    margin-top: 10px
}

.Searchpg a {
    color: #d32323
}

.Searchpg a:hover {
    color: #6c2526
}

.Searchpg i {
    margin: 0 3px;
    position: relative;
    top: 1px
}

.res_box {
    margin-top: 20px;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    clear: both;
    padding-bottom: 20px
}

.res_box:nth-of-type(1) {
    margin-top: 0
}

.tsearch_tit {
    color: #6c2526;
    font-size: 16px;
    margin: 10px 0 10px;
    font-family: Shabnam;
    float: right
}

.tsearch_tit i {
    font-size: 20px
}

.tres_img {
    width: 40%;
    display: block;
    float: right
}

.tres_img img {
    max-width: 100%;
    margin: auto;
    display: block;
    border-radius: 15px
}

.tres_txt,
.tsear_tit {
    width: 60%;
    float: left
}

.tsear_tit {
    padding: 5px 15px;
    font-size: 17px
}

.tsear_tit a {
    color: #d32323;
    transition: all .3s linear
}

.tsear_tit a:hover {
    color: #6c2526
}

.find {
    color: #600 !important;
    background-color: #cf0 !important;
    display: inline-block !important
}

.subtour {
    font-size: 13px;
    color: #a3a3a3
}

.tres_txt {
    padding: 10px 15px 35px 15px
}

.tres_code {
    font-size: 13px;
    position: absolute;
    bottom: 15px;
    left: 10px
}

.tres_code span {
    color: #a4a4a4
}

.tsear_nores {
    clear: both;
    font-size: 15px;
    display: block
}

@media only screen and (max-width:900px) {
    .tsear_tit {
        width: 100%;
        text-align: center;
        float: none
    }

    .tres_img {
        width: 55%
    }

    .tres_txt {
        width: 45%
    }
}

@media only screen and (max-width:650px) {

    .tres_img,
    .tres_txt {
        width: 100%;
        float: none
    }

    .tres_img img {
        margin: 0 auto 10px auto
    }

    .tres_txt {
        padding: 0 5px 60px 5px
    }
}

#sear_blogf ul {
    margin-top: 10px;
    font-size: 0;
    text-align: right
}

#sear_blogf li {
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    font-size: 14px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 2
}

#sear_blogf ul:nth-child(1) li:nth-child(1),
#sear_blogf ul:nth-child(1) li:nth-child(2) {
    overflow: visible !important
}

#sear_blogf ul:nth-child(1) li span {
    line-height: 38px;
    background: #f4f4f4;
    position: absolute;
    top: 1px;
    right: 10px;
    display: block;
    transition: all .3s linear;
    z-index: -1
}

#sear_blogf ul:nth-child(1) li span.no_place {
    padding: 0 5px;
    line-height: 20px;
    font-size: 12px;
    color: #b7b7b7;
    top: -10px;
    z-index: 2
}

#sear_blogf input[type=text] {
    width: 230px;
    height: 40px;
    padding: 2px 5px;
    border: 1px solid #cacaca;
    border-radius: 15px;
    font-family: Shabnam;
    font-size: 14px;
    background: 0 0;
    display: block;
    position: relative;
    z-index: 1
}

#sear_blogf select {
    width: 70px;
    height: 37px;
    text-align: center;
    border: 1px solid #cacaca;
    border-radius: 15px;
    font-family: Shabnam;
    font-size: 14px;
    background: 0 0;
    display: inline-block
}

#sear_blogf ul:nth-child(1) select {
    width: 120px
}

#sear_blogf input[type=submit] {
    width: 150px;
    height: 40px;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 15px;
    font-family: Shabnam;
    font-size: 14px;
    background: #d32323;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    transition: all .3s linear
}

#sear_blogf button {
    width: 50px;
    height: 40px;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 15px;
    font-size: 14px;
    background: 0 0;
    display: inline-block;
    cursor: pointer;
    transition: all .3s linear
}

#sear_blogf input[type=submit]:hover {
    background: #6c2526;
    border-color: #6c2526
}

#sear_blogf button {
    background: #0c6;
    color: #fff;
    position: relative;
    top: 1px
}

#sear_blogf button:hover {
    background: #269e76
}

#sear_blogsub i {
    vertical-align: middle
}

@media only screen and (max-width:670px) {

    .Searchpg,
    .tsearch_tit {
        float: none
    }

    #sear_blogf li,
    #sear_tourf li {
        font-size: 16px
    }

    #sear_blogf ul:nth-child(1) li span.no_place,
    #sear_tourf li span.no_place {
        font-size: 14px
    }
}

@media only screen and (max-width:810px) {
    #sear_blogf ul {
        max-width: 520px
    }

    #sear_blogf ul:nth-child(1) input {
        width: 245px
    }

    #sear_blogf ul:nth-child(1) select {
        width: 245px
    }
}

@media only screen and (max-width:580px) {
    #sear_blogf ul {
        max-width: 285px;
        text-align: right
    }

    #sear_blogf ul:nth-child(1) input {
        width: 265px
    }

    #sear_blogf ul:nth-child(1) select {
        width: 265px
    }
}

@media only screen and (max-width:320px) {
    #sear_blogf ul {
        text-align: center
    }

    #sear_blogf li {
        display: block
    }

    #sear_blogf ul:nth-child(1) input {
        width: 100%
    }

    #sear_blogf ul:nth-child(1) select {
        width: 100%
    }

    #sear_blogf ul:nth-child(2) li {
        height: auto
    }

    #sear_blogf ul:nth-child(2) span {
        display: block
    }
}

.news_dv {
    max-width: 900px
}

#TabNews table {
    width: 100%;
    font-size: 14px;
    border-collapse: collapse;
    clear: both
}

#TabNews tr td .th_style {
    padding: 5px;
    background: #efefef !important;
    border-radius: 10px 10px 0 0;
    display: block
}

#TabNews tr {
    transition: all .3s linear
}

#TabNews tr:nth-child(1) td {
    padding: 0 2px !important
}

#TabNews tr:nth-child(1):hover {
    background: 0 0 !important
}

#TabNews .ini_sbody td {
    padding: 12px 5px !important;
    text-align: right !important
}

#TabNews tr:hover+.ini_sbody {
    background: #f4f4f4 !important
}

#TabNews tr:hover {
    background: #f4f4f4
}

#TabNews td {
    padding: 5px 5px;
    border-bottom: 1px solid #ddd
}

#TabNews td:nth-child(1),
#TabNews td:nth-child(4),
#TabNews td:nth-child(5) {
    text-align: center
}

#TabNews a {
    color: #d32323
}

#TabNews a:hover {
    color: #6c2526
}

@media only screen and (max-width:650px) {

    #TabNews table,
    #TabNews table tbody,
    #TabNews table td,
    #TabNews table tr {
        display: block !important
    }

    #TabNews table {
        margin: 5px auto
    }

    #TabNews tr:first-child {
        display: none !important
    }

    #TabNews tr {
        height: auto;
        margin-bottom: 5px
    }

    #TabNews td {
        width: 100%;
        padding: 5px 10px;
        text-align: right !important;
        border-top: none !important
    }

    #TabNews td:before {
        font-size: 17px;
        color: #d32323
    }

    #TabNews td:nth-child(1) {
        font-size: 17px;
        background: #f4f4f4;
        text-align: center !important
    }

    #TabNews td:nth-child(1):before {
        content: "ردیف: ";
        color: #444
    }

    #TabNews td:nth-child(3):before {
        content: "کد: "
    }

    #TabNews td:nth-child(4):before {
        content: "زمان انتشار: "
    }

    #TabNews .ini_sbody td {
        background: 0 0
    }

    #TabNews .ini_sbody td:before {
        display: none !important
    }

    #TabNews a {
        display: inline-block
    }

    #TabNews tr:hover,
    #TabNews tr:hover+.ini_sbody {
        background: #fff !important
    }
}

.no_trans {
    transform: none !important
}

#contact_box .result {
    color: #198200;
    font-size: 18px;
    line-height: 35px
}

#contact_box .result i {
    font-size: 32px;
    vertical-align: top
}

#complaint .box_three>div,
#complaint .box_two>div {
    width: Calc(33.333% - 3.5px);
    margin-left: 5px
}

#complaint .box_three>div:last-child,
#complaint .box_two>div:last-child {
    margin-left: 0
}

#complaint .box_two {
    justify-content: center;
    align-items: flex-end
}

#complaint .box_two>div:first-child {
    width: 66.55%;
    margin-left: auto
}

#complaint input {
    width: 100%;
    height: 40px;
    padding: 5px;
    color: #333;
    font-family: Shabnam;
    font-size: 14px;
    border-radius: 5px !important;
    border: 1px solid #ddd
}

#complaint textarea {
    max-width: 100%;
    width: 100%;
    height: 76px;
    padding: 5px;
    color: #333;
    font-family: Shabnam;
    font-size: 14px;
    resize: none;
    border-radius: 5px;
    border: 1px solid #ddd;
    display: block
}

#complaint>div>div {
    margin-top: 7px
}

#complaint .g-recaptcha>div {
    margin: auto
}

#complaint iframe {
    height: 78px;
    margin: 0
}

#complaint #submit {
    margin-top: 5px;
    text-align: center
}

#complaint #submit input {
    padding: 0;
    background: #373737;
    border: 1px solid #373737;
    color: #fff;
    text-shadow: 0 1px 2px #000;
    font-size: 16px;
    transition: all .2s linear;
    cursor: pointer
}

#complaint #submit input:hover {
    background: #d32323;
    text-shadow: none;
    border-color: #d32323
}

@media only screen and (max-width:600px) {
    #complaint {
        max-width: 500px;
        margin: auto
    }

    #complaint .box_three>div,
    #complaint .box_two>div {
        width: 100% !important;
        margin-left: 0 !important
    }

    #complaint>div {
        text-align: center
    }

    #complaint input {
        height: 50px
    }

    #complaint input,
    #complaint textarea {
        font-size: 17px
    }
}

.divtourin {
    padding: 5px 15px;
    margin-top: 25px;
    margin-bottom: 50px;
    color: #000;
    font-size: 16px;
    text-align: right !important
}

.divtourin p {
    text-align: right !important
}

.titr_1 {
    margin: 0 0 10px;
    font-size: 20px;
    color: #000;
    font-family: ShabnamB;
    line-height: 30px
}

.titr_1 i {
    padding-left: 5px;
    color: #d32323;
    position: relative;
    top: 2px
}

#ask {
    padding: 15px;
    text-align: justify;
    color: #069;
    font-size: 16px
}

#ask a {
    line-height: 35px
}

#ask a:hover {
    color: #090
}

#ask>div>a {
    color: #069
}

#ask>div>i {
    padding-left: 5px;
    color: #d32323;
    position: relative;
    top: 1px
}

.titr_2 {
    margin: 20px 0 5px 0;
    display: block;
    color: #d32323;
    font-size: 17px;
    font-family: shabnamB
}

.titr_2 i {
    position: relative;
    top: 1px;
    color: #d32323
}

.matn {
    padding-right: 10px;
    font-size: 16px
}

.top_bt {
    padding-bottom: 5px;
    text-align: left;
    border-bottom: 1px solid #e5e5e5
}

.top_bt a,
.top_bt a:hover {
    color: #fff !important
}

.angle_up {
    margin: 0 0 20px 10px;
    color: #fff
}

.angle_up i {
    width: 25px;
    height: 25px;
    line-height: 23px;
    background: rgba(211, 35, 35, .5);
    font-size: 16px;
    text-align: center;
    border-radius: 50%;
    transition: all .3s linear
}

.angle_up i:hover {
    background: #d32323
}

@media only screen and (min-width:40px) and (max-width:600px) {
    .top_bt {
        text-align: center
    }
}

#manshor_text div {
    padding: 20px 0 0;
    text-align: justify;
    text-justify: auto
}

#manshor_text ol,
#manshor_text ul {
    margin-bottom: 22px
}

#manshor_text ol,
#manshor_text ul {
    padding-right: 35px
}

#manshor_text .tourtable,
#manshor_text .tourtable>div {
    padding: 0
}

#manshor_text .tourtable table {
    margin: 0
}

#manshor_text .tourtable table tr td:last-child {
    direction: rtl !important
}

@media only screen and (max-width:420px) {

    #manshor_text ol,
    #manshor_text ul {
        padding-right: 20px
    }
}

#ghavanin {
    padding: 5px 15px 15px 15px;
    font-size: 17px
}

#ghavanin>div>a,
.manshor a {
    color: #d32323
}

#ghavanin>div>a:hover,
.manshor a:hover {
    color: #64aed3
}

#ghavanin>div>i,
.matn ul li i {
    padding-left: 5px;
    position: relative;
    top: 2px;
    color: #d32323;
    font-size: 18px
}

.matn>div {
    padding-right: 10px
}

#ghavanin a {
    line-height: 35px
}

.butt_close {
    padding: 5px 15px 5px;
    color: #fff;
    background: #d32323;
    border: 1px solid #d32323;
    font-size: 13px;
    border-radius: 18px;
    text-shadow: 1px 1px 1px #333;
    transition: all .2s linear
}

.butt_close:hover {
    background: #6c2526;
    border-color: #6c2526
}

.form_mrg {
    margin: 40px 0 20px 0
}

.matn_about a {
    color: #069
}

.matn_about a:hover {
    color: #09c
}

.aboutshort {
    background: #f0f0f0;
    padding: 10px
}

.box_type img {
    max-width: 100%;
    margin: 10px auto;
    display: block
}

.box_type .imgtop {
    width: 100% !important;
    max-width: 700px !important
}

.titr_align {
    text-align: center
}

.table_ejra td {
    line-height: 30px !important;
    text-align: center;
    border: 1px solid #fff;
    padding: 3px !important
}

.table_ejra tr:first-child,
.table_ejra tr:last-child {
    background: #6c2526 !important;
    color: #fff
}

.table_ejra tr:nth-child(2n) {
    background: #efefef
}

.table_ejra table {
    width: 100%;
    border-collapse: collapse
}

.rezayat {
    text-align: center
}

.rezayat a {
    color: #069;
    font-size: 13px;
    transition: all .3s linear
}

.rezayat a:hover {
    color: #d32323
}

.copyright {
    direction: ltr;
    font-family: tahoma;
    font-size: 13px;
    line-height: 24px
}

@media only screen and (min-width:40px) and (max-width:560px) {

    .table_ejra table,
    .table_ejra table td,
    .table_ejra tbody,
    .table_ejra th,
    .table_ejra thead,
    .table_ejra tr {
        display: block !important
    }

    .table_ejra tr:first-child {
        display: none !important
    }

    .table_ejra tr {
        height: auto;
        background: #efefef !important;
        width: 100%;
        display: block !important
    }

    .table_ejra table td {
        width: auto;
        padding: 5px 10px;
        font-size: 14px;
        text-align: right !important;
        border-bottom: 1px solid #eee !important;
        position: relative;
        display: block !important
    }

    .table_ejra td:first-child {
        background: #6c2526;
        color: #fff
    }

    .table_ejra tr:last-child {
        border: 2px solid #fff;
        padding: 5px
    }

    .table_ejra tr:last-child td:before {
        display: none
    }

    .table_ejra tr:last-child td:nth-child(4) {
        display: none !important
    }

    .table_ejra td:first-child:before {
        content: "ردیف: ";
        text-align: center
    }

    .table_ejra td:nth-child(2):before {
        content: "سال: ";
        color: #6c2526
    }

    .table_ejra td:nth-child(3):before {
        content: "مسافرین سفر: ";
        color: #6c2526
    }

    .table_ejra td:nth-child(4):before {
        content: "تعداد روز سفر: ";
        color: #6c2526
    }

    .table_ejra td:nth-child(5):before {
        content: "تاریخ سفر: ";
        color: #6c2526
    }
}

.txt_rezayat {
    font-size: 13px
}

.txt_rezayat span {
    display: inline-block;
    direction: rtl
}

.errorbg {
    min-height: 100%;
    padding: 5px 0 20px
}

#construction,
.errorbg {
    background: url(images/background/balloon2.png) no-repeat scroll top;
    background-size: cover
}

.errorblock {
    width: 960px;
    margin: auto
}

.lefttxt {
    float: left;
    color: #46261b;
    border-radius: 10px;
    width: 60%;
    padding: 20px;
    font-size: 25px
}

.lefttxt img {
    max-width: 350px;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 2px solid #950000;
    display: block
}

.lefttxt a {
    color: #333;
    transition: all .3s
}

.lefttxt a:hover {
    color: #950000
}

.lefttxt input {
    padding: 6px;
    border: 1px solid #fff;
    font-size: 15px;
    border-radius: 5px
}

.lefttxt input:last-child {
    background: #950000;
    color: #fff;
    border: none;
    transition: all .2s
}

.lefttxt input:last-child:hover {
    background: #950000;
    cursor: pointer
}

.lefttxt>div {
    font-size: 30px;
    line-height: 42px;
    color: #950000
}

.lefttxt>span {
    font-size: 17px;
    display: block
}

.lefttxt .circlet {
    border-radius: 200px;
    background: #950000;
    color: #8fd0d4;
    border: 2px solid #950000;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px
}

.lefttxt .circlet span {
    padding-top: 20px
}

.lefttxt .circlet i {
    margin-top: 8px
}

.rowt {
    display: table;
    padding: 0 48px 10px 0
}

.rowt div:last-child {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px
}

.r_padd {
    padding-right: 0 !important
}

.designed {
    color: #fff;
    font-size: 13px;
    padding: 10px;
    border-radius: 5px 0 0 5px;
    text-align: left;
    width: 100px;
    background: #fff;
    position: absolute;
    bottom: 20px;
    right: 0;
    margin: 50px 0 0
}

.designed a {
    color: #378e93;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

@media only screen and (min-width:40px) and (max-width:767px) {
    .errorblock {
        width: 90%;
        padding-top: 0;
        margin: auto
    }

    .lefttxt {
        float: none;
        width: 100%;
        padding: 0
    }
}

.box_tour {
    margin-bottom: 30px
}

.box_tour>div>a {
    color: #333;
    transition: all .3s linear
}

.box_tour>div>a:hover {
    color: #d32323
}

.box_tour ul {
    margin-right: 20px
}

.box_tour ul li {
    margin: 4px 0
}

.box_tour ul li a {
    line-height: 30px;
    display: inline-block;
    color: #069;
    font-size: 16px;
    transition: all .3s linear
}

.box_tour ul li a:hover {
    color: #d32323
}

#extra_msg {
    background: #fff;
    padding: 20px;
    border-radius: 20px
}

#extra_msg>div:nth-of-type(1) {
    color: #333
}

#extra_msg form {
    width: 100%
}

#extra_msg .main {
    max-width: 1130px;
    margin: auto
}

#extra_msg table {
    width: 100%;
    margin-top: 20px
}

#extra_msg table a {
    color: #069;
    transition: linear .2s
}

#extra_msg table a:hover {
    color: #004a6f
}

#extra_msg table td:first-child {
    width: 130px
}

#extra_msg table td {
    padding: 2px
}

#extra_msg table td:first-child div {
    padding: 5px;
    margin: auto;
    background: #f4f4f4;
    color: #333 !important;
    font-size: 14px;
    text-align: right;
    border: 1px solid #e5e5e5;
    border-radius: 3px
}

#extra_msg table td:last-child div {
    padding: 5px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    font-size: 14px;
    background: #fff
}

@media only screen and (max-width:400px) {
    #extra_msg table td:first-child {
        width: 100% !important;
        margin-left: 0 !important
    }

    #extra_msg table td {
        display: block;
        padding: 0
    }

    #extra_msg table td:first-child {
        border-bottom: none !important
    }

    #extra_msg table tr {
        border-bottom: 10px solid #fff
    }

    #extra_msg table td:first-child div {
        border-radius: 3px 3px 0 0
    }

    #extra_msg table td:last-child div {
        border-radius: 0 0 3px 3px;
        border-top: none
    }
}

@media only screen and (max-width:600px) {
    #extra_msg table td div {
        font-size: 17px !important
    }
}

ul.boldo {
    list-style: none;
    text-align: justify
}

ul.boldo li {
    padding-bottom: 15px
}

.notmatched {
    font-size: 15px
}

.notmatched>div {
    font-size: 18px;
    padding-bottom: 20px
}

.prefactor {
    max-width: 900px;
    margin: auto;
    padding: 20px;
    background: #6c2526;
    border-radius: 20px
}

.payby {
    font-size: 13px;
    text-align: right
}

.grayb {
    background: #999 !important;
    border-color: #666 !important;
    transition: .2s linear
}

.grayb:hover {
    background: #666 !important
}

.buynow1 {
    font-size: 16px;
    padding-top: 5px
}

.buynow1 form {
    display: inline-block !important
}

.submited {
    background: #6c2526
}

#mainbg {
    background: #fff;
    padding: 20px;
    color: #333;
    border-radius: 20px;
    margin-top: 15px
}

.tablesub {
    display: table;
    width: 100%;
    font-size: 14px;
    margin: auto;
    border-collapse: collapse
}

.tablesub>div {
    display: table-row;
    border-bottom: 1px solid #e0e0e0
}

.tablesub a {
    color: #069
}

.tablesub a:last-child {
    width: 100% !important
}

.tablesub .rcell {
    display: table-cell;
    background: #f4f4f4;
    padding: 5px;
    width: 130px
}

.card .rcell {
    display: table-cell;
    background: #faf9f2;
    padding: 5px;
    max-width: 50px;
    text-align: right
}

.tablesub .topcell {
    display: table-cell;
    padding: 5px
}

.tablesub .lcell {
    display: table-cell;
    padding: 5px;
    background: #fff;
    text-align: right
}

.gotobank a.button,
.submited a.button {
    display: inline-block;
    font-size: 15px;
    text-align: center;
    line-height: normal
}

.submited .title {
    color: #fff
}

#dark_nav.navigator,
.padd25 {
    padding: 25px 0
}

#dark_nav.navigator a {
    color: #333 !important
}

#dark_nav.navigator a:hover {
    color: #f54242 !important
}

@media only screen and (max-width:900px) {

    .card .rcell,
    .tablesub .rcell {
        max-width: none;
        width: 22%
    }

    .whocalls div:last-child {
        opacity: 1 !important
    }
}

@media only screen and (max-width:540px) {
    .tablesub>div {
        border: none
    }

    .tablesub .rcell {
        border-bottom: 1px solid #e0e0e0
    }

    .tablesub .lcell,
    .tablesub .rcell {
        width: 100%;
        display: block;
        text-align: center
    }
}

.whocalls {
    margin: 25px auto 0;
    background: url(images/background/sup.png) repeat-x;
    padding-bottom: 20px;
    text-align: right !important
}

.whocalls:hover img {
    transform: rotateY(180deg)
}

.whocalls:hover div:last-child {
    opacity: 1
}

.whocalls>div {
    position: relative;
    width: 50%;
    border-right: 3px solid #f90;
    margin: auto
}

.whocalls div:last-child {
    font-size: 14px;
    background: #fff;
    opacity: .7;
    transition: linear .2s;
    padding: 5px
}

.whocalls img {
    border-radius: 100%;
    width: 100px;
    position: relative;
    right: -50px;
    top: 30px;
    transition: linear .3s;
    border: 3px solid #f90
}

.whocalls i {
    color: #0c6;
    padding: 5px;
    font-size: 22px
}

.gotobank {
    font-size: 15px;
    background: #fff;
    padding: 20px;
    line-height: 34px;
    border-radius: 20px;
    text-align: right
}

.gotobank span b {
    color: #2d8e45;
    font-size: 20px
}

.resulton b {
    font-size: 18px;
    line-height: 34px
}

#des_bann {
    min-height: 250px;
    padding: 25px 0;
    background-size: cover !important;
    background-position: center !important;
    color: #fff;
    position: relative
}

#des_bann h1 {
    margin: 25px 0 5px;
    font-family: shabnamB;
    font-size: 38px;
    line-height: 55px
}

#des_bann.shadow_box:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0, rgba(9, 9, 121, 0) 35%)
}

#des_bann>.main {
    position: relative;
    z-index: 6
}

#des_bann .who_is {
    background: rgba(0, 0, 0, .6)
}

.txt_sh {
    text-shadow: 1px 1px 0 #333
}

.destination {
    line-height: 33px;
    position: relative
}

.destination .main .tour img {
    max-width: 100%;
    height: auto
}

#dest_nav .navigator a:hover,
.destination .navigator a:hover {
    color: #f54242 !important
}

#dest_nav .navigator {
    padding-top: 20px;
    position: absolute;
    z-index: 950
}

span.results {
    font-size: 18px;
    display: inline;
    font-family: Shabnam
}

span.results {
    font-size: 14px !important;
    margin: 0 !important;
    display: inline !important;
    color: #519b08
}

span.results a {
    margin-right: 10px;
    border-radius: 20px
}

span.results a:hover {
    color: #fff
}

.destins {
    margin-top: 20px;
    font-size: 0;
    padding-right: 0 !important;
    text-align: right;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    overflow: hidden;
    transition: all .5s linear
}

.destins li {
    width: Calc(33.33% - 14px);
    margin: 0 0 20px 20px;
    line-height: 25px;
    text-align: center;
    display: inline-block;
    background-size: cover !important;
    background-position: center;
    position: relative;
    overflow: hidden
}

.destins li:last-child,
.destins li:nth-child(3n) {
    margin-left: 0
}

.destins li:hover div {
    background: rgba(255, 255, 255, 1)
}

.destins ul {
    font-size: 12px;
    line-height: 20px;
    color: #333;
    border-top: 1px dashed #333;
    margin: 5px 5px 15px;
    padding: 10px 0 0
}

.destins ul li {
    font-size: 13px;
    line-height: 23px;
    display: inline-block;
    margin: 0;
    width: auto;
    color: #000
}

.destins ul li:hover {
    cursor: default
}

.destins ul li:first-child:before {
    visibility: hidden
}

.destins ul li:before {
    content: "/";
    display: inline-block;
    padding: 0 5px
}

.destins li div {
    padding: 20px;
    background: rgba(255, 255, 255, .9);
    height: 100%;
    border: 1px solid rgba(255, 255, 255, .1);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-direction: column;
    transition: linear .2s;
    border-radius: 20px
}

.destins li div b {
    font-size: 48px;
    line-height: 30px;
    color: #d32323;
    padding-left: 5px;
    text-shadow: 1px -1px 0 #333
}

.destins li div span.tname {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    font-family: Shabnam
}

.destins .tname b.all {
    font-size: 18px;
    color: #6c2526;
    line-height: 27px;
    font-family: Shabnam;
    text-shadow: none;
    padding-top: 7px;
    display: inline-block
}

.destins li div a {
    background: #269e76;
    border: 1px solid #269e76;
    border-radius: 20px;
    font-size: 15px;
    display: block;
    margin: 10px;
    padding: 7px;
    color: #fff;
    font-family: Shabnam;
    text-shadow: 1px 1px 1px #000;
    transition: linear .1s
}

.destins li div a:hover {
    background: #309e4b
}

#curtain2 {
    padding: 5px 0;
    margin: -43px auto 0 auto;
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-bottom: 3px solid #6c2526;
    cursor: pointer;
    text-shadow: 1px 1px 1px #000;
    background: #fff;
    background: -webkit-linear-gradient(transparent, #fff);
    background: -o-linear-gradient(transparent, #fff);
    background: -moz-linear-gradient(transparent, #fff);
    background: linear-gradient(transparent, #fff);
    position: relative;
    z-index: 3;
    transition: all .5s linear
}

#curtain2 i {
    padding-right: 4px;
    color: #fff;
    position: relative;
    top: 2px;
    transition: all .5s linear
}

#curtain2 b {
    padding: 12px;
    border-radius: 10px 10px 0 0;
    line-height: 26px;
    background: #6c2526;
    transition: all .5s linear
}

#curtain2 b:hover {
    opacity: .9
}

#curtain2.open {
    margin: 20px auto 0 auto;
    color: #fff;
    text-shadow: none;
    background: 0 0;
    border-bottom: 3px solid #acacac
}

#curtain2.open b {
    background: #acacac
}

#curtain2.open i {
    transform: rotateX(180deg)
}

@media only screen and (min-width:871px) {
    #curtain2.box_3 {
        display: none !important
    }
}

@media only screen and (max-width:870px) {
    .destins li {
        width: Calc(50% - 10px)
    }

    .destins li:nth-child(3n) {
        margin-left: 20px
    }

    .destins li:nth-child(2n) {
        margin-left: 0
    }
}

@media only screen and (max-width:550px) {
    .destins li {
        width: 100%;
        margin: 0 0 20px !important
    }
}

.tellme {
    margin: 0 20px;
    position: relative;
    top: -40px
}

.tellme>div {
    background: #f4f4f4;
    padding: 10px;
    position: relative;
    z-index: 1
}

.tellme .onlineact {
    border-radius: 20px
}

.tellme .onlineact #num {
    width: 60px;
    text-align: center
}

.tellme .onlineact .formtop>div {
    width: 19%;
    margin-bottom: 5px
}

.tellme .onlineact button[type=submit] {
    font-size: 15px;
    display: block;
    margin: 10px auto auto
}

.tellme .onlineact .formtop>div>div:nth-child(2) {
    border-color: #ddd
}

.parts {
    padding: 0 5px 9%;
    padding-bottom: 50px;
    background-size: cover !important;
    background-attachment: fixed !important;
    position: relative;
    overflow: hidden
}

.parts .des_title {
    padding: 55px 0 10px
}

.parts .des_title h1 {
    margin: 0 0 30px;
    font-size: 38px;
    line-height: 60px;
    font-family: shabnamB
}

.parts .des_title h2 {
    margin: 0;
    font-size: 30px;
    line-height: 45px;
    font-family: shabnamB
}

.parts ul {
    width: Calc(100% - 200px);
    display: block;
    margin: 0;
    font-size: 0;
    padding-right: 0;
    z-index: 10
}

.parts ul li {
    display: inline-block;
    text-align: center;
    font-size: 15px;
    margin: 1px 0 1px;
    margin-left: 1px;
    transition: all linear .2s
}

.parts ul li:hover a {
    color: #6c2526
}

.parts ul li a {
    display: inline-block;
    padding: 0 20px 0;
    color: #000;
    text-shadow: none;
    border-right: 2px solid #6c2526;
    margin: 10px;
    background: #f1f1f1
}

.parts ul li a span {
    position: relative;
    right: 0;
    transition: all linear .2s
}

.citybox {
    border-bottom: 1px solid #ddd
}

.f_city {
    width: 200px;
    margin: 10px 0;
    font-size: 18px;
    background: rgba(255, 255, 255, .8);
    color: #ad0000;
    text-align: center
}

.backg {
    padding-top: 15px;
    background: #f8f7ee;
    background: -moz-linear-gradient(top, #f8f7ee 2%, #fbfaf4 12%, #fcfbf7 17%, #fff 29%);
    background: -webkit-gradient(left top, left bottom, color-stop(2%, rgba(248, 247, 238, 1)), color-stop(12%, rgba(251, 250, 244, 1)), color-stop(17%, rgba(252, 251, 247, 1)), color-stop(29%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(248, 247, 238, 1) 2%, rgba(251, 250, 244, 1) 12%, rgba(252, 251, 247, 1) 17%, rgba(255, 255, 255, 1) 29%);
    background: -o-linear-gradient(top, rgba(248, 247, 238, 1) 2%, rgba(251, 250, 244, 1) 12%, rgba(252, 251, 247, 1) 17%, rgba(255, 255, 255, 1) 29%);
    background: -ms-linear-gradient(top, rgba(248, 247, 238, 1) 2%, rgba(251, 250, 244, 1) 12%, rgba(252, 251, 247, 1) 17%, rgba(255, 255, 255, 1) 29%);
    background: linear-gradient(to bottom, #f8f7ee 2%, #fbfaf4 12%, #fcfbf7 17%, #fff 29%);
    border-top: 1px solid #e5e5e5
}

.martop {
    margin-top: 50px
}

.destination .tour i {
    font-size: 55px
}

.destination .tour .info i {
    font-size: 18px
}

.informme .title {
    position: static !important;
    font-size: 18px !important;
    text-shadow: none !important;
    color: #292929 !important
}

.informme .title i {
    padding-left: 5px
}

.informme .buynow1 {
    padding: 5px 25px 5px
}

.parts .on_shadow {
    overflow: hidden
}

@media only screen and (max-width:1200px) {
    .parts ul li a:hover {
        padding-right: 30px
    }
}

@media only screen and (max-width:800px) {
    .parts {
        background-position: top !important
    }
}

@media only screen and (max-width:610px) {
    .citybox {
        display: block !important
    }

    .f_city {
        width: 230px;
        padding: 5px;
        margin: auto
    }

    .parts .des_title {
        padding-top: 60px;
        text-align: center
    }

    .parts .des_title h1 {
        padding: 0 15px
    }

    .parts ul {
        max-width: 250px;
        width: 100%;
        padding: 0;
        margin: auto auto 30px
    }

    .parts ul li {
        display: block;
        width: auto !important
    }

    .parts ul li a {
        padding: 5px 0;
        display: block
    }

    .parts ul li a:hover {
        padding-right: 0
    }

    .parts .on_shadow {
        position: relative;
        z-index: 900
    }

    .parts {
        background-size: auto !important;
        border-bottom: 3px solid #fff
    }

    .parts .cir_bg1 {
        top: 180px
    }
}

.linetop {
    background: url(images/background/yalda.jpg) bottom fixed;
    background-size: cover;
    overflow: hidden;
    border-bottom: 3px solid #6c2526
}

.linetop .main {
    position: relative
}

.linetop .jtitle {
    padding: 35px 100px 35px 0;
    line-height: 40px;
    font-size: 25px
}

.linetop .jtitle span {
    font-size: 36px;
    color: #f99
}

.linetop .jtitle a {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    transition: linear .2s
}

.linetop .jtitle a:hover {
    opacity: .8
}

.linetop .pomeg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.norouz6 .linetop .pomeg {
    top: 0
}

.linetop .pomeg img {
    width: 90px
}

@media only screen and (max-width:790px) {
    .jashnform div:last-child img {
        display: none
    }
}

.labelon {
    position: absolute;
    bottom: 10px;
    height: 110px;
    width: 100%
}

.labelon b {
    padding: 5px;
    bottom: 10px;
    position: absolute;
    color: #fff;
    text-shadow: 1px 1px 1px #000
}

.labelon div:first-child {
    padding: 35px 100px 5px 0;
    line-height: 30px;
    font-size: 22px
}

.labelon div:first-child a {
    color: #9c1437;
    background: rgba(255, 255, 255, .7);
    display: inline-block;
    padding: 10px 20px 10px;
    transition: linear .2s
}

.labelon>div a:hover {
    opacity: .8
}

.labelon div:last-child {
    position: absolute;
    right: 12px;
    bottom: 15px
}

.labelon div:last-child img {
    width: 75px;
    position: relative;
    top: 10px
}

#trip_img {
    position: relative
}

#trip_img .jash_sub img {
    width: 70px;
    height: auto;
    margin-left: 10px;
    border: none;
    display: block
}

#trip_img .jash_sub {
    max-width: max-content;
    padding: 10px;
    border-radius: 20px;
    align-items: center;
    background: rgba(114, 135, 46, .8);
    color: #fff;
    position: absolute;
    right: 20px;
    left: 20px;
    bottom: 55px
}

#trip_img .jash_sub:hover {
    opacity: .7
}

@media only screen and (max-width:600px) {
    #trip_img .jash_sub img {
        width: 50px
    }
}

.jashnform {
    position: relative;
    max-width: 1200px;
    width: calc(100% - 20px);
    margin: auto auto 10px;
    padding: 30px 10px;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 20px
}

.jashnform a {
    color: #3d3d3d;
    transition: linear .2s
}

.jashnform a:hover {
    opacity: .6;
    color: #3d3d3d
}

.jashnform div:first-child {
    padding: 0 90px 0 0;
    line-height: 35px;
    font-size: 22px
}

.jashnform div:first-child span {
    font-size: 27px;
    color: #fd3c3c
}

.jashnform2 div:first-child span {
    color: #dbe34f !important
}

.jashnform2 a {
    color: #fff;
    text-shadow: 1px 1px 1px #414141
}

.jashnform2 a:hover {
    color: #fff
}

.jashnform div:nth-child(2) {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.jashnform div:nth-child(2) img {
    width: 80px
}

.jashnform div:nth-child(3) {
    position: absolute;
    left: 110px;
    top: 10px
}

.jashnform div:nth-child(3) img {
    width: 70px
}

.jashnform div:last-child {
    position: absolute;
    left: 0;
    top: 10px
}

.jashnform div:last-child img {
    width: 144px
}

.jashnform2 div:last-child {
    top: 15px !important
}

.jashnform2 div:nth-child(3) img {
    width: 130px
}

@media only screen and (max-width:1130px) {

    .jashnform div:last-child,
    .jashnform div:nth-child(3) {
        display: none
    }
}

.topformj {
    background: rgba(255, 255, 255, .4);
    font-size: 15px;
    line-height: 29px;
    padding: 20px;
    margin: auto;
    margin-top: 10px;
    border-top: 4px solid #6c2526;
    color: #333
}

#topformj {
    display: none;
    opacity: .2
}

.topformj div {
    padding: 5px
}

.norouz .topformj div:nth-child(3) b,
.topformj div b {
    padding: 0 5px 0;
    display: inline-block
}

.topformj div:nth-child(3) {
    background: #b41c44;
    display: inline-block;
    margin-top: 5px;
    color: #fff;
    text-shadow: 1px 1px 1px #000
}

.norouz .topformj div:nth-child(4) b,
.topformj div:nth-child(3) b {
    background: 0 0;
    padding: 0
}

.topformj a.buttonj {
    display: inline-block;
    margin-top: 20px;
    background: #39b959;
    color: #fff;
    padding: 5px 15px 5px;
    border-radius: 5px;
    margin-bottom: 10px
}

.topformj a.buttonj i {
    font-size: 10px
}

.topformj a.buttonj:hover {
    opacity: .7
}

.wformj {
    width: 70%;
    margin: auto
}

.norouz .wformj #form input,
.wformj #form select {
    height: 54px;
    border: 1px solid #ddd;
    padding: 10px;
    font-size: 15px;
    width: 59%
}

.wformj #form {
    padding-top: 40px;
    margin: auto;
    text-align: center
}

.wformj #form button[type=submit] {
    padding: 11px;
    width: 40%;
    font-size: 15px;
    background: #b41c44;
    color: #fff;
    border: 2px solid #b41c44
}

.wformj #form button[type=submit]:hover {
    opacity: .7
}

#add_old {
    width: 95%
}

#add_old #form,
#add_rooz #form {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center
}

#add_old #form select {
    width: Calc(31.5% - 4px)
}

#add_old #form button[type=submit] {
    width: calc(31% - 4px)
}

#add_old #form .old_div {
    margin: 0 4px;
    background: #92ee92
}

#add_old #form .for_old {
    width: calc(25% - 4px);
    margin-left: 8px
}

#add_old #form .for_num {
    width: 145px
}

#add_old #form .old_div label {
    width: 100%;
    padding: 12px 0;
    font-size: 14px;
    display: inline-block;
    cursor: pointer
}

#add_old #form .old_div input {
    height: 15px;
    width: 15px
}

#add_old #form.just_old .old_div {
    width: 25%
}

#add_old #form.just_old select {
    width: Calc(40% - 4px)
}

#add_old #form.just_old button[type=submit] {
    width: calc(35% - 4px)
}

#add_rooz .wformj #form select {
    width: Calc(60% - 55px)
}

#add_rooz .wformj #form button[type=submit] {
    width: Calc(40% - 55px)
}

#add_rooz .rooz {
    width: 110px
}

#add_rooz .rooz input {
    width: 80px
}

@media only screen and (max-width:1024px) {
    #add_old {
        max-width: 650px;
        margin: auto
    }

    #add_old #form {
        flex-wrap: wrap
    }

    #add_old #form .old_div,
    #add_old #form button[type=submit],
    #add_old #form select,
    #add_old #form.just_old .old_div,
    #add_old #form.just_old button[type=submit],
    #add_old #form.just_old select {
        width: 100%;
        margin: 3px 0 !important
    }
}

@media only screen and (max-width:800px) {
    #add_rooz #form {
        display: block
    }

    #add_rooz .wformj #form select {
        width: 100%
    }

    #add_rooz .wformj #form button[type=submit] {
        width: 100%
    }

    #add_rooz .rooz {
        margin: 10px auto;
        display: block
    }

    #add_rooz .rooz input {
        width: 80px
    }
}

@media only screen and (max-width:950px) {
    .wformj {
        width: 95%
    }

    .wformj #form select {
        font-size: 15px;
        display: block;
        text-align: center;
        width: 100%;
        margin: auto
    }

    .wformj #form button[type=submit] {
        display: block;
        text-align: center;
        width: 100%;
        margin: auto;
        margin-top: 3px
    }
}

.jashnmatn {
    background: url(images/background/yalda.jpg) fixed bottom;
    background-size: cover;
    padding-bottom: 40px
}

.norouz .countdown {
    background: #80d3d8 !important;
    background: url(images/symbols/sea.png) !important
}

.boxjtxt {
    display: inline-block;
    padding-right: 120px;
    padding-top: 10px;
    color: #363837;
    font-size: 18px;
    line-height: 30px
}

.boxjtxt2 {
    color: #fff
}

.boxjtxt3 {
    padding-top: 10px
}

.boxjtxt b span {
    font-size: 17px;
    color: #b30086
}

.redp b span {
    color: #c31f1f
}

.redp i {
    color: #269813 !important
}

.redp .i_plus {
    font-size: 18px;
    vertical-align: top
}

.redp span span {
    color: #bd0926 !important;
    font-size: 14px
}

.boxjtxt b:first-child {
    font-size: 24px;
    padding: 0 0 10px;
    display: inline-block
}

.boxjtxt b:first-child span {
    font-size: 18px;
    color: #333 !important
}

.redp {
    font-size: 16px;
    z-index: 2;
    position: relative
}

.redp b:first-child {
    font-size: 15px
}

.boxjtxt b:first-child a {
    color: #232323
}

.boxjtxt i {
    font-size: 30px;
    color: #b30086;
    position: relative;
    top: 5px
}

.boxjtxt5 i {
    font-size: 20px;
    color: #b30086;
    position: relative;
    padding: 0 5px;
    top: 2px
}

.ban_link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100
}

.bann_plus {
    font-size: 18px !important;
    position: absolute !important;
    top: inherit !important;
    bottom: -6px;
    right: -3px
}

@media only screen and (max-width:1100px) {
    .boxjtxt {
        padding-right: 120px;
        font-size: 16px
    }

    .redp {
        padding-right: 150px !important
    }

    .boxjtxt b:first-child {
        font-size: 20px;
        display: inline-block
    }
}

@media only screen and (max-width:990px) {
    .norouz .introduce>div {
        position: static;
        margin: 10px !important;
        z-index: 100
    }

    .boxjtxt,
    .redp {
        padding: 0 !important;
        display: block;
        margin: 0 auto 10px;
        text-align: center
    }

    .boxjtxt3,
    .redp3 {
        padding-right: 0 !important;
        text-align: center
    }

    .norouz .countdown {
        height: 280px !important;
        min-height: auto !important
    }

    .spring .toptitle {
        font-size: 21px
    }

    .bann_plus {
        margin: auto;
        left: 0;
        right: 0
    }
}

@media only screen and (max-width:855px) {
    .norouz .countdown {
        height: 350px !important
    }

    .norouz .introduce>div {
        height: calc(100% - 20px)
    }
}

@media only screen and (max-width:675px) {
    .countdown .toptitle span {
        padding: 3px
    }

    .countdown .toptitle {
        left: 0;
        top: -80px;
        background: 0 0 !important;
        padding: 0 !important
    }

    .countdown {
        min-height: inherit !important;
        padding: 20px
    }

    .introduce>div,
    .spring .toptitle {
        position: static !important
    }

    .cloudy img {
        display: none
    }

    .spring .main {
        padding: 20px !important
    }

    .textc7 div:first-child {
        top: -50px
    }

    .textc5 div:first-child img {
        width: 60px
    }

    .textc5 div:first-child {
        bottom: -20px !important;
        right: 0 !important;
        left: 0
    }

    .textc div:first-child {
        position: static;
        text-align: center
    }

    .boxjtxt,
    .redp {
        margin: 0
    }

    .countdown .toptitle4 {
        position: static;
        margin-top: 10px
    }
}

@media only screen and (max-width:640px) {
    .norouz .countdown {
        height: 470px !important
    }

    .redp3 {
        padding-bottom: 0 !important
    }

    .spring .toptitle {
        font-size: 18px
    }
}

@media only screen and (max-width:550px) {

    .boxjtxt3,
    .redp3 {
        padding: 5px !important;
        text-align: center;
        margin: 0
    }

    .countdown2 {
        min-height: 660px !important
    }

    .textc3 div:first-child img {
        width: 130px
    }
}

.norouz .linetop {
    background: #80d3d8 !important;
    background: url(images/background/candybg.jpg) !important;
    background-size: cover !important
}

.norouz .pomeg img {
    width: 80px;
    position: relative;
    top: 0;
    z-index: 1
}

.norouz .linetop .jtitle a {
    text-shadow: none !important
}

.norouz .linetop .jtitle b,
.norouz .linetop .jtitle i,
.norouz .linetop .jtitle span {
    color: #0d2d49
}

.norouz7 .linetop .jtitle a {
    color: #fff
}

.norouz .linetop .jtitle {
    font-size: 19px;
    line-height: 29px
}

.norouz4 .linetop .jtitle i,
.norouz4 .linetop .jtitle span {
    color: #dbe34f !important;
    text-shadow: 1px 1px 1px #3b3b3b
}

.norouz .linetop .jtitle b {
    padding: 7px 15px;
    display: inline-block;
    border-radius: 20px;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    text-shadow: 1px 1px 1px #000
}

.txtjashn2 b {
    color: #ca1b21 !important
}

.txtjashn b {
    color: #c31f1f
}

.norouz .labelon div:first-child a,
.norouz .txtjashn b {
    color: #b30086
}

.norouz4 .labelon div:first-child a {
    color: #ca1b21
}

.norouz5 .labelon div:first-child a {
    color: #ef1657
}

.norouz6 .labelon div:first-child a {
    color: #231f20;
    text-shadow: none
}

.norouz5 .linetop .jtitle {
    font-size: 19px;
    padding: 25px 100px 25px 0;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 10px
}

.norouz5 .linetop .jtitle span {
    font-size: 28px
}

.norouz5 .linetop .jtitle b,
.norouz5 .linetop .jtitle i,
.norouz5 .linetop .jtitle span {
    color: #e8215b !important;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .5)
}

.norouz6 .linetop .jtitle span {
    color: #ec2331 !important
}

.norouz7 .linetop .jtitle span {
    color: #9afda6 !important;
    text-shadow: none
}

.norouz .linetop2 {
    background: url(images/background/blsm.jpg) !important;
    background-position: center !important
}

.norouz .linetop3 {
    background: url(images/symbols/flower.png) repeat !important;
    background-size: 300px !important
}

.norouz .linetop2 .jtitle span {
    color: #c6101b !important
}

.txtjashn3 b {
    color: #a81f29 !important
}

.txtjashn5 b {
    color: rgba(205, 42, 33, 1) !important
}

.norouz .wformj #form {
    font-size: 0
}

.norouz .wformj {
    width: 85% !important
}

.norouz .wformj #form select {
    width: 50%;
    margin-left: .5%
}

.norouz .wformj #form .rooz {
    width: 9%;
    margin-left: .5%;
    display: inline-block
}

.norouz .topformj div:nth-child(3),
.norouz .wformj #form button[type=submit] {
    background: #e24843;
    transition: linear .2s;
    border: 2px solid #e24843
}

.norouz2 .topformj div:nth-child(3),
.norouz2 .wformj #form button[type=submit] {
    background: #c31f1f;
    transition: linear .2s;
    border: 2px solid #c31f1f
}

.norouz5 .topformj div:nth-child(3),
.norouz5 .wformj #form button[type=submit] {
    background: #d90444;
    border: 2px solid #d90444
}

.norouz .topformj div:nth-child(3) {
    background: 0 0;
    border: none;
    text-shadow: none;
    color: #333;
    display: block
}

.norouz .topformj div:nth-child(4) {
    background: #902676;
    display: inline-block;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    margin-top: 5px
}

.norouz2 .topformj div:nth-child(4) {
    background: #ab1e1e;
    display: inline-block;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    margin-top: 5px
}

.norouz2 .topformj {
    border-top: 4px solid #c31f1f
}

.norouz3 .topformj {
    border-top: 4px solid #c13703
}

.norouz5 .topformj {
    border-top: 4px solid #ffbd21
}

.norouz4 .topformj {
    border-top: 4px solid #1fc14a;
    background: rgba(255, 255, 255, .7)
}

.norouz4 .topformj div:nth-child(3),
.norouz4 .wformj #form button[type=submit] {
    text-shadow: none;
    display: inline-block
}

.norouz6 .topformj div:nth-child(3),
.norouz6 .wformj #form button[type=submit] {
    background: #ff5b67;
    border: 2px solid #ff5b67;
    color: #fff;
    text-shadow: 1px 1px 1px #000
}

@media only screen and (max-width:1000px) {
    .norouz .wformj #form button[type=submit] {
        display: block;
        width: 100%;
        margin-top: 5px
    }

    .norouz .wformj #form .rooz {
        width: 15%;
        margin: 5px 0 0
    }

    .norouz .wformj #form select {
        width: 100%
    }
}

@media only screen and (max-width:950px) {
    .norouz .wformj #form select {
        display: inline-block;
        text-align: right;
        width: 100%;
        margin-left: 1%
    }
}

@media only screen and (max-width:720px) {
    .norouz .wformj #form .rooz {
        width: 34%
    }
}

.norouz4 .linetop {
    background: url(images/background/cover5.png) bottom !important;
    background-size: cover !important
}

.norouz5 .linetop {
    background: url(images/background/cherries.png) top !important;
    background-size: cover !important
}

.norouz6 .linetop {
    background: url(images/background/cover7.png) top !important;
    background-size: contain !important
}

.norouz7 .linetop {
    background: #8a6d96 !important
}

@media only screen and (max-width:320px) {
    .norouz .wformj #form select {
        width: 100%;
        margin-bottom: 5px
    }

    .norouz .wformj #form .rooz {
        width: 50%
    }
}

.rating {
    border: none;
    float: right;
    padding: 0;
    margin: 0
}

.rating>input {
    display: none
}

.rating>label:before {
    margin: 3px;
    font-size: 1.5em;
    font-family: FontAwesome;
    display: inline-block
}

.rating>#s1,
.rating>#s5 {
    position: relative
}

.rating>#s1 .l_eye,
.rating>#s1 .r_eye {
    width: 6px;
    height: 2px;
    background: #96b2da;
    position: absolute;
    top: 13.5px
}

.rating>#s1 .l_eye {
    left: 10px;
    transform: rotate(20deg)
}

.rating>#s1 .r_eye {
    left: 18.5px;
    transform: rotate(-15deg)
}

.rating>#s5 .mouth {
    width: 13.5px;
    height: 1.5px;
    background: #96b2da;
    position: absolute;
    top: 20px;
    left: 10.5px
}

.rating>#s1:before {
    content: "\f119"
}

.rating>#s2:before {
    content: "\f119"
}

.rating>#s3:before {
    content: "\f11a"
}

.rating>#s4:before {
    content: "\f118"
}

.rating>#s5:before {
    content: "\f118"
}

.rating>.half:before {
    content: "\f089";
    position: absolute
}

.rating>label {
    color: #96b2da;
    font-size: 22px;
    float: right
}

.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label,
.rating>input:checked~label {
    color: #f6be04
}

.rating:not(:checked)>#s1:hover .l_eye,
.rating:not(:checked)>#s1:hover .r_eye,
.rating:not(:checked)>#s5:hover .mouth,
.rating:not(:checked)>label:hover~#s1 .l_eye,
.rating:not(:checked)>label:hover~#s1 .r_eye,
.rating:not(:checked)>label:hover~#s5 .mouth,
.rating>input:checked~#s1 .l_eye,
.rating>input:checked~#s1 .r_eye,
.rating>input:checked~#s5 .mouth {
    background: #f6be04
}

.rating>input:checked+label:hover,
.rating>input:checked~label:hover,
.rating>input:checked~label:hover~label,
.rating>label:hover~input:checked~label {
    color: #f6be04
}

.rating>#s1:hover~input:checked~#s1 .l_eye,
.rating>#s1:hover~input:checked~#s1 .r_eye,
.rating>#s5:hover~input:checked~#s5 .mouth,
.rating>input:checked+#s1:hover .l_eye,
.rating>input:checked+#s1:hover .r_eye,
.rating>input:checked+#s5:hover .mouth,
.rating>input:checked~#s1:hover .l_eye,
.rating>input:checked~#s1:hover .r_eye,
.rating>input:checked~#s5:hover .mouth,
.rating>input:checked~label:hover~#s1 .l_eye,
.rating>input:checked~label:hover~#s1 .r_eye,
.rating>input:checked~label:hover~#s5 .mouth {
    background: #f6be04
}

#givestar button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: none;
    font-size: 13px;
    position: relative;
    top: 4px;
    color: #413f3f;
    transition: linear .2s;
    left: 5px;
    border-radius: 3px;
    background: #fc3;
    min-width: 120px;
    padding: 0 0 1px 0;
    float: left;
    margin-right: 15px;
    margin-left: -5px
}

#wantstar {
    color: #413f3f;
    border: 1px solid #fc3;
    transition: linear .2s;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px
}

#wantstar:hover {
    background: rgba(243, 182, 0, .5);
    cursor: pointer
}

#givestar button:hover {
    background: #f3b600;
    cursor: pointer
}

#givestar {
    transition: visibility 0s, opacity 0s linear
}

#compare table {
    margin: 50px auto;
    text-align: center;
    font-size: 14px
}

#compare table b {
    font-size: 15px
}

#compare table i {
    position: absolute;
    max-width: 24px;
    cursor: pointer;
    left: 15px;
    text-align: center;
    display: inline-block;
    top: -11px;
    border-radius: 100%;
    font-size: 12px;
    color: rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 1px #5c5c5c;
    padding: 5px 6px 5px;
    background: #d32323
}

#compare table td {
    padding: 15px;
    border-right: 1px solid #dfdfdf;
    vertical-align: top;
    position: relative;
    text-align: center
}

#compare table td a {
    color: #1863a8;
    display: block
}

#compare table tr:nth-child(2) td {
    padding: 0 5px 0
}

#compare table tr:nth-child(2) img {
    max-height: 170px;
    vertical-align: middle;
    width: 100%;
    border-radius: 15px
}

#compare table tr td:first-child {
    background: #efefef !important;
    position: static;
    color: #242424;
    white-space: nowrap;
    font-family: Shabnam;
    border-bottom: 1px dashed #dfdfdf
}

#compare table tr td:last-child {
    border-left: 1px solid #dfdfdf
}

#compare table tr:first-child {
    border-top: 1px solid #dfdfdf
}

#compare table tr:last-child {
    border-bottom: 1px solid #dfdfdf
}

#compare table tr:nth-child(2n) td {
    background: #f9f9f9;
    position: static !important
}

#compare table tr td a.clink {
    padding: 5px 15px 5px;
    background: #269e76;
    color: #fff;
    text-shadow: 0 0 1px #000;
    border-radius: 20px;
    transition: linear .2s;
    display: inline-block
}

#compare table tr td a.clink:hover {
    background: #309e4b
}

@media only screen and (max-width:850px) {
    #compare table tr td:first-child {
        white-space: normal
    }
}

#moreInfo {
    margin: 40px auto 50px
}

#moreInfo .title {
    margin-bottom: 0
}

.trippack input {
    margin: 0 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 2px;
    height: 10px;
    width: 10px;
    border: 1px solid #494949;
    border-radius: 100%
}

.trippack label {
    padding: 0 7px;
    background: #fff;
    border-radius: 20px;
    display: block;
    transition: linear .3s
}

.trippack label:hover {
    background: #dffbe7;
    opacity: 1;
    cursor: pointer
}

.trippack input:checked {
    background: #38b457;
    border: 1px solid #38b457
}

.trippack label.checked {
    opacity: 1
}

.cdown,
.cup {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2
}

.cdown {
    height: 36px;
    display: none
}

.cup {
    height: 200px
}

.ccontent {
    transition: visibility 0s, opacity 0s linear;
    position: relative;
    text-align: center
}

.cup .ccontent {
    height: 200px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 -4px 6px 0 rgba(0, 0, 0, .1);
    font-size: 0
}

.cup .ccontent div {
    display: inline-block;
    margin: 5px;
    position: relative;
    padding: 0 10px 10px
}

.cup .ccontent div span {
    display: block;
    font-size: 10px;
    line-height: 20px;
    color: #575757
}

.ccontent .limitwtxt {
    white-space: nowrap;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis
}

.cup .ccontent div span b {
    font-size: 13px;
    color: #000
}

.cup .ccontent div i {
    position: relative;
    display: inline-block;
    top: 10px;
    font-size: 12px;
    color: rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 1px #5c5c5c;
    padding: 5px 6px 5px;
    background: #ff7173;
    transition: linear .3s;
    border-radius: 100%;
    cursor: pointer
}

.cup .ccontent div i:first-child:hover {
    background: #ff5f61
}

.cup .ccontent div img {
    max-width: 260px;
    border-radius: 15px;
    line-height: 0;
    width: 100%;
    height: 110px;
    object-fit: cover;
    display: block;
    margin-bottom: 10px
}

@-webkit-keyframes chevloop {
    0% {
        bottom: 100px
    }

    100% {
        bottom: 10px
    }
}

@-moz-keyframes chevloop {
    0% {
        bottom: 100px
    }

    100% {
        bottom: 10px
    }
}

@-o-keyframes chevloop {
    0% {
        bottom: 100px
    }

    100% {
        bottom: 10px
    }
}

@keyframes chevloop {
    0% {
        bottom: 100px
    }

    100% {
        bottom: 10px
    }
}

.ctoggle {
    padding: 0 20px;
    height: 36px;
    width: 140px;
    border-radius: 20px;
    font-size: 14px;
    text-align: right;
    line-height: 36px;
    cursor: pointer;
    transition: all .35s ease;
    text-shadow: 0 0 1px #000;
    z-index: 1;
    position: absolute;
    left: 10px;
    background: #269e76;
    color: #fff;
    animation: .8s ease 0s normal none chevloop
}

.cdown .ctoggle {
    bottom: 10px;
    left: 65px;
    position: absolute
}

.cup .ctoggle {
    bottom: 210px;
    background: #f7f7f7;
    border: 1px solid #efedec;
    text-shadow: none;
    color: #434343
}

.ctoggle i {
    display: inline-block;
    font-size: 20px;
    position: absolute;
    left: 15px;
    bottom: 7px
}

.cup .button {
    font-size: 15px;
    position: relative;
    bottom: 45px;
    margin-right: 10px;
    border-radius: 20px;
    transition: none;
    transition: background-color .3s linear
}

.cdown .ccontent {
    visibility: hidden;
    opacity: 0
}

.cup .ccontent {
    visibility: visible;
    opacity: 1
}

@media only screen and (max-width:1015px) {
    #compare table tr td {
        border-left: 1px solid #dfdfdf
    }
}

@media only screen and (max-width:730px) {
    .ccontent div {
        width: 46%
    }

    .ccontent .button {
        bottom: 0;
        display: inline-block;
        margin: 5px;
        max-width: 140px;
        right: 0;
        left: 0
    }

    .cup,
    .cup .ccontent {
        height: 290px
    }

    .cdown .ctoggle {
        bottom: 70px;
        left: inherit
    }

    .cup .ctoggle {
        bottom: 300px
    }
}

#alertMaxCompareCount {
    padding: 10px 20px 14px 20px;
    line-height: 30px;
    font-family: Shabnam;
    font-size: 16px;
    background: #722e2f;
    color: #fff;
    border-radius: 20px 0 0 20px;
    position: fixed;
    top: 10px;
    right: -130%;
    transition: all .5s linear
}

#alertMaxCompareCount:after {
    content: "";
    width: 100%;
    max-width: 0;
    height: 4px;
    background: #d32323;
    position: absolute;
    right: 0;
    bottom: 0
}

#alertMaxCompareCount.active {
    right: 0
}

#alertMaxCompareCount.active:after {
    max-width: 100%;
    transition: all 5s linear
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.disabledMail {
    padding: 20px 10px 20px;
    display: block;
    border-right: 4px solid orange;
    background: #f5f5f5;
    margin: 20px auto
}

.g-recaptcha>div {
    display: inline-block
}

@media only screen and (max-width:800px) {

    #mortabet_box,
    #next_ban,
    .countdown,
    .fjashn,
    .inpic,
    .jashnmatn,
    .linetop,
    .norouz20 .countdown2,
    .onlineact,
    .parts,
    .tellme,
    .topformj,
    .tselected {
        background-attachment: scroll !important
    }
}

.whichDay {
    color: rgba(114, 114, 114, 1);
    display: inline-block
}

.whichDay .en_font {
    font-size: 14px;
    vertical-align: bottom
}

.whichDay .line {
    padding: 0 10px;
    font-size: 10px;
    position: relative;
    top: 1px;
    display: inline-block
}

.inaglance-sort {
    padding: 40px 0 40px;
    color: #000
}

.inaglance-sort .main {
    padding: 30px 10px 30px 10px;
    box-shadow: 0 0 4px 0 #e8e3e8;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 10px 0 0 10px;
    border-right: 4px solid #6c2526;
    color: #000
}

#pop_up {
    padding: 5px 0;
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .4);
    position: fixed;
    left: 0;
    right: 0;
    z-index: 998;
    transition: all linear .2s
}

#pop_up>div {
    max-width: 930px;
    padding: 0 15px;
    margin: auto;
    align-items: center;
    font-size: 13px
}

#pop_up>div .txt {
    width: calc(100% - 90px)
}

#pop_up .btn-green {
    width: 80px;
    padding: 2px 10px;
    margin-right: auto;
    font-size: 13px;
    text-align: center;
    border-radius: 3px;
    display: block;
    cursor: pointer
}

#pop_up>div i {
    margin-left: 10px;
    color: #d32323;
    font-size: 18px;
    vertical-align: middle
}

#news_form {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    margin: auto;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    transition: all linear .2s
}

#news_form .close_bt {
    padding: 15px;
    position: absolute;
    top: 0;
    right: 10px;
    color: #fff;
    font-size: 25px;
    transition: all linear .2s;
    cursor: pointer;
    z-index: 20
}

#news_form .close_bt:hover {
    color: rgba(189, 25, 28, 1)
}

#news_form form {
    max-width: 450px;
    margin: auto;
    padding: 20px 30px;
    background: url(images/background/newsletter.jpg);
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px #333;
    border-radius: 5px
}

#news_form form .flexbox {
    margin-top: 10px;
    justify-content: center
}

#news_form form .flexbox input {
    width: calc(100% - 110px);
    height: 45px;
    padding: 5px;
    color: #333;
    border-radius: 5px;
    border: 1px solid #b0b0b0;
    font-family: tahoma
}

#news_form form .flexbox button {
    width: 105px;
    height: 45px;
    margin-right: auto;
    border-radius: 5px
}

#news_form .close_item {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10
}

#news_form #khabarname {
    position: relative;
    z-index: 20
}

#news_form #khabarname #ok,
#news_form #khabarname .already {
    padding: 50px;
    background: url(images/background/newsletter.jpg);
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    font-size: 18px;
    border-radius: 5px
}

.flexbox {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap
}

@media only screen and (max-width:650px) {
    #pop_up>div .txt {
        width: 100%;
        text-align: center
    }

    #pop_up .btn-green {
        margin: 10px auto auto
    }

    #news_form #khabarname #ok,
    #news_form #khabarname .already {
        padding: 50px 20px
    }
}

@media only screen and (max-width:500px) {
    #news_form form .flexbox input {
        width: 100%
    }

    #news_form form .flexbox button {
        width: 100%;
        margin-top: 10px
    }
}

#NatijeTakhfif {
    margin: 10px auto 0;
    width: 98%
}

.off_box {
    display: flex;
    align-items: center;
    margin-top: 10px
}

#count-takhfif {
    font-size: 13px;
    background: #6c2526;
    color: #fff;
    border: none;
    padding: 1px 10px;
    font-family: Shabnam;
    margin-right: 4px;
    cursor: pointer;
    border-radius: 20px
}

.wrong-code {
    color: red;
    font-size: 14px;
    margin-top: 5px
}

.correc-code {
    color: #39b759;
    font-size: 14px;
    margin-top: 5px
}

.correc-code span {
    font-family: Shabnam;
    color: #6c2526
}

.red_i {
    color: #c33 !important
}

.dis_box {
    align-items: flex-end;
    flex-wrap: wrap;
    background: hsl(0deg 0% 100% / 30%);
    padding: 15px 5px;
    width: 100%;
    text-align: right
}

.dis_box>div {
    width: 98%;
    margin: auto
}

.dis_titr {
    font-size: 16px;
    color: #6c2526;
    font-family: ShabnamB
}

.dis_titr i {
    font-size: 20px;
    color: #6c2526
}

#numCode {
    width: 25%;
    border: 1px solid #ddd;
    height: 35px;
    min-width: 160px;
    font-family: tahoma;
    border-radius: 20px
}

#seo_sec {
    padding: 0 0 40px
}

#seo_sec .title {
    font-size: 27px;
    line-height: 40px
}

#seo_text {
    padding: 50px 0;
    overflow: hidden;
    position: relative
}

#seo_text a {
    color: #00f;
    transition: all linear .2s
}

#seo_text a:hover {
    color: #06f
}

.tour_table {
    max-width: 350px;
    width: 100%
}

.tour_table td i {
    vertical-align: middle
}

.tour_table tr td {
    padding: 5px;
    background: #f8f8f8;
    font-size: 15px;
    border: 1px solid #fff;
    transition: all linear .2s
}

.tour_table tr:nth-child(2n-1) td {
    background: #eee;
    border-color: #fff
}

.tour_table tr:first-child td {
    background: #6c2526;
    color: #fff;
    font-size: 16px
}

.add_bt1 {
    background: #fff;
    color: #fff;
    text-align: center;
    font-size: 17px;
    cursor: pointer;
    position: relative;
    z-index: 3;
    transition: all .5s linear
}

.add_bt1 i {
    color: #6c2526;
    font-size: 20px;
    vertical-align: middle;
    transition: all .5s linear
}

.add_bt1:before {
    content: "";
    height: 100px;
    background: -moz-linear-gradient(90deg, rgba(242, 242, 242, 1) 10%, rgba(242, 242, 242, .05) 99%, rgba(242, 242, 242, .05) 100%, rgba(0, 0, 0, .05) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .05)), color-stop(0, rgba(242, 242, 242, .05)), color-stop(1%, rgba(242, 242, 242, .05)), color-stop(90%, rgba(242, 242, 242, 1)));
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, .9) 10%, rgba(242, 242, 242, .05) 99%, rgba(242, 242, 242, .05) 100%, rgba(0, 0, 0, .05) 100%);
    background: -o-linear-gradient(90deg, rgba(255, 242, 255, .9) 10%, rgba(242, 242, 242, .05) 99%, rgba(242, 242, 242, .05) 100%, rgba(0, 0, 0, .05) 100%);
    background: -ms-linear-gradient(90deg, rgba(255, 255, 255, .9) 10%, rgba(242, 242, 242, .05) 99%, rgba(242, 242, 242, .05) 100%, rgba(0, 0, 0, .05) 100%);
    background: linear-gradient(0deg, rgba(255, 255, 255, .9) 10%, rgba(242, 242, 242, .05) 99%, rgba(242, 242, 242, .05) 100%, rgba(0, 0, 0, .05) 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 36px;
    display: block
}

.add_bt1 .addButton {
    padding: 5px 10px;
    line-height: 26px;
    font-family: Shabnam;
    color: #6c2526;
    transition: all .5s linear;
    border-radius: 5px 5px 0 0;
    display: inline-block
}

.add_bt1.open {
    background: 0 0;
    bottom: -10px;
    margin: 20px auto 0 auto;
    color: #fff
}

.add_bt1.open i {
    transform: rotateX(180deg)
}

.add_bt1 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center
}

.add_bt1 .addButton:hover {
    opacity: .6
}

.add_bt1.open:before {
    display: none
}

#all_bg {
    background: #581d1d
}

#top_sec {
    height: 100vh;
    padding: 15px 50px 30px;
    color: #fff;
    text-align: center;
    position: relative
}

#top_sec .flower {
    width: 600px;
    position: absolute;
    bottom: -80px;
    left: 0
}

#b_menu {
    padding-bottom: 10px;
    align-items: center
}

#b_menu img {
    width: 170px;
    margin-left: 30px
}

#b_head {
    text-align: right
}

#b_head a {
    margin: 0 0 0 25px;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    font-family: Shabnam;
    text-shadow: 1px 1px 1px #000;
    display: inline-block;
    transition: all linear .2s
}

#b_head a.active,
#b_head a:hover {
    color: #ff9191
}

#top_sec h1 {
    padding: 0 0 60px;
    margin: 0;
    color: #ff9191;
    font-family: Shabnam;
    font-size: 80px;
    line-height: 95px;
    text-shadow: 1px 1px 1px #000
}

#top_sec .b_txt {
    max-width: 850px;
    margin: auto;
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    text-align: right;
    text-shadow: 1px 1px 1px #000;
    position: relative;
    z-index: 10
}

#top_sec .b_txt b,
.b_lvl div b {
    color: #ff9191;
    font-size: 17px;
    font-family: shabnamB
}

#top_sec .b_txt .mem_name {
    font-size: 21px;
    line-height: 35px
}

#top_sec .b_txt .fa-plus {
    padding: 0 5px;
    font-size: 20px;
    vertical-align: middle
}

.b_txt {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    text-shadow: 1px 1px 1px #000
}

.b_txt .flexbox {
    justify-content: flex-start;
    align-items: stretch
}

#border_box {
    height: Calc(100% - 40px);
    padding: 20px;
    border: 5px solid #ff9191;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mrgbt {
    margin-bottom: 10px
}

.chevronn i {
    width: 15px;
    font-size: 40px;
    display: block;
    position: absolute;
    left: 0;
    right: 80px;
    bottom: 50px;
    opacity: .2;
    animation: 2.5s ease 0s normal none infinite running loop2;
    z-index: 100
}

#menu_bar {
    line-height: 45px;
    color: #fff;
    position: absolute;
    left: 15px;
    top: 17px;
    font-size: 35px;
    cursor: pointer;
    display: none
}

@media only screen and (max-width:900px) {
    #menu_bar {
        display: block
    }

    #b_head {
        width: 100%;
        text-align: center;
        border-top: 1px solid #fff;
        display: none
    }

    #b_head a {
        padding: 10px 0 7px;
        border-bottom: 1px solid #35546f;
        display: block
    }

    #b_head a:last-child {
        border: none
    }

    #b_head a:hover {
        color: #fff
    }

    #b_head a.active:hover {
        color: #ff9191
    }
}

@-webkit-keyframes loop2 {
    0% {
        opacity: 0;
        bottom: 50px
    }

    55% {
        opacity: 1
    }

    100% {
        opacity: 0;
        bottom: 37px
    }
}

@-moz-keyframes loop2 {
    0% {
        opacity: 0;
        bottom: 50px
    }

    55% {
        opacity: 1
    }

    100% {
        opacity: 0;
        bottom: 37px
    }
}

@-o-keyframes loop2 {
    0% {
        opacity: 0;
        bottom: 50px
    }

    55% {
        opacity: 1
    }

    100% {
        opacity: 0;
        bottom: 37px
    }
}

@keyframes loop2 {
    0% {
        opacity: 0;
        bottom: 50px
    }

    55% {
        opacity: 1
    }

    100% {
        opacity: 0;
        bottom: 37px
    }
}

@media only screen and (max-width:1400px) {
    #top_sec .flower {
        bottom: -110px
    }
}

@media only screen and (max-width:850px) {
    #top_sec .flower {
        width: 300px;
        margin: auto;
        left: 0;
        right: 0;
        bottom: -35px
    }

    #top_sec {
        height: auto;
        padding: 15px
    }

    #top_sec h1 {
        font-size: 55px;
        line-height: 75px
    }

    #border_box {
        padding: 60px 40px 100px
    }

    .chevron i {
        right: 40px
    }
}

#term {
    padding: 110px 0 0
}

#term ol {
    padding-right: 25px;
    font-size: 16px;
    color: #fff
}

.b_title {
    margin-bottom: 25px;
    color: #ff9191;
    font-family: Shabnam;
    font-size: 24px;
    line-height: 40px;
    text-align: right;
    text-shadow: 1px 1px 1px #000
}

.b_title i {
    margin-left: 5px;
    color: #ff9191;
    font-size: 45px;
    vertical-align: middle
}

.b_main {
    max-width: 1440px;
    margin: auto;
    padding: 0 15px
}

.b_lvl {
    margin-bottom: 10px
}

.b_lvl span {
    width: 25px;
    margin-left: 5px;
    color: #ff9191;
    font-family: Shabnam;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    vertical-align: middle
}

.b_lvl div {
    width: Calc(100% - 30px)
}

.more {
    width: max-content;
    padding: 10px 15px;
    margin: 25px auto auto;
    background: #fff;
    color: #1b1b1b;
    font-family: Shabnam;
    font-size: 16px;
    text-align: center;
    border-radius: 20px;
    display: block;
    transition: all linear .2s
}

.more:hover {
    opacity: .7
}

#guide {
    padding: 110px 0 0;
    color: #fff;
    font-size: 16px;
    text-align: right
}

#guide .title i {
    color: #fff
}

#guide .tourbox img {
    height: 300px;
    object-fit: cover
}

.copyfoot {
    padding: 10px 15px;
    color: #fff;
    font-size: 13px;
    border-top: 1px dashed #fff;
    text-shadow: 1px 1px 1px #000
}

.copyfoot a {
    color: #fff;
    transition: all linear .2s
}

.copyfoot a:hover {
    color: #ff9191
}

.copyfoot .en_copy {
    margin-right: auto;
    font-family: tahoma
}

@media only screen and (max-width:600px) {
    .copyfoot .flexbox>div {
        width: 100%;
        margin: 0 !important;
        text-align: center
    }
}

@media only screen and (max-width:768px) {

    #guide,
    #offer,
    #term {
        padding-top: 80px !important
    }

    #offer {
        padding-bottom: 70px
    }
}

.other_info {
    width: 100%;
    margin: 10px 0 20px
}

.other_info td {
    padding: 5px;
    text-align: center;
    border: 1px solid #ccc
}

.other_info tr:first-child {
    background: #393838;
    color: #fff
}

.other_info tr:nth-child(2) td {
    background: #fff
}

.other_info tr:first-child td {
    padding: 2px 5px
}

.other_info td input {
    width: 100%;
    height: 33px;
    padding: 5px;
    border: 1px solid #ccc
}

.other_info .en_font {
    font-family: tahoma
}

.min_230 {
    min-width: 230px !important
}

.specs {
    background: #d32323;
    padding: 5px
}

.oftr td {
    width: 12%
}

@media only screen and (max-width:700px) {

    .other_info tbody,
    .other_info td,
    .other_info tr {
        display: block
    }

    .other_info tr {
        margin-bottom: 10px
    }

    .other_info tr:first-child {
        display: none
    }

    .other_info td:before {
        display: block;
        background: #000;
        padding: 5px 10px;
        color: #fff
    }

    .other_info td:nth-child(1):before {
        content: "جنسیت: "
    }

    .other_info td:nth-child(2):before {
        content: "نام: "
    }

    .other_info td:nth-child(3):before {
        content: "نام خانوادگی: "
    }

    .other_info td:nth-child(4):before {
        content: "کد ملی: "
    }

    .other_info td:nth-child(5):before {
        content: "تلفن همراه: "
    }

    .other_info td:nth-child(6):before {
        content: "ایمیل: "
    }

    .other_info td:nth-child(7):before {
        content: "تولد: "
    }

    .other_info td div {
        margin-top: 5px
    }

    .oftr td {
        width: auto
    }
}

#hamrahan button[type=submit] {
    background: #43bc61;
    display: inline-block;
    padding: 5px 15px 5px;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    border-radius: 3px;
    margin-top: 20px;
    transition: linear .2s;
    border: solid 1px #2e9447
}

.top_list {
    margin: 20px 0;
    padding: 20px;
    background: #fff9f9;
    border: 1px dashed #6c2526
}

.top_list ul {
    padding-right: 20px
}

.top_list ul li a {
    color: #045c91
}

.top_list ul li a:hover,
.top_list ul li::marker {
    color: #6c2526 !important
}

@media only screen and (max-width:768px) {
    .res_f14 {
        font-size: 14px !important
    }

    .example1,
    .navigator,
    .res_f15 {
        font-size: 15px !important;
        line-height: 26px !important
    }

    .res_f16 {
        font-size: 16px !important
    }

    .res_f17 {
        font-size: 17px !important;
        line-height: 29px !important
    }

    .res_f18 {
        font-size: 18px !important;
        line-height: 30px !important
    }

    .nbody h3,
    .res_f19 {
        font-size: 19px !important;
        line-height: 31px !important
    }

    .res_f23 {
        font-size: 23px !important;
        line-height: 35px !important
    }

    .trippack label {
        padding: 2px 7px 2px;
        font-size: 14px
    }

    .aboutArticle h1,
    .rightnews h1,
    .rightservice h2 {
        font-size: 26px;
        line-height: 38px
    }

    .no_padd {
        padding: 0 !important
    }
}

#catalogue {
    margin: 60px auto
}

#cata_box {
    background-image: linear-gradient(to left, #eabdbd, #eecdd6, #f0dee9, #f5eff7, #fff);
    position: relative;
    margin: 10px 90px auto 10px;
    border-radius: 10px
}

#cata_box.mode2 {
    background-image: linear-gradient(to left, #f9c8c8, #f6d3dc, #f2dfea, #f0eaf2, #f4f4f4)
}

.cat_txt {
    padding: 40px 40px 40px 0;
    font-size: 40px;
    color: #fff;
    align-items: center
}

.cat_txt .txt {
    margin-top: 15px;
    color: #878988;
    font-size: 15px;
    line-height: 25px;
    display: block
}

.txtbox {
    width: Calc(100% - 300px);
    padding: 0 50px 0 15px;
    margin-right: auto;
    border-right: 5px dashed #fff
}

.txtbox h3 {
    margin: 0;
    color: #333;
    font-size: 30px;
    line-height: 45px;
    font-family: Shabnam
}

#cata_box.mode2 .cat_img {
    background: #f4f4f4
}

.cat_img {
    width: 115px;
    height: 115px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    right: -90px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center
}

.cat_img img {
    max-width: 70px;
    width: 100%;
    margin: auto;
    display: block
}

.endbox2 {
    background-image: linear-gradient(to left, #6c2526, #904a49, #b56f6e, #da9696, #ffbfbf);
    max-width: 250px;
    width: 100%;
    display: inline-block;
    border-radius: 50px;
    border: 5px solid #fff;
    transition: all linear .2s
}

.endbox2 a {
    padding: 10px;
    font-size: 16px;
    color: #fff !important;
    text-shadow: 1px 1px 1px #333;
    text-align: center;
    border-radius: 50px;
    display: block
}

.endbox2:hover {
    background: #d32323
}

@media only screen and (max-width:768px) {
    #cata_box {
        margin: 100px 10px 10px
    }

    .cat_img {
        top: -80px;
        left: 0;
        right: 0;
        bottom: inherit
    }

    .cat_txt {
        padding: 65px 20px 20px
    }

    .txtbox {
        width: 100%;
        padding: 50px 0 20px;
        text-align: center;
        border-top: 5px solid #fff;
        border-right: none
    }

    .endbox2 {
        margin: auto
    }
}