/********** fonts **********/
@font-face {
    font-family: iranyekanweblight;
    src: url(../font/iranyekanweblight.eot);
    src: url(../font/iranyekanweblight.eot?#iefix&v=4.6.2) format("embedded-opentype"),
        url(../font/iranyekanweblight.woff2) format("woff2"),
        url(../font/iranyekanweblight.woff) format("woff"),
        url(../font/iranyekanweblight.ttf) format("truetype"),
        url(../font/iranyekanweblight.svg?v=4.6.2#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: iranyekanwebbold;
    src: url(../font/iranyekanwebbold.eot);
    src: url(../font/iranyekanwebbold.eot?#iefix&v=4.6.2) format("embedded-opentype"),
        url(../font/iranyekanwebbold.woff2) format("woff2"),
        url(../font/iranyekanwebbold.woff) format("woff"),
        url(../font/iranyekanwebbold.ttf) format("truetype"),
        url(../font/iranyekanwebbold.svg?v=4.6.2#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: iranyekanwebregular;
    src: url(../font/iranyekanwebregular.eot);
    src: url(../font/iranyekanwebregular.eot?#iefix&v=4.6.2) format("embedded-opentype"),
        url(../font/iranyekanwebregular.woff2) format("woff2"),
        url(../font/iranyekanwebregular.woff) format("woff"),
        url(../font/iranyekanwebregular.ttf) format("truetype"),
        url(../font/iranyekanwebregular.svg?v=4.6.2#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: robotolight;
    src: url(../font/robotolight.eot);
    src: url(../font/robotolight.eot?#iefix&v=4.6.2) format("embedded-opentype"),
        url(../font/robotolight.woff2) format("woff2"),
        url(../font/robotolight.woff) format("woff"),
        url(../font/robotolight.ttf) format("truetype"),
        url(../font/robotolight.svg?v=4.6.2#fontawesomeregular) format("svg");
}

@font-face {
    font-family: robotobold;
    src: url(../font/robotobold.eot);
    src: url(../font/robotobold.eot?#iefix&v=4.6.2) format("embedded-opentype"),
        url(../font/robotobold.woff2) format("woff2"),
        url(../font/robotobold.woff) format("woff"),
        url(../font/robotobold.ttf) format("truetype"),
        url(../font/robotobold.svg?v=4.6.2#fontawesomeregular) format("svg");
}

@font-face {
    font-family: robotoregular;
    src: url(../font/robotoregular.eot);
    src: url(../font/robotoregular.eot?#iefix&v=4.6.2) format("embedded-opentype"),
        url(../font/robotoregular.woff2) format("woff2"),
        url(../font/robotoregular.woff) format("woff"),
        url(../font/robotoregular.ttf) format("truetype"),
        url(../font/robotoregular.svg?v=4.6.2#fontawesomeregular) format("svg");
}

/********************/


/******************* reset *********************/
body {
    direction: rtl !important;
    text-align: right;
}

* {
    outline: none !important;
    font-family: "iranyekanwebregular", "robotoregular", sans-serif;
}

.fs7rem {
    font-size: 0.7rem !important;
}

.fs8rem {
    font-size: 0.8rem !important;
}

.fs9rem {
    font-size: 0.9rem !important;
}

.fs1rem {
    font-size: 1.0rem !important;
}

.btn {
    font-size: 0.8rem !important;
}

.agency_comssion_t {
    font-size: 0.7em;
    display: block;
    margin-top: 6px;
}

.justMenu .shadow {
    display: none;
}

.justMenu {
    height: auto;
    min-height: unset;
    background: none;
    /* margin-bottom: -15px; */
}

.justMenu nav.mainNav ul.firstUl>li>a:link,
.justMenu nav.mainNav ul.firstUl>li>a:visited {
    color: #666666;
    text-shadow: unset;
}

.justMenu nav.mainNav ul.firstUl>li.customDropdown>a:link {
    color: #666666;
}

.justMenu .topNav ul li a:link,
.justMenu .topNav ul li a:visited {
    color: #666666;
}

input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.controlSlider {
    -webkit-user-select: none;
    /* Chrome/Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}

.c-pointer {
    cursor: pointer;
}

.btn.focus,
.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

span.fixMarginDropDown {
    display: block;
    float: left;
    width: 100%;
    height: 15px;
    /*background:red;*/
    padding: 0;
    margin: 0 7px 0 0;
    color: #ffffff;
    cursor: pointer;
    z-index: 10;
    position: relative;
}

/*table{*/
/*border-collapse: unset;*/
/*}*/
/***************choosen *****/


/*********/
.fixWidth {
    min-width: 100% !important;
}

.fixWidth>ul {
    min-width: 100% !important;
}

.fixWidth>ul li {
    width: 100%;
    height: 100% !important;
}

/*********/
.form-control:focus {
    /*color: unset;*/
    /*background-color: unset;*/
    border-color: red;
    outline: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

/*** for error input ***/
.height-fixer {
    font-size: 0.7em;
    padding-right: 5px;
    padding-top: 5px;
    color: #ec3237;
    position: absolute;
    height: 30px;
    bottom: 0;
    left: 50%;
    top: -25px;
    cursor: default;
    font-weight: bold;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    background-color: transparent;
    border: none;
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

h1 {
	    font-size: 1.45em !important;
    font-family: "iranyekanwebbold", "robotobold", sans-serif !important;
}

h2 {
    font-size: 1.4em !important;
    font-family: "iranyekanwebbold", "robotobold", sans-serif !important;
}

.likeH2 {
    font-size: 1.4em !important;
    font-family: "iranyekanwebbold", "robotobold", sans-serif !important;
}

h3 {
    font-size: 1em !important;
}

.filterBlack {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.twitter-typeahead .tt-dataset {
    background: white;
    padding: 0 10px;
    border: 1px solid #ececec;
    font-size: 0.7em;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.22);
    text-align: right;
    font-family: "iranyekanwebregular", "robotoregular", sans-serif;
    color: #6a6a6a;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 100%;
}

.twitter-typeahead .tt-dataset .fa-plane {
    color: #bcbcbc;
}

.beforeTypeAhead {
    position: absolute;
    height: 100%;
    right: 0;
    z-index: 9;
}

.chosen-container {
    /*width: auto !important;*/
    position: absolute !important;
    left: 0;
    height: 100% !important;
    width: calc(100% - 50px) !important;
}

.chosen-container a {
    width: 100%;
    text-align: right;
}

.chosen-container .chosen-single {
    height: 100% !important;
    border: none !important;
    background: none !important;
    width: 100%;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 7px !important;
}

.chosen-container .chosen-single span {
    /*height: 100%;*/
    /*line-height: 30px;*/
}

.custom-select:focus {
    border-color: unset;
    outline: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.centerPostition {
    float: none;

}


.btn-colorful {
    width: 50% !important;
    height: 40px;
    font-size: 0.8em;
    border: none;
    display: block;
    color: #FFFFFF;
    margin: 10px auto;
    border-radius: 5px;
    background: rgb(247, 40, 194);
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 40, 194, 1)), to(rgba(236, 50, 55, 1)));
    background: linear-gradient(to right, rgba(247, 40, 194, 1) 0%, rgba(236, 50, 55, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f728c2', endColorstr='#ec3237', GradientType=1);
}

.btn-greenButton {

    border: none;
    background: rgb(89, 208, 74);
    ;
    background: -webkit-gradient(linear, left top, right top, from(rgba(89, 208, 74, 1)), to(rgba(21, 166, 13, 1))) !important;
    ;
    background: linear-gradient(to right, rgba(89, 208, 74, 1) 0%, rgba(21, 166, 13, 1) 100%) !important;
    ;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59d04a', endColorstr='#15a60d', GradientType=1) !important;
    ;
    padding: 2px 50px 5px 50px;
}
.ti-boxSort .entrance{
    margin-top: 8px;
    font-size:.8rem;
}
.ti-boxSort .exitTitle{
    font-size:.8rem;
}

.ti-boxSort span.dateExit,
.ti-boxSort span.dateEntrance {
    font-size: .8rem;
    margin-right: 5px;
}



.ti-boxSort .filtersBtn .btn:not(:disabled):not(.disabled).active{
    color: #ec6468 !important;
    background-color: #fff !important;
    border:none;
    border-right: 1px solid #e0e0e0;
    animation: none !important;
    border-bottom: 2px solid #ec6468 !important;

}


.ti-boxSort .filtersBtn .btn:not(:disabled):not(.disabled)::before{
    content:none !important;
}


.ti-boxSort .filtersBtn .btn:not(:disabled):hover{
    border-bottom: 2px solid #ec6468 !important;
}

.ti-boxSort .filtersBtn .btn:not(:disabled){
    box-shadow: none !important;
    border-bottom:2px solid #fff !important;

}


.btn-gray {
    border: none;
    background: rgb(138, 138, 138);
    background: -webkit-gradient(linear, left top, right top, from(rgba(138, 138, 138, 1)), to(rgba(94, 94, 94, 1)));
    background: linear-gradient(to right, rgba(138, 138, 138, 1) 0%, rgba(94, 94, 94, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#5e5e5e', GradientType=1);
    padding: 2px 50px 5px 50px;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.disabledBox {
    position: relative;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */
    cursor: not-allowed;
}

.disabledBox * {
    -webkit-filter: blur(2px);
    /* Safari 6.0 - 9.0 */
    filter: blur(2px);
    pointer-events: none;
}

.disabledBox:after {
    content: 'این قسمت بزودی راه‌اندازی می‌شود';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: red;
    font-size: 1.2em;
    -webkit-filter: unset;
    /* Safari 6.0 - 9.0 */
    filter: unset;
    font-family: "iranyekanwebbold", "robotobold", sans-serif;
}

.frm-center-modal {
    margin: 0 auto;
    width: 75%;
    font-size: 0.9em;
}

.frm-center-modal input {
    font-size: 0.8em;
}

.frm-center-modal input:focus {
    border: 1px solid red !important;
}

/****** scroll menu custom *******/
nav ul .mCSB_scrollTools {
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 20px !important;
    min-height: 400px;
}

/********/
.action_link {
    color: #ec6468 !important;
    background: none;
}

.action_link a {
    color: #ec6468 !important;
    background: none;
}

.filtersBtn a:hover,
.filtersBtn button:hover a {
    color: #ec6468 !important;
    background: none;
}

a {
    color: #8d8d8d;
}

a:hover {
    color: #ec6468;
    text-decoration: none;
}

.action_link:before {
    content: '';
    width: 100%;
    position: absolute;
    height: 2px;
    bottom: 0;
    right: 0;
    background: rgb(247, 105, 211);
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 105, 211, 1)), to(rgba(236, 100, 104, 1)));
    background: linear-gradient(to right, rgba(247, 105, 211, 1) 0%, rgba(236, 100, 104, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f769d3', endColorstr='#ec6468', GradientType=1);
}

/******************* error ******************/
.error_strings a div {
    background-color: unset !important;
    ;
    padding: 0 !important;
    border: 1px solid red;
    border-radius: 5px;
}

.error_strings a div ul {
    padding: 5px;
    list-style: none;
    font-size: 0.9em;
    margin: 0;
}

/******************* menu responsive ****************/
header .navbar-light .navbar-toggler {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

header.justMenu .navbar-light .navbar-toggler {
    color: #4e4e4e;
    border-color: #4e4e4e;
}

header .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

header.justMenu .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(78,78,78, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

nav .navbar-collapse.collapse.show,
nav .navbar-collapse.collapsing {
    background: rgba(33, 33, 33, 0.89);
    position: absolute;
    right: 0;
    top: 88px;
    width: 100%;
    z-index: 999;
    border: 2px solid rgb(228, 56, 59);
    border-radius: 5px;
    padding: 10px;
}

/*********pagination mw***********/
.mw_pagination {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 auto;
    margin-top: 70px;
    /*box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);*/
    position: absolute;
    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);
}

.pagination {
    padding: 0;
}

.pagination a {
    text-decoration: none;
}

.pagination>li {
    width: 8px;
    height: 8px;
    background: #686868;
    position: relative;
    left: -4px;
    bottom: -4px;
    cursor: pointer;
    border-radius: 100%;
    margin-left: 50px;
    padding: 0;
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
}

.paginate-first-parent:after,
.paginate-last-parent:after,
.paginate-next-parent:after,
.paginate-prev-parent:after {
    content: unset !important;
}

.paginate-first-parent,
.paginate-last-parent,
.paginate-next-parent,
.paginate-prev-parent {
    width: auto !important;
    height: auto !important;
}

.pagination>li a.paginate-prev,
.pagination>li a.paginate-next,
.pagination>li a.paginate-last,
.pagination>li a.paginate-first {
    top: -10px;
}

.pagination>li a {
    position: absolute;
    right: 0;
    top: -25px;
    bottom: 0;
    color: #8b8b8b;
}

.pagination>li a:hover {
    color: #bcbcbc;
}

.pagination>li a.active {
    color: #ec3237;
}

.pagination>li::after {
    content: '';
    position: absolute;
    width: 50px;
    border: 1px dashed #686868;
    height: 1px;
    margin-left: 0;
    z-index: -100;
    -webkit-transition: transform ease 1s;
    -webkit-transition: -webkit-transform ease 1s;
    transition: -webkit-transform ease 1s;
    transition: transform ease 1s;
    transition: transform ease 1s, -webkit-transform ease 1s;
    right: 8px;
    top: 3px;
}

.pagination>li:last-child:after {
    content: unset !important;
}

.pagination>li.fix-line:after {
    content: unset;
}

/*********************** pagination *******************************/
.paginationCustom {
    height: 20px;
    position: absolute;
    left: 50%;
    bottom: -70px;
    z-index: 6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.paginationCustom .lineShape {
    position: relative;
    width: 50px;
    border: 1px dashed #686868;
    height: 1px;
    margin-left: 0;
    z-index: -100;
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
}

.paginationCustom .lineShape .circleShape {
    width: 8px;
    height: 8px;
    background: #686868;
    position: absolute;
    left: -4px;
    bottom: -4px;
    cursor: pointer;
    border-radius: 100%;
}

.paginationCustom .lineShape .circleShape-2 {
    width: 8px;
    height: 8px;
    background: #686868;
    position: absolute;
    right: -4px;
    bottom: -4px;
    cursor: pointer;
    border-radius: 100%;
}

.paginationCustom .lineShape.shapeActive {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}

.paginationCustom .lineShape.shapeActive-2 {
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.paginationCustom .lineShape.shapeActive .circleShape {
    background: red;
    z-index: 9;
}

.paginationCustom .lineShape.shapeActive-2 .circleShape-2 {
    background: red;
    z-index: 9;
}

.paginationCustom .lineShape .circleShape:hover,
.paginationCustom .lineShape .circleShape-2:hover {}

/***** remove icon for select tag ****/
select::-ms-expand {
    display: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@-moz-document url-prefix() {
    .ui-select {
        border: 1px solid #CCC;
        border-radius: 4px;
        box-sizing: border-box;
        position: relative;
        overflow: hidden;
    }

    .ui-select select {
        width: 110%;
        background-position: right 30px center !important;
        border: none !important;
    }
}

/**** for break in flex  ****/
break {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 0px;
    height: 0px;
    overflow: hidden;
}

.breakLine {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 0px;
    height: 0px;
    overflow: hidden;
}

/*************** animations ****************/
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 #ffffff;
        box-shadow: 0 0 0 0 #ffffff;
    }
}

@keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 #ffffff;
        box-shadow: 0 0 0 0 #ffffff;
    }
}

/*********************************loginModal*****************************/
.loginModal .modal-content {
    border-radius: 10px;
    overflow: hidden;
}

.modal-backdrop {
    /*z-index: 0;*/
}

.loginModal .modal-header {
    border-bottom: none;
}

.loginModal .modal-header {
    position: relative;
    /*height: 130px;*/
    height: 60px;
}

.loginModal .modal-header .bg-modalLogin {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(/new_theme/images/ui/ticket/RulesPopUp.png) no-repeat center;
    background-size: 100% 100%;
    border: 2px solid #FFFFFF;
}

.loginModal .modal-header img.cloudSmall {
    width: auto;
    position: absolute;
    left: 80px;
    top: 25px;
    right: auto;
}

.loginModal .modal-header .close {
    text-shadow: none;
    position: absolute;
    color: #fff;
    opacity: 1;
    font-size: 1.5em;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
    left: 0;
    top: 20px;
}

.loginModal .modal-header .modal-title {
    z-index: 1;
    color: #fff;
    font-size: 1em;
    margin-top: 3px;
    cursor: default;
}

.loginModal .modal-header .modal-title .iconUser {}

.loginModal .modal-header .close:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.loginModal .modal-footer {
    border-top: none;
}

.loginModal form.loginForm input.form-control {
    /*width: 308px;*/
    height: 40px;
    border: 1px solid #dcdcdc;
    margin: 0 auto;
    border-radius: 5px;
    display: block;
    font-size: 0.8em;
}

.loginModal form.loginForm .captcha_div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*width: 308px;*/
    margin: 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.loginModal form.loginForm .captcha_div .captcha_img {
    border: 1px solid gainsboro;
    border-radius: 5px;
    overflow: hidden;
}

.loginModal form.loginForm .captcha_div .captcha_field {
    width: 70%;
}

.loginModal form.loginForm .captcha_div .captcha_img {
    width: 29%;
    height: 40px;
}

.loginModal form.loginForm .captcha_div .captcha_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.loginModal form.loginForm .captcha_div .captcha_field input {
    border: 1px solid gainsboro;
    border-radius: 5px;
    padding: 10px;
    height: 40px;
    width: 100%;
}

.loginModal form.loginForm .captcha_div .captcha_field input:focus {
    border: 1px solid gainsboro !important;
}

.error_strings {
    color: red;
    font-size: 0.8em;
    text-align: right;
    /*width: 308px;*/
    margin: 0 auto;
    cursor: default;
    line-height: 25px;
}

.loginModal form.loginForm input.form-control:focus {
    border: 1px solid red !important;
}

.loginModal form.loginForm .rememberMe {
    color: #32adee;
    /*width: 308px;*/
    text-align: right;
    margin: 0 auto;
}

.loginModal form.loginForm .rememberMe #rememberMe {
    top: 4px;
    height: 19px;
    width: 19px;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    /*background: #32adec !important;*/
    /*border: none;*/
    /*border-radius: 5px;*/
}

/* Create a custom checkbox */
.loginModal .checkmark {
    position: absolute;
    top: 4px;
    right: 0;
    height: 19px;
    width: 19px;
    border-radius: 5px;
    border: 1px solid #4eb8f0;
}

/* On mouse-over, add a grey background color */
.loginModal input~.checkmark {
    /*background-color: #32adec;*/
}

/* When the checkbox is checked, add a blue background */
.loginModal input:checked~.checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.loginModal .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.loginModal input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.loginModal .checkmark:after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.loginModal form.loginForm label {
    margin-right: 25px;
    font-size: 0.7em;
}

.loginModal form.loginForm .loginButton {
    width: 50%;
    height: 40px;
    font-size: 0.8em;
    border: none;
    display: block;
    margin: 10px auto;
    border-radius: 5px;
    background: rgb(247, 40, 194);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 40, 194, 1)), to(rgba(236, 50, 55, 1)));
    background: linear-gradient(to right, rgba(247, 40, 194, 1) 0%, rgba(236, 50, 55, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f728c2', endColorstr='#ec3237', GradientType=1);
    /* IE6-9 */
}

.loginModal form.loginForm .loginButton:hover {
    -webkit-box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.loginModal form.loginForm {
    text-align: center;
}

.loginModal form.loginForm .forgetPass {
    padding: 0;
    margin-bottom: 20px;

}

.loginModal form.loginForm .forgetPass a {
    color: #40b2ed;
    margin-top: 10px;
    display: block;
    font-size: 0.8em;
}

.loginModal .registerInLoginModal {
    position: relative;
    text-align: center;
    margin-top: 15px;
}

.loginModal .registerInLoginModal p {
    text-align: center;
    color: #808080;
    background: #FFFFFF;
    width: 150px;
    display: inline-block;
    cursor: default;
    font-size: 0.8em;
}

.loginModal .registerInLoginModal .lineInLoginModal {
    /*width: 308px;*/
    height: 1px;
    background: #808080;
    margin: 0 auto;
    margin-bottom: -13px;
}

.loginModal .registerInLoginModal .registerButton {
    width: 50%;
    height: 40px;
    line-height: 40px;
    border: none;
    display: block;
    margin: 0 auto;
    border-radius: 5px;
    background: #6d8494;
    padding: 0;
    font-size: 0.8em;
}

.loginModal .registerInLoginModal .registerButton:hover {
    -webkit-box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.5);
}

.loginModal .modal-footer {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
    padding: 0 15px 5px 15px;
    height: 60px;
}

.loginModal .modal-footer .bg-logoHeader {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    right: 0;
    margin-right: -20px;
}

/*********************************registerModal*****************************/


/*******************************header*********************************/
header {
    height: 85vh;
    background: rgb(172, 225, 246);
    /*-webkit-background-size: cover;*/
    /*background-size: cover;*/
    /*padding-top: 15px;*/
    min-height: 740px;
    background-size: calc(100% + 230px);
    /*background-position:bottom !important;*/
    background-position: top !important;
    background: url('/new_theme/images/ui/background/header_spring.jpg') no-repeat 50% 50% fixed;
   /*  background: url('/new_theme/images/ui/background/header_nowruz.jpg') no-repeat 50% 50% fixed;  */
    background-size: cover;
}

header .shadow {
    position: absolute;
    width: 100%;
    height: 85vh;
    /*margin-top: -15px;*/
    min-height: 740px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+60,0.7+100 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.7) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
    /* IE6-9 */
}

/********* top navigation *********/
header .topNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-block;
    font-size: 0.7em;
    height: 40px;
    line-height: 40px;
    padding: 0 15px 0 15px;
    position: relative;
    z-index: 1000;
}

header .topNav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    flex: unset;
}

header .topNav ul li {
    /*padding: 0 5px 0 0;*/
    display: inline-block;
}

header .topNav ul li:first-child {
    padding-top: 2px;
}

header .topNav ul li a:link,
.topNav ul li a:visited {
    text-decoration: none;
    color: #FFFFFF;
    margin-right: 5px;
}

header .topNav ul li a:hover,
.topNav ul li a:focus {
    color: #ec3237;
}

header .topNav ul li.dropdown button {
    background: none;
    border: 0;
    cursor: pointer;
    color: #666666;
}

header .topNav ul li.dropdown .dropdown-menu {
    min-width: 35px;
    padding: 0;
    -webkit-transform: translate3d(15px, 33px, 0px) !important;
    transform: translate3d(15px, 33px, 0px) !important;
}

header .topNav ul li.dropdown .dropdown-menu .dropdown-item {
    padding: 0 5px 0 5px;
    margin-right: auto;
}

header .topNav #dropdownMenuButton:after {
    content: none !important;
}

header .topNav #dropdownMenuButton:hover {
    color: #ec3237;
}

header .topNav #dropdownMenuButton svg {
    position: absolute;
    top: 17px;
    right: 14px;
    /*margin-top: -3px;*/
}

header .topNav>form.searchForm {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    top: 5px;
    margin: 0;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 15px;
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
}

header .topNav>form.searchForm input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    ;
    height: 100%;
    outline: 0;
    border: 0;
    display: none;
    font-size: 0.8em;
    padding: 0 20px;
    text-align: left;
    border-radius: 20px;
}

header .topNav>form.searchForm i {
    padding: 7px;
    width: 35px;
    height: 35px;
    position: relative;
    top: -4px;
    right: -2px;
    color: #ec373c;
    text-align: center;
    font-size: 1.2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
}

header .topNav>form.searchForm:hover {
    width: 200px;
    background: white;
    cursor: pointer;
}

header .topNav>form.searchForm:hover input {
    display: block;
}

/********* main nav *********/
header nav.mainNav {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
    margin-top: -20px;
    padding: 0;
    position: relative;
}

header nav.mainNav .navbar-brand {
    padding-bottom: 10px;
    margin-right: 0;
}

header nav.mainNav #phonecall{
    position:absolute;
    left: 64px;
    width: 78px;
    height: 21px;
    top: 32px;
    border-radius: 3px 10px 10px 10px;
    display: block;
}

header nav.mainNav .navbar-brand img {
    width: 180px;
    height: 62.95px;
    margin-top: -20px;
}

header nav.mainNav .navbar-brand div.bg-logoHeader {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    margin-top: -20px;
    -webkit-transform-origin: left;
    transform-origin: left;
}

header nav.mainNav ul {
    list-style: none;
    padding: 0;
    margin-top: 17px;
    /* width: 100% !important; */
}

header nav.mainNav .slider-dropdown ul>li {}

header nav.mainNav ul.firstUl>li {
    height: 35px;
    display: inline-block;
    /*padding: 0 10px 0 10px;*/
    border-radius: 20px 0 20px 20px;

    margin-left: 5px;
}

header nav.mainNav ul.firstUl>li.active a {}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: #FFFFFF;
}

header nav.mainNav ul.firstUl>li>a:link,
header nav.mainNav ul.firstUl>li>a:visited {
    font-size: 0.8em;
    /*font-family: "iranyekanwebbold" , "robotobold";*/
    /*color: #666666;*/
    color: #FFFFFF;
    /* text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); */
    /* text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9); */
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    width: 100%;
    height: 100%;
    line-height: 35px;
    /*padding: 0 20px 0 20px;*/
    padding: 0 15px 0 15px;
    border-radius: 20px 0 20px 20px;
}

header .loaded+.shadow+.container nav.mainNav ul.firstUl>li>a{
    color: #333333;
    font-family: "iranyekanwebbold", "robotobold", sans-serif;
}

header nav.mainNav ul.firstUl>li:hover>a,
header nav.mainNav ul.firstUl>li:focus>a {
    color: #FFFFFF !important;
}

header nav.mainNav ul.firstUl>li:hover a,
header nav.mainNav ul.firstUl>li:focus a {}

header nav.mainNav ul.firstUl>li:not(.special):hover,
header nav.mainNav ul.firstUl>li:not(.special):focus {
    background: rgb(247, 105, 211);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 105, 211, 1)), to(rgba(236, 100, 104, 1)));
    background: linear-gradient(to right, rgba(247, 105, 211, 1) 0%, rgba(236, 100, 104, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f769d3', endColorstr='#ec6468', GradientType=1);
    /* IE6-9 */
}

header nav.mainNav ul.firstUl>.dropdownMotherBox {
    /*height: 50px;*/
    /*background: pink;*/
    /*z-index: 1;*/
}

header nav.mainNav ul.firstUl>.dropdownMotherBox>li {
    /*padding-right:15px !important;*/
    /*padding-left:15px !important;*/
}

header nav.mainNav ul.firstUl>.dropdownMotherBox>li>a {
    font-size: 0.8em;
    font-family: "iranyekanwebbold", "robotobold", sans-serif;
    color: #666666;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;

    width: 100%;
    height: 100%;
    line-height: 35px;
    padding: 0 20px 0 20px;
    border-radius: 20px 0 20px 20px;
}

header nav.mainNav .navbar-nav .nav-link {
    color: #666666;
}

/*header nav.mainNav ul.firstUl > .dropdownMotherBox:hover>li>a, header nav.mainNav ul.firstUl > .dropdownMotherBox:focus>li>a{*/
/*color: #ffffff !important;*/
/*}*/
header nav.mainNav li.hoverMenuForDropDown:not(.special) {
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 20px 0 20px 20px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f769d3+0,ec6468+100 */
    background: rgb(247, 105, 211);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 105, 211, 1)), to(rgba(236, 100, 104, 1)));
    background: linear-gradient(to right, rgba(247, 105, 211, 1) 0%, rgba(236, 100, 104, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f769d3', endColorstr='#ec6468', GradientType=1);
    /* IE6-9 */
}

header nav.mainNav li.hoverMenuForDropDown a {
    color: #ffffff !important;
}

header nav.mainNav .dropdownMotherBox:not(.special)>li:hover {
    border-radius: 20px 0 20px 20px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f769d3+0,ec6468+100 */
    background: rgb(247, 105, 211);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 105, 211, 1)), to(rgba(236, 100, 104, 1)));
    background: linear-gradient(to right, rgba(247, 105, 211, 1) 0%, rgba(236, 100, 104, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f769d3', endColorstr='#ec6468', GradientType=1);
    /* IE6-9 */
}

header nav.mainNav .dropdown-submenu {
    position: relative;
}

header nav.mainNav .dropdown-submenu a::after {
    position: absolute;
    right: 6px;
    top: .8em;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

header nav.mainNav .dropdown-submenu .dropdown-menu {
    top: 5px;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;

    border-radius: 0;


    position: fixed;
}

header nav.mainNav .dropdownBox {

    /*display: block !important;*/

    position: absolute;
    background: url("/new_theme/images/ui/patternFormenuMega.jpg") repeat-x bottom;
    background-color: #FFFFFF;
    top: 70px;
    /*height: 428px;*/
    /*min-height: 445px;*/
    height: 445px;
    /*height: auto;*/
    width: 100%;
    right: 0;
    margin-top: 15px;
    display: none;
    /*overflow: auto;*/
    /*overflow-x: hidden;*/
    border: 1px solid #FFFFFF;
    z-index: 10;
    padding: 20px;
    padding-right: 10px;
    -webkit-box-shadow: 0 7px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 7px 5px 0 rgba(0, 0, 0, 0.1);
    border-radius: 0 0 5px 5px;
}

header nav.mainNav .tourMenu {
    position: relative;
    display: block;
    height: 51px;
    line-height: 51px;
    margin: 2px;
    width: 175px;
    text-align: right;
    padding-right: 15px;
    background: transparent;
    color: #9a9a9a;
    font-size: 0.8em;
    border: 1px solid #e5e6e7;
}

header nav.mainNav .tourMenu:hover {
    color: #FFFFFF;
    text-decoration: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f769d3+0,ec6468+100 */
    background: rgb(247, 105, 211);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 105, 211, 1)), to(rgba(236, 100, 104, 1)));
    background: linear-gradient(to right, rgba(247, 105, 211, 1) 0%, rgba(236, 100, 104, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f769d3', endColorstr='#ec6468', GradientType=1);
    /* IE6-9 */
}

header nav.mainNav .tourMenu.hoverItem {
    color: #FFFFFF;
    text-decoration: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f769d3+0,ec6468+100 */
    background: rgb(247, 105, 211);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 105, 211, 1)), to(rgba(236, 100, 104, 1)));
    background: linear-gradient(to right, rgba(247, 105, 211, 1) 0%, rgba(236, 100, 104, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f769d3', endColorstr='#ec6468', GradientType=1);
    /* IE6-9 */
}

header nav.mainNav .secUl {
    position: absolute;
    display: block;
    top: 20px;
    /*top: 0;*/
    right: 197px;
    width: 177px;
    text-align: right;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    border-radius: 0;
}

header nav.mainNav .mCustomScrollBox .secUl {
    top: 0;
}

header nav.mainNav .secUl>li {
    /*position: relative;*/
    position: static;
    display: block;
    width: 203px;
    height: 51px;
    line-height: 51px;
    /*background: #e5e6e7;*/
    color: #9a9a9a;
    margin: 2px;
    margin-bottom: 5px;
}

header nav.mainNav .secUl>li a:link,
.secUl>li a:visited {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #9a9a9a;
    font-size: 0.8em;

    height: 52px;
}

header nav.mainNav .nameCountry {
    background: transparent;

    border: 1px solid #e5e6e7;
    /*margin-right: 60px;*/
    width: 100%;
    /*border-radius: 0 0 47px 0;*/
    padding-right: 30px;
    margin-right: 35px;
    z-index: 1;
    -webkit-transition: margin ease 0.5s;
    transition: margin ease 0.5s;

}

header nav.mainNav .secUl>li a img {
    position: absolute;
    width: 60px;
    right: 0;

    top: 0;
    height: 52px;
    /*height: 100%;*/
    /*height: auto;*/
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    z-index: 2;
    border-left: 2px solid #ffffff;
    border-radius: 50px 0 0 50px;
}

header nav.mainNav .secUl>li a:hover,
header nav.mainNav .secUl>li a:focus {
    text-decoration: none;
}

header nav.mainNav .secUl>li a:hover .nameCountry,
header nav.mainNav .secUl>li a:focus .nameCountry {
    text-decoration: none;
    color: #ffffff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f769d3+0,ec6468+100 */
    background: rgb(247, 105, 211);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 105, 211, 1)), to(rgba(236, 100, 104, 1)));
    background: linear-gradient(to right, rgba(247, 105, 211, 1) 0%, rgba(236, 100, 104, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f769d3', endColorstr='#ec6468', GradientType=1);
    /* IE6-9 */
    margin-left: -30px;
    -webkit-transition: margin ease 0.5s;
    transition: margin ease 0.5s;
    border-radius: 25.5px 0 47px 25.5px;
}

header nav.mainNav .secUl>li a .nameCountry.hoverItem {
    text-decoration: none;
    color: #ffffff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f769d3+0,ec6468+100 */
    background: rgb(247, 105, 211);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 105, 211, 1)), to(rgba(236, 100, 104, 1)));
    background: linear-gradient(to right, rgba(247, 105, 211, 1) 0%, rgba(236, 100, 104, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f769d3', endColorstr='#ec6468', GradientType=1);
    /* IE6-9 */
    margin-left: -30px;
    border-radius: 25.5px 0 0 25.5px;
    -webkit-transition: margin ease 0.5s;
    transition: margin ease 0.5s;
}

header nav.mainNav .secUl>li a .lineForMenu.hoverItem {
    background: #ffffff;
    width: 8px;
    height: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

header nav.mainNav .secUl>li a .lineForMenu.hoverItem:last-child {
    background: #ffffff;
    width: 8px;
    height: 2px;
    left: 9px;
    top: 25.6px;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

header nav.mainNav #slideshow-dropdown {
    position: relative;
    padding-bottom: 50px;
}

header nav.mainNav #slideshow-dropdown .prev-slider-dropdown {
    position: absolute;
    bottom: 0;
    right: 30%;
    z-index: 50;
    background: none;
    border: none;
    cursor: pointer;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

header nav.mainNav #slideshow-dropdown .next-slider-dropdown {
    position: absolute;
    bottom: 0;
    left: 30%;
    z-index: 50;
    background: none;
    border: none;
    cursor: pointer;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

header nav.mainNav #slideshow-dropdown .prev-slider-dropdown:hover,
header nav.mainNav #slideshowDropdown .next-slider-dropdown:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

header nav.mainNav #slideshow-dropdown .slider-dropdown ul {
    width: 100%;
}

header nav.mainNav #slideshow-dropdown .slider-dropdown li {
    width: 100%;
}

header nav.mainNav #slideshow-dropdown .slider-dropdown .img-slider-dropdown {
    position: relative;
    cursor: pointer;
}

header nav.mainNav #slideshow-dropdown .slider-dropdown .img-slider-dropdown:hover:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3c3c3c+0,ec3237+100 */
    background: rgb(60, 60, 60);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(60, 60, 60, 0.8)), to(rgba(236, 50, 55, 0.8)));
    background: linear-gradient(to bottom, rgba(60, 60, 60, 0.8) 0%, rgba(236, 50, 55, 0.8) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#ec3237', GradientType=0);
    /* IE6-9 */
}

header nav.mainNav #slideshow-dropdown .slider-dropdown .img-slider-dropdown img {
    position: relative;
    width: 100%;
    z-index: -1;
}

header nav.mainNav #slideshow-dropdown .slider-dropdown ul li .row:first-child {
    margin-bottom: 50px;
}

header nav.mainNav .img-slider-dropdown img {
    width: 100%;
    height: 100%;
}

header nav.mainNav .checktest {
    position: absolute;
    display: block;
    padding: 50px;
    left: 0;
    top: 0;
    right: 385px;
    bottom: 0;
}

header nav.mainNav .flagsCo {
    position: absolute;
    width: 50px;
    overflow: hidden;
    top: 30px;
    left: -7px;
    z-index: 9999;
}

header nav.mainNav .flagsCo img {
    width: 100%;
}

header nav.mainNav .checktest2 {
    position: absolute;
    display: none;
    right: 265px;
    left: 0;
    top: 10px;
    /*top: -10px;*/
    /*background: red;*/
    overflow: hidden;
    width: 600px;
    /*height: 360px;*/
    padding-top: 20px;

    height: 405px;
}

header nav.mainNav .checktest2 .slider-dropdown .img-slider-dropdown img {
    width: 100%;
    /*height: 100%;*/
    height: 150px;
    position: relative;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
}

header nav.mainNav .img-slider-dropdown {
    position: relative;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,0.72+100 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.72)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.72) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#b8000000', GradientType=0);
    /* IE6-9 */
    border-radius: 5px;

    width: 100%;
    height: 100%;
    cursor: pointer;
}

header nav.mainNav .nameCity {
    background: #fff;
    color: #454545;
    position: absolute;
    top: -20px;
    right: 96px;
    padding: 0 16px 0 6px;
    height: 40px;
    line-height: 40px;
    border-radius: 25px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    font-size: 0.8em;
    font-family: "iranyekanwebbold", "robotobold", sans-serif;
    width: 161px;
    text-align: center;
}

header nav.mainNav .infoCity {
    position: absolute;
    font-size: 0.7em;
    bottom: 5px;
    width: 100%;
    color: #FFFFFF;
    padding-right: 10px;
    direction: rtl;
    font-family: "iranyekanweblight", "robotolight", sans-serif;
    cursor: pointer;
}

header nav.mainNav .infoCity>span {
    display: block;
    height: 20px;
    line-height: 20px;
}

header nav.mainNav .checktest2 ul li .row {
    margin: 20px 0 auto 0;
}

header nav.mainNav .slider-dropdown ul li .row>div {
    padding: 0 5px;
}

header nav.mainNav .checktest2 .prev-slider-dropdown {
    position: absolute;
    bottom: 0;
    left: 10%;
    z-index: 50;
    background: none;
    border: none;
    cursor: pointer;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

header nav.mainNav .checktest2 .next-slider-dropdown {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 50;
    background: none;
    border: none;
    cursor: pointer;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

header nav.mainNav .checktest2 svg {
    width: 15px;
    -webkit-filter: invert(1);
    /* Safari 6.0 - 9.0 */
    filter: invert(1);
}

header nav.mainNav .checktest2 button.disabled {
    cursor: default;
}

header nav.mainNav .checktest2 button.disabled svg {
    -webkit-filter: none !important;
    /* Safari 6.0 - 9.0 */
    filter: none !important;
    ;
}

header nav.mainNav .checktest2 .prev-slider-dropdown:hover,
header nav.mainNav .checktest2 .next-slider-dropdown:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

header nav.mainNav .lineForMenu {
    background: #9a9a9a;
    position: absolute;
    top: 23px;
    left: 33px;
    width: 8px;
    height: 2px;
    z-index: 1;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

header nav.mainNav .hoverItem .lineForMenu {
    background: #ffffff;
    width: 8px;
    height: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

header nav.mainNav .countryMenu:hover img {
    -webkit-filter: none;
    /* Safari 6.0 - 9.0 */
    filter: none;
}

header nav.mainNav .hoverItem .lineForMenu:last-child {
    background: #ffffff;
    width: 8px;
    height: 2px;
    left: 9px;
    top: 23px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

header nav.mainNav .dropdownBox a:hover span.lineForMenu {
    background: #ffffff;
    width: 8px;
    height: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

header nav.mainNav .dropdownBox a:hover span.lineForMenu:last-child {
    background: #ffffff;
    width: 8px;
    height: 2px;
    left: 32px;
    top: 23.5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

header nav.mainNav a.countryMenu {
    position: relative;
}

/**************** dropdownMenu ****************/



.dropdown-item.active,
.dropdown-item:active {
    background: none;
}

.customDropdown>a {
    background: none;
    color: #666666;
    /*font-family: "iranyekanwebbold" , "robotobold", sans-serif;*/
    border-radius: 20px 0 20px 20px;
}

.customDropdown>a:hover {
    color: #FFFFFF;
    background: rgb(247, 105, 211);
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 105, 211, 1)), to(rgba(236, 100, 104, 1)));
    background: linear-gradient(to right, rgba(247, 105, 211, 1) 0%, rgba(236, 100, 104, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f769d3', endColorstr='#ec6468', GradientType=1);
}

.customDropdown .dropdown-submenu {
    position: relative;
}

.customDropdown .multi-level {
    /*background: red;*/
    top: 25px;

    /*transform: translateX(-30%);*/
    right: 0;
    left: auto;
    /*padding: 5px;*/
    border: none;
    /*border-top: 2px solid #ec9194;*/
    -webkit-box-shadow: 0px 1px 5.94px 0.06px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 1px 5.94px 0.06px rgba(0, 0, 0, 0.22);

    border-radius: 0;
}

.customDropdown .multi-level li {
    border-bottom: 1px solid #f3f3f3;
    padding: 0 10px;
    text-align: right;
}

.customDropdown .multi-level li:hover {

    background: rgb(247, 105, 211);
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 105, 211, 1)), to(rgba(236, 100, 104, 1)));
    background: linear-gradient(to right, rgba(247, 105, 211, 1) 0%, rgba(236, 100, 104, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f769d3', endColorstr='#ec6468', GradientType=1);
}

.customDropdown ul.dropdown-menu {
    margin-right: 6px;
}

header nav.mainNav ul.firstUl>li.customDropdown a:link {
    color: #666666;
}

header nav.mainNav ul.firstUl>li.customDropdown>a:link {
    color: #ffffff;
}

header nav.mainNav ul.firstUl>li.customDropdown a:hover {
    color: #FFFFFF;
}

.customDropdown .multi-level li:hover>a {
    color: #FFFFFF;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background: none;
}

.customDropdown .multi-level li:last-child {
    border: none;
}

.customDropdown .multi-level li a {
    color: #4c4c4c;
    font-size: 0.8em;
    text-decoration: none;
    display: block;
    padding: 10px 5px 10px 5px;
}

.customDropdown .multi-level li a::after {
    left: 5px;
    top: 6px !important;
    right: auto !important;
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}

.customDropdown .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    border-radius: 6px 6px 6px 6px;
}

.customDropdown .dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.customDropdown .dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.customDropdown .dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.customDropdown .dropdown-submenu.pull-left {
    float: none;
}

.customDropdown .dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    border-radius: 6px 0 6px 6px;
}

.customDropdown .dropdown-submenu .dropdown-menu {
    left: auto;
    right: 100%;
}

.customDropdown:hover>.dropdown-menu {
    display: block;
}





/********* centerBox *********/
header .designCircle {
    position: absolute;
    width: 600px;
    height: 600px;
    background-color: transparent;
    /*top: 50%;*/
    top: 130px;
    z-index: -1;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-mask-image:
        -webkit-gradient(linear, right top, right bottom,
            color-stop(0.00, rgba(0, 0, 0, 1)),
            color-stop(0.35, rgba(0, 0, 0, 1)),
            color-stop(0.50, rgba(0, 0, 0, 1)),
            color-stop(0.65, rgba(0, 0, 0, 00.1)),
            color-stop(1.00, rgba(0, 0, 0, 0)));
    mask-image:
        -webkit-gradient(linear, right top, right bottom,
            color-stop(0.00, rgba(0, 0, 0, 1)),
            color-stop(0.35, rgba(0, 0, 0, 1)),
            color-stop(0.50, rgba(0, 0, 0, 1)),
            color-stop(0.65, rgba(0, 0, 0, 00.1)),
            color-stop(1.00, rgba(0, 0, 0, 0)));
}

header .designCircle .circle-1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background-color: transparent;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

header .designCircle .circle-2 {
    position: absolute;
    width: 90%;
    height: 90%;
    top: 50%;
    left: 50%;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

header .designCircle .circle-2 img {
    width: 100px;
    height: 85px;
    margin-top: 20px;
}

header .designCircle .circle-3 {
    position: absolute;
    width: 50%;
    height: 50%;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: rgba(0, 0, 0, 0.32);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

header .headerBoxCenter {
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    text-align: center;
    z-index: 9;
    /*-webkit-transform: translate(-50%, -50%);*/
    /*-moz-transform: translate(-50%, -50%);*/
    /*-ms-transform: translate(-50%, -50%);*/
    /*-o-transform: translate(-50%, -50%);*/
    /*transform: translate(-50%, -50%);*/

    position: relative;
    margin: 170px auto;
}
header .headerBoxCenter>svg{position:absolute; top:0;}

header .headerBoxCenter .tab-content .tab-pane {
    /*min-height: 141px;*/
}

header .headerBoxCenter h2 {
    color: #FFFFFF;
    cursor: default;
    margin-bottom: 15px;
    font-size: 1.5em;
}

header .headerBoxCenter .tabsHeader {
    font-size: 1em;
    margin: 0;
}

header .headerBoxCenter .tabsHeader .nav-tabs {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.9em;
}

header .headerBoxCenter .tabsHeader .nav-tabs .nav-link {
    background: #ec3237;
    color: #FFFFFF;
    margin: 5px 4px 0 5px;
    /*width: 150px;*/
    height: 44px;
    position: relative;
    line-height: 23px;
    border-radius: 5px;
    border: 0;
    /*width: 12%;*/
    padding: 10px;
    font-family: "iranyekanwebbold", "robotobold", sans-serif;
    transition:0.5s all;
}

header .headerBoxCenter.scrolled:before{content:'';position:absolute;height:0;top: 20px;left: 8px;border: 8px solid transparent;border-right: 9px solid #ec3237; border-left:0;}
header .headerBoxCenter.scrolled:after{content:'';position:absolute;height:0;top:20px;right:8px; border:8px solid transparent; border-left:9px solid #ec3237; border-right:0;}

header .headerBoxCenter .tabsHeader .nav-tabs .nav-link.active {
    background: #FFFFFF;
    color: #ec3237;
    height: 52px;
    margin-bottom: 0;
    /*margin-bottom: -1px;*/
    border-radius: 5px 5px 0 0;
    position: relative;
}

@supports not (-ms-high-contrast: none) {
    /* Non-IE styles here */
    header .headerBoxCenter .tabsHeader .nav-tabs .nav-link:before{content:'';opacity:0;position:absolute;width:15px;height:15px;bottom:0;left:-15px;transform: scale(1.01);-webkit-transform: scale(1.01);background:white;clip-path: url(#menuLeft);}
    header .headerBoxCenter .tabsHeader .nav-tabs .nav-link:after{content:'';opacity:0;position:absolute;width:15px;height:15px;bottom:0;right:-15px;transform: scale(1.01);-webkit-transform: scale(1.01);background:white;clip-path: url(#menuRight);}

    header .headerBoxCenter .tabsHeader .nav-tabs .nav-link.active:before,
    header .headerBoxCenter .tabsHeader .nav-tabs .nav-link.active:after{opacity:0;animation-name:tabHeader;animation-fill-mode:forwards;animation-duration: 0.3s;animation-delay: 0.2s;}
}

@keyframes tabHeader{ 0%{opacity:0;} 100%{opacity:1;} }

header .headerBoxCenter .tab-content>.active {
    background: white;
    padding: 20px;
    border-radius: 7px 7px 14px 14px;
    z-index: 1;
    position: relative;
}




/************************** foreignPassengerTab **************************/

header #nav-tabContent #nav-flightOuter .input-group-text,
#ticket_search_frg .input-group-text{
    background: #e7e7e7;
    color: #8d8d8d;
    border: none;
    border-radius: 0 5px 5px 0 !important;
    font-size: 0.8em;


    font-family: "iranyekanwebbold", "robotobold", sans-serif;
    width: 50px;
    text-align: center;
    cursor: default;

}

header #nav-tabContent #nav-flightOuter form .input-group-prepend {
    margin: 0;
}

header #nav-tabContent #nav-flightOuter .form-control {
    color: #363636;
    font-size: 0.8em;
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-family: "iranyekanwebbold", "robotobold", sans-serif;
}

header #nav-tabContent #nav-flightOuter .passengerInfo .form-control,
header #nav-tabContent #nav-flightInner .passengerInfo .form-control{
    height: 26px;
    padding: 2px 5px 0;
    text-align: center;
}

header #nav-tabContent #nav-flightOuter .passengerInfo .input-group {
    z-index: 9;
    position: relative;
    margin-left: 0;
    width: 100%;
    margin-bottom: 25px;
    padding: 0 10px 0 10px;
    border-radius: 5px;
}

header #nav-tabContent #nav-flightOuter .btn-primary {
    /*width: 150px;*/
    height: 40px;
    border: none;
    border-radius: 5px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f728c2+0,ec3237+100 */
    background: rgb(247, 40, 194);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 40, 194, 1)), to(rgba(236, 50, 55, 1)));
    background: linear-gradient(to right, rgba(247, 40, 194, 1) 0%, rgba(236, 50, 55, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f728c2', endColorstr='#ec3237', GradientType=1);
    /* IE6-9 */
}

header #nav-tabContent #nav-flightOuter .passengerInfo {
    display: none;
    top: 50px;
    background: #FFFFFF;
    position: absolute;
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    padding: 15px;
    z-index: 1;
}

header #nav-tabContent #nav-flightOuter .passengerInfo h3 {
    font-size: 1em;
    font-weight: bold;
    text-align: right;
    margin: 15px 10px 20px 0;
    cursor: default;
}

header #nav-tabContent #nav-flightOuter .journeyType {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 10px 30px 10px;
    width: 100%;
}

header #nav-tabContent #nav-flightOuter .journeyType .buttonTypes {
    font-size: 0.9em;
    border: 1px solid #7f7f7f;
    color: #7f7f7f !important;
    width: 104px;
    height: 30px;
    background: transparent;
    margin-left: 10px !important;
    border-radius: 15px !important;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

header #nav-tabContent #nav-flightOuter .journeyType .buttonTypes i {
    margin-left: 5px;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

header #nav-tabContent #nav-flightOuter .journeyType .buttonTypes:last-child {
    margin-left: 0 !important;
}

header #nav-tabContent #nav-flightOuter .journeyType .buttonTypes:hover i {
    color: #ec3237 !important;
}

header #nav-tabContent #nav-flightOuter .journeyType .buttonTypes.active {
    color: #ec3237 !important;
    border: 1px solid #ec3237;
}

#nav-flightOuter .passengerInfo .input-group-btn button {
    width: 21px;
    height: 21px;
    font-size: 0.7em;
    line-height: 20px;
    padding: 1px 0 0;
    border: 1px solid #ec3237;
    background: transparent;
    color: #ec3237;
}

#nav-flightOuter .passengerInfo .input-group-btn button:disabled {
    background: #d4d4d4;
    color: #FFFFFF;
    border: none;
}

#nav-flightOuter .passengerInfo input {
    cursor: default;
    -webkit-box-flex: 0.7;
    -ms-flex-positive: 0.7;
    flex-grow: 0.7;
}

#nav-flightOuter .passengerInfo input .disabledInput {}

/* passenger Add Room */
.passengerInfo .add-room-passenger-info{
    margin-top: 15px;
}
.passengerInfo .add-room-passenger-info button {
    background: #fff;
    border: none;
    color: red;
    display: flex;
    font-size: 13px;
    align-items: center;
    cursor: pointer;
}
.passengerInfo .add-room-passenger-info button p{
    margin:0;
}
.passengerInfo .add-room-passenger-info button p:first-child{
    font-size: 17px;
    padding-left: 5px;
}

.passengerInfo .room-choose-passengerinfo{
    background: #fff;
    width: 100%;
    min-height: 100%;
    max-height: max-content;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 15;
    border-radius: 0 0 10px 10px;
    padding: 15px;
    display:none;
    -webkit-box-shadow: 0px 5px 7px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 7px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 7px -8px rgba(0,0,0,0.75)
}
.add-room-passenger-info{
    margin-bottom: 35px;
}
.passengerInfo .room-data-choose {
    /*display: grid;*/
    /*grid-template-columns: 7fr 1fr 1fr 1fr;*/
    /*margin-top: 10px;*/
}
.passengerInfo  .room-data-choose input{
    width: 100%;
}
.passengerInfo  .room-data {
    position: relative;
}
.passengerInfo .room-data .close-room-data{
    position: relative;
    float: left;
    /*left: 0;*/
    /*top: -5px;*/
    padding: 5px;
    cursor: pointer;
}
.passengerInfo  .room-data{
    padding: 10px 0;
    /*border-top: 1px solid #eaeaea;*/
}
.passengerInfo  .room-data h3{
    padding: 5px 5px;
    /*background-color: #0c5460;*/
}
.passengerInfo .room-data span:first-child{
    text-align: right;
}
.passengerInfo .button-room-data-choose{
    position: absolute;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    bottom: 0;
    right: 0;
    padding: 15px;
}
.passengerInfo .button-room-data-choose a{
    border: none;
    background: #fff;
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.passengerInfo .room-data .ageChildTitle {
    display:none;
}
.passengerInfo .ageChildTitle{
    display: none;
}
header #nav-tabContent #nav-flightOuter .titleClass {
    text-align: right;
    -ms-flex-preferred-size: 76%;
    flex-basis: 76%;
    cursor: default;
    font-size: 0.9em;
}

header #nav-tabContent .nav-flightOuter .titleClass.disabled {
    color: #aeaeae !important;
}

header #nav-tabContent .nav-flightOuter .passengerInfo .input-group span {
    line-height: 2;
    color: #333333;
}

header #nav-tabContent .nav-flightOuter .passengerInfo .input-group-btn button:enabled:hover {
    background: #ec3237;
    color: #FFFFFF;
}

header #nav-tabContent .nav-flightOuter .passengerInfo .input-group-btn button:disabled {
    background: #d4d4d4;
    color: #FFFFFF;
    border: none;
}

header #nav-tabContent .nav-flightOuter .passengerInfo .form-control:disabled {
    background: none;
}

header #nav-tabContent .nav-flightOuter .passengerInfo input.disabledInput {
    color: #d4d4d4;
}

header #nav-tabContent .nav-flightOuter .passengerInfo .adultsClass:after {
    content: '';
    background: #d4d4d4;
    width: 90%;
    height: 1px;
    position: absolute;
    top: 64%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

header #nav-tabContent .nav-flightOuter .passengerInfo .kidsClass:after {
    content: '';
    background: #d4d4d4;
    width: 90%;
    height: 1px;
    position: absolute;
    top: 80%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

header #nav-tabContent #nav-flightOuter form>.input-group{
    padding: 0;
    margin-left: 5px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    /*overflow: hidden;*/
    height: 40px;
}

header #nav-tour .input-group {
    border-radius: 5px !important;
    margin: 0 5px;
}
header #nav-tour  div[data-mdpersiandatetimepicker],
header #nav-reserveHotel  div[data-mdpersiandatetimepicker]{
    padding: 0 .5rem;
}
header #nav-tour  div[data-mdpersiandatetimepicker] input,
header #nav-reserveHotel  div[data-mdpersiandatetimepicker] input{
    padding:.5rem;
}
header #nav-bank-facilities .input-group {
    border-radius: 5px !important;
    margin: 0 5px;
}
header #nav-bank-facilities  div[data-mdpersiandatetimepicker],
header #nav-reserveHotel  div[data-mdpersiandatetimepicker]{
    padding: 0 .5rem;
}
header #nav-bank-facilities  div[data-mdpersiandatetimepicker] input,
header #nav-reserveHotel  div[data-mdpersiandatetimepicker] input{
    padding:.5rem;
}

#tourPassengerButton,
#tourPassengerButton input,
#passengerHotel,
#passengerHotel input{
    width:100%;
    height:100%;
}

header #nav-tabContent #nav-flightOuter form>.input-group div#foreignPassengerButton {
    width: 100%;
    overflow: hidden;
}

header #nav-tabContent #nav-flightOuter form>.input-group div.activeButton input {
    background: #ecd8d8;
    -webkit-transition: all ease 0.1s;
    transition: all ease 0.1s;
}

header #nav-tabContent #nav-flightOuter form>.input-group div#foreignPassengerButton input {
    width: 100%;
    color: #363636;
    font-size: 0.8em;

    font-family: "iranyekanwebbold", "robotobold", sans-serif;
}

header #nav-tabContent #nav-flightOuter .passengerInfo .form-control:disabled,
.form-control[readonly] {
    background: none;
}


/************************** hotelFlightPassengerTab **************************/

header #nav-tabContent #nav-flightHotel .input-group-text,
#ticket_search_frg .input-group-text {
    background: #e7e7e7;
    color: #8d8d8d;
    border: none;
    border-radius: 0 5px 5px 0 !important;
    font-size: 0.8em;


    font-family: "iranyekanwebbold", "robotobold", sans-serif;
    width: 50px;
    text-align: center;
    cursor: default;

}

header #nav-tabContent #nav-flightHotel form .input-group-prepend {
    margin: 0;
}

header #nav-tabContent #nav-flightHotel .form-control {
    /* color: #363636;
    font-size: 0.8em;
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-family: "iranyekanwebbold", "robotobold", sans-serif; */
    border:none;

}

header #nav-tabContent #nav-flightHotel .tt-input {
    padding-right:56px;
    width: 200px;
    text-align: right;
}
header #nav-tabContent #nav-flightHotel .passengerInfo .form-control{
    height: 26px;
    padding: 2px 5px 0;
    text-align: center;
}

header #nav-tabContent #nav-flightHotel .passengerInfo .input-group {
    z-index: 9;
    position: relative;
    margin-left: 0;
    width: 100%;
    margin-bottom: 25px;
    padding: 0 10px 0 10px;
    border-radius: 5px;
}

header #nav-tabContent #nav-flightHotel .btn-primary {
    /*width: 150px;*/
    height: 40px;
    border: none;
    border-radius: 5px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f728c2+0,ec3237+100 */
    background: rgb(247, 40, 194);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 40, 194, 1)), to(rgba(236, 50, 55, 1)));
    background: linear-gradient(to right, rgba(247, 40, 194, 1) 0%, rgba(236, 50, 55, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f728c2', endColorstr='#ec3237', GradientType=1);
    /* IE6-9 */
}

header #nav-tabContent #nav-flightHotel .passengerInfo {
    display: none;
    top: 50px;
    background: #FFFFFF;
    position: absolute;
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    padding: 15px;
    z-index: 1;
}

header #nav-tabContent #nav-flightHotel .passengerInfo h3 {
    font-size: 1em;
    font-weight: bold;
    text-align: right;
    margin: 15px 10px 20px 0;
    cursor: default;
}

header #nav-tabContent #nav-flightHotel .journeyType {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 10px 30px 10px;
    width: 100%;
}

header #nav-tabContent #nav-flightHotel .journeyType .buttonTypes {
    font-size: 0.9em;
    border: 1px solid #7f7f7f;
    color: #7f7f7f !important;
    width: 104px;
    height: 30px;
    background: transparent;
    margin-left: 10px !important;
    border-radius: 15px !important;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

header #nav-tabContent #nav-flightHotel .journeyType .buttonTypes i {
    margin-left: 5px;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

header #nav-tabContent #nav-flightHotel .journeyType .buttonTypes:last-child {
    margin-left: 0 !important;
}

header #nav-tabContent #nav-flightHotel .journeyType .buttonTypes:hover i {
    color: #ec3237 !important;
}

header #nav-tabContent #nav-flightHotel .journeyType .buttonTypes.active {
    color: #ec3237 !important;
    border: 1px solid #ec3237;
}

#nav-flightHotel .passengerInfo .input-group-btn button {
    width: 21px;
    height: 21px;
    font-size: 0.7em;
    line-height: 20px;
    padding: 1px 0 0;
    border: 1px solid #ec3237;
    background: transparent;
    color: #ec3237;
}

#nav-flightHotel .passengerInfo .input-group-btn button:disabled {
    background: #d4d4d4;
    color: #FFFFFF;
    border: none;
}

#nav-flightHotel .passengerInfo input {
    cursor: default;
    -webkit-box-flex: 0.7;
    -ms-flex-positive: 0.7;
    flex-grow: 0.7;
}

#nav-flightHotel .passengerInfo input .disabledInput {}

header #nav-tabContent #nav-flightHotel .titleClass {
    text-align: right;
    -ms-flex-preferred-size: 58%;
    flex-basis: 58%;
    cursor: default;
    font-size: 0.9em;
}

header #nav-tabContent .nav-flightHotel .titleClass.disabled {
    color: #aeaeae !important;
}

header #nav-tabContent .nav-flightHotel .passengerInfo .input-group span {
    line-height: 2;
    color: #333333;
}

header #nav-tabContent .nav-flightHotel .passengerInfo .input-group-btn button:enabled:hover {
    background: #ec3237;
    color: #FFFFFF;
}

header #nav-tabContent .nav-flightHotel .passengerInfo .input-group-btn button:disabled {
    background: #d4d4d4;
    color: #FFFFFF;
    border: none;
}

header #nav-tabContent .nav-flightHotel .passengerInfo .form-control:disabled {
    background: none;
}

header #nav-tabContent .nav-flightHotel .passengerInfo input.disabledInput {
    color: #d4d4d4;
}

header #nav-tabContent .nav-flightHotel .passengerInfo .adultsClass:after {
    content: '';
    background: #d4d4d4;
    width: 90%;
    height: 1px;
    position: absolute;
    top: 64%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

header #nav-tabContent .nav-flightHotel .passengerInfo .kidsClass:after {
    content: '';
    background: #d4d4d4;
    width: 90%;
    height: 1px;
    position: absolute;
    top: 80%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

header #nav-tabContent #nav-flightHotel form>.input-group {
    padding: 0;
    margin-left: 5px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    /*overflow: hidden;*/
    height: 40px;
}

header #nav-tabContent #nav-flightHotel form>.input-group div#hotelFlightPassengerButton {
    width: 100%;
    overflow: hidden;
}

header #nav-tabContent #nav-flightHotel form>.input-group div.activeButton input {
    background: #ecd8d8;
    -webkit-transition: all ease 0.1s;
    transition: all ease 0.1s;
}

header #nav-tabContent #nav-flightHotel form>.input-group div#hotelFlightPassengerButton input {
    width: 100%;
    color: #363636;
    font-size: 0.8em;

    font-family: "iranyekanwebbold", "robotobold", sans-serif;
}

header #nav-tabContent #nav-flightHotel .passengerInfo .form-control:disabled,
.form-control[readonly] {
    background: none;
}
/************************** tourPassengerTab **************************/

header #nav-tabContent #nav-bank-facilities .input-group-text,
header #nav-tabContent #nav-tour .input-group-text,
#ticket_search_frg .input-group-text,
header #nav-tabContent #nav-reserveHotel .input-group-text,
.mainHotelTop .formMainHotel .input-group-text,
.searchHotel .formMainHotel .input-group-text{
    background: #e7e7e7;
    color: #8d8d8d;
    border: none;
    border-radius: 0 5px 5px 0 !important;
    font-size: 0.8em;
    font-family: "iranyekanwebbold", "robotobold", sans-serif;
    width: 50px;
    text-align: center;
    cursor: default;

}

header #nav-tabContent #nav-bank-facilities form .input-group-prepend,
header #nav-tabContent #nav-tour form .input-group-prepend,
header #nav-tabContent #nav-reserveHotel form .input-group-prepend{
    margin: 0;
}

header #nav-tabContent #nav-bank-facilities .form-control,
header #nav-tabContent #nav-tour .form-control,
header #nav-tabContent #nav-reserveHotel .form-control{
    color: #363636;
    font-size: 0.8em;

    cursor: pointer;
    font-family: "iranyekanwebbold", "robotobold", sans-serif;

}

header #nav-tabContent #nav-reserveHotel .tt-input{
    width: 200px;
    text-align: right;
    margin-right: 45px;
}
header #nav-tabContent #nav-bank-facilities .passengerInfo .form-control,
header #nav-tabContent #nav-tour .passengerInfo .form-control,
header #nav-tabContent #nav-reserveHotel .passengerInfo .form-control,
.mainHotelTop .formMainHotel .passengerInfo .form-control,
.searchHotel .formMainHotel .passengerInfo .form-control{
    height: 26px;
    padding: 2px 5px 0;
    text-align: center;
}

header #nav-tabContent #nav-bank-facilities .passengerInfo .input-group,
header #nav-tabContent #nav-tour .passengerInfo .input-group,
header #nav-tabContent #nav-reserveHotel .passengerInfo .input-group,
.mainHotelTop .formMainHotel .passengerInfo .input-group,
.searchHotel .formMainHotel .passengerInfo .input-group{
    z-index: 9;
    position: relative;
    margin-left: 0;
    width: 100%;
    margin-bottom: 25px;
    padding: 0 10px 0 10px;
    border-radius: 5px;
}

header #nav-tabContent #nav-bank-facilities .btn-primary ,
header #nav-tabContent #nav-tour .btn-primary {
    /*width: 150px;*/
    height: 40px;
    border: none;
    border-radius: 5px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f728c2+0,ec3237+100 */
    background: rgb(247, 40, 194);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 40, 194, 1)), to(rgba(236, 50, 55, 1)));
    background: linear-gradient(to right, rgba(247, 40, 194, 1) 0%, rgba(236, 50, 55, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f728c2', endColorstr='#ec3237', GradientType=1);
    /* IE6-9 */
}

header #nav-tabContent #nav-bank-facilities .passengerInfo ,
header #nav-tabContent #nav-tour .passengerInfo {
    display: none;
    top: 50px;
    background: #FFFFFF;
    position: absolute;
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    padding: 15px;
    z-index: 1;
    /*right: -14.5%;*/

}

header #nav-tabContent #nav-bank-facilities .passengerInfo h3,
header #nav-tabContent #nav-tour .passengerInfo h3,
header #nav-tabContent #nav-reserveHotel .passengerInfo h3,
.mainHotelTop  .formMainHotel .passengerInfo h3,
.searchHotel  .formMainHotel .passengerInfo h3{
    font-size: 1em;
    font-weight: bold;
    text-align: right;
    margin: 15px 10px 20px 0;
    cursor: default;
}

header #nav-tabContent #nav-bank-facilities .journeyType,
header #nav-tabContent #nav-tour .journeyType,
header #nav-tabContent #nav-reserveHotel .journeyType{
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 10px 30px 10px;
}

header #nav-tabContent #nav-bank-facilities .journeyType .buttonTypes,
header #nav-tabContent #nav-tour .journeyType .buttonTypes,
header #nav-tabContent #nav-reserveHotel .journeyType .buttonTypes{
    font-size: 0.9em;
    border: 1px solid #7f7f7f;
    color: #7f7f7f !important;
    width: 104px;
    height: 30px;
    background: transparent;
    margin-left: 10px !important;
    border-radius: 15px !important;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

header #nav-tabContent #nav-bank-facilities .journeyType .buttonTypes i,
header #nav-tabContent #nav-tour .journeyType .buttonTypes i,
header #nav-tabContent #nav-reserveHotel .journeyType .buttonTypes i{
    margin-left: 5px;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

header #nav-tabContent #nav-bank-facilities .journeyType .buttonTypes:last-child,
header #nav-tabContent #nav-tour .journeyType .buttonTypes:last-child,
header #nav-tabContent #nav-reserveHotel .journeyType .buttonTypes:last-child {
    margin-left: 0 !important;
}

header #nav-tabContent #nav-bank-facilities .journeyType .buttonTypes:hover i,
header #nav-tabContent #nav-tour .journeyType .buttonTypes:hover i,
header #nav-tabContent #nav-reserveHotel .journeyType .buttonTypes:hover i {
    color: #ec3237 !important;
}

header #nav-tabContent #nav-bank-facilities .journeyType .buttonTypes.active,
header #nav-tabContent #nav-tour .journeyType .buttonTypes.active,
header #nav-tabContent #nav-reserveHotel .journeyType .buttonTypes.active{
    color: #ec3237 !important;
    border: 1px solid #ec3237;
}

#nav-bank-facilities .passengerInfo .input-group-btn button,
#nav-tour .passengerInfo .input-group-btn button,
#nav-reserveHotel .passengerInfo .input-group-btn button,
.mainHotelTop  .formMainHotel .passengerInfo .input-group-btn button,
.searchHotel  .formMainHotel .passengerInfo .input-group-btn button{
    width: 21px;
    height: 21px;
    font-size: 0.7em;
    line-height: 20px;
    padding: 1px 0 0;
    border: 1px solid #ec3237;
    background: transparent;
    color: #ec3237;
}

#nav-bank-facilities .passengerInfo .input-group-btn button:disabled,
#nav-tour .passengerInfo .input-group-btn button:disabled,
#nav-reserveHotel .passengerInfo .input-group-btn button:disabled,
.mainHotelTop  .formMainHotel .passengerInfo .input-group-btn button:disabled,
.searchHotel  .formMainHotel .passengerInfo .input-group-btn button:disabled{
    background: #d4d4d4;
    color: #FFFFFF;
    border: none;
}

#nav-bank-facilities .passengerInfo input,
#nav-tour .passengerInfo input,
#nav-reserveHotel .passengerInfo input,
.mainHotelTop  .formMainHotel .passengerInfo input,
.searchHotel  .formMainHotel .passengerInfo input{
    cursor: default;
    -webkit-box-flex: 0.7;
    -ms-flex-positive: 0.7;
    flex-grow: 0.7;
}

#nav-bank-facilities .passengerInfo input .disabledInput {}
#nav-tour .passengerInfo input .disabledInput {}

header #nav-tabContent #nav-bank-facilities .titleClass,
header #nav-tabContent #nav-tour .titleClass,
header #nav-tabContent #nav-reserveHotel .titleClass,
.mainHotelTop .formMainHotel .passengerInfo .titleClass,
.searchHotel .formMainHotel .passengerInfo .titleClass{
    text-align: right;
    -ms-flex-preferred-size: 58%;
    flex-basis: 58%;
    cursor: default;
    font-size: 0.9em;
}

header #nav-tabContent .nav-bank-facilities .titleClass.disabled,
header #nav-tabContent .nav-tour .titleClass.disabled,
header #nav-tabContent #nav-reserveHotel .titleClass.disabled,
.mainHotelTop  .formMainHotel .titleClass.disabled,
.searchHotel  .formMainHotel .titleClass.disabled{
    color: #aeaeae !important;
}

header #nav-tabContent .nav-bank-facilities .passengerInfo .input-group span,
header #nav-tabContent .nav-tour .passengerInfo .input-group span,
header #nav-tabContent #nav-reserveHotel .passengerInfo .input-group span {
    line-height: 2;
    color: #333333;
}

header #nav-tabContent .nav-bank-facilities .passengerInfo .input-group-btn button:enabled:hover,
header #nav-tabContent .nav-tour .passengerInfo .input-group-btn button:enabled:hover,
header #nav-tabContent #nav-reserveHotel .passengerInfo .input-group-btn button:enabled:hover,
.mainHotelTop  .formMainHotel .passengerInfo .input-group-btn button:enabled:hover,
.searchHotel  .formMainHotel .passengerInfo .input-group-btn button:enabled:hover{
    background: #ec3237;
    color: #FFFFFF;
}

header #nav-tabContent .nav-bank-facilities .passengerInfo .input-group-btn button:disabled,
header #nav-tabContent .nav-tour .passengerInfo .input-group-btn button:disabled,
header #nav-tabContent #nav-reserveHotel .passengerInfo .input-group-btn button:disabled,
.mainHotelTop  .formMainHotel .passengerInfo .input-group-btn button:disabled,
.searchHotel  .formMainHotel .passengerInfo .input-group-btn button:disabled{
    background: #d4d4d4;
    color: #FFFFFF;
    border: none;
}

header #nav-tabContent .nav-bank-facilities .passengerInfo .form-control:disabled,
header #nav-tabContent .nav-tour .passengerInfo .form-control:disabled,
header #nav-tabContent #nav-reserveHotel .passengerInfo .form-control:disabled{
    background: none;
}

header #nav-tabContent .nav-bank-facilities .passengerInfo input.disabledInput,
header #nav-tabContent .nav-tour .passengerInfo input.disabledInput,
header #nav-tabContent #nav-reserveHotel .passengerInfo input.disabledInput,
.mainHotelTop  .formMainHotel .passengerInfo input.disabledInput,
.searchHotel  .formMainHotel .passengerInfo input.disabledInput{
    color: #d4d4d4;
}

header #nav-tabContent .nav-bank-facilities .passengerInfo .adultsClass:after,
header #nav-tabContent .nav-tour .passengerInfo .adultsClass:after{
    content: '';
    background: #d4d4d4;
    width: 90%;
    height: 1px;
    position: absolute;
    top: 64%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

header #nav-tabContent .nav-bank-facilities .passengerInfo .kidsClass:after,
header #nav-tabContent .nav-tour .passengerInfo .kidsClass:after{
    content: '';
    background: #d4d4d4;
    width: 90%;
    height: 1px;
    position: absolute;
    top: 80%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

header #nav-tabContent #nav-bank-facilities form>.input-group ,
header #nav-tabContent #nav-tour form>.input-group {
    padding: 0;
    margin-left: 5px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    /*overflow: hidden;*/
    height: 40px;
}

header #nav-tabContent #nav-bank-facilities form>.input-group div#hotelFlightPassengerButton ,
header #nav-tabContent #nav-tour form>.input-group div#hotelFlightPassengerButton {
    width: 100%;
    overflow: hidden;
}

header #nav-tabContent #nav-bank-facilities form>.input-group div.activeButton input ,
header #nav-tabContent #nav-tour form>.input-group div.activeButton input {
    background: #ecd8d8;
    -webkit-transition: all ease 0.1s;
    transition: all ease 0.1s;
}

header #nav-tabContent #nav-bank-facilities form>.input-group div#hotelFlightPassengerButton input ,
header #nav-tabContent #nav-tour form>.input-group div#hotelFlightPassengerButton input {
    width: 100%;
    color: #363636;
    font-size: 0.8em;

    font-family: "iranyekanwebbold", "robotobold", sans-serif;
}

header #nav-tabContent #nav-bank-facilities .passengerInfo .form-control:disabled,
header #nav-tabContent #nav-tour .passengerInfo .form-control:disabled,
.form-control[readonly] {
    background: none;
}

/************************** LocalPassengerTab **************************/

header #nav-tabContent #nav-flightInner .input-group-text {

    color: #8d8d8d;
    border: none;
    border-radius: 0 5px 5px 0 !important;
    /*font-weight: bold;*/
    font-size: 0.8em;
    font-family: "iranyekanwebbold", "robotobold", sans-serif;
    width: 50px;
    text-align: center;
    cursor: default;
}

header #nav-tabContent #nav-flightInner form .input-group-prepend {
    margin: 0;
}

header #nav-tabContent #nav-flightInner .form-control {
    color: #363636;
    /*font-weight: bold;*/
    font-size: 0.8em;
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-family: "iranyekanwebbold", "robotobold", sans-serif;
}

header #nav-tabContent #nav-flightInner .passengerInfo .input-group {
    z-index: 9;
    position: relative;
    margin-left: 0;
    margin-bottom: 25px;
    padding: 0 10px 0 10px;
    border-radius: 5px;
    width:100%;
}

header #nav-tabContent #nav-flightInner .btn-primary {
    width: 150px;
    height: 40px;
    border: none;
    border-radius: 5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f728c2+0,ec3237+100 */
    background: rgb(247, 40, 194);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 40, 194, 1)), to(rgba(236, 50, 55, 1)));
    background: linear-gradient(to right, rgba(247, 40, 194, 1) 0%, rgba(236, 50, 55, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f728c2', endColorstr='#ec3237', GradientType=1);
    /* IE6-9 */
}

header #nav-tabContent form .btn-primary {
    width: 150px;
    height: 40px;
    border: none;
    border-radius: 5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f728c2+0,ec3237+100 */
    background: rgb(247, 40, 194);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 40, 194, 1)), to(rgba(236, 50, 55, 1)));
    background: linear-gradient(to right, rgba(247, 40, 194, 1) 0%, rgba(236, 50, 55, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f728c2', endColorstr='#ec3237', GradientType=1);
    /* IE6-9 */
}

header #nav-tabContent #nav-flightInner .passengerInfo {
    display: none;
    top: 50px;
    background: #FFFFFF;
    position: absolute;
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    padding: 15px;
    z-index: 1;
}

header #nav-tabContent #nav-flightInner .passengerInfo h3 {
    font-size: 1em;
    font-weight: bold;
    text-align: right;
    margin: 15px 10px 20px 0;
    cursor: default;
}

header #nav-tabContent #nav-flightInner .journeyType {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 10px 30px 10px;
    width: 100%;
}

header #nav-tabContent #nav-flightInner .journeyType .buttonTypes {
    font-size: 0.9em;
    border: 1px solid #7f7f7f;
    color: #7f7f7f !important;
    width: 104px;
    height: 30px;
    background: transparent;
    margin-left: 10px !important;
    border-radius: 15px !important;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

header #nav-tabContent #nav-flightInner .journeyType .buttonTypes i {
    margin-left: 5px;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

header #nav-tabContent #nav-flightInner .journeyType .buttonTypes:last-child {
    margin-left: 0 !important;
}

header #nav-tabContent #nav-flightInner .journeyType .buttonTypes:hover i {
    color: #ec3237 !important;
}

header #nav-tabContent #nav-flightInner .journeyType .buttonTypes.active {
    color: #ec3237 !important;
    border: 1px solid #ec3237;
}

#nav-flightInner .passengerInfo .input-group-btn button {
    width: 21px;
    height: 21px;
    font-size: 0.7em;
    line-height: 20px;
    padding: 0;
    border: 1px solid #ec3237;
    background: transparent;
    color: #ec3237;
}

#nav-flightInner .passengerInfo input {
    cursor: default;
    -webkit-box-flex: 0.5;
    -ms-flex-positive: 0.5;
    flex-grow: 0.7;
}

header #nav-tabContent #ticket_search_frg .titleClass,
header #nav-tabContent #nav-flightInner .titleClass {
    text-align: right;
    -ms-flex-preferred-size: 76%;
    flex-basis: 76%;
    cursor: default;
    font-size: 0.9em;
    padding-top: 4px;
}

header #nav-tabContent #ticket_search_frg .titleClass i,
header #nav-tabContent #nav-flightInner .titleClass i{top:2px; position:relative; margin-left:5px}

header #nav-tabContent #nav-flightInner .titleClass.disabled {
    color: #aeaeae !important;
}

/* header #nav-tabContent #nav-flightInner .passengerInfo .input-group span {
    line-height: 2;
    color: #333333;
} */

header #nav-tabContent #nav-flightInner .passengerInfo .input-group-btn button:enabled:hover {
    background: #ec3237;
    color: #FFFFFF;
}

header #nav-tabContent #nav-flightInner .passengerInfo .input-group-btn button:disabled {
    background: #d4d4d4;
    color: #FFFFFF;
    border: none;
}

header #nav-tabContent #nav-flightInner .passengerInfo .form-control:disabled {
    background: none;
}

header #nav-tabContent #nav-flightInner .passengerInfo input.disabledInput {
    color: #d4d4d4;
}

header #nav-tabContent #ticket_search_frg .passengerInfo .kidsClass:after,
header #nav-tabContent #ticket_search_frg .passengerInfo .adultsClass:after,
header #nav-tabContent #nav-flightInner .passengerInfo .kidsClass:after,
header #nav-tabContent #nav-flightInner .passengerInfo .adultsClass:after,
header #nav-tabContent #nav-bank-facilities .passengerInfo .adultsClass:after,
header #nav-tabContent #nav-tour .passengerInfo .adultsClass:after
{
    content: '';
    background: #d4d4d4;
    height: 1px;
    position: absolute;
    bottom: 10px;
    left: 15px;
    right: 15px;
}

header #nav-tabContent #nav-flightInner form>.input-group {
    padding: 0;
    margin-left: 5px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    /*overflow: hidden;*/
    height: 40px;
}

header #nav-tabContent form>.input-group {
    padding: 0;
    margin-left: 5px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    /*overflow: hidden;*/
    height: 40px;
    width: 100%;
}

header #nav-tabContent .input-group-text {
    color: #8d8d8d;
    border: none;
    border-radius: 0 5px 5px 0 !important;
    /* font-weight: bold; */
    font-size: 0.8em;
    font-family: "iranyekanwebbold", "robotobold", sans-serif;
    width: 50px;
    text-align: center;
    cursor: default;
}

header #nav-tabContent #nav-flightInner form>.input-group div#localPassengerButton {
    width: 100%;
    overflow: hidden;
}

header #nav-tabContent #nav-flightInner form>.input-group div.activeButton input {
    background: #ecd8d8;
    -webkit-transition: all ease 0.1s;
    transition: all ease 0.1s;
}

header #nav-tabContent #nav-flightInner form>.input-group div#localPassengerButton input {
    width: 100%;
    color: #363636;
    font-size: 0.8em;
    /*font-family: "iranyekanwebregular", "robotoregular", sans-serif;*/
}

header #nav-tabContent #nav-flightInner .passengerInfo .form-control:disabled,
.form-control[readonly] {
    background: none;
}

/********** datePicker Persian **********/
.datepicker-plot-area {
    /*width: auto;*/
    padding: 20px;
    padding-bottom: 30px;

    width: 363px;
    /* height: 421px; */
}

.datepicker-plot-area .datepicker-day-view,
.datepicker-plot-area .datepicker-month-view,
.datepicker-plot-area .datepicker-year-view {
    width: 100%;
    float: left;
    direction: rtl;
}


.datepicker-plot-area .datepicker-day-view .table-days td span {
    border: 1px solid #dcdcdc;
    padding: 10px;
    height: auto;
    line-height: unset;
    color: #6b6b6b;
    border-radius: 5px;
}

.datepicker-plot-area .datepicker-day-view .table-days td {
    border: none;
    padding: 5px;
}

.datepicker-plot-area .datepicker-day-view .table-days td.selected span,
.datepicker-plot-area .datepicker-year-view .year-item.selected,
.datepicker-plot-area .datepicker-month-view .month-item.selected {
    background: #eb3237;
}

.datepicker-plot-area .datepicker-day-view .table-days td.selected span .datepicker-plot-area .datepicker-day-view .table-days td:hover,
.datepicker-plot-area .datepicker-day-view .table-days td span:hover,
.datepicker-plot-area .datepicker-year-view .year-item:hover,
.datepicker-plot-area .datepicker-month-view .month-item:hover {
    background: #ec9294;
}

.datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row-cell {
    font-size: 0.8em;
}

.datepicker-plot-area .datepicker-day-view .table-days td.today span {
    background: #333333 !important;
    color: #ffffff;
}

.datepicker-plot-area .datepicker-day-view .table-days td.today selected {
    background: red !important;
}

.datepicker-plot-area .datepicker-day-view .table-days td.selected:not(.today) span {
    background: #eb3237 !important;
    color: #ffffff !important;
}

.datepicker-plot-area .table-days {
    border: none !important;
}

.datepicker-plot-area .pwt-btn-calendar {
    position: absolute;
    bottom: 10px;
    width: auto;
    background: none;
}

.datepicker-plot-area .pwt-btn-calendar i {
    margin-left: 5px;
}

.datepicker-plot-area .header-row {
    border: none;
}

header form input.range-from-date {
    border: none;
}

header form input.range-from-date-flightInner {
    border: none;
}

header form input.range-to-date-flightInner {
    border: none;
}

#formMainHotel .inputBox .form-control:not(input){padding:0;}
#formMainHotel .inputBox .form-control input{padding: 3px 10px 0 0;}

#formMainHotel .inputBox .form-control input.sampleRangeSelecting{border: 1px solid #ec3237; border-radius: 0; border-bottom-width: 4px; margin: -1px 0;}
#formMainHotel .inputBox {
    padding: 0;
    margin-left: 5px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    height: 40px;
    width: 100%;
}
header form .datePickerBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

header form .datePickerBox input {
    font-size: 0.8em;
    padding: 0 5px 0 5px;
    text-align: center;
    border-radius: 5px;
    width: 100px;
    color: #363636;
    font-family: "iranyekanwebbold", "robotobold", sans-serif;

}

header form .datePickerBox input.sampleRangeSelecting{border: 1px solid #ec3237; border-radius: 0; border-bottom-width: 4px; margin: -1px 0;}

header form input.range-to-date {
    border: none;
}

header form .datePickerBox i {
    margin: 2px 5px 0;
    font-size: 12px;
    color: #c0c0c0;
    background: transparent;
    line-height: 35px;
    -webkit-transition: opacity ease 0.5s;
    transition: opacity ease 0.5s;
}

/******* switchPath *****/
.switch-button-search-type,
.switchPath{

    margin-bottom: 20px;
}
.switchPath .btn-toggle,
.switch-button-search-type .btn-toggle {

    padding: 0;
    position: relative;
    border-radius: 1.5rem;
    color: #b6b6b6;
    background: transparent;
    border: 1px solid #b6b6b6;
    font-size: 1em;
    height: 41px;
    width: 270px;
}

.switchPath .btn-toggle:focus,
.switchPath .btn-toggle.focus,
.switchPath .btn-toggle:focus.active,
.switchPath .btn-toggle.focus.active {
    outline: none;
}

.switchPath .btn-toggle:before,
.switchPath .btn-toggle:after,
.switch-button-search-type .btn-toggle:after,
.switch-button-search-type .btn-toggle:before {
    line-height: 1.5rem;
    width: 4rem;
    text-align: center;
    /*font-weight: 600;*/
    font-size: 0.8em;
    position: absolute;
    top: 8px;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
}

.switchPath .btn-toggle:before,
.switch-button-search-type .btn-toggle:before {
    content: 'رفت و برگشت';
    left: 40px;
    z-index: 9;
    color: #ffffff;
}


.switchPath .btn-toggle:after,
.switch-button-search-type .btn-toggle:after {
    content: 'فقط رفت';
    right: 40px;
}
.switch-button-search-type .btn-toggle:before{
    content: 'خارجی';
}
.switch-button-search-type .btn-toggle:after{
    content: 'داخلی';
}

.switchPath .btn-toggle>.handle,
.switch-button-search-type .btn-toggle>.handle {
    position: absolute;
    top: 0;
    margin: 2px;
    width: 50%;
    height: 91%;
    border-radius: 1.125rem;
    background: #ec3237;
    -webkit-transform: translateX(-97%);
    transform: translateX(-97%);
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.switchPath .btn-toggle.active,
.switch-button-search-type .btn-toggle.active {
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
}

.switchPath .btn-toggle.active>.handle,
.switch-button-search-type .btn-toggle.active>.handle {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.switchPath .btn-toggle.active:before,
.switch-button-search-type .btn-toggle.active:before {
    color: #b6b6b6;
}

.switchPath .btn-toggle.active:after,
.switch-button-search-type .btn-toggle.active:after {
    opacity: 1;
    color: #FFFFFF;
}

.switchPath .handle .shapeRadius,
.switch-button-search-type .handle .shapeRadius{
    background: repeating-radial-gradient(circle, #d82f32, #d82f32 2px, #ec3237 0px, #ec3237 4px);
    width: 36px;
    height: 100%;
    z-index: 999999;
    position: absolute;
    left: 1px;
    top: 0;
    background-size: contain;
    border-radius: 50%;
}

.switchPath .btn-toggle.active .shapeRadius,
.switch-button-search-type .btn-toggle.active .shapeRadius{
    right: 1px;
}
.switch-button-search-type button{
    font-size: 1rem !important;
}
.headerMist {
    position: relative;
    width: 100%;
    /*margin-top: -221px;*/
    margin-top: -120px;
    height:120px;
    overflow: hidden;
    z-index: 0;
    background: url("/new_theme/images/ui/colorWhiteHeader.png") center top;
}

.headerMist embed {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center;
    transform-origin: center;
    /*margin-top: -72px;*/
    z-index: 9999;
    position: relative;
    display: block;
}

/********************************* mobile header *****************************/

[ismobile="true"] #navbarSupportedContent{top: 0px;z-index: 10000;padding: 30px 0px 0px;position: fixed;border: none;height: 100%;border-radius: 0;font-size: 21px;overflow: auto;}
[ismobile="true"] #navbarSupportedContent:after{content:'';position:absolute;left:14px;top: 22px;width:20px;height: 2px;background: white;z-index:1;transform:rotate(-45deg);}
[ismobile="true"] #navbarSupportedContent:before{content:'';position:absolute;left:14px;top: 22px;width:20px;height: 2px;background: white;z-index:1;transform:rotate(45deg);}
[ismobile="true"] #navbarSupportedContent .firstUl{position:relative;}
[ismobile="true"] #navbarSupportedContent .firstUl:before{display: none;}
[ismobile="true"] #navbarSupportedContent li, [ismobile="true"] #navbarSupportedContent li a{height: 45px;line-height: 45px;}


/***********************bestSuggestion**************************/
#bestSuggestion {
    position: relative;
    background: #FFFFFF;
}

#bestSuggestion .likeH2 {
    text-align: center;
    /*background: url(/new_theme/images/ui/title.png) no-repeat bottom;*/
    padding-bottom: 20px;
    cursor: default;
    display: block;
    margin: 50px auto;
    margin-top: 5px;
}

#bestSuggestion>span {
    font-size: 1.4em !important;
    font-family: "iranyekanwebbold", "robotobold", sans-serif !important;
    margin: 0 auto;
    display: block;
    text-align: center;
    cursor: default;
}

#bestSuggestion #slideshow-bestSuggestion {
    position: relative;
    font-size: 0.9em;
}

#bestSuggestion #slideshow-bestSuggestion .prev-slider-bestSuggestion {
    position: absolute;
    /*z-index: 50;*/
    z-index: 8;
    background: none;
    border: none;
    cursor: pointer;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    color: #acacac;
    font-size: 3em;


    top: 35%;
    right: -30px;

}

#bestSuggestion #slideshow-bestSuggestion .prev-slider-bestSuggestion.disabled,
#bestSuggestion #slideshow-bestSuggestion .next-slider-bestSuggestion.disabled {
    cursor: default !important;
    opacity: 0.3 !important;
}

#bestSuggestion #slideshow-bestSuggestion .next-slider-bestSuggestion {
    position: absolute;
    /*z-index: 50;*/
    z-index: 8;
    background: none;
    border: none;
    cursor: pointer;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;

    color: #acacac;
    font-size: 3em;

    top: 35%;
    left: -30px;
}

#bestSuggestion #slideshow-bestSuggestion .prev-slider-bestSuggestion:hover,
#bestSuggestion #slideshow-bestSuggestion .next-slider-bestSuggestion:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

#bestSuggestion .slider-bestSuggestion ul {
    /*width: 100%;*/
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

#bestSuggestion .slider-bestSuggestion li {
    /*width: 100%;*/
}

#bestSuggestion .slider-bestSuggestion a {
    width: 80%;
    margin: 0 auto;
}

#slideshow-bestSuggestion .slider-bestSuggestion {
    margin: 0 auto;
}

#bestSuggestion .slider-bestSuggestion li a {
    color: #212529;
    text-decoration: none;
    display: block;
}

#bestSuggestion .slider-bestSuggestion li a:hover .img-slider-bestSuggestion img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

#bestSuggestion .slider-bestSuggestion li a .img-slider-bestSuggestion img {
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
    width: 311px;
    height: 160px;
}

#bestSuggestion .slider-bestSuggestion li a:hover .img-slider-bestSuggestion:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: rgb(60, 60, 60);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(60, 60, 60, 0.8)), to(rgba(236, 50, 55, 0.8)));
    background: linear-gradient(to bottom, rgba(60, 60, 60, 0.8) 0%, rgba(236, 50, 55, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#ec3237', GradientType=0);
}

#bestSuggestion .slider-bestSuggestion .img-slider-bestSuggestion {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

#bestSuggestion .slider-bestSuggestion .img-slider-bestSuggestion:hover:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3c3c3c+0,ec3237+100 */
    background: rgb(60, 60, 60);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(60, 60, 60, 0.8)), to(rgba(236, 50, 55, 0.8)));
    background: linear-gradient(to bottom, rgba(60, 60, 60, 0.8) 0%, rgba(236, 50, 55, 0.8) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#ec3237', GradientType=0);
    /* IE6-9 */
}

#bestSuggestion .slider-bestSuggestion .img-slider-bestSuggestion img {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#bestSuggestion .desc-slider-bestSuggestion {
    direction: rtl;
    position: relative;
    height: 150px;
    padding-top: 30px;
    padding-right: 20px;
    /*background: url("/new_theme/images/ui/maskInt.png") no-repeat center;*/
    /*-webkit-background-size: cover;*/
    /*background-size: cover;*/
    z-index: -2;
}

#bestSuggestion .slider-bestSuggestion ul li:nth-of-type(4n+1) .desc-slider-bestSuggestion {
    /*background: url(/new_theme/images/ui/maske-3.jpg) no-repeat center;*/
    /*-webkit-background-size: 100% 100%;*/
    /*background-size: 100% 100%;*/
}

#bestSuggestion .slider-bestSuggestion ul li:nth-of-type(4n+2) .desc-slider-bestSuggestion {
    /*background: url(/new_theme/images/ui/maske-2.jpg) no-repeat center;*/
    /*-webkit-background-size: 100% 100%;*/
    /*background-size: 100% 100%;*/
}

#bestSuggestion .slider-bestSuggestion ul li:nth-of-type(4n+3) .desc-slider-bestSuggestion {
    /*background: url(/new_theme/images/ui/maske-1.jpg) no-repeat center;*/
    /*-webkit-background-size: 100% 100%;*/
    /*background-size: 100% 100%;*/
}

#bestSuggestion .slider-bestSuggestion ul li:nth-of-type(4n+4) .desc-slider-bestSuggestion {
    /*background: url(/new_theme/images/ui/maske-2.jpg) no-repeat center;*/
    /*-webkit-background-size: 100% 100%;*/
    /*background-size: 100% 100%;*/
}

#bestSuggestion .desc-slider-bestSuggestion i {
    float: right;
    margin-left: 5px;
    color: #ea1218;
}

#bestSuggestion .desc-slider-bestSuggestion h3 {
    font-weight: bolder;
}

#bestSuggestion .slider-bestSuggestion ul li .row:first-child {
    margin-bottom: 50px;
}

#bestSuggestion .slider-bestSuggestion ul li:nth-of-type(4n+1) .img-slider-bestSuggestion .fixMask {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: url("/new_theme/images/ui/maskFull.png") center;*/
    background-size: 100% 100%;
}

#bestSuggestion .slider-bestSuggestion ul li:nth-of-type(4n+2) .img-slider-bestSuggestion .fixMask {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: url("/new_theme/images/ui/maskFull2.png") center;*/
    background-size: 100% 100%;
}

#bestSuggestion .slider-bestSuggestion ul li:nth-of-type(4n+3) .img-slider-bestSuggestion .fixMask {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: url("/new_theme/images/ui/maskFull3.png") center;*/
    background-size: 100% 100%;
}

#bestSuggestion .slider-bestSuggestion ul li:nth-of-type(4n+4) .img-slider-bestSuggestion .fixMask {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: url("/new_theme/images/ui/maskFull4.png") center;*/
    background-size: 100% 100%;
}

/***********************charterFlight**************************/
#charterFlight {
    /* background: url("/new_theme/images/ui/38941156-flight-wallpapers1.jpg") no-repeat center fixed; */
   /* background-image: url("/new_theme/images/ui/38941156-flight-wallpapers1.jpg"); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 150px 0 150px 0;
    overflow: hidden;
}

#charterFlight .fix-gradient {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,483729+100&0.55+1,0.55+100 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.55)), color-stop(1%, rgba(253, 253, 253, 0.55)), to(rgba(72, 55, 41, 0.55)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.55) 0%, rgba(253, 253, 253, 0.55) 1%, rgba(72, 55, 41, 0.55) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cffffff', endColorstr='#8c483729', GradientType=0);
    /* IE6-9 */
}

#charterFlight .fix-opacity {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.55);
}

/*** for making curve ***/
/*#charterFlight svg.curveTop,#charterFlight svg.curveBottom{*/
/*position: absolute;*/
/*}*/
/*#charterFlight svg.curveTop{*/
/*top:-1px;*/
/*}*/
/*#charterFlight svg.curveBottom{*/
/*bottom:0;*/
/*}*/

#charterFlight embed.curveTop,
#charterFlight embed.curveBottom {
    position: absolute;
}

#charterFlight embed.curveTop {
    top: -1px;
}

#charterFlight embed.curveBottom {
    bottom: -2px;
}

/*** for rangeSliderBox controller ***/
#charterFlight .rangeSliderBox.rightSlider {
    position: absolute;
    top: 50%;
    left: 475px;
    z-index: 9;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#charterFlight .rangeSliderBox.leftSlider {
    position: absolute;
    top: 50%;
    right: 475px;
    z-index: 9;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#charterFlight .rangeSliderBox .rangeslider--vertical {
    width: 3px;
    min-height: 150px;
    max-height: 100%;
}

#charterFlight .rangeSliderBox .rangeslider {
    background: #b3ada4;
    position: relative;
}

#charterFlight .rangeSliderBox .rangeslider__fill {
    background: #b3ada4;
    position: absolute;
}

#charterFlight .rangeSliderBox .rangeslider--vertical .rangeslider__fill {
    bottom: 0;
    width: 100%;
}

#charterFlight .rangeSliderBox .rangeslider,
.rangeslider__fill {
    display: block;
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

#charterFlight .rangeSliderBox .rangeslider--vertical .rangeslider__handle {
    left: -3.5px;
    touch-action: pan-x;
    -ms-touch-action: pan-x;
}

#charterFlight .rangeSliderBox .rangeslider__handle {
    background: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…Igd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
    background-size: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.1)));
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
}

#charterFlight .rangeSliderBox .rangeslider__handle:after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    background: transparent;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    -webkit-transform: scale(2);
    transform: scale(2);
}

/*** for rangeSliderBox Box ***/
#charterFlight .wheelSlider {
    position: relative;
    padding: 0;
}

#charterFlight .wheelSlider .row {
    margin: 0;
}

#charterFlight .wheelSlider .row>div {
    padding: 0;
}

#charterFlight>h2:first-of-type {
    text-align: center;
    /*background: url(/new_theme/images/ui/title2.png) no-repeat bottom;*/
    padding-bottom: 20px;
    cursor: default;
    color: #ffffff;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    margin-bottom: 50px;
}

#charterFlight>span {
    font-size: 1.4em !important;
    font-family: "iranyekanwebbold", "robotobold", sans-serif !important;
    margin: 0 auto;
    display: block;
    text-align: center;
    cursor: default;
    color: #ffffff;
    position: relative;
}

#charterFlight>.likeH2 {
    text-align: center;
    /*background: url(/new_theme/images/ui/title2.png) no-repeat bottom;*/
    padding-bottom: 20px;
    cursor: default;
    color: #ffffff;
    position: relative;
    z-index: 1;
    margin: 5px auto 50px auto;
}

#charterFlight .wheelSlider .wheelSliderElements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-left: -50px;
}

#charterFlight .wheelSlider .wheelSliderElements ul li {
    padding: 10px;
    width: 462px;
    height: 130px;
    position: relative;
    z-index: 1;
    border-radius: 72px 20px 72px 72px;
    -webkit-transition: all ease 1s;
    transition: all ease 1s;



    left: 0;
}

#charterFlight .wheelSlider .wheelSliderElements ul {
    padding: 0 0 0 43px !important;
}

#charterFlight .wheelSlider .wheelSliderElements ul li .description {
    width: 375px;
    height: 100%;
    float: left;
    position: relative;
    z-index: 2;
    /*padding: 10px;*/
    border-radius: 72px 4px 72px 72px;
}

#charterFlight .wheelSlider .wheelSliderElements ul li .description .desImg {
    width: 85px;
    height: 85px;
    background-color: #E6E6E6;
    /*padding: 10px;*/
    padding: 15px;
    position: absolute;
    top: 50%;
    left: 100px;
    border-radius: 100%;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

#charterFlight .wheelSlider .wheelSliderElements ul li .description .desImg img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

#charterFlight .wheelSlider .wheelSliderElements ul li .imgWheel {
    /*width: 150px;*/
    height: 100%;
    /*padding: 10px;*/
    right: 0;
    overflow: hidden;
    position: absolute;
    border-radius: 0 15px 40px 0;
}

#charterFlight .wheelSlider .wheelSliderElements ul li .imgWheel img {
    /*width: 100%;*/
    height: 100%;
    width: 120px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0 15px 40px 0;
}

#charterFlight .wheelSlider .fixWheel {
    border: 2px solid #ffffff;
    border-right: 0;
    padding: 40px 0 40px 0;
    border-radius: 330px 0 0 330px;
}

#charterFlight .wheelSliderElements .fixSpace {
    background: #ffffff;
    height: 100%;
    border-radius: 72px 4px 72px 72px;
}

#charterFlight .wheelSliderElements .fixSpace .way {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    /*padding: 5px 10px 5px 10px;*/
    padding: 10px 15px 5px 10px;
    font-size: 0.9em;
    color: #2d2d2d;
}

#charterFlight .wheelSliderElements .fixSpace .way strong,
#charterFlight .wheelSliderElements-2 .fixSpace .way strong {
    font-family: "iranyekanwebbold", "robotobold", sans-serif;
    font-weight: normal;
}

#charterFlight .wheelSliderElements .fixSpace .way i {
    /*padding-top: 5px;*/
    color: #9e9e9e;
    /*margin: 0 30px 0 30px;*/
    /*    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);*/
}

#charterFlight .wheelSliderElements .fixSpace .way .lineWay {
    position: relative;
    width: 25px;
    height: 1px;
    background: #9e9e9e;
    /*right: 53px;*/
    /*top: 15px;*/

    margin-top: 10px;
    margin-right: 5px;
    margin-left: 5px;
}

#charterFlight .wheelSliderElements .fixSpace .way .lineWay:after {
    content: '';
    width: 6px;
    height: 6px;
    background: #9e9e9e;
    position: absolute;
    top: -2px;
    border-radius: 3px;
}

#charterFlight .wheelSliderElements .fixSpace .way .lineWay2 {
    position: relative;
    width: 25px;
    height: 1px;
    background: #9e9e9e;
    /*right: 100px;*/
    /*top: 15px;*/

    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

#charterFlight .wheelSliderElements .fixSpace .way .lineWay2:after {
    content: '';
    width: 6px;
    height: 6px;
    background: #9e9e9e;
    position: absolute;
    top: -2px;
    right: 20px;
    border-radius: 3px;
}

#charterFlight .wheelSliderElements .fixSpace .price {
    /*padding-right: 10px;*/
    padding-right: 15px;
    direction: ltr;
    font-family: "robotobold", sans-serif;
    font-size: 0.9em;
    color: #2d2d2d;
}

#charterFlight .wheelSliderElements .fixSpace .dateInfo {
    position: relative;
    color: #9e9e9e;
    margin-top: 5px;
    font-size: 0.9em
}

#charterFlight .wheelSliderElements .fixSpace .dateInfo span:first-child {
    padding-right: 25px;
}

#charterFlight .wheelSliderElements .fixSpace .dateInfo span:nth-of-type(2) {
    font-size: 0.9em;
    float: left;
    margin-left: 131px;
}

#charterFlight .wheelSliderElements .fixSpace .dateInfo span:nth-of-type(3) {
    display: block;
    margin-right: 210px;
    margin-top: 0;
}

#charterFlight .wheelSliderElements .fixSpace .dateInfo i {
    position: absolute;
    left: 105px;
    bottom: 24px;
}

#charterFlight .wheelSliderElements .fixSpace .dateInfo i:after {
    content: '';
    width: 1px;
    height: 35px;
    background: #9e9e9e;
    position: absolute;
    left: 20px;
}

#charterFlight .fixWheelTitle {
    background: #ec3237;
    border: 1px solid #ffffff;
    position: absolute;
    top: -20px;
    left: 270px;
    width: 205px;
    height: 40px;
    line-height: 37px;
    padding-right: 10px;
    text-align: right;
    color: #FFFFFF;

    cursor: default;
    border-radius: 27px 27px 0 27px;


}

#charterFlight .fixWheelTitle h2,
#charterFlight .fixWheelTitle-2 h2 {
    font-family: "iranyekanwebbold", "robotobold", sans-serif;
    display: inline-block;
    font-size: 0.9em !important;
}

#charterFlight .fixWheelTitle i {
    background: white;
    width: 36px;
    height: 36px;
    line-height: 37px;
    text-align: center;
    position: absolute;
    left: 1px;
    top: 1px;
    color: #ec3237;
    border-radius: 100%;
    /*-webkit-transform: rotate(205deg);*/
    /*-moz-transform: rotate(205deg);*/
    /*-ms-transform: rotate(205deg);*/
    /*-o-transform: rotate(205deg);*/
    /*transform: rotate(205deg);*/
}

#charterFlight .wheelSlider .wheelSliderElements ul li.activeScroll {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
}

#charterFlight .wheelSlider .wheelSliderElements ul a.aImgWheel {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    /*padding: 10px;*/
    border-radius: 55px 15px 40px 55px;
}

#charterFlight .wheelSlider .wheelSliderElements-2 ul a.aImgWheel {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    /*padding: 10px;*/
    border-radius: 0 50px 50px 25px;
}

#charterFlight .fixWheel-2 {
    border: 2px solid #ffffff;
    border-left: 0;
    padding: 40px 0 40px 0;
    border-radius: 0 330px 330px 0;
}

#charterFlight .fixWheelTitle-2 {
    background: #ec3237;
    border: 1px solid #ffffff;
    position: absolute;
    top: -20px;
    right: 270px;
    width: 205px;
    height: 40px;
    line-height: 37px;
    padding-left: 10px;
    text-align: left;
    color: #FFFFFF;
    cursor: default;
    border-radius: 27px 27px 27px 0;
    font-family: "iranyekanwebbold", "robotobold", sans-serif;
}

#charterFlight .fixWheelTitle-2 i {
    background: white;
    width: 36px;
    height: 36px;
    line-height: 37px;
    text-align: center;
    position: absolute;
    right: 1px;
    top: 1px;
    color: #ec3237;
    border-radius: 100%;
    /*-webkit-transform: rotate(180deg);*/
    /*-moz-transform: rotate(180deg);*/
    /*-ms-transform: rotate(180deg);*/
    /*-o-transform: rotate(180deg);*/
    /*transform: rotate(180deg);*/
}

#charterFlight .wheelSlider .wheelSliderElements-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -50px;
}

#charterFlight .wheelSlider .wheelSliderElements-2 ul li {
    width: 462px;
    height: 130px;
    position: relative;
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
    border-radius: 20px 72px 72px 72px;
    z-index: 1;
    padding: 10px;
}

#charterFlight .wheelSlider .wheelSliderElements-2 ul {
    padding: 0 43px 0 0 !important;
}

#charterFlight .wheelSlider .wheelSliderElements-2 ul li .description {
    width: 375px;
    height: 100%;
    float: right;
    position: relative;
    z-index: 2;
    /*padding: 10px;*/
    border-radius: 72px 72px 72px 4px;
}

#charterFlight .wheelSlider .wheelSliderElements-2 ul li .description .desImg {
    width: 85px;
    height: 85px;
    background-color: #E6E6E6;
    padding: 15px;
    position: absolute;
    top: 50%;
    right: 100px;
    border-radius: 100%;
    -webkit-transform: translate(100%, -50%);
    ;
    transform: translate(100%, -50%);
    ;
}

#charterFlight .wheelSlider .wheelSliderElements-2 ul li .description .desImg img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

#charterFlight .wheelSlider .wheelSliderElements-2 ul li .imgWheel {
    /*width: 150px;*/
    height: 100%;
    /*padding: 10px;*/
    overflow: hidden;
    position: absolute;
    left: 0;
    border-radius: 15px 0 0 40px;

}

#charterFlight .wheelSlider .wheelSliderElements-2 ul li .imgWheel img {
    /*width: 100%;*/
    height: 100%;
    width: 120px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 15px 0 0 40px;
}

#charterFlight .wheelSlider .wheelSliderElements-2 ul li.activeScroll {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
}

#charterFlight .wheelSliderElements-2 .fixSpace {
    background: #ffffff;
    height: 100%;
    border-radius: 4px 72px 72px 72px;
}

#charterFlight .wheelSliderElements-2 .fixSpace .way {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative;
    /*padding: 5px 10px 5px 10px;*/
    padding: 10px 10px 5px 15px;
    text-align: left;
    color: #2d2d2d;
    font-size: 0.9em;
}

#charterFlight .wheelSliderElements-2 .fixSpace .way i {
    color: #9e9e9e;
    /*padding-top: 5px;*/
    /*-webkit-transform: rotate(180deg);*/
    /*-moz-transform: rotate(180deg);*/
    /*-ms-transform: rotate(180deg);*/
    /*-o-transform: rotate(180deg);*/
    /*transform: rotate(180deg);*/
}

#charterFlight .wheelSliderElements-2 .fixSpace .way .lineWay {
    position: relative;
    width: 25px;
    height: 1px;
    background: #9e9e9e;
    margin-top: 10px;
    margin-right: 5px;
    margin-left: 10px;
}

#charterFlight .wheelSliderElements-2 .fixSpace .way .lineWay:after {
    content: '';
    width: 6px;
    height: 6px;
    background: #9e9e9e;
    position: absolute;
    top: -2px;
    border-radius: 3px;
}

#charterFlight .wheelSliderElements-2 .fixSpace .way .lineWay2 {
    position: relative;
    width: 25px;
    height: 1px;
    background: #9e9e9e;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

#charterFlight .wheelSliderElements-2 .fixSpace .way .lineWay2:after {
    content: '';
    width: 6px;
    height: 6px;
    background: #9e9e9e;
    position: absolute;
    top: -2px;
    right: 0;
    border-radius: 3px;
}

#charterFlight .wheelSliderElements-2 .fixSpace .price {
    /*padding-left: 10px;*/
    padding-left: 15px;
    direction: ltr;
    text-align: left;
    font-family: "robotobold", sans-serif;
    font-size: 0.9em;
    color: #2d2d2d;
}

#charterFlight .wheelSliderElements-2 .fixSpace .dateInfo {
    position: relative;
    color: #9e9e9e;
    margin-top: 5px;
    text-align: left;
    /*direction: ltr;*/
    font-size: 0.9em;
}

#charterFlight .wheelSliderElements-2 .fixSpace .dateInfo span:first-child {
    padding-left: 25px;
}

#charterFlight .wheelSliderElements-2 .fixSpace .dateInfo span:nth-of-type(2) {
    font-size: 0.95em;
    float: right;
    margin-right: 131px;
}

#charterFlight .wheelSliderElements-2 .fixSpace .dateInfo span:nth-of-type(3) {
    display: block;
    margin-left: 208px;
    margin-top: 0;
}

#charterFlight .wheelSliderElements-2 .fixSpace .dateInfo i {
    position: absolute;
    right: 105px;
    bottom: 24px;
}

#charterFlight .wheelSliderElements-2 .fixSpace .dateInfo i:after {
    content: '';
    width: 1px;
    height: 35px;
    background: #9e9e9e;
    position: absolute;
    right: 20px;
}

#charterFlight #scrollbar1 .viewport {
    /*width: 500px;*/
    /*height: 490px;*/
    height: 520px;
    overflow: hidden;
    position: relative;
    left: -50px;
}

#charterFlight #scrollbar1 .overview {
    list-style: none;
    position: absolute;
    left: 55px;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
}

#charterFlight #scrollbar2 .viewport {
    height: 520px;
    overflow: hidden;
    position: relative;
    right: -50px;
}

#charterFlight #scrollbar2 .overview {
    list-style: none;
    position: absolute;
    right: 55px;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
}

/**** boxAirLineSlider ****/
#charterFlight .boxAirLineSlider {
    position: relative;
}

#charterFlight .airLineSlider {
    margin: 0 auto;
    margin-left: -25px;
    padding-top: 15px;
    padding-bottom: 15px;
    height: 335px;
}

#charterFlight .airLineSlider img.maskCircle {
    right: 50%;
    width: 187px;
    position: absolute;
    top: 29.8%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#charterFlight .airLineSlider ul.items li {
    height: auto !important;
}

#charterFlight .airLineSlider ul.items li .itemsImg {
    position: relative;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.17);
    margin: 0 auto;
    border: 1px solid #ffffff;
    width: 125px;
    height: 125px;
    -webkit-transition: background ease 1s;
    transition: background ease 1s;
}

#charterFlight .airLineSlider ul.items li .itemsImg:hover {
    cursor: pointer;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ec3237+100&0.5+0,0.5+100 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(236, 50, 55, 0.5)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(236, 50, 55, 0.5) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#80ec3237', GradientType=0);
    /* IE6-9 */
    border: 1px solid rgba(255, 255, 255, 0.36);
}

#charterFlight .airLineSlider ul.items li .itemsImg:hover:after {
    content: '';
    position: absolute;
    border-radius: 100%;
    border: 1px solid #ffffff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#charterFlight .airLineSlider ul.items li .itemsImg img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 86px !important;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#charterFlight .airLineSlider ul.items li.active {
    overflow: unset !important;
}

#charterFlight .airLineSlider ul.items li.active .itemsImg {
    position: relative;
    width: 100%;
    /*height:120px;*/
    padding-bottom: 90%;
    border-radius: 100%;
    background: #ffffff;
}

#charterFlight .airLineSlider ul.items li.active .fixTest {
    overflow: initial;
    -webkit-transform: scale(1);
    transform: scale(1);
}

#charterFlight .airLineSlider ul.items li.scaleMaker .fixTest {
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

#charterFlight .airLineSlider ul.items li.scaleMaker-2 .fixTest {
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

#charterFlight .airLineSlider ul.items li.scaleMaker-3 .fixTest {
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}

#charterFlight .airLineSlider ul.items li.active .itemsImg:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: transparent;
    border: 2px solid #e83236;
    left: 0;
    border-radius: 50%;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

#charterFlight .airLineSlider ul.items li.active .itemsImg:hover:after {
    top: 0;
    left: 0;
}

#charterFlight .airLineSlider ul.items li.active .itemsImg img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    -webkit-filter: none;
    filter: none;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#charterFlight .arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100px;
    position: absolute;
    top: 100px;
    left: 50%;
    z-index: 3;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#charterFlight .arrows .left {
    position: absolute;
    left: -65%;
    border: 1px solid #ffffff;
    background: rgba(255, 255, 255, 0.17);
    width: 35px;
    ;
    height: 35px;
    line-height: 35px;
    padding-bottom: 25%;
    border-radius: 100%;
    margin: 0 auto;
    cursor: pointer;
    color: #FFFFFF;
}

#charterFlight .arrows .right {
    position: absolute;
    right: -60%;
    border: 1px solid #ffffff;
    background: rgba(255, 255, 255, 0.17);
    width: 35px;
    ;
    height: 35px;
    line-height: 35px;
    padding-bottom: 25%;
    border-radius: 100%;
    margin: 0 auto;
    cursor: pointer;
    color: #FFFFFF;
}

#charterFlight .arrows .left:hover,
#charterFlight .arrows .right:hover {
    background: rgba(236, 50, 55, 0.56);
}

#charterFlight .fixTest {
    margin: 20px;
    overflow: hidden;
}

#charterFlight .boxAirLineSlider .airLineSlider .itemsDesc {
    position: absolute;
    width: 900px;
    /*width: 750px;*/
    /*height: 100px;*/
    line-height: 25px;
    top: 175px;
    /*right: -325px;*/
    right: -395px;
    opacity: 0;
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
    color: #FFFFFF;
    text-align: center;
    direction: rtl;
    /*-webkit-transform: translateX(-1000px);*/
    /*-moz-transform: translateX(-1000px);*/
    /*-ms-transform: translateX(-1000px);*/
    /*-o-transform: translateX(-1000px);*/
    /*transform: translateX(-1000px);*/
    cursor: default;
}

#charterFlight .boxAirLineSlider .airLineSlider .active .itemsDesc {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

#charterFlight .boxAirLineSlider .airLineSlider .itemsDesc>p {
    font-size: 0.8em;
    font-family: "iranyekanweblight", "robotolight", sans-serif;
}

#charterFlight .boxAirLineSlider .airLineSlider .itemsDesc>h3 {
    font-size: 1.1em;
    font-family: "iranyekanwebregular", "robotoregular", sans-serif;
    cursor: default;
}

#charterFlight .boxAirLineSlider .airLineSlider li.scaleMaker-3 .fixTest {
    margin-right: -45px;
}

#charterFlight .boxAirLineSlider .airLineSlider .active~.scaleMaker-3 .fixTest {
    margin-left: -30px;
    margin-right: auto;
}

#charterFlight .boxAirLineSlider .airLineSlider li.scaleMaker .fixTest {
    margin-left: -33px;
}

#charterFlight .boxAirLineSlider .airLineSlider .active~.scaleMaker .fixTest {
    margin-right: -50px;
    margin-left: auto;
}

/*****************bestsellerDestinations***********/
#bestsellerDestinations {
    position: relative;
    padding: 0 0 50px 0;
}

#bestsellerDestinations .fixCenterBox {
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    width: 63.6363%;
    /*width: 60%;*/
    position: relative;
}

#bestsellerDestinations .snakeMoveL {
    position: absolute;
    width: 100px;
    height: 60px;
    background: #FFFFFF;
    left: -100px;
    top: 40%;
    z-index: 5;
}

#bestsellerDestinations .snakeMoveR {
    position: absolute;
    width: 100px;
    height: 60px;
    background: #FFFFFF;
    right: -100px;
    top: 40%;
    z-index: 5;
}

#bestsellerDestinations>svg {
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    top: 60%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#bestsellerDestinations .likeH2 {
    text-align: center;
    /*background: url(/new_theme/images/ui/title.png) no-repeat bottom;*/
    padding-bottom: 20px;
    margin-bottom: 45px;
    cursor: default;
    margin: 0 auto;
}

#bestsellerDestinations>span {
    font-size: 1.4em !important;
    font-family: "iranyekanwebbold", "robotobold", sans-serif !important;
    margin: 0 auto;
    display: block;
    text-align: center;
    cursor: default;
}

#bestsellerDestinations .slideBox .row:first-child {
    margin-bottom: 150px;
}

#bestsellerDestinations .slideBox .row:last-child {
    margin-top: 150px;
}

/*slideShow */
#bestsellerDestinations #slideshow {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden;
    padding-bottom: 75px;
}

#bestsellerDestinations #slideshow .timeline-box {
    position: relative;
    padding: 50px 0;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

#bestsellerDestinations #slideshow .tl-slide {
    position: relative;
    height: auto;
    /*width: 63.6363%;*/
    width: 100%;
    margin: 0 auto;
}

#bestsellerDestinations #slideshow .img-line {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#bestsellerDestinations #slideshow .img-line img {
    max-width: 100%;
    height: auto;
}

#bestsellerDestinations #slideshow .center {
    margin: 0;
    padding: 0;
}

#bestsellerDestinations #slideshow .tl-body {
    padding: 0;
    position: relative;
    list-style: none;
    width: 100%;
    height: 230px;
    margin: 0;
    margin-bottom: -5px;
}

#bestsellerDestinations #slideshow .tl-body li {
    float: left;
    height: 100%;
    position: relative;
    min-width: 100px;
    margin: 0;
}

#bestsellerDestinations #slideshow .tl-body li:first-child {
    margin-left: 0;
}

#bestsellerDestinations #slideshow .bot.tl-body li:first-child {
    margin-left: 14.285%;
}

#bestsellerDestinations #slideshow .tl-circle {
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: #65acaa;
    border: 5px solid #ffffff;
    display: block;
    position: absolute;
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
}

#bestsellerDestinations #slideshow .tl-circle:after {
    content: '';
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 20px;
    height: 20px;
    z-index: -1;
    display: block;
    position: absolute;
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
}

#bestsellerDestinations #slideshow .top .tl-circle {
    bottom: -14px;
}

#bestsellerDestinations #slideshow .bot .tl-circle {
    top: -14px;
}

#bestsellerDestinations #slideshow .tl-content {
    text-align: center;
    position: relative;
    height: 100%;
}

#bestsellerDestinations #slideshow .top.tl-body .tl-describe {
    bottom: 20px;
}

#bestsellerDestinations #slideshow .bot.tl-body .tl-describe {
    bottom: 15px;
}

#bestsellerDestinations #slideshow .tl-content .tl-describe {
    position: absolute;
    width: 80%;
    height: 35px;
    line-height: 35px;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #ffffff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 25px 17.5px 17.5px 0;
    -webkit-transition: opacity ease 1s;
    transition: opacity ease 1s;
    font-size: 0.9em;
}

#bestsellerDestinations #slideshow .top.tl-body .tl-event:first-child .tl-avatar .tl-describe {
    background: rgba(101, 172, 170, 0.68);
}

#bestsellerDestinations #slideshow .top.tl-body .tl-event:nth-child(2) .tl-avatar .tl-describe {
    background: rgba(165, 184, 103, 0.68);
}

#bestsellerDestinations #slideshow .top.tl-body .tl-event:last-child .tl-avatar .tl-describe {
    background: rgba(210, 153, 154, 0.68);
}

#bestsellerDestinations #slideshow .bot.tl-body .tl-event:first-child .tl-avatar .tl-describe {
    background: rgba(108, 193, 140, 0.68);
}

#bestsellerDestinations #slideshow .bot.tl-body .tl-event:nth-child(2) .tl-avatar .tl-describe {
    background: rgba(199, 173, 110, 0.68);
}

#bestsellerDestinations #slideshow .bot.tl-body .tl-event:last-child .tl-avatar .tl-describe {
    background: rgba(223, 121, 115, 0.68);
}

#bestsellerDestinations #slideshow .tl-content .tl-describe .tl-cost {
    width: 40%;
    color: #ffffff;
    font-size: 0.9em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#bestsellerDestinations #slideshow .tl-content .tl-describe .tl-title {
    background: #fff;
    width: 60%;
    font-weight: bold;
    font-size: 0.8em;
    border-radius: 25px 17.5px 17.5px 0;
    color: #2d2d2d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#bestsellerDestinations #slideshow .tl-event {
    position: relative;
    width: 28.57%;
    padding: 0;
    margin: 0;
}

#bestsellerDestinations #slideshow .tl-event:before {
    content: '';
    height: 30%;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -2px;
    -webkit-transition: height ease 1s;
    transition: height ease 1s;
}

#bestsellerDestinations #slideshow .bot .tl-event:before {
    top: 0;
    bottom: auto;
}

#bestsellerDestinations #slideshow .tl-avatar {
    width: 90%;
    height: 80%;
    margin: 0 auto;
    left: 5%;
    position: absolute;
    top: 0;
    background: grey;
    border-radius: 5px;
}

#bestsellerDestinations #slideshow .tl-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    margin: 0 auto;
    top: 0;
    z-index: 6;
    opacity: 0;
    color: #ffffff;
    padding: 10px;
    border-radius: 5px;
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
}

#bestsellerDestinations #slideshow .tl-hover .tl-hoverInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
    padding: 0 15px 0 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#bestsellerDestinations #slideshow .tl-hover .tl-hoverInfo h3 {
    font-size: 1.2em;
}

#bestsellerDestinations #slideshow .tl-hover .tl-hoverInfo img {
    width: 35px !important;
    height: 35px !important;
    background-color: rgba(255, 255, 255, 0.6);
}

#bestsellerDestinations #slideshow .tl-hoverInfo img {
    width: 60px !important;
    height: 35px !important;
}

#bestsellerDestinations #slideshow .tl-hover ul {
    list-style: none;
    border: 2px solid #ffffff;
    background: rgba(0, 0, 0, 0.23);
    padding: 5px 10px 5px;
    width: 95%;
    margin: 0 auto;
    margin-top: 15px;
    text-align: right;
    border-radius: 5px;
    font-size: 0.8em;
}

#bestsellerDestinations #slideshow .tl-hover ul li {
    background: none;
    width: auto;
    color: #ffffff;
    display: block;
    float: none;
    height: auto;
    margin-top: 5px;
}

#bestsellerDestinations #slideshow .bot .tl-avatar {
    top: auto;
    bottom: 0;
}

#bestsellerDestinations #slideshow li.tl-event:before {
    border-left: 4px solid #65acaa;
}

#bestsellerDestinations #slideshow .top.tl-body .tl-event:first-child:before {
    border-left: 4px solid #65acaa !important;
}

#bestsellerDestinations #slideshow .top.tl-body .tl-event:first-child .tl-dot .tl-circle,
#bestsellerDestinations #slideshow .top.tl-body .tl-event:first-child .tl-dot .tl-circle:after {
    background: #65acaa;
}

#bestsellerDestinations #slideshow .top.tl-body .tl-event:nth-child(2):before {
    border-left: 4px solid #a5b867 !important;
    ;
}

#bestsellerDestinations #slideshow .top.tl-body .tl-event:nth-child(2) .tl-dot .tl-circle,
#bestsellerDestinations #slideshow .top.tl-body .tl-event:nth-child(2) .tl-dot .tl-circle:after {
    background: #a5b867;
}

#bestsellerDestinations #slideshow .top.tl-body .tl-event:last-child:before {
    border-left: 4px solid #e4a687 !important;
    ;
}

#bestsellerDestinations #slideshow .top.tl-body .tl-event:last-child .tl-dot .tl-circle,
#bestsellerDestinations #slideshow .top.tl-body .tl-event:last-child .tl-dot .tl-circle:after {
    background: #e4a687;
}

#bestsellerDestinations #slideshow .bot.tl-body .tl-event:first-child:before {
    border-left: 4px solid #6cc18c !important;
}

#bestsellerDestinations #slideshow .bot.tl-body .tl-event:first-child .tl-dot .tl-circle,
#bestsellerDestinations #slideshow .bot.tl-body .tl-event:first-child .tl-dot .tl-circle:after {
    background: #6cc18c;
}

#bestsellerDestinations #slideshow .bot.tl-body .tl-event:nth-child(2):before {
    border-left: 4px solid #c7ad6e !important;
    ;
}

#bestsellerDestinations #slideshow .bot.tl-body .tl-event:nth-child(2) .tl-dot .tl-circle,
#bestsellerDestinations #slideshow .bot.tl-body .tl-event:nth-child(2) .tl-dot .tl-circle:after {
    background: #c7ad6e;
}

#bestsellerDestinations #slideshow .bot.tl-body .tl-event:last-child:before {
    border-left: 4px solid #df7973 !important;
    ;
}

#bestsellerDestinations #slideshow .bot.tl-body .tl-event:last-child .tl-dot .tl-circle,
#bestsellerDestinations #slideshow .bot.tl-body .tl-event:last-child .tl-dot .tl-circle:after {
    background: #df7973;
}

#bestsellerDestinations #slideshow .tl-circleInline {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #ec3237;
    left: 50%;
    border: 4px solid #ffffff;
    z-index: 7;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#bestsellerDestinations #slideshow .bot.tl-body .tl-circleInline {
    top: -10px
}

#bestsellerDestinations #slideshow .top.tl-body .tl-circleInline {
    bottom: -10px;
}

#bestsellerDestinations #slideshow .tl-avatar:hover .tl-hover {
    opacity: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3c4225+0,a7b969+100 */
    background: rgb(60, 66, 37);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(60, 66, 37, 0.78)), to(rgba(167, 185, 105, 0.78)));
    background: linear-gradient(to bottom, rgba(60, 66, 37, 0.78) 0%, rgba(167, 185, 105, 0.78) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c4225', endColorstr='#a7b969', GradientType=0);
    /* IE6-9 */
    font-family: "iranyekanwebbold", "robotobold", sans-serif;
}

#bestsellerDestinations #slideshow .tl-avatar:hover .tl-describe {
    opacity: 0;
}

#bestsellerDestinations #slideshow .tl-avatar img {
    border-radius: 5px;
}

#bestsellerDestinations #slideshow .tl-avatar>a {
    width: 100%;
    height: 100%;
    display: block;
}

#bestsellerDestinations #slideshow .tl-avatar:hover .pulse,
#bestsellerDestinations #slideshow .tl-avatar:hover .pulse {
    -webkit-animation: pulse 1s;
    animation: pulse 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}

#bestsellerDestinations #slideshow .top.tl-body .tl-event:first-child .tl-avatar:hover .tl-circleInline {
    background: #65acaa;
}

#bestsellerDestinations #slideshow .top.tl-body .tl-event:nth-child(2) .tl-avatar:hover .tl-circleInline {
    background: #a5b867;
}

#bestsellerDestinations #slideshow .top.tl-body .tl-event:last-child .tl-avatar:hover .tl-circleInline {
    background: #e4a687;
}

#bestsellerDestinations #slideshow .bot.tl-body .tl-event:first-child .tl-avatar:hover .tl-circleInline {
    background: #6cc18c;
}

#bestsellerDestinations #slideshow .bot.tl-body .tl-event:nth-child(2) .tl-avatar:hover .tl-circleInline {
    background: #c7ad6e;
}

#bestsellerDestinations #slideshow .bot.tl-body .tl-event:last-child .tl-avatar:hover .tl-circleInline {
    background: #df7973;
}

#bestsellerDestinations #slideshow .top.tl-body .tl-event:first-child .tl-avatar:hover .tl-hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#42706e+0,65acaa+100 */
    background: rgb(66, 112, 110);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(66, 112, 110, 0.78)), to(rgba(101, 172, 170, 0.78)));
    background: linear-gradient(to bottom, rgba(66, 112, 110, 0.78) 0%, rgba(101, 172, 170, 0.78) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42706e', endColorstr='#65acaa', GradientType=0);
    /* IE6-9 */
}

#bestsellerDestinations #slideshow .top.tl-body .tl-event:nth-child(2) .tl-avatar:hover .tl-hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3c4225+0,a7b969+100 */
    background: rgb(60, 66, 37);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(60, 66, 37, 0.78)), to(rgba(167, 185, 105, 0.78)));
    background: linear-gradient(to bottom, rgba(60, 66, 37, 0.78) 0%, rgba(167, 185, 105, 0.78) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c4225', endColorstr='#a7b969', GradientType=0);
    /* IE6-9 */
}

#bestsellerDestinations #slideshow .top.tl-body .tl-event:last-child .tl-avatar:hover .tl-hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#705243+0,e4a687+100 */
    background: rgb(112, 82, 67);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(112, 82, 67, 0.78)), to(rgba(228, 166, 135, 0.78)));
    background: linear-gradient(to bottom, rgba(112, 82, 67, 0.78) 0%, rgba(228, 166, 135, 0.78) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#705243', endColorstr='#e4a687', GradientType=0);
    /* IE6-9 */
}

#bestsellerDestinations #slideshow .bot.tl-body .tl-event:first-child .tl-avatar:hover .tl-hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e7050+0,6cc18c+100 */
    background: rgb(62, 112, 80);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(62, 112, 80, 0.78)), to(rgba(108, 193, 140, 0.78)));
    background: linear-gradient(to bottom, rgba(62, 112, 80, 0.78) 0%, rgba(108, 193, 140, 0.78) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e7050', endColorstr='#6cc18c', GradientType=0);
    /* IE6-9 */
}

#bestsellerDestinations #slideshow .bot.tl-body .tl-event:nth-child(2) .tl-avatar:hover .tl-hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#70613e+0,c7ad6e+100 */
    background: rgb(112, 97, 62);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(112, 97, 62, 0.78)), to(rgba(199, 173, 110, 0.78)));
    background: linear-gradient(to bottom, rgba(112, 97, 62, 0.78) 0%, rgba(199, 173, 110, 0.78) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70613e', endColorstr='#c7ad6e', GradientType=0);
    /* IE6-9 */
}

#bestsellerDestinations #slideshow .bot.tl-body .tl-event:last-child .tl-avatar:hover .tl-hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#713d3a+1,df7973+100 */
    background: rgb(113, 61, 58);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(113, 61, 58, 0.78)), to(rgba(223, 121, 115, 0.78)));
    background: linear-gradient(to bottom, rgba(113, 61, 58, 0.78) 1%, rgba(223, 121, 115, 0.78) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#713d3a', endColorstr='#df7973', GradientType=0);
    /* IE6-9 */
}

#bestsellerDestinations #slideshow .top.tl-body .tl-event .tl-avatar .tl-hover ul li span:first-of-type {
    margin-left: 10px;
    width: 50px;
    display: inline-block;
}

#bestsellerDestinations #slideshow .bot.tl-body .tl-event .tl-avatar .tl-hover ul li span:first-of-type {
    margin-left: 10px;
    width: 50px;
    display: inline-block;
}

/* bestsellerDestinations */
#bestsellerDestinations #slideshow .controlSlider {
    position: absolute;
    width: 100%;
    height: 100%;
}

#bestsellerDestinations #slideshow .controlSlider div.rightMo {
    /*position: absolute;*/
    /*top: 60px;*/
    /*right: 21%;*/
    /*z-index: 5;*/


    right: 21%;
    z-index: 5;
    position: absolute;
    top: 20%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#bestsellerDestinations #slideshow .controlSlider div.leftMo {
    /*left: 24%;*/
    /*position: absolute;*/
    /*bottom: 275px;*/
    /*z-index: 5;*/



    left: 21%;
    z-index: 5;
    position: absolute;
    bottom: 25%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*#bestsellerDestinations #slideshow .controlSlider svg.rightArrow{*/
/*cursor: pointer;*/
/*width: 100px !important;*/
/*}*/
#bestsellerDestinations #slideshow .controlSlider .rightArrow {
    cursor: pointer;
    /*width: 100px !important;*/
}

#bestsellerDestinations #slideshow .controlSlider embed {
    cursor: pointer;
    width: 100px !important;
}

/*#bestsellerDestinations #slideshow .controlSlider svg.leftArrow{*/
/*cursor: pointer;*/
/*width: 100px !important;*/
/*}*/
#bestsellerDestinations #slideshow .controlSlider .leftArrow {
    cursor: pointer;
    /*width: 100px !important;*/
}

#bestsellerDestinations #slideshow .slider {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
}

#bestsellerDestinations #slideshow .slideBox {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

#bestsellerDestinations #slideshow img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

/****  ****/
#bestsellerDestinations #slideshow .controlSliderLine {
    height: 20px;
    position: absolute;
    left: 50%;
    bottom: -70px;
    z-index: 6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#bestsellerDestinations #slideshow .controlSliderLine .lineShape {
    position: relative;
    width: 50px;
    border: 1px dashed #000000;
    height: 1px;
    margin-left: 0;
    z-index: -100;
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
}

#bestsellerDestinations #slideshow .controlSliderLine .lineShape .circleShape {
    width: 8px;
    height: 8px;
    background: #000000;
    position: absolute;
    left: -4px;
    bottom: -4px;
    cursor: pointer;
    border-radius: 100%;
}

#bestsellerDestinations #slideshow .controlSliderLine .lineShape .circleShape-2 {
    width: 8px;
    height: 8px;
    background: #000000;
    position: absolute;
    right: -4px;
    bottom: -4px;
    cursor: pointer;
    border-radius: 100%;
}

#bestsellerDestinations #slideshow .controlSliderLine .lineShape.shapeActive {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}

#bestsellerDestinations #slideshow .controlSliderLine .lineShape.shapeActive-2 {
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

#bestsellerDestinations #slideshow .controlSliderLine .lineShape.shapeActive .circleShape {
    background: red;
    z-index: 9;
}

#bestsellerDestinations #slideshow .controlSliderLine .lineShape.shapeActive-2 .circleShape-2 {
    background: red;
    z-index: 9;
}

/******************ourService*******************/
/**** effect for water ****/
canvas {
    display: block;
    position: absolute;
    left: 0 !important;
    /*top: 116px !important;*/
    top: 0 !important;
    -webkit-transform: unset !important;
    transform: unset !important;
}

.slide-item__image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
}

.boatIsland-1,
.boatIsland-2,
#ourService .container {
    z-index: 3;
}

/*#ourService:before{*/
/*z-index: 1;*/
/*}*/
#ourService .container {
    position: relative;
    margin-top: 100px;
}

/*******************************/
#ourService .boatIsland-1 {
    position: absolute;
    bottom: 50%;
    right: 15%;
    -webkit-transform: scale(0.7) !important;
    transform: scale(0.7) !important;
}

#ourService .boatIsland-1 img,
.boatIsland-2 img {
    width: 70%;
    height: 100%;
}

#ourService .boatIsland-2 {
    position: absolute;
    bottom: 40%;
    left: 10%;
    -webkit-transform: scale(0.7) !important;
    transform: scale(0.7) !important;
}

#ourService {
    position: relative;
    width: 100%;
   /* background: url("/new_theme/images/ui/ourServiceBackground.jpg") no-repeat center top;  */
    background:  no-repeat center top;
	background-size: cover;
    padding: 230px 0 230px 0;
    overflow: hidden;
    /*background-color: #287b8d;*/
}

#ourService .colorWaterIsland {
    position: relative;
    width: 100%;
    background: url("/new_theme/images/ui/colorWhiteHeader.png") center top;
    margin-top: -230px;
    background-size: auto 120px;
    height: 120px;
    overflow: hidden;
    z-index: 9;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    z-index: 9;
}

#ourService .colorWaterIsland embed {
    width: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center;
    transform-origin: center;
}

#ourService:before {
    /*content: '';*/
    /*width: 100%;*/
    /*height: 222px;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*z-index: 1;*/
    /*background: url('/new_theme/images/ui/watercolorwhite2.png') no-repeat center;*/
}

/* #ourService:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: url('/new_theme/images/ui/islandsPart-4.png') no-repeat center top;
    background-size: cover;
    padding: 222px 0 300px 0;
} */
#ourService .shadow > i a {
    content: '';
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    background: url('/new_theme/images/ui/islandsPart-5.png') no-repeat center;
    z-index: 2;
}
#ourService .shadow > i b {
    content: '';
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    background: url('/new_theme/images/ui/islandsPart-5.jpg') no-repeat center;
    z-index: 1;
    mix-blend-mode: multiply;
}
#ourService .shadow > i.a>*{width: 340px;height: 420px;opacity: 1;background-position: 0px 0px;bottom: initial;right: 900px;top: -85px;}
#ourService .shadow > i.b>*{width: 180px;height: 470px;opacity: 1;background-position: -624px 0px;bottom: initial;right: 160px;top: 50px;}
#ourService .shadow > i.c>*{width: 240px;height: 470px;opacity: 1;background-position: -364px 0px;top: 310px;right: 570px;bottom: 0;}
#ourService .shadow > i.d>*{width: 200px;height: 260px;opacity: 1;background-position: -834px -40px;top: 575px;left: 890px;bottom: 0;}

#ourService h2 {
    position: relative;
    color: #343434;
    text-align: center;
    cursor: default;
    margin-top: 30px;
    z-index: 2;
}

#ourService .cloud {
    position: absolute;
    width: 100%;
    height: 225px;
    right: 0;
    left: 0;
    /*top: 60px;*/
    /*background: url("/new_theme/images/ui/ourService.png") no-repeat center;*/
    z-index: 3;
}

#ourService .cloud .bg-ourServiceCloud {
    margin: 0 auto;
}

#ourService #cloudMove img {
    margin: 0 auto;
    width: 415px;
    height: 254px;
}

#ourService .oSBox {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

#ourService .oSBox .borderBox {
    position: relative;
    width: 80px;
    height: 80px;
    background: #FFFFFF;
    text-align: center;
    border-radius: 50px;
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
}

#ourService .oSBox .borderBox:after {
    content: '';
    background: transparent;
    border: 3px solid rgba(255, 255, 255, 0.2);
    width: 100px;
    height: 100px;
    position: absolute;
    left: -10px;
    top: -10px;
    border-radius: 50px;
}

#ourService .oSBox .borderBox:before {
    content: '';
    background: transparent;
    border: 5px solid rgba(255, 255, 255, 0.2);
    width: 120px;
    height: 120px;
    position: absolute;
    left: -20px;
    top: -20px;
    border-radius: 60px;
}

#ourService .oSBox .borderBox img {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#ourService .oSBox .borderBox .bg-passport {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30.5px 0 0 -22.5px;

    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}

#ourService .oSBox .borderBox .bg-planet_earth {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -37.5px 0 0 -37.5px;

    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}

#ourService .oSBox .borderBox .bg-airplane {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -36px 0 0 -37px;

    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}

#ourService .oSBox .borderBox .bg-baggage {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -33.5px 0 0 -34.5px;

    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}

#ourService .oSBox .borderBox .bg-boarding_pass {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -34px 0 0 -34px;

    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

#ourService .oSBox h4 {
    border: 1px solid #FFFFFF;
    background: #01afc2;
    background: rgba(1, 177, 194, 0.7);
    height: 40px;
    line-height: 35px;
    padding: 0 10px 0 30px;
    color: #FFFFFF;
    font-size: 0.9em;
    margin: 55px 5px 0 0;
    cursor: default;
    border-radius: 25px 0 25px 25px;
}

#ourService .oSBox section {
    font-family: "iranyekanwebbold", "robotobold", sans-serif !important;
    font-size: small;
    position: relative;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 10px 105px 0 0;
    color: #ffffff;
    text-align: right;
    width: 50px;
    cursor: default;
    text-shadow: 0 0 20px #000;
}

#ourService .oSBox section:after {
    /*content: "";*/
    width: 1px;
    height: 50px;
    background: #FFFFFF;
    position: absolute;
    right: -10px;
    top: 5px
}

#ourService .oSBox:nth-of-type(1)>section {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
}

#ourService .oSBox:nth-of-type(2) {
    top: 15px;
    right: 225px;
}

#ourService .oSBox:nth-of-type(3) {
    top: 20px;
    right: 200px;
}

#ourService .oSBox:nth-of-type(3)>section {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
}

#ourService .oSBox:nth-of-type(3)>.borderBox {
    width: 100px;
    height: 100px;
}

#ourService .oSBox:nth-of-type(3)>.borderBox:after {
    width: 130px !important;
    ;
    height: 130px !important;
    ;
    border-radius: 65px !important;
    ;
    left: -15px !important;
    ;
    top: -15px !important;
}

#ourService .oSBox:nth-of-type(3)>.borderBox:before {
    width: 115px !important;
    height: 115px !important;
    border-radius: 65px !important;
    left: -7.5px !important;
    top: -7.5px !important;
}

#ourService .oSBox:nth-of-type(4) {
    top: 10px;
    right: 105px;
}

#ourService .oSBox:nth-of-type(5) {
    top: 52px;
    right: 220px;
}

#ourService .oSBox:nth-of-type(4)>section {
    width: 290px;
}

#ourService .oSBox:nth-of-type(5)>section {
    width: 350px;
}

/*************************** fogFooter *************************/

.fogFooter {
    position: relative;
    width: 100%;
    margin-top: -100px;
    overflow: hidden !important;
}

#modal_no_result~.fogFooter , #modal_expired_time~.fogFooter {margin-top: -65px;}

/*.fogFooter embed{*/
/*width: 100%;*/
/*height: 100%;*/
/*transform: scale(1.1);*/
/*transform-origin: center;*/
/*}*/
.fogFooter .bg-fog {
    background: url("/new_theme/images/ui/watercolorblack3.png") repeat-x bottom;
    width: 100%;
    height: 137px;
    /*background-size: 100%;*/
}

/*.fogFooter>img{*/
/*!*max-width: 100%;*!*/
/*!*height: 100%;*!*/
/*width: 100%;*/
/*height: 430px;*/
/*-o-object-fit: cover;*/
/*object-fit: cover;*/
/*}*/
/************************* footer ***************************/
.cl {
    width: 100%;
    height: 0;
    clear: both;
    /* margin: -100px; */
}

.booking-item-reserve .cl {
    height: 100px;
}

#footer {
    position: relative;
    width: 100%;
    background: #212121;

    padding: 15px 0 50px 0;
    /*margin-top: -180px;*/
    margin-top: -25px;
}

#footer .rightBox:after {
    content: '';
    height: 90%;
    position: absolute;
    left: 0;
    top: 10px;
    border: 1px dashed #2a2a2a;
}

#footer .tour {
    padding-top: 30px;
}

#footer .tour .row .col-4>h3 {
    color: #ec3237 !important;
    font-size: 1.1em !important;
}

#footer .tour ul {
    list-style: none;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    font-size: 0.9em;
    padding-right: 10px;
}

#footer .tour ul li {
    font-size: 0.9em;
    padding: 5px;
}

#footer .tour ul li a:link,
#footer .tour ul li a:visited {
    color: #ffffff;
    text-decoration: none;
}

#footer .tour ul li a:hover,
#footer .tour ul li a:focus {
    color: #ec3238;
}

#footer .info{position:relative;width:100%; border-bottom:1px solid #eaeaea; padding-bottom:20px;}
#footer .info .info-3{position:absolute;left:0;top:0;right:220px;}
#footer .info .info-3:after{display:none;}

#footer .info-1,
#footer .info-2,
#footer .info-3 {
    padding: 20px;
}

#footer .info-1 {
    color: #FFFFFF;
}

#footer .info-1 .leftsBoxPhone {
    -ms-flex-item-align: end;
    align-self: flex-end;
    cursor: default;
}

#footer .info-1 .leftsBoxImage {
    text-align: left;
}

#footer .info-1 .leftsBoxImage img {
    width: 80%;
    height: 100%;
}

#footer .info-1 .leftsBoxImage .leftsBoxImageLogo {

    width: 203px;
    height: 76px;
    float: right;
}

#footer .info-1 .leftsBoxPhone>div {
    position: relative;
    font-size: 2em;
    padding-right: 40px;
    float: left;
}

#footer .info-1 .leftsBoxPhone>div>i {
    position: absolute;
    right: 0;
    top: 0;
}

#footer .info-2 {
    color: #FFFFFF;
    cursor: default;
}

#footer .info-3:after {
    content: '';
    background: #fff1;
    width: 95%;
    height: 1px;
    position: absolute;
    bottom: 0;
}

/* #footer .info-2:after {
    content: '';
    background: #545454;
    width: 95%;
    height: 1px;
    position: absolute;
    bottom: 0;
} */

#footer .info-2>ul {
    padding: 0;
    list-style: none;
}

#footer .info-2>ul li {
    margin-bottom: 25px;
    text-decoration: none;
    font-size: 1rem;
}

#footer .info-2>ul li i {
    margin-left: 5px;
    color: #ec3237;
}

#footer .info-3 img {
    margin-bottom: 10px;
}

#footer .info-3 img.e-namad {
    width: 85px;
    height: 82px;
}

#footer .info-3 img.samandehi {
    width: 85px;
    height: 105px;
}

#footer .info-3 h4 {
    color: #ec3238;
    cursor: default;
    font-size: 1.1em;
}

#footer .info-3 p {
    color: #FFFFFF;
    cursor: default;
    font-size: 0.9em;
}

#footer .info-3 .fixSpaceForImage {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.aboutGolfam {
    text-align: justify;
}

#footer .joinToNewsletter form {
    padding: 17px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: unset;
    -ms-flex-flow: unset;

    border-radius: 10px;

    background: #2a2a2a;
    margin-top: 50px;
    margin-bottom: 30px;

}

#footer .joinToNewsletter form .joinToNews {
    padding-right: 40px;
    /* margin-bottom: 20px; */
    padding-left: 10px;
}

#footer .joinToNewsletter .joinToNews i {
    position: absolute;
    right: 10px;
    top: 3px;
}

#footer .joinToNewsletter form input {
    background: #373737;
    color: #ffffff;
    border: none;
    margin: 3px;
    width: 196px;
}

#footer .joinToNewsletter form input::-webkit-input-placeholder {
    /* Chrome */
    color: #5c5c5c;
}

#footer .joinToNewsletter form input:-ms-input-placeholder {
    /* IE 10+ */
    color: #5c5c5c;
}

#footer .joinToNewsletter form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #5c5c5c;
    opacity: 1;
}

#footer .joinToNewsletter form input:-moz-placeholder {
    /* Firefox 4 - 18 */
    color: #5c5c5c;
    opacity: 1;
}

#footer .joinToNewsletter form button {
    margin: 3px;
    width: 196px;
    height: 38px;
    border: 1px solid #fd141a;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f728c2+0,ec3237+100 */
    background: rgb(247, 40, 194);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 40, 194, 1)), to(rgba(236, 50, 55, 1)));
    background: linear-gradient(to right, rgba(247, 40, 194, 1) 0%, rgba(236, 50, 55, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f728c2', endColorstr='#ec3237', GradientType=1);
    /* IE6-9 */
}

#footer .joinToNewsletter .joinToNews {
    position: relative;
    color: #ffffff;
    cursor: default;
    white-space: nowrap;
    font-size: 1.1em;
}

#footer .joinToNewsletter form .name>input,
#footer .joinToNewsletter form .email>input {
    width: 250px;
}

/************************* bottomFooter ***************************/
#bottomFooter {
    direction: ltr !important;
    background: #2a2a2a;
    width: 100%;
    color: #404040;
}

#bottomFooter ul {
    float: left;
    margin-top: 15px;
    padding: 0;
}

#bottomFooter small {
    margin-top: 20px;
    display: inline-block;
    cursor: default;
}

#bottomFooter ul li {
    display: inline-block;
    list-style: none;
}

#bottomFooter ul li a:link,
#bottomFooter ul li a:visited {
    background: #404040;
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 35px;
    color: #2a2a2a;
    text-decoration: none;
    border-radius: 15px;
}

#bottomFooter ul li a:hover i {
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

#bottomFooter ul li a:hover i,
#bottomFooter ul li a:focus i {
    color: #949494;
}

/**************************** persian datepicker-edit *****************************************/
.datepicker-navigator {
    margin-bottom: 8px;
}

.pwt-btn-calendar {
    cursor: pointer;
    display: block;
    width: 100%;
    float: left;
    padding: 5px 0;
    background-color: #e6e6e6;
}

.header-row {
    border: 1px solid #e6e6e6;
}

.table-days tr td {
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding-right: 10px;
}

.table-days {
    border-left: 1px solid #e6e6e6 !important;
    border-top: 1px solid #e6e6e6 !important;
}

.pwt-btn:hover {
    background-color: #eee !important;
}

/****************** css sprite general *************/
.bg-airplane {
    width: 74px;
    height: 72px;
    background: url('/new_theme/images/ui/sprite_general/forAllPages.png') -90px -189px;
}

.bg-baggage {
    width: 69px;
    height: 67px;
    background: url('/new_theme/images/ui/sprite_general/forAllPages.png') -296px -108px;
}

.bg-boarding_pass {
    width: 68px;
    height: 68px;
    background: url('/new_theme/images/ui/sprite_general/forAllPages.png') -218px -108px;
}

.bg-leftArrow {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    width: 65px;
    height: 27px;
    background: url('/new_theme/images/ui/sprite_general/forAllPages.png') -430px -108px;
}

.bg-logoHeader {
    width: 205px;
    height: 76px;
    background: url('/new_theme/images/ui/sprite_general/forAllPages.png') -12px -106px;
    top: 4px;
    position: relative;
}

.bg-passport {
    width: 45px;
    height: 61px;
    background: url('/new_theme/images/ui/sprite_general/forAllPages.png') -375px -108px;
}

.bg-planet_earth {
    width: 75px;
    height: 75px;
    background: url('/new_theme/images/ui/sprite_general/forAllPages.png') -5px -189px;
}

.bg-rightArrow {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    width: 65px;
    height: 27px;
    background: url('/new_theme/images/ui/sprite_general/forAllPages.png') -5px -274px;
}

.bg-title {
    width: 199px;
    height: 15px;
    background: url('/new_theme/images/ui/sprite_general/forAllPages.png') -174px -189px;
    transform: scale(0.6);
}

.bg-title2 {
    width: 199px;
    height: 15px;
    background: url('/new_theme/images/ui/sprite_general/forAllPages.png') -174px -214px;
}

.bg-modalLogin {
    width: 495px;
    height: 93px;
    background: url('/new_theme/images/ui/sprite_general/forAllPages.png') -5px -5px;
}

/*********** css sprite home page - Index *****/
.bg-boat {
    width: 117px;
    height: 103px;
    background: url('/new_theme/images/ui/sprite_index/spriteIn.png') -713px -483px;
}

.bg-boat2 {
    width: 117px;
    height: 103px;
    background: url('/new_theme/images/ui/sprite_index/spriteIn.png') -713px -360px;
}

.bg-ourServiceCloud {
    width: 415px;
    height: 254px;
    background: url('/new_theme/images/ui/sprite_index/spriteIn.png') -10px -10px;
}

#bestSuggestion .slider-bestSuggestion ul li:nth-of-type(4n+1) .img-slider-bestSuggestion .fixMask {
    width: 250px;
    height: 160px;
    background: url('/new_theme/images/ui/sprite_index/spriteIn.png') -282px -474px;
}

#bestSuggestion .slider-bestSuggestion ul li:nth-of-type(4n+2) .img-slider-bestSuggestion .fixMask {
    width: 252px;
    height: 160px;
    background: url('/new_theme/images/ui/sprite_index/spriteIn.png') -10px -474px;
}

#bestSuggestion .slider-bestSuggestion ul li:nth-of-type(4n+3) .img-slider-bestSuggestion .fixMask {
    width: 250px;
    height: 160px;
    background: url('/new_theme/images/ui/sprite_index/spriteIn.png') -713px -10px;
}

#bestSuggestion .slider-bestSuggestion ul li:nth-of-type(4n+4) .img-slider-bestSuggestion .fixMask {
    width: 252px;
    height: 162px;
    background: url('/new_theme/images/ui/sprite_index/spriteIn.png') -273px -284px;
}

#bestSuggestion .slider-bestSuggestion ul li:nth-of-type(4n+1) .desc-slider-bestSuggestion {
    width: 248px;
    height: 170px;
    background: url('/new_theme/images/ui/sprite_index/spriteIn.png') -445px -10px;
}

#bestSuggestion .slider-bestSuggestion ul li:nth-of-type(4n+2) .desc-slider-bestSuggestion {
    width: 243px;
    height: 170px;
    background: url('/new_theme/images/ui/sprite_index/spriteIn.png') -10px -284px;
}

#bestSuggestion .slider-bestSuggestion ul li:nth-of-type(4n+3) .desc-slider-bestSuggestion {
    width: 248px;
    height: 170px;
    background: url('/new_theme/images/ui/sprite_index/spriteIn.png') -445px -10px;
}

#bestSuggestion .slider-bestSuggestion ul li:nth-of-type(4n+4) .desc-slider-bestSuggestion {
    width: 243px;
    height: 150px;
    background: url('/new_theme/images/ui/sprite_index/spriteIn.png') -713px -190px;
}

/********************************modal Style ******************************************/
.modal .modal-header {
    position: relative;
    height: 60px;
    border: none;
}

.modal .modal-content {
    overflow: hidden;
    border-radius: .5rem;
}

.modal .modal-body .accordion {
    padding: 0 10px;
}

.modal .modal-body .accordion .nav-tabs .nav-link {
    font-weight: normal;
    font-size: 0.9em;
}

.modal .modal-header .bg-modalRules {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url("/new_theme/images/ui/ticket/RulesPopUp.png") no-repeat center;
    background-size: 100% 100%;
    border: 2px solid #FFFFFF;
}

.modal .modal-header .bg-modalLogin {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url("/new_theme/images/ui/ticket/RulesPopUp.png") no-repeat center;
    background-size: 100% 100%;
    border: 2px solid #FFFFFF;
}

.modal .modal-header .modal-title {
    z-index: 1;
    color: #fff;
    font-size: 1em;
    margin-top: 3px;
    cursor: default;
}

.modal .modal-header .close {
    text-shadow: none;
    position: absolute;
    color: #fff;
    opacity: 1;
    font-size: 1.5em;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
    left: 0;
    top: 20px;
}

.modal .modal-body .card {
    margin: 10px;
    overflow: hidden;
    border-radius: 5px;
    margin-left: 0;
}

.modal .modal-body .card-header {
    background: none;
    padding: 0;
}

.modal .modal-body .card-body {
    border-bottom: 1px solid #dfdfdf;
    color: #247097;
    text-align: left;
    cursor: default;
    font-size: 0.7em;
    line-height: 25px;

    padding: 10px;
    direction: ltr;
}

.modal .modal-body .card-header button {
    font-size: 0.6em;
    font-weight: normal;
    color: #676767;
    font-family: "iranyekanwebbold", "robotobold", sans-serif;

    text-align: left;
    width: 100%;
    padding: 10px;
    direction: ltr;
}

.modal .modal-body .card-header button[aria-expanded=true] {
    color: #2fa2dc;
}

.modal .modal-body .card-header button:hover,
.modal .modal-body .card-header button:focus {
    text-decoration: none;
}

.modal .modal-footer {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
    padding: 0 15px 5px 15px;
    height: 60px;
}

.modal .modal-footer button {
    color: #4fcaed;
    min-width: 90px;
    width: auto;

    font-size: 0.9em;
    margin-left: 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, left top, left bottom, from(#32e2ec), to(#32adec));
    background-image: linear-gradient(#fff, #fff), linear-gradient(#32e2ec, #32adec);
    border-radius: 5px;
    padding: 5px;
}

.modal .modal-footer .bg-logoHeader {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    right: 0;
    margin-right: -20px;
}

/************ scroll to top *******************/
/*.parent {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*}*/

.ContactUsFix button {
    background: linear-gradient(to right, rgba(247, 40, 194, 1) 0%, rgba(236, 50, 55, 1) 100%);
    color: white;
    border: none;
    padding: 5px;
    font-size: 1.7rem;
    height: 60px;
    width: 60px;
    box-shadow: 0 2px 4px darkslategray;
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: 70%;
}

.ContactUsFix {
    position: fixed;
    left: 9%;
    bottom: calc(4% - -1px);
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    cursor: pointer;
    z-index: 999;
}

.ContactUsFix button:hover {
    background-color: #65b9e6;
}

.ContactUsFix button:active {
    box-shadow: 0 0 2px darkslategray;
    transform: translateY(2px);
}

.ContactUsFix button {
    margin-bottom: 10px;
}

.scrollTop {
    position: fixed;
    left: 10%;
    bottom: calc(15% - -1px);
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    cursor: pointer;
}

.scrollTop a {
    font-size: 18px;
    color: #fff;

}

.scrollTop {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #212121 url("/new_theme/images/ui/hotel_detail/go-top.png") no-repeat center;
    background-size: cover;
    border: 1px solid #212121;
    color: #FFFFFF;
    text-align: center;
    line-height: 50px;
    z-index: 2;
}

.scrollTop:before {
    content: '';
    position: absolute;
    width: 66px;
    height: 66px;
    border-radius: 33px;
    border: 1px solid #343434;
    top: -9px;
    right: -9px;
}

.scrollTop_2 {
    position: fixed;
    opacity: 0;
    left: calc(10% - 1px);
    bottom: 15%;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    width: 52px;
    height: 52px;
    z-index: 1;
    border-radius: 30px;
    background: rgb(247, 40, 194);
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 40, 194, 1)), to(rgba(236, 50, 55, 1)));
    background: linear-gradient(to right, rgba(247, 40, 194, 1) 0%, rgba(236, 50, 55, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f728c2', endColorstr='#ec3237', GradientType=1);
}

.modal-body .tab-content .tinyscrollbar .viewport{
    position: relative;
    top: 0px;
    width: 100%;
    overflow: hidden;
}
.modal-body .tab-content .tinyscrollbar .viewport .overview{
    position: absolute;
    width: 100%;
}
.tinyscrollbar .scrollbar{
    background: transparent url(/images/bg-scrollbar-track-y-custom.png) no-repeat 0 0;
    position: absolute;
    background-position: 0 0;
    right: -20px;
    top: 0;
    width: 15px;
}
.tinyscrollbar .thumb{
    background: transparent url(/images/bg-scrollbar-thumb-y-custom.png) no-repeat 50% 100%;
    height: 20px;
    width: 25px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -8px;
}

.tinyscrollbar .thumb .end{
    background: transparent url(/images/bg-scrollbar-thumb-y-custom.png) no-repeat 50% 0;
    overflow: hidden;
    height: 5px;
    width: 25px;
}

.tinyscrollbar .disable{
    display: none;
}

.tinyscrollbar {
    width: 100%;
    position: relative;
}

/*************************Just For IE********************************/
@supports (-ms-ime-align:auto) {
    .oSBox {
        width: 490px;
    }
}

/****************** media ************/
@media (min-width : 2000px) {
    .headerMist {
        /*margin-top: -300px;*/
    }
}

@media (min-width : 2001px) and (max-width : 4000px) {
    /*.fogFooter{*/
    /*margin-top: -220px;*/
    /*}*/
}

@media (max-width : 1200px) {


    header nav.mainNav ul.firstUl>li>a:link,
    header nav.mainNav ul.firstUl>li>a:visited {
        color: #FFFFFF !important;
    }





    /**** header centerBox search box ***/
    header #nav-tabContent #nav-flightOuter .btn-primary,
    header #nav-tabContent #nav-flightInner .btn-primary {
        font-size: 0.8em;
    }

    /**** header centerBox passengerInfo ***/
    header #nav-tabContent #nav-flightOuter .passengerInfo,
    header #nav-tabContent #nav-flightInner .passengerInfo {
        left: -95px;
    }

    /***********bestsellerDestinations*********/
    #bestsellerDestinations #slideshow .tl-hover ul li i {
        display: none;
    }
    .passengerFlightSelectbox .passengerInfo{
        left: -95px;
    }


    #bestsellerDestinations #slideshow .top.tl-body .tl-event .tl-avatar .tl-hover ul li span:first-of-type {
        margin-left: -10px;
    }

    #bestsellerDestinations #slideshow .tl-content .tl-describe {
        display: block;
        height: auto;
        line-height: unset;
    }

    #bestsellerDestinations #slideshow .tl-content .tl-describe .tl-title {
        width: 100%;
        margin-top: 0;
        padding: 5px;
        border-radius: 25px 17.5px 0 0;
    }

    #bestsellerDestinations #slideshow .tl-content .tl-describe .tl-cost {
        width: 100%;
        padding: 5px;
    }

    .boxAirLineSlider,
    .boxAirLineSliderTitle,
    .titleSpan {
        display: none !important;
    }

    /******footer ******/

    #bestsellerDestinations #slideshow .tl-hover .tl-hoverInfo img {
        display: none;
    }

    #bestsellerDestinations #slideshow .tl-hover .tl-hoverInfo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 15px;
    }


    header nav.mainNav .dropdownBox {
        display: none !important;
    }

    header nav.mainNav .dropdown-menu {
        display: none !important;
    }

    header nav.mainNav ul.firstUl>li>a:link,
    header nav.mainNav ul.firstUl>li>a:visited {
        text-align: right;
    }

    header nav.mainNav ul.firstUl>li {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }
}

@media (min-width : 993px) and (max-width : 1200px) {

    /**** charterFlight ******/
    #charterFlight .wheelSlider .wheelSliderElements ul li,
    #charterFlight .wheelSlider .wheelSliderElements-2 ul li {
        width: 405px;
    }

    #charterFlight .wheelSlider .wheelSliderElements ul li .description,
    #charterFlight .wheelSlider .wheelSliderElements-2 ul li .description {
        width: 315px;
    }

    #charterFlight .wheelSliderElements .fixSpace .dateInfo span:nth-of-type(3) {
        margin-right: 150px;
    }

    #charterFlight .wheelSliderElements-2 .fixSpace .dateInfo span:nth-of-type(3) {
        margin-left: 150px;
    }

    #charterFlight .wheelSliderElements .fixSpace .dateInfo span:nth-of-type(2) {
        margin-right: 7px;
    }

    #charterFlight .wheelSliderElements-2 .fixSpace .dateInfo span:nth-of-type(2) {
        margin-left: 7px;
    }

    #charterFlight .rangeSliderBox.rightSlider {
        left: 395px;
    }

    #charterFlight .rangeSliderBox.leftSlider {
        right: 395px;
    }

    #charterFlight .fixWheelTitle {
        left: 200px;
    }

    #charterFlight .fixWheelTitle-2 {
        right: 200px;
    }

    /***** ourService *******/
    #ourService .boatIsland-2 {
        left: 0;
    }

    #bestSuggestion #slideshow-bestSuggestion .next-slider-bestSuggestion {
        left: -15px;
    }

    #bestSuggestion #slideshow-bestSuggestion .prev-slider-bestSuggestion {
        right: -15px;
    }

    /*** footer ***/
    #footer .joinToNewsletter form input,
    #footer .joinToNewsletter form .form-group {
        width: 100% !important;
        display: block;
        flex: unset;
    }





}

@media (max-width : 992px) {




    header #nav-tabContent #nav-flightOuter .typeahead.form-control {
        padding-right: 75px !important;
    }
    /* header #nav-tabContent #nav-flightHotel .form-control{
        padding-right: 75px !important;
    } */

    .fontLg9 {
        font-size: 0.9em;
    }
    header #nav-tabContent #nav-flightHotel form > .input-group{
        flex: 0 0 49%;
        margin-top:5px;
    }
    header #nav-tabContent #nav-bank-facilities form > .input-group,
    header #nav-tabContent #nav-tour form > .input-group{
        flex: 0 0 48%;
        margin-bottom: 5px;
    }
    header #nav-tabContent #nav-reserveHotel form > .input-group {
        margin-bottom: 5px;
        flex: 0 0 49%;
    }

    form#bank_facilities_search .input-group,
    form#bank_facilities_search .form-control,
    form#bank_facilities_search button.btn {
        /* flex: 0 0 48%; */
        flex-wrap: nowrap;

    }
    form#tour_search .input-group,
    form#tour_search .form-control,
    form#tour_search button.btn {
        /* flex: 0 0 48%; */
        flex-wrap: nowrap;

    }
    /* form#tour_search .form-control.inlineFormInputGroupUsername{
        flex: 0 0 90%;
    } */
    header #nav-tabContent #nav-bank-facilities form > .form-control,
    header #nav-tabContent #nav-tour form > .form-control,
    header #nav-tabContent #nav-reserveHotel form > .form-control{
        margin-bottom: 5px;
        width: 100%;
    }
    /****** header***/
    header {
        min-height: 740px;
    }

    header #nav-tabContent #nav-flightOuter form>.input-group,
    header #nav-tabContent #nav-flightInner form>.input-group {
        margin: 2px 2px 0 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
    }

    /*header #nav-tabContent #nav-flightOuter .input-group-text, header #nav-tabContent #nav-flightInner .input-group-text{*/
    /*width: 65px;*/
    /*}*/
    header #nav-tabContent #nav-flightOuter .btn-primary,
    header #nav-tabContent #nav-flightInner .btn-primary {
        margin: 10px auto;
        /* width: 50%; */
    }

    header #nav-tabContent #nav-flightOuter .passengerInfo,
    header #nav-tabContent #nav-flightInner .passengerInfo {
        left: auto;
    }
    /* header #nav-tabContent #nav-reserveHotel .tt-input{
        padding-right: 55px;
    } */
    .datepicker-plot-area {
        right: -100px;
    }

    /********charterFlight************/
    #charterFlight .wheelSlider .wheelSliderElements ul li.activeScroll,
    #charterFlight .wheelSlider .wheelSliderElements-2 ul li.activeScroll {
        -webkit-transform: unset;
        transform: unset;
    }

    #charterFlight .wheelSlider .fixWheel,
    #charterFlight .wheelSlider .fixWheel-2 {
        border-radius: unset;
        border: none;

        border-top: 2px solid #FFFFFF;
    }

    #charterFlight .rangeSliderBox.rightSlider {
        right: 10%;
        left: auto;
    }

    #charterFlight .rangeSliderBox.leftSlider {
        left: 10%;
        right: auto;
    }

    #charterFlight .wheelSlider .wheelSliderElements {
        margin-left: auto;
    }

    #charterFlight .wheelSlider .wheelSliderElements-2 {
        margin-right: auto;
    }

    #charterFlight .fixWheelTitle,
    #charterFlight .fixWheelTitle-2 {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    #charterFlight .fixWheelTitle-2 {
        right: unset;
    }

    #charterFlight .wheelSlider .wheelSliderElements ul,
    #charterFlight .wheelSlider .wheelSliderElements-2 ul {
        padding: 0 !important;
    }

    #charterFlight #scrollbar1 .overview,
    #charterFlight #scrollbar2 .overview {
        position: relative;
        -webkit-transform: unset;
        transform: unset;
        margin: 0 auto;
    }

    #charterFlight #scrollbar1 .overview {
        left: auto;
    }

    #charterFlight #scrollbar2 .overview {
        right: auto;
    }

    #charterFlight #scrollbar1 .viewport {
        left: auto;
    }

    #charterFlight #scrollbar2 .viewport {
        right: auto;
    }

    /************bestSuggestion***********/
    #bestSuggestion #slideshow-bestSuggestion .next-slider-bestSuggestion {
        left: -15px;
    }

    #bestSuggestion #slideshow-bestSuggestion .prev-slider-bestSuggestion {
        right: -15px;
    }

    /*********** bestsellerDestinations *******/
    #bestsellerDestinations .fixCenterBox {
        width: 77.77%;
    }

    #bestsellerDestinations #slideshow .controlSlider div.rightMo {
        right: 13%;

        -webkit-transform: scale(0.8);

        transform: scale(0.8);
    }

    #bestsellerDestinations #slideshow .controlSlider div.leftMo {
        left: 13%;

        -webkit-transform: scale(0.8);

        transform: scale(0.8);

    }

    /***** ourService *******/
    #ourService .oSBox {
        top: 0 !important;
        right: 0 !important;
    }

    #ourService .oSBox .borderBox {
        width: 100px;
        height: 100px;
    }

    #ourService .oSBox .borderBox:before {
        width: 115px !important;
        height: 115px !important;
        border-radius: 65px !important;
        left: -7.5px !important;
        top: -7.5px !important;
    }

    #ourService .oSBox .borderBox:after {
        width: 130px !important;
        height: 130px !important;
        border-radius: 65px !important;
        left: -15px !important;
        top: -15px !important;
    }

    #ourService .boatIsland-2,
    #ourService .boatIsland-1 {
        display: none;
    }

    /*** footer ***/
    #footer .rightBox:after {
        display: none;
    }

    #footer .joinToNewsletter form .form-group {
        width: 100% !important;
    }

    #footer .joinToNewsletter form input,
    #footer .joinToNewsletter form button.register {
        width: 100% !important;
    }

    #footer .joinToNewsletter form,
    #footer .aboutGolfam {
        display: none;
    }

    .fixSpaceForImage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 100%;
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%;
        margin-bottom: -50px;
    }



    .formMainHotel .inputBox {
        margin-bottom: 5px;
    }



}

@media (max-width : 785px) {
    /*#bestsellerDestinations #slideshow .controlSlider div:first-child{*/
    /*right: 5% ;*/
    /*}*/
    /*#bestsellerDestinations #slideshow .controlSlider div:last-child{*/
    /*left: 5% ;*/
    /*}*/
}

@media (max-width : 768px) {

    /****** header *****/
    header #nav-tabContent #nav-flightOuter form>.input-group {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-top: 5px;
    }

    header #nav-tabContent #nav-flightInner form>.input-group {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-top: 5px;
    }

    header .headerBoxCenter .tabsHeader .nav-tabs .nav-link i {
        display: none;
    }
    header #nav-tabContent #nav-flightHotel form > .input-group{
        flex: 0 0 100%;
    }
    header #nav-tabContent #nav-bank-facilities form > .input-group,
    header #nav-tabContent #nav-tour form > .input-group{
        flex: 0 0 100%;
    }
    header #nav-tabContent #nav-bank-facilities .journeyType,
    header #nav-tabContent #nav-tour .journeyType,
    header #nav-tabContent #nav-reserveHotel .journeyType{
        width: 100%;
    }
    header .headerBoxCenter .tabsHeader .nav-tabs .nav-link {
        padding: 0 10px 0 10px;
        height: 42px;
        line-height: 38px;
    }

    header .headerBoxCenter .tabsHeader .nav-tabs .nav-link.active {
        height: 50px;
    }

    header .designCircle {
        display: none;
    }

    header .headerBoxCenter {
        margin: 45px auto;
    }

    header .headerBoxCenter>h2 {
        display: none;
    }
    header nav.mainNav .navbar-brand div.bg-logoHeader {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        margin-left: -10px;
    }

    /* form#tour_search .input-group,
    form#tour_search .form-control,
    form#tour_search button.btn {
        flex:0 0 90%
    } */
    form#bank_facilities_search .form-control input,
    form#tour_search .form-control input,
    form#formMainHotel .form-control input{
        width: 50%;
        padding: 0 10px;
    }
    .filtersBtn .btn:nth-child(1),
    .filtersBtn .btn:nth-child(3){
        border-right:none !important;
    }
    /******************/
    /************bestSuggestion***********/
    #bestSuggestion #slideshow-bestSuggestion .next-slider-bestSuggestion {
        left: 0;
    }

    #bestSuggestion #slideshow-bestSuggestion .prev-slider-bestSuggestion {
        right: 0;
    }

    /********charterFlight************/
    #charterFlight .rangeSliderBox.rightSlider {
        right: 5%;
    }

    #charterFlight .rangeSliderBox.leftSlider {
        left: 5%;
    }

    /*********** bestsellerDestinations *******/
    #bestsellerDestinations .fixCenterBox {
        width: 100%;
    }

    #bestsellerDestinations #slideshow .controlSlider div:first-child {
        right: 4%;
        -webkit-transform: scale(0.7);
        transform: scale(0.7);

    }

    #bestsellerDestinations #slideshow .controlSlider div:last-child {
        left: 4%;
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    #bestsellerDestinations #slideshow .tl-hover ul {
        font-size: 0.6em;
    }


    /*******/
    #ourService:after {
        display: none;
    }
}

@media (max-width : 576px) {
    form#bank_facilities_search .input-group,
    /* form#bank_facilities_search .form-control, */
    form#bank_facilities_search button.btn.btn-primary,
    form#tour_search .input-group,
    /* form#tour_search .form-control, */
    form#tour_search button.btn.btn-primary,
    form#formMainHotel .input-group,
    /* form#formMainHotel .form-control, */
    form#formMainHotel button.btn.btn-primary {
        flex:0 0 100% !important;
        /* overflow-x: hidden; */
    }
    .switchPath .btn-toggle, .switch-button-search-type .btn-toggle{
        width: 250px;
    }
    form#formMainHotel .typeahead
    form#formMainHotel input.typeahead.form-control{
        overflow: visible;
    }
    form#bank_facilities_search{
        top:25px !important;

    }
    form#tour_search{
        top:25px !important;

    }
    #bank_facilities_search > button.btn-colorful{
        margin:2px 0;
    }
    #tour_search > button.btn-colorful{
        margin:2px 0;
    }

    #charterFlight .wheelSlider .wheelSliderElements ul li {
        width: 350px;
    }

    #charterFlight .wheelSlider .wheelSliderElements ul li .description {
        width: 270px;

    }

    #charterFlight .wheelSlider .wheelSliderElements ul li .imgWheel {
        right: 15px;
    }

    #charterFlight .wheelSliderElements .fixSpace .dateInfo span:nth-of-type(2),
    #charterFlight .wheelSliderElements .fixSpace .dateInfo span:nth-of-type(3),
    #charterFlight .wheelSliderElements .fixSpace .dateInfo i {
        display: none;
    }


    #charterFlight .wheelSlider .wheelSliderElements-2 ul li {
        width: 350px;
    }

    #charterFlight .wheelSlider .wheelSliderElements-2 ul li .description {
        width: 270px;

    }

    #charterFlight .wheelSlider .wheelSliderElements-2 ul li .imgWheel {
        left: 15px;
    }

    #charterFlight .wheelSliderElements-2 .fixSpace .dateInfo span:nth-of-type(2),
    #charterFlight .wheelSliderElements-2 .fixSpace .dateInfo span:nth-of-type(3),
    #charterFlight .wheelSliderElements-2 .fixSpace .dateInfo i {
        display: none;
    }

}







/************************/
.hotel_image img {
    width: 267px;
    height: 267px;
}

header #nav-tabContent #nav-flightOuter .typeahead.form-control,
#ticket_search_frg .typeahead.form-control {
    padding-right: 56px;
    width: 200px;
    direction: rtl;
    font-family: "iranyekanwebregular", "robotoregular", sans-serif;
    font-size: 0.9em;
    background: none !important;
}

#ticket_search_frg .typeahead.form-control {
    padding-right: 30px;
}

.typeahead_flight_go,
.typeahead_flight_ret {
    border-radius: 5px !important;
}

header .headerBoxCenter .tab-content>.active,
header .headerBoxCenter .tabsHeader .nav-tabs .nav-link {
    opacity: 1;
}

header .headerBoxCenter .tab-content>.active,
header .headerBoxCenter .tabsHeader .nav-tabs .nav-link {
    animation-name:showHiddenTab;
    animation-duration:0.5s;
    animation-fill-mode: forwards;
}
@keyframes showHiddenTab{
    0%{display:none; opacity:0;}
    1%{display:block; opacity:0;}
    100%{display:block; opacity:1;}
}

.tt-suggestion,
.typeahead-empty-message {
    line-height: 1em;
    /*padding: 15px 20px;*/
    font-size: 13px;
    font-size: 1em;
    /*border-bottom: 1px solid #e6e6e6;*/
    background-color: #FFFFFF;
    /*color: #808080;*/
    cursor: pointer;
    margin-left: -10px !important;
    margin-right: -10px !important;
    position: relative;
    color: #363636;
}

.tt-suggestion i,
.typeahead-empty-message i {
    color: #929292;

}
.city_suggest .fa-map-marker{
    position: relative;
}
.city_suggest .fa-map-marker:before{
    font-size:15px;
    top: 2px;
    position: relative;
}
.city_suggest .fa-map-marker:after{content:'';position:absolute;top: 6px;right: 4px;width:4px;height:4px;background: #eaeaea;border-radius:3px;z-index: 2;}

p.tt-suggestion,
p.typeahead-empty-message {
    margin: 0 0 0px;
}

.tt-suggestion .airport_suggest:hover:after {
    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    background: #d88383;
    z-index: -1;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.tt-suggestion .airport_suggest:hover:before {
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0;
    width: 100%;
    position: absolute;
    background-repeat: repeat-x;
    height: 4px;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(50%, #d88383), to(#d88383)), -webkit-gradient(linear, left top, right top, from(#ec9194), to(#ec9194));
    background-image: linear-gradient(90deg, transparent, transparent 50%, #d88383 50%, #d88383 100%), linear-gradient(90deg, #ec9194, #ec9194);
    background-size: 20px 3px, 100% 3px;
    border: none;
    right: 0;
    z-index: 2;
}

p.tt-suggestion strong {
    position: relative;
}

.tt-suggestion .airport_suggest:hover {
    background-color: #ec9194;
    color: #fff;
    z-index: 2;
}
#ticket_search_frg .tt-suggestion:hover:before, #ticket_search_frg .tt-suggestion:hover:after{display:none;}

.fa_name {
    /*display: block;*/
    margin-bottom: 10px;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    direction: ltr;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;

}

.fa_name i {
    color: #b6b6b6 !important;
    margin-left: 10px;
}

.iata_code {
    border-left: 1px solid #363636;
}

.en_name {
    float: left;
    /*color: #363636;*/
    margin-right: 23px;
}

span.airport_suggest {
    /*background: red;*/
    display: block;
    /*padding-right: 15px;*/
    padding: 10px 35px 10px 15px;
    height: 53px;
    position: relative;
    color: #363636;
}

span.airport_suggest .fa_name{
    height: 14px;
    font-size: 12px;
    font-family: "iranyekanwebbold";
    line-height: 14px;
    margin: 0px 0 4px;
}
span.airport_suggest .iata_code{
    margin-right: 23px;
    float:right;
    font-size: 13px;
    line-height: 12px;
    padding: 3px 0 0 4px;
    font-weight: normal;
}
.tt-suggestion:hover span.airport_suggest .iata_code{
    border-left:1px solid white;
}
span.airport_suggest .en_name{float:right;margin-right: 9px;font-weight: normal;font-size: 11px;margin: 3px 6px 0 0;}

span.airport_suggest .fa-plane:before{
    content:'';
    background: url(/new_theme/images/ui/control-tower.svg) no-repeat bottom;
    width: 13px;
    height: 28px;
    display: block;
    background-size: 13px auto;
    position: absolute;
    top: 2px;
    right:0;
    opacity:1;
}
span.airport_suggest .fa-plane{
    position:relative;
    width: 13px;
    z-index: 2;
}
span.airport_suggest .fa-plane:after{
    content:'';
    background: url(/new_theme/images/ui/control-tower.svg) no-repeat 0px 1px;
    width: 13px;
    height: 30px;
    display: block;
    background-size: 13px auto;
    position: absolute;
    top: 1px;
    right:0;
    opacity:0;
}
.tt-suggestion:hover span.airport_suggest .fa-plane:before{
    opacity:0;
}
.tt-suggestion:hover span.airport_suggest .fa-plane:after{
    opacity:1;
}

.city_suggest {
    display: block;
    padding: 13px 20px 17px;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    font-size: 14px;
    line-height: 16px;
    font-family: "iranyekanwebbold";
    color: hsl(0, 0%, 20%);
    direction: rtl;
}

/*.city_suggest:hover {
    background: #ec9194;
    border-bottom: 1px solid #eb7074;
    border-top: 1px solid #eb7074;
}*/

.twitter-typeahead {
    width: 100%;

}

.tt-dropdown-menu {
    text-align: right;
}

.tt-menu {

    right: 0;
    left: unset !important;
    /*right: 100px;*/
    /*
width: 98%;
*/
    margin-right: 1%;
    margin-left: 1%;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
    /*left:-72px !important;*/
    margin-top: 5px;
    /*-webkit-box-shadow: 0px 1px 5px 1px rgba(232,30,30,1);*/
    /*-moz-box-shadow: 0px 1px 5px 1px rgba(232,30,30,1);*/
    /*box-shadow: 0px 1px 5px 1px rgba(232,30,30,1);*/

    -webkit-box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.22);

}

.tt-menu {
    max-height: 250px;
    overflow-y: auto;
    min-width: 100%;
}

/***************/
.pwt-mobile-view {
    top: 0 !important;
    left: 0 !important;
}

#b2c_login_area {
    color: rgba(204, 102, 51, 1);
}

.mCSB_3_scrollbar{z-index: 2;}

/*.ul-over-sc{*/
/*max-height: 300px;*/
/*overflow-x: auto;*/
/*}*/

.toggle-switch{border: 1px solid #b6b6b6;padding: 2px 2px;border-radius: 20px;display: inline-table;table-layout: fixed;position:relative;height: 39px;cursor: pointer;}
.toggle-switch span{padding: 7px 15px;display: table-cell;line-height: 21px;font-size: 13px;z-index:1;width: 50%;position:relative;transition: 0.3s all;-webkit-transition:0.3 all;}
.toggle-switch[data-selected="first"] span:first-child{color:white;}
.toggle-switch[data-selected="second"] span:last-child{color:white;}
.toggle-switch:before{content:'';background:#ec3237;position:absolute;top:2px;bottom:2px;width: 50%;margin-right: 0;right:2px;border-radius:20px;z-index:0;transition: 0.3s all;-webkit-transition:0.3 all;}
.toggle-switch[data-selected="second"]:before{right:50%;margin-right: -2px;}

#nav-travelPackage .toggle-switch{margin: 0 0 0 35px;position:relative;top: 15px;}

.nowruz_link{position:relative;display: block;padding: 10px 20px;top: 15px;flex: unset;max-width: unset;z-index: 0;width: 543px;margin: auto;}
.nowruz_link.small{width:370px; display: inline-block;}
.nowruz_link:before{content:'';position:absolute;border-radius:40px;left: 0;right: 0;top:0;bottom:0;z-index: -2;background:rgb(247, 40, 194);background:-webkit-gradient(linear, left top, right top, from(rgba(247, 40, 194, 1)), to(rgba(236, 50, 55, 1)));background: linear-gradient(to right, rgba(247, 40, 194, 1) 0%, rgba(236, 50, 55, 1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f728c2', endColorstr='#ec3237', GradientType=1);}
.nowruz_link:after{content:'';position:absolute;border-radius:40px;left: 1px;right: 1px;top:1px;bottom:1px;z-index: -1;background:white;}
/*.nowruz_link:after{content:'';position:absolute;border-radius:40px;left: 0;right: 0;top:0;bottom:0;z-index: -2;
    border-width: 2px;
    border-style: solid;
    -webkit-border-image:
      -webkit-gradient(linear, 100% 0, 0 0, from(rgb(247, 40, 194)), to(rgba(236, 50, 55, 1))) 1 100%;
    -webkit-border-image:
      -webkit-linear-gradient(right, rgb(247, 40, 194), rgba(236, 50, 55, 1)) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(right, rgb(247, 40, 194), rgba(236, 50, 55, 1)) 1 100%;
    -o-border-image:
      -o-linear-gradient(right, rgb(247, 40, 194), rgba(236, 50, 55, 1)) 1 100%;
    border-image:
      linear-gradient(to right, rgb(247, 40, 194), rgba(236, 50, 55, 1)) 1 100%;
    }
*/

.nowruz_link+div, .nowruz_link+form{margin-top: 35px;margin-bottom: 10px;}
[ismobile="true"] .nowruz_link{width:100%;padding: 10px;}
[ismobile="true"] .nowruz_link a{padding: 0 20px;text-align: center;}
[ismobile="true"] .nowruz_link+div, [ismobile="true"] .nowruz_link+form{margin-top: 35px;margin-bottom: 0px;}
.nowruz_out a{display:block;position:relative;}
.nowruz_out a:before{content: '';position: absolute;width: 34px;height: 34px;top: -3px;right: 50px;border-radius: 16px;background: url(/new_theme/images/ui/sprite_general/forAllPages.png) 383px 38px;z-index: 2;}
.nowruz_out a:after{content: '';position: absolute;width: 34px;height: 34px;top: -3px;left: 50px;border-radius: 16px;background: url(/new_theme/images/ui/sprite_general/forAllPages.png) 383px 38px;z-index: 2;}

@media (max-width : 1280px) {
    .nowruz_out a:before{right: 0px;}
    .nowruz_out a:after{left: 0px;}
}

/**************BSDmobile************/
.BSDmobileBox {
    position: relative;

    margin: 0 auto;
}

.BSDmobile {
    display: none;
    direction: ltr;
    margin: 0 auto;
    overflow: hidden;
}

.tl-describe-mo {
    position: absolute;
    width: 80%;
    height: 35px;
    line-height: 35px;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #ffffff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 25px 17.5px 17.5px 0;
    -webkit-transition: opacity ease 1s;
    transition: opacity ease 1s;
    font-size: 0.9em;

    background: rgba(210, 153, 154, 0.68);
    bottom: 15px;
    text-align: center;
}

.tl-avatar-mobile {
    max-width: 250px;
    /*height: 80%;*/
    margin: 20px auto;
    position: relative;
    top: 0;
    background: grey;
    border-radius: 5px;

    overflow: hidden;
}

.tl-title-mo {
    background: #fff;
    width: 45%;
    font-weight: bold;
    font-size: 0.8em;
    border-radius: 25px 17.5px 17.5px 0;
    color: #2d2d2d;
}

.tl-hover-mo {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    margin: 0 auto;
    top: 0;
    z-index: 6;
    opacity: 0;
    color: #ffffff;
    padding: 10px;
    border-radius: 5px;
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
}

.tl-avatar-mobile>a {
    height: 100%;
    display: block;
}

.tl-avatar-mobile>a {
    color: #ec6468;
    text-decoration: none;
}

.tl-avatar-mobile:hover .tl-hover-mo {
    opacity: 1;

    font-family: "iranyekanwebbold", "robotobold", sans-serif;

    background: rgb(112, 82, 67);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(112, 82, 67, 0.78)), to(rgba(228, 166, 135, 0.78)));
    background: linear-gradient(to bottom, rgba(112, 82, 67, 0.78) 0%, rgba(228, 166, 135, 0.78) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#705243', endColorstr='#e4a687', GradientType=0);
}

.tl-avatar-mobile:hover .tl-describe-mo {
    opacity: 0;
}

.tl-cost-mo {
    width: 55%;
    color: #ffffff;
    font-size: 0.9em;
}

.tl-hover-mo ul {
    list-style: none;
    border: 2px solid #ffffff;
    background: rgba(0, 0, 0, 0.23);
    padding: 5px 10px 5px;
    width: 95%;
    margin: 0 auto;
    margin-top: 15px;
    text-align: right;
    border-radius: 5px;
    font-size: 0.8em;
}

.tl-hover-mo .tl-hoverInfo-mo img {
    width: 35px;
    height: 35px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
}

.tl-hover-mo .tl-hoverInfo-mo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
    padding: 0 15px 0 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tl-avatar-mobile .tl-hover-mo .ulRole li span:first-of-type {
    margin-left: 10px;
    width: 50px;
    display: inline-block;
}

.BSDmobileBtn {
    position: absolute;
    bottom: 50%;
    width: 100%;
    display: none;
}

.prev-BSDmobile,
.next-BSDmobile {
    background: none;
    cursor: pointer;
    border: none;
    position: absolute;
    color: #acacac;
}

.BSDmobileBtn .disabled {
    opacity: 0.3;
}

.BSDmobileBtn .prev-BSDmobile {
    left: 0;
}

.BSDmobileBtn .next-BSDmobile {
    right: 0;
}

@media (max-width : 768px) {
    #bestsellerDestinations {
        display: none;
    }

    .BSDmobile,
    .BSDmobileBtn {
        display: block;
    }
}

/************** fix responsive ****************/
@media (max-width : 768px) {
    #ourService .oSBox {
        display: block;
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset;
        -ms-flex-wrap: unset;
        flex-wrap: unset;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
    }

    #ourService .oSBox .borderBox {
        margin: 0 auto;
    }

    #ourService .oSBox section {
        width: auto;
        -ms-flex-preferred-size: unset;
        flex-basis: unset;
        margin: 10px auto 50px auto;
    }

    #ourService .oSBox h4 {
        margin: 20px 0;
        text-align: center;
    }
}

/**************************dd_scroll******************************/
.dropdown-submenu .dd_scroll {
    right: 69% !important;
    top: 2% !important;
    padding: 10px;
}

.dd_scroll {
    padding: 10px !important;
    padding-left: 0px !important;
    padding-right: 2px !important;
}

.dd_scroll .mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    min-height: unset;
}

/***** hotel search form ****************/
.formMainHotel {
    position: relative;

    z-index: 2;
}

.formMainHotel#formMainHotel .inputBox i.fixIcon{
    left:15px;
}

.formMainHotel .form-control:focus {
    border: 1px solid #bdc9ce;
}

.formMainHotel span.twitter-typeahead {
    display: block !important;
}

.formMainHotel span.twitter-typeahead p.tt-suggestion.tt-selectable {
    padding: 15px 5px;
}

.formMainHotel span.twitter-typeahead .tt-menu {width: 100%;margin: 5px 0 0;border-radius: 4px;overflow: hidden;border: 1px solid #cdd3d9;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.15);background: rgb(255, 255, 255);}
.formMainHotel span.twitter-typeahead .tt-menu {overflow-y: visible;}
.formMainHotel span.twitter-typeahead .tt-dataset{border:none;text-align: left;width:100%;direction: rtl;padding: 0 20px;}
.formMainHotel span.twitter-typeahead .tt-dataset p:not(:last-child){border-bottom: 1px solid #eaeaea;}
.formMainHotel span.twitter-typeahead .tt-dataset p strong{font-size:13px; font-weight:normal;}

.inputBox input {
    position: relative;
    font-size: inherit;
    /*border:0;*/
    text-align:right;

}


.inputBox i.fixIcon {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #ec3237;
    z-index: 1;
}

.inputBox input:focus {
    background: #FFFFFF;
}


.ageChildTitle {
    text-align: center;
    font-size: 0.8em;
    margin-top: 20px;
}

.ageChildBox {
    border: 1px dashed #dddddd;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 2px 0 5px 0;
    width: 90%;
    margin: 15px auto;
    font-weight: bold;
}

/*****************passengerInfo******************/
.formMainHotel .passengerInfo {
    display: none;
    top: 50px;
    background: #FFFFFF;
    position: absolute;
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    padding: 15px;
    z-index: 10;

    width: 140%;
    right: 0;
}

.bank_facilities_search .passengerInfo .input-group-btn button ,
.tour_search .passengerInfo .input-group-btn button ,
.flighthotel_search .passengerInfo .input-group-btn button ,
.formMainHotel .passengerInfo .input-group-btn button {
    width: 21px;
    height: 21px;
    font-size: 0.7em;
    line-height: 20px;
    padding: 1px 0 0;
    border: 1px solid #ec3237;
    background: transparent;
    color: #ec3237;
}

.bank_facilities_search .passengerInfo .input-group-btn button:enabled:hover ,
.tour_search .passengerInfo .input-group-btn button:enabled:hover ,
.flighthotel_search .passengerInfo .input-group-btn button:enabled:hover ,
.formMainHotel .passengerInfo .input-group-btn button:enabled:hover {
    background: #ec3237;
    color: #FFFFFF;
}

.bank_facilities_search .passengerInfo .input-group-btn button:disabled ,
.tour_search .passengerInfo .input-group-btn button:disabled ,
.flighthotel_search .passengerInfo .input-group-btn button:disabled ,
.formMainHotel .passengerInfo .input-group-btn button:disabled {
    background: #d4d4d4;
    color: #FFFFFF;
    border: none;
}

.bank_facilities_search .passengerInfo input ,
.tour_search .passengerInfo input ,
.flighthotel_search .passengerInfo input ,
.formMainHotel .passengerInfo input {
    cursor: default;
    width: 25px;

    text-align: center;
    border: none;
    /*font-size: 0.8em;*/
    position: relative;
    /*top: 2px;*/
    font-family: "iranyekanwebbold", "robotobold", sans-serif;
    padding: 0;
}

.passengerInfo .input-max-width {
    max-width: 15px;
}


.formMainHotel .adultsClass,
.kidsClass {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.passengerInfo>.kidsClass,.passengerInfo>.adultsClass,.passengerInfo>.babyClass {margin-bottom:0;position:relative;display: inline-block;width: 100%;min-height: 36px;}
.passengerInfo>.kidsClass>.titleClass,.passengerInfo>.adultsClass>.titleClass,.passengerInfo>.babyClass>.titleClass{float:right;}
.passengerInfo>.kidsClass>.titleClass+div,.passengerInfo>.adultsClass>.titleClass+div,.passengerInfo>.babyClass>.titleClass+div{float:left;}
.passengerInfo>.kidsClass>.titleClass i,.passengerInfo>.adultsClass>.titleClass i,.passengerInfo>.babyClass>.titleClass i{margin-left:5px;top:3px; position:relative;}

.formMainHotel .kidsClass {
    margin: 0;
}


#nav-bank-facilities .passengerInfo .adultsClass span:not(:first-child),
#nav-bank-facilities .passengerInfo .kidsClass span:not(:first-child),
#nav-tour .passengerInfo .adultsClass span:not(:first-child),
#nav-tour .passengerInfo .kidsClass span:not(:first-child)
{
    flex: 0 0 5%;
}
#nav-bank-facilities .passengerInfo .adultsClass .input-number,
#nav-bank-facilities .passengerInfo .kidsClass .input-number,
#nav-tour .passengerInfo .adultsClass .input-number,
#nav-tour .passengerInfo .kidsClass .input-number
{
    flex: 0 0 13%;
}
#nav-bank-facilities .passengerInfo .adultsClass .titleClass,
#nav-bank-facilities .passengerInfo .kidsClass .titleClass,
#nav-tour .passengerInfo .adultsClass .titleClass,
#nav-tour .passengerInfo .kidsClass .titleClass
{
    flex: 0 0 60%;
}

.formMainHotel .titleClass {
    text-align: right;
    cursor: default;
    font-size: 0.8em;
}

.formMainHotel .titleClass.disabled {
    color: #aeaeae !important;
}

.formMainHotel .passengerInfo input.disabledInput {
    color: #d4d4d4;
}

.formMainHotel .adultsClass:after {
    content: '';
    background: #d4d4d4;
    height: 1px;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}

/************************************/
/*********************MegaMenu start**************************/
.mega-menu-shadow {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(0, 0, 0, 0.1)));
    background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
    position: absolute;
    right: 0;
    top: 62px;
    width: 20%;
    height: 86%;
    padding: 10px;
    z-index: -100;
    display: block;
    border-left: solid 1px #f0f0f0;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: transparent;
    border: none;
    color: black;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show {
    color: #787878;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.megaMenu>ul {
    margin-top: 0 !important;
}

.megaMenu ul li {
    border: none;
}

.mega-menu-item {
    color: #3d3d3d;
    display: inline-block;
    width: 100%;
    margin-left: 80px;
    margin-right: 20px;
    line-height: 268%;
    padding-bottom: 2px;
}

.mega-menu-item li {
    display: inline-block;
}

.mega-menu-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    overflow: hidden;
}

.mega-subMenu-final {
    margin-top: 10px;
    bottom: 0;
    left: 0px;
    width: 77%;
    top: 62px;
    position: absolute;
    height: 75%;
    font-size: 0.8em;
}

.mega-subMenu-final div {
    display: none;
    width: 100%;
}

.mega-subMenu-final div:nth-child(1) {
    display: inline-block;
}

.scrollMenu .mCustomScrollBox {
    top: 20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger {
    opacity: 0.3;
}

.twitter-typeahead .mCSB_scrollTools{z-index: 2;}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border: none;
}

.mega-menu-content a {
    position: relative;
    width: 44%;
    margin-right: 2%;
    display: inline-block;
}

.mega-menu-content a:hover:after {
    content: '';
    background: black;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 5%;
}

.mega-menu-item i {
    -webkit-transition: all ease 0.1s;
    transition: all ease 0.1s;
    color: #ed6578;
}

.mega-menu-content a:hover * {
    font-family: "iranyekanwebbold", "robotoboldest", sans-serif;
}

.mega-menu-content a:hover ul li {
    font-size: 0.9rem;
}

.mega-menu-content a ul i {
    margin-top: 5px;
    margin-right: 3px;
}

.mega-menu-content a:hover ul i {
    font-size: 1.6rem;
}

header nav.mainNav .dropdownBox {
    display: none;
}

.mega-menu-content a:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.mega-subMenu-final img {
    width: 7%;
    height: 15%;
    left: -7px;
    top: 20px;
    position: absolute;
}

.megaMenu .nav {
    z-index: 99999;
    background: white;
}

.mega-tabs-fix a {
    position: relative;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.mega-tabs-fix a:after {
    content: '';
    background: #bfbfbf;
    position: absolute;
    bottom: 0;
    width: 42px;
    height: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.dropdownBox .nav-tabs .nav-link {
    border: none;
}

.mega-tabs-fix .active:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f769d3+0,ec6468+100 */
    background: rgb(247, 105, 211);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 105, 211, 1)), to(rgba(236, 100, 104, 1)));
    background: linear-gradient(to right, rgba(247, 105, 211, 1) 0%, rgba(236, 100, 104, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f769d3', endColorstr='#ec6468', GradientType=1);
    /* IE6-9 */
}

.mega-tabs-fix .active {
    font-weight: bold;
}

header nav.mainNav .mega-scroll-iteme {
    position: relative;
    display: block;
    height: 45px;
    line-height: 45px;
    margin: 2px;
    width: 175px;
    text-align: right;
    padding-right: 15px;
    background: transparent;
    color: #3d3d3d;
    font-size: 0.8em;
    border-radius: 25.5px 0 0 25.5px;
}

header nav.mainNav .mega-scroll-iteme:hover {
    color: #FFFFFF;
    text-decoration: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f769d3+0,ec6468+100 */
    background: rgb(247, 105, 211);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 105, 211, 1)), to(rgba(236, 100, 104, 1)));
    background: linear-gradient(to right, rgba(247, 105, 211, 1) 0%, rgba(236, 100, 104, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f769d3', endColorstr='#ec6468', GradientType=1);
    /* IE6-9 */
    margin-left: 30px;
    width: 205px;
    border-radius: 25.5px 0 0 25.5px;
    -webkit-transition: width ease 0.5s;
    transition: width ease 0.5s;
    -webkit-transition: ease 0.5s;
    transition: ease 0.5s;

    font-family: "iranyekanwebbold", "robotobold", sans-serif;

    font-size: 0.9rem;
}

header nav.mainNav .mega-scroll-iteme.hoverItem {
    color: #FFFFFF;
    text-decoration: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f769d3+0,ec6468+100 */
    background: rgb(247, 105, 211);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 105, 211, 1)), to(rgba(236, 100, 104, 1)));
    background: linear-gradient(to right, rgba(247, 105, 211, 1) 0%, rgba(236, 100, 104, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f769d3', endColorstr='#ec6468', GradientType=1);
    /* IE6-9 */
    margin-left: -30px;
    border-radius: 25.5px 0 0 25.5px;
    -webkit-transition: margin ease 0.5s;
    transition: margin ease 0.5s;
}

.mainNav .navbar-nav .special .nav-link { padding-right: 54px; position: relative; z-index: 1; }
.mainNav .navbar-nav .special .nav-link:before { content: ''; position: absolute; width: 34px; height: 34px; right: 10px; border: 1px solid white; border-radius: 16px; background: url(/new_theme/images/ui/sprite_general/forAllPages.png) 420px 38px; z-index: 2; }

.mainNav .navbar-nav .special.sQatar .nav-link:before {
    content: '';
    position: absolute;
    width: 34px;
    height: 34px;
    right: 10px;
    border: 1px solid white;
    border-radius: 16px;
    background: url(/new_theme/images/ui/golfam-ghatar-2022_thump.png) center center;
    z-index: 2;
}

.mainNav .navbar-nav .special .nav-link:after {content: '';position: absolute;height: 35px;right: 36px;top: 0px;left: -2px;border: 2px solid white;border-radius: 21px;z-index: -1;}
.justMenu .mainNav .navbar-nav .special .nav-link:before{transform:scale(0.7);-webkit-transform:scale(0.7);right:17px;}
video.loaded~.container .mainNav .navbar-nav .special .nav-link:after{background: rgba(255,255,255,0.3);}
video.loaded~.container .mainNav .navbar-nav .special:hover .nav-link:after, .mainNav .navbar-nav .special:hover .nav-link:after { background: rgb(247, 105, 211); background: -webkit-gradient(linear, left top, right top, from(rgba(247, 105, 211, 1)), to(rgba(236, 100, 104, 1))); background: linear-gradient(to right, rgba(247, 105, 211, 1) 0%, rgba(236, 100, 104, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f769d3', endColorstr='#ec6468', GradientType=1); }
[ismobile="true"] .mainNav .navbar-nav .special .nav-link:before{top: 5px;}
[ismobile="true"] .mainNav .navbar-nav .special .nav-link:after{top: 5px; width: 147px;}

/*********************MegaMenu end**************************/

.direction-rtl {
    direction: rtl !important;
}


/* information attention box */
.placeInfoAtt {
    background-image: linear-gradient(#fff, #fff),
        linear-gradient(45deg, #0001, #32e2ec);
    border-radius: 30px 0 30px 0;
    -webkit-border-radius: 30px 0 30px 0;
    -moz-border-radius: 30px 0 30px 0;
    -ms-border-radius: 30px 0 30px 0;
    -o-border-radius: 30px 0 30px 0;
    padding: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    margin: 10px 0;
    position: relative;
}

.placeInfoAtt::after {
    content: '';
    right: 0;
    bottom: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #32e2ec;
    position: absolute;
    display: block;
}

.placeInfoAtt>span {
    position: relative;
    border-radius: 30px 0 30px 0;
    -webkit-border-radius: 30px 0 30px 0;
    -moz-border-radius: 30px 0 30px 0;
    -ms-border-radius: 30px 0 30px 0;
    -o-border-radius: 30px 0 30px 0;
    background: repeating-linear-gradient(135deg, #fff, #fff 3px, #ebebeb 6px, #ebebeb 5px);
    padding: 4px;
    margin: 6px;
    display: block;
}

.placeInfoAtt span>a {
    color: #000 !important;
}

.placeInfoAtt span>a:hover {
    color: #ec6468 !important;
}

.placeInfoAtt span a>i {
    color: #8bd6de;
}


/* information attention box */
/* Port BOLG */
.portBlog {
    background: #fff;
    margin-bottom: 230px;
    padding: 0
}

.portBlog * {
    max-width: 100% !important;
    font-family: "iranyekanweblight",
        "robotolight",
        sans-serif !important;
}

.portBlog .fixBackground.fbWhite {
    -webkit-filter: brightness(2);
    filter: brightness(2);
    position: relative;
}

/*******/
.portBlog .titleBlog {
    margin: 40px;
}

.portBlog .titleBlog h2 {
    font-size: 1em !important;
}

/*******/
.portBlog .infoBlog {
    color: #2c2b2b;
    margin-bottom: 30px;
}

.portBlog .infoBlog i {
    color: #f769d3;
}

.portBlog .infoBlog a i {
    color: #32adec !important;
}

.portBlog .infoBlog a {
    color: #32adec !important;
    text-decoration: none;
}

/********/
.portBlog .blogContent {
    position: relative;
    cursor: default;
    margin-bottom: 150px;
    top: -80px;
    margin: auto;
}

.portBlog .blogContent h3 {
    color: #2c2b2b;
    font-family: "iranyekanwebbold", "robotobold", sans-serif;
    font-size: 1.1em !important;
    margin: 20px;
}

.portBlog .blogContent article {
    margin: 20px;
}

.portBlog .blogContent article h4 {
    color: #2c2b2b;
    font-size: 1em;
    font-family: "iranyekanwebbold", "robotobold", sans-serif;
}

.portBlog .blogContent article section {
    color: #434343;
    line-height: 30px;
    text-align: justify;
}

.portBlog .blogContent ul {
    padding-right: 15px;
    list-style: none;
    margin: 30px 0;
}

.portBlog .blogContent ul li {
    color: #939393;
    margin: 10px;
}

.portBlog .blogContent ul li i {
    color: #666666;
}

.portBlog .blogContent img {
    height: auto !important;
}


.bgcfix {
    background: #f9f9f9;
    margin-top: 72px;
    padding-bottom: 100px;
    margin-bottom: -250px;
}

.portBlog .bgcfix {
    background: #fff !important;
    margin-top: 72px;
    padding-bottom: 100px;
    margin-bottom: -250px;
}

.portBlog .blogContent article header {
    height: unset !important;
    background: unset !important;
    /* -webkit-background-size: cover; */
    /* background-size: cover; */
    /* padding-top: 15px; */
    min-height: unset !important;
    background-size: unset !important;
    /* background-position: bottom !important; */
    background-position: unset !important;
    background: unset !important;
    background-size: unset !important;
}

#footer .whiteBg{background: white; padding: 10px 0; border-radius: 7px;}
#footer .fifty{width:50%;float: left;padding:2px;box-sizing: border-box;}
#footer .fifty img{width:100%;height:100px;margin: 0;}
#footer .autoHeight {height: 150px;position:relative;z-index:1;}
#footer .autoHeight img{height: auto;padding:10px;position:absolute;top:0;bottom:0;margin:auto;width:96%; left:0; right:0}
#footer .autoHeight:before{content:'';position:absolute;top:2px;bottom:2px;left:2px;right:2px;background:white;z-index:-1;border-radius:7px}

#bestsellerDestinations+#ourService{margin-bottom: 0 !important;}
#ourService canvas[id*="water"]{position:absolute;top:0;left:0;z-index: 0;}

#headerVideo{opacity:0;position:absolute;top:0;left:0;z-index:0;width:auto;min-height:100%;min-width:100%;transition:0.3s all;-webkit-transition:0.3s all;}
#headerVideo.loaded{opacity:1;}
#headerVideo.loaded+.shadow:before{content:'';position:absolute;left:0;top:0;bottom:0;right:0;background:black;z-index:0;opacity:0.15;}

@media (min-width: 1200px) {
    .portBlog .blogContent {
        max-width: 1140px !important;
    }
}

@media (min-width: 992px) {
    .portBlog .BlogContent {
        max-width: 960px !important;
    }
}

@media (min-width: 768px) {
    .portBlog .BlogContent {
        max-width: 720px !important;
    }

}

@media (min-width: 576px) {
    .portBlog .BlogContent {
        max-width: 540px !important;
    }

}

[ismobile="true"] #footer>.container>.row>.tour>.row>.col-4{max-width: 100% !important;width: 100% !important;display: block;flex: none;}
[ismobile="true"] #footer .tour{padding-top: 15px;}
[ismobile="true"] #footer .tour .row .col-4>h3{text-align:center;padding-bottom: 15px;border-bottom: 1px solid #ec3237;}
[ismobile="true"] header.justMenu .navbar-light .navbar-toggler{position:absolute;top: 9px;padding: 0px 3px;z-index: 2;}
[ismobile="true"] header.justMenu .navbar-light .navbar-toggler-icon{background: none !important;}
[ismobile="true"] header.justMenu .navbar-light .navbar-toggler-icon:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:16px; height:2px; background:#444; box-shadow:0 -5px 0 0 #444, 0 5px 0 0 #444;}
[ismobile="true"] header .topNav ul{top:0}
[ismobile="true"] header .topNav ul li a{float:right;clear:both;height: 20px;line-height: 20px;font-size: 0;}
[ismobile="true"] header .topNav ul li a span{font-size: 13px;}
[ismobile="true"] #footer .info-1 .leftsBoxImage .leftsBoxImageLogo{margin:auto;float: none;}
[ismobile="true"] #footer .info{border:none;top:-25px;}
[ismobile="true"] .topNav{position: relative;display: flex;right: 50px;width: 50%;top: 21px;padding: 0;z-index: 2;}
[ismobile="true"].index .topNav{top:25px; right:60px;}
[ismobile="true"].index header .navbar-light .navbar-toggler{position:absolute;top: 10px;right: 15px;padding: 2px 5px;z-index: 5;}
[ismobile="true"] header .headerBoxCenter .tabsHeader .nav-tabs .nav-link.active:first-child:after{display:none;}
[ismobile="true"] header .headerBoxCenter .tabsHeader .nav-tabs .nav-link.active:last-child:before{display:none;}
[ismobile="true"] header .headerBoxCenter .tabsHeader{width: 94%; overflow: auto; margin: auto;}
[ismobile="true"] header nav.mainNav #phonecall{left:0;top: 0;width: 205px;height: 61px;}

[ismobile="true"] #tour_search_index button{margin-top: 20px;}
[ismobile="true"] #ticket_search_frg .ticket_search_frg_btn,
[ismobile="true"] #ticket_search_domestic .ticket_search_domestic_btn,
[ismobile="true"] #ticket_search_frg .ticket_search_frg_btn{margin: 20px auto 0 !important;}
[ismobile="true"] #formMainHotel .hotel_search_btn{width: 100%;}
[ismobile="true"] #formMainHotel .hotel_search_btn{width: 100%;}
[ismobile="true"] #city_index_search{border: none; border-radius: 5px 0 0 5px;}
[ismobile="true"] #tour_search_index .input-group .input-group-prepend{margin-right:0px;border-radius: 0 2px 2px 0;overflow: hidden;}
[ismobile="true"] #domestice_departure_code, [ismobile="true"] #domestice_destination_code{border-radius:5px 0 0 5px !important;}
[ismobile="true"] .backArticleList, [ismobile="true"] .backNewsList{height:0; overflow: hidden; border-bottom: 1px solid #eaeaea;}

[ismobile="true"] .passengerInfo,
[ismobile="true"] .formSearch .passengerInfo{
    position:fixed !important;
    top: 0 !important;
    left:0 !important;
    right:0 !important;
    width:auto !important;
    bottom:0 !important;
    z-index: 10 !important;
    padding-top: 50px !important;
    border-radius: 0 !important;
    height: 100%;
    overflow: scroll;
}
[ismobile="true"] .passengerInfo .room-choose-passengerinfo {
    overflow: scroll;
    height: 100%;
}
[ismobile="true"] .passengerInfo .room-choose-passengerinfo .button-room-data-choose{
    position: fixed;
    background: #fff;
}
[ismobile="true"] .passengerInfo:before, [ismobile="true"] .formSearch .passengerInfo:before{display:none;}
[ismobile="true"] .passengerInfo>:first-child, [ismobile="true"] .formSearch .passengerInfo>:first-child{position:unset;}
[ismobile="true"] .passengerInfo>:first-child:before, [ismobile="true"] .formSearch .passengerInfo>:first-child:before{content:'';position:absolute;left:15px;top:20px;width:20px;height: 2px;background:#ec3237;z-index:1;transform:rotate(-45deg);}
[ismobile="true"] .passengerInfo>:first-child:after, [ismobile="true"] .formSearch .passengerInfo>:first-child:after{content:''; position:absolute; left:15px; top:20px; width:20px; height:2px; background:#ec3237;z-index:1; transform:rotate(45deg);}

[ismobile="true"] #footer .tour .titleHolder{display:table; width:100%; margin-bottom:15px;}
[ismobile="true"] #footer .tour .titleHolder h3{display:table-cell;padding: 8px 0;text-align: center;font-size: 20px !important;color:white;font-family: "iranyekanwebbold", "robotobold", sans-serif;transition:0.25s all;-webkit-transition:0.25s all;position: relative;}
[ismobile="true"] #footer .tour .titleHolder h3.active{color:#ec3237;position:relative;}
[ismobile="true"] #footer .tour .titleHolder h3:before{content:'';position:absolute;border-bottom: 2px solid white;left: 10px;right: 10px;bottom: 0;margin:auto;transition:0.25s all;-webkit-transition:0.25s all;}
[ismobile="true"] #footer .tour .titleHolder h3:after{content:'';opacity:0;position:absolute;border: 7px solid transparent; border-top:8px solid #ec3237;border-bottom:0; left:0px;right:0px;bottom:0;width: 0; margin:auto;bottom:-7px; transition:0.25s all; -webkit-transition:0.25s all;}
[ismobile="true"] #footer .tour .titleHolder h3.active:before{border-bottom-color: #ec3237;}
[ismobile="true"] #footer .tour .titleHolder h3.active:after{opacity:1;}
[ismobile="true"] #footer>.container>.row>.tour>.row>.col-4[data-index]:not(.active){display:none;opacity:0;}
[ismobile="true"] #footer>.container>.row>.tour>.row>.col-4[data-index].active{animation-name:showHiddenTab;animation-duration:0.25s; animation-fill-mode:forwards;}

[ismobile="true"] #footer .fixSpaceForImage {margin-bottom:-35px;}
[ismobile="true"] #footer .fixSpaceForImage .fifty{height: 140px;background: transparent !important;position:relative;z-index: 1;/* display: table; *//* vertical-align: middle; */text-align: center;}
[ismobile="true"] #footer .fixSpaceForImage .fifty:before{content:'';position:absolute;top:2px;bottom:2px;left:2px;right:2px;background:white;z-index:-1;border-radius:7px}
[ismobile="true"] #footer .fixSpaceForImage .fifty img{position: absolute;background: transparent;vertical-align: middle;left: 0;right: 0;top: 0;bottom: 0;margin: auto; height:auto; }

[ismobile="true"] #nav-travelPackage .toggle-switch{margin:0 0 20px; top:10px;}

@media (max-width: 768px) {
    #footer>.container>.row>.tour>.row>.col-4{max-width: 100% !important;width: 100% !important;display: block;flex: none;}
    #footer .tour{padding-top: 15px;}
    #footer .tour .row .col-4>h3{text-align:center;padding-bottom: 15px;border-bottom: 1px solid #ec3237;}
    header.justMenu .navbar-light .navbar-toggler{position:absolute;top: 9px;right: 0px;padding: 0px 3px;z-index: 2;}
    header.justMenu .navbar-light .navbar-toggler-icon{background: none !important;}
    header.justMenu .navbar-light .navbar-toggler-icon:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:16px; height:2px; background:#444; box-shadow:0 -5px 0 0 #444, 0 5px 0 0 #444;}
    header .topNav ul{top:0}
    header .topNav ul li a{float:right;clear:both;height: 20px;line-height: 20px;font-size: 0;}
    header .topNav ul li a span{font-size: 13px;}
    #footer .info-1 .leftsBoxImage .leftsBoxImageLogo{margin:auto;float: none;}
    #footer .info{border:none;top:-25px;}
    .topNav {position:relative!important; display:flex!important; right:50px; width:50%; top:21px; padding:0 !important; z-index:2 !important;}
    .index .topNav{top:25px; right:60px;}
    header .navbar-light .navbar-toggler{position:absolute;top: 10px;right: 15px;padding: 2px 5px;z-index: 5;}
    header .headerBoxCenter .tabsHeader .nav-tabs .nav-link.active:first-child:after{display:none;}
    header .headerBoxCenter .tabsHeader .nav-tabs .nav-link.active:last-child:before{display:none;}
    header .headerBoxCenter .tabsHeader{width: 94%; overflow: auto; margin: auto;}
    header nav.mainNav #phonecall{left:0;top: 0;width: 205px;height: 61px;}

    #tour_search_index button{margin-top: 20px;}
    #ticket_search_frg .ticket_search_frg_btn,
    #ticket_search_domestic .ticket_search_domestic_btn,
    #ticket_search_frg .ticket_search_frg_btn,
    #flighthotel_search .flight_hotel_search_btn,
    #bank_facilities_search .btn-colorful,
    #tour_search .btn-colorful,
    #formMainHotel .hotel_search_btn{margin: 20px auto 0 !important;}
    #bank_facilities_search button.btn-colorful{
        max-width: 150px;
    }
    #tour_search button.btn-colorful{
        max-width: 150px;
    }
    #formMainHotel .hotel_search_btn{width: 100%;}
    #city_index_search{border: none; border-radius: 5px 0 0 5px;}
    #tour_search_index .input-group .input-group-prepend{margin-right:0px;border-radius: 0 2px 2px 0;overflow: hidden;}
    #domestice_departure_code, #domestice_destination_code{border-radius:5px 0 0 5px !important;}
    .backArticleList, .backNewsList{height:0; overflow: hidden; border-bottom: 1px solid #eaeaea;}

    .passengerInfo, .formSearch .passengerInfo{position:fixed !important;top: 0 !important;left:0 !important;right:0 !important;width:auto !important;bottom:0 !important;z-index: 100 !important;padding-top: 50px !important;border-radius: 0 !important;}
    .passengerInfo:before, .formSearch .passengerInfo:before{display:none;}
    .passengerInfo>:first-child, .formSearch .passengerInfo>:first-child{position:unset;}
    .passengerInfo>:first-child:before, .formSearch .passengerInfo>:first-child:before{content:'';position:absolute;left:15px;top:20px;width:20px;height: 2px;background:#ec3237;z-index:1;transform:rotate(-45deg);}
    .passengerInfo>:first-child:after, .formSearch .passengerInfo>:first-child:after{content:''; position:fixed; left:15px; top:20px; width:20px; height:2px; background:#ec3237;z-index:1; transform:rotate(45deg);}

    #navbarSupportedContent{top: 0px;z-index: 10000;padding: 30px 0px 0px;position: fixed;border: none;height: 100%;border-radius: 0;font-size: 21px;overflow: auto;}
    #navbarSupportedContent:after{content:''; position:absolute; left:15px; top:15px; width:20px; height:1px; background:white;z-index:1; transform:rotate(-45deg);}
    #navbarSupportedContent:before{content:''; position:absolute; left:15px; top:15px; width:20px; height:1px; background:white;z-index:1; transform:rotate(45deg);}
    #navbarSupportedContent .firstUl{position:relative;margin-top: 0;}
    #navbarSupportedContent .firstUl:before{content:'';position:absolute;left:0;top: -30px;width:50px;height:30px;background:#ec3237;}
    #navbarSupportedContent li, #navbarSupportedContent li a{height: 45px;line-height: 45px;}

    .nowruz_link{width:100%;padding: 10px;}
    .nowruz_link a{padding: 0 20px;text-align: center;}
    .nowruz_link+div, .nowruz_link+form{margin-top: 35px;margin-bottom: 0px;}

    .mainNav .navbar-nav .special .nav-link:before{top: 5px;}
    .mainNav .navbar-nav .special .nav-link:after{top: 5px; width: 147px;}

    #footer .fixSpaceForImage {margin-bottom:-35px;}
    #footer .fixSpaceForImage .fifty{height: 140px;background: transparent !important;position:relative;z-index: 1;/* display: table; *//* vertical-align: middle; */text-align: center;}
    #footer .fixSpaceForImage .fifty:before{content:'';position:absolute;top:2px;bottom:2px;left:2px;right:2px;background:white;z-index:-1;border-radius:7px}
    #footer .fixSpaceForImage .fifty img{position: absolute;background: transparent;vertical-align: middle;left: 0;right: 0;top: 0;bottom: 0;margin: auto; height:auto; }

    #nav-travelPackage .toggle-switch{margin:0 0 20px; top:10px;}
}

@media (max-width : 400px) {
    [ismobile="true"] header .headerBoxCenter .tabsHeader .nav-tabs .nav-link{font-size: 12px;}
    header form .datePickerBox input {
        width:80px;
    }
}
/* Port BOLG */



input.typeahead {
    right:0 !important;
}





/*----------------------- New test ----------------------- */
.breakLine.mutiDestitem{
    margin-top: 15px ;
}
.switchPath .btnTravel::before , .switchPath .btnTravel::after {
    content: '' !important;
}
.btnTravel {
    display: flex;
}
.switchPath .btnTravel .handle-new{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    align-content:center;
}
.switchPath .btnTravel .handle-new span{
    text-align: center;
    z-index: 5;
    position: relative;
    height: 41px;
    display: grid;
    align-content:center;
}
.switchPath .btnTravel {
    width: 360px;
}

.switchPath .btnTravel .handle-button{
    position: absolute;
    top: 0;
    margin: 2px;
    width: 33%;
    height: 91%;
    border-radius: 1.125rem;
    background: #ec3237;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.colorFFF{
    color: #fff;
}

.input-group.mutiDestitem {
    max-width: 24.5%;
}

.ticket_search_frg button{
    min-width: 24.5%;
}
#multi_dest_ret_date{
    max-width: 100%;
    margin-right: 46px;
    text-align: right;
}

@media (max-width : 570px){
    .switchPath .btnTravel{
        width: 100%;
    }
    .switchPathResponsive {
        width: 100%;
    }
}

@media (max-width : 992px){
    .input-group.mutiDestitem {
        max-width: 50%;
    }
    .breakLine.mutiDestitem{
        margin-top: 1px;
    }
}

@media (max-width : 738px){
    .input-group.mutiDestitem {
        max-width: 100%;
    }

}



.tour-choose-box {
   margin-top: 15px;
}

.form-control{
    overflow: hidden;
}
#gridCity .input-group-change{
    border: none !important;
}
.changeButtonDay{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 90px;

}
.changeButtonDay .input-group-btn {
    align-self: center;
}

.changeButtonDay .input-number {
    padding-top: 3px !important;
    width: 30px !important;
}
.changeButtonDay button{
    /* font-size: 0.5rem !important;
    padding: 0 10px !important;
    height: 100%;
    border-radius:0 ; */
    width: 21px;
    height: 21px;
    font-size: 0.7em;
    line-height: 20px;
    padding: 1px 0 0;
    border: 1px solid #ec3237;
    background: transparent;
    color: #ec3237;
}
.changeButtonDay input.form-control{
    padding: 0;
    text-align: center;
}
.input-group-change{
    flex-wrap: nowrap !important;
}
.input-group-change p{
    align-self: center;
    margin: 0 !important;
    font-size: 14px;
}
.input-group-change p:first-child{
    flex: 0 0 35%;
}
p.night{
    text-align: left;
    width: 100%;
}


button.AcceptThisValue{
    border: none;
    background: linear-gradient(to right, rgba(140, 199, 75, 1) 0%, rgba(77, 158, 37, 1) 100%);
    color: #fff;
    width: 20px;
    position: relative;
    margin: 0;
    padding: 0 6px;
    cursor: pointer;
    position: absolute;
    height: 100%;
    left: 0;

}

button.AcceptThisValue p{
    font-size: 9px;
    padding: 0;
    margin: 0 !important;
    writing-mode: vertical-lr;
    line-height: .1;

}
button.AcceptThisValue i{
    font-size: 9px;
    padding: 0;
    margin: 0 !important;
    line-height: .1;

}


span.CoverButton{
    display: block;
    position:absolute;
    height: 100%;
    width: 0;
    background: linear-gradient(to right, rgba(140, 199, 75, 1) 0%, rgba(77, 158, 37, 1) 100%);
    border-radius: 4px;
    opacity:.2;
    left: 0;
    cursor: pointer;
}
#nav-bank-facilities .tour-choose-box  .AllNight,
#nav-tour .tour-choose-box  .AllNight{
    min-height: 30px;
}
#nav-bank-facilities .tour-choose-box .AllNight .input-group,
#nav-tour .tour-choose-box .AllNight .input-group{
    position: absolute;
    left: -10px;
    top: 35px;
    background: #fff;
    border: none !important;
    width: 60%;
    justify-content: center;
    border-radius: 7px !important;
    display: flex;
    height: 100%;
}
#nav-bank-facilities .tour-choose-box .AllNight .input-group p,
#nav-tour .tour-choose-box .AllNight .input-group p{
    font-size: 12px;
    margin: 0 5px !important;
    align-self: center;
}

span.night-text {
    display: flex;
    padding-right: 15px;
    width: 100%;
}
.tour-choose-box{
    width: 100%
}

.tour-choose-box .form-control.input-number {
    width: 20px;
}
#bank_facilities_search  input{
     border: none;
     background: none;
 }
#tour_search  input{
     border: none;
     background: none;
 }
#bank_facilities_search .form-control,
#tour_search .form-control,
#nav-reserveHotel .form-control {
    position: relative;
    color: #363636;
    font-size: 0.8em;
    cursor: pointer;
    font-family: "iranyekanwebbold", "robotobold", sans-serif;
    background-color: white;
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;


}
#bank_facilities_search .input-group .form-control,
#tour_search .input-group .form-control,
#formMainHotel .input-group .form-control {
    border: none !important;
}
#bank_facilities_search .form-control input,
#tour_search .form-control input,
#nav-reserveHotel .form-control input{
    width:50%
}

#bank_facilities_search i.fixIcon,
#tour_search i.fixIcon,
#formMainHotel i.fixIcon {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #ec3237;
    z-index: 1;
}
span.twitter-typeahead input{
  font-size: .8em;
}

#nav-flightHotel .inputBox .form-control input{
  font-size: 0.8em;
  padding: 0 5px 0 5px;
  text-align: right;
  border-radius: 5px;
  width: 130px;
  color: #363636;
  font-family: "iranyekanwebbold", "robotobold", sans-serif;
}

.cityChanger{
    position: relative;
    left: 0;
    height: 40px;
    width: 0;
    z-index: 10;
    /* border: 1px solid #ced4da; */
    background: #fff;
    /* border-radius: 50%; */
    /* top: 4px; */
    transition: .1s;
    -webkit-transition: .1s;
}
/* .cityChanger:hover{
    background: #ec3237;

} */

.cityChanger button{
    background: none;
    color: #8d8d8d;
    left: -10px;
    padding: 0;
    position: absolute;
    cursor: pointer;
    transition: .5s;
    height: 30px;
    width: 30px;
    border: 1px solid #ced4da;
    background: #fff;
    border-radius: 50%;
    top: 4px;
    transform: rotate(0);
    -webkit-transform: rotate(0);
}
.cityChanger button i{
    font-size: 1rem;
    margin-top: 7px;
    font-weight: lighter;
}


@media (max-width : 768px){
    .cityChanger{
        left: 5px;
        top: 108px;
        position: absolute;
    }
    #nav-flightInner .cityChanger{
        top: 130px;
    }
    .formSearch #ticket_search_frg .cityChanger,
    .formSearch #ticket_search_domestic .cityChanger{
        left: 5px;
        top: 30px;
        position: relative;
    }
    .cityChanger button{
        left: -2px;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
    }
}


[ismobile="true"] .ti-boxSort>.container>.row>*:first-child{
    background: #6f767b;
    padding: 4px 17px 3px;
    border-top: 1px solid #575f66;
}
[ismobile="true"] .ti-boxSort>.container>.row>*:first-child{
    background: #6f767b;
    padding: 4px 17px 3px;
    border-top: 1px solid #575f66;
}
[ismobile="true"] .entrance,
[ismobile="true"] .entrance>*{
    float:right;
    line-height: 24px;
    width: auto;
    margin-right: -3px;
}
[ismobile="true"] .entrance [class*="Title"]{
    margin-left: 12px;
    border-left: 1px solid #ccc;
    padding:0 0 3px 0;
    margin-top: -1px;
    color: white;}
[ismobile="true"] .exit,
[ismobile="true"] .exit>*{
    float:left;
    line-height:24px;
    margin-left: -3px;
}
[ismobile="true"] .exit [class*="date"],
[ismobile="true"] .entrance [class*="date"]{
    margin-top: 3px;
    color: white;
}
[ismobile="true"] .exit [class*="Title"] i{
    position: relative;
    top: 3px;
}
[ismobile="true"] .entrance [class*="Title"] i{
    position: relative;
    top: 4px;
}
[ismobile="true"] .exit [class*="Title"]{
    margin-right: 12px;
    border-right: 1px solid #ccc;
    padding: 1px 10px 2px 0;
    color: white;}
[ismobile="true"] .exit [class*="Title"] i{
    float:left;
    margin: 0px 5px 0 0;
}

[ismobile="true"] .col-custom-77{
    margin-top: 15px;
}

[ismobile="true"] .ti-boxCenter{
    margin-top: 15px;
}

[ismobile="true"] .switchPath {
    width:100%;
    position: relative;
}
[ismobile="true"].switchPath .btn-toggle::before{
    left: 10%;
}
[ismobile="true"].switchPath .btn-toggle::after{
    right: 10%;
}
[ismobile="true"] #nav-reserveHotel input.range-datepicker,
[ismobile="true"] #flighthotel_search input.range-datepicker {
    width: 45%;
}




#topright {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 200px;
    width: 190px;
    background: url(./../../../images/topleft.png) no-repeat;
    background-position: top;
    background-size: cover;
}

.table-pricer *{
        font-size: 13px;
}
#tab_tour_ch .nav-item{
        background-color: #EEE;
}
.table-pricer  .btn:hover{
        color: #000066;
        background-color: #AAA;
}

.table-pricer  .btn {
        padding-right: 1px; ;
        padding-left: 2px
}
#tab_tour_ch  .active {
    border :1px solid #AAA;
    color: #6464ac;
}

.inactiveLink {
    pointer-events: none;
    cursor: default;
}


#myTabContent .nav-pills .nav-link, #myTabContent .nav-pills .nav-link {
    background-color: #eee;
    border-radius: 0;
}
#myTabContent .nav-pills .nav-link.active, #myTabContent .nav-pills .show > .nav-link {
    border-radius: 0;

    border: 1px solid #fd141a;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f728c2+0,ec3237+100 */
    background: rgb(247, 40, 194);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 40, 194, 1)), to(rgba(236, 50, 55, 1)));
    background: linear-gradient(to right, rgba(247, 40, 194, 1) 0%, rgba(236, 50, 55, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f728c2', endColorstr='#ec3237', GradientType=1);
    /* IE6-9 */

}

/* Apply styles
================================== */
.Dtable {
    display: flex;
    flex-wrap: wrap;
    /*width: fit-content;*/
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 13px;
    display: block;
    /*overflow: hidden;*/
    margin: 0 auto;
}
.Dtable .Dtable-row {
    width: 100%;
    display: flex;
}
.Dtable .Dtable-row .Dtable-cell {
    box-sizing: border-box;
    flex-grow: 1;
    padding: 1em 0.5em;
    /*overflow: hidden;*/
    list-style: none;
    border-bottom: 1px solid #dee2e6;

}
.Dtable .Dtable-row .Dtable-cell.column-heading {
    border-top: 1px solid #dee2e6;
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    padding: .75rem;
    font-weight: bold;
}
.Dtable .Dtable-row .Dtable-cell .Dtable-cell-heading {
    display: none;
    font-weight: bold;
}
.Dtable-collapse .Dtable-row .Dtable-cell .Dtable-cell-content {
    padding: .375rem;
}
.Dtable-collapse .Dtable-row .Dtable-cell .Dtable-cell-content button {
    width: 100%;
    margin-bottom: 1px;
    overflow: hidden;
    padding-left: 10px;
}
.Dtable-collapse .Dtable-row .Dtable-cell .Dtable-cell-content .dropdown {
    min-width: 49%;
    width: fit-content;
}
.Dtable .Dtable-row:hover {
    background-color:rgba(0,0,0,.050)
}


/* Responsive
==================================== */
@media all and (max-width: 767px) {
    .Dtable-collapse {
        display: block;
        width: 100%;
        padding: 1em;
        box-shadow: none;
    }
    .Dtable-collapse .Dtable-row {
        box-sizing: border-box;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 2em;
        /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);*/
        border-bottom: 1px solid #dee2e6;
        border-right: 1px solid #dee2e6;
    }
    .Dtable-collapse .Dtable-row .Dtable-cell {
        width: 100% !important;
        display: flex;
        align-items: center;
    }
    .Dtable-collapse .Dtable-row .Dtable-cell .Dtable-cell-heading {
        display: inline-block;
        flex: 1;
        max-width: 120px;
        min-width: 120px;
    }
    .Dtable-collapse .Dtable-row .Dtable-cell .Dtable-cell-content {
        flex: 2;
        padding-left: 1em;
    }
    .Dtable-collapse .Dtable-row .Dtable-cell .Dtable-cell-content button ,
    .Dtable-collapse .Dtable-row .Dtable-cell .Dtable-cell-content .dropdown {
        width: 100%;
        margin-bottom: 1px;
    }
    .Dtable-collapse .topic-cell {
        font-weight: 700;
        order: 1;
    }
    .Dtable-collapse .topic-cell .Dtable-cell-content {
        padding-left: 0 !important;
    }
    .Dtable-collapse .Dtable-row-head {
        display: none;
    }
    #tab_tour_ch {
        padding: 0 !important;
    }
    #tab_tour_ch .nav-item {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }
    #tab_tour_ch .active {
        border: 1px solid #AAA !important;
        border-radius: 0;
        color: #6464ac;
        margin: 1px;
    }
}
.no-flexbox .Dtable {
    display: block;
}
.no-flexbox .Dtable.Dtable-cell {
    width: 100%;
}

.golfam-badge2 {
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
    padding: 2px 8px;
    border-radius: 2px;
    color: white;
    right: 10px;
    bottom: 10px;
    font-size: .8rem;
    /*box-shadow: 1px 2px 2px 0 rgba(0,0,0,.4);*/
}
.golfam-badge {
    position: absolute;
    background: #33aef2;
    z-index: 2;
    padding: 3px 16px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    color: white;
    left: -9px;
    top: 15px;
    /*box-shadow: 1px 2px 2px 0 rgba(0,0,0,.4);*/
}
.golfam-badge::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 0;
    height: 0;
    border: 4px solid #01527e;
    border-left-color: rgb(1, 82, 126);
    border-bottom-color: rgb(1, 82, 126);
    border-bottom-color: transparent;
    border-left-color: transparent;
    z-index: -1;
    white-space: normal;
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background: rgb(247, 40, 194);
    background: -webkit-gradient(linear, left top, right top, from(rgba(247, 40, 194, 1)), to(rgba(236, 50, 55, 1)));
    background: linear-gradient(to right, rgba(247, 40, 194, 1) 0%, rgba(236, 50, 55, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f728c2', endColorstr='#ec3237', GradientType=1);
}