@font-face {
    font-family: IRANSans-web;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/iransans/eot/IRANSansWeb(FaNum)_Bold.eot');
    src: url('../fonts/iransans/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/iransans/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),
    url('../fonts/iransans/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),
    url('../fonts/iransans/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans-web;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/iransans/eot/IRANSans(FaNum)_Medium.eot');
    src: url('../fonts/iransans/eot/IRANSans(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/iransans/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),
    url('../fonts/iransans/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),
    url('../fonts/iransans/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans-web;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/iransans/eot/IRANSansWeb(FaNum)_Light.eot');
    src: url('../fonts/iransans/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/iransans/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),
    url('../fonts/iransans/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),
    url('../fonts/iransans/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans-web;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/iransans/eot/IRANSansWeb(FaNum)_UltraLight.eot');
    src: url('../fonts/iransans/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/iransans/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'),
    url('../fonts/iransans/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'),
    url('../fonts/iransans/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans-web;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/iransans/eot/IRANSansWeb(FaNum).eot');
    src: url('../fonts/iransans/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),
    url('../fonts/iransans/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),
    url('../fonts/iransans/woff/IRANSansWeb(FaNum).woff') format('woff'),
    url('../fonts/iransans/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}

/* Latin ../fonts (Roboto) */

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/eot/robotobold.eot');
    src: url('../fonts/eot/robotobold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/robotobold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/robotobold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/robotobold.ttf') format('truetype');
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/eot/robotolight.eot');
    src: url('../fonts/eot/robotolight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/robotolight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/robotolight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/robotolight.ttf') format('truetype');
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/eot/robotomedium.eot');
    src: url('../fonts/eot/robotomedium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/robotomedium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/robotomedium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/robotomedium.ttf') format('truetype');
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/eot/robotoregular.eot');
    src: url('../fonts/eot/robotoregular.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/robotoregular.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/robotoregular.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/robotoregular.ttf') format('truetype');
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/eot/robotothin.eot');
    src: url('../fonts/eot/robotothin.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/robotothin.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/robotothin.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/robotothin.ttf') format('truetype');
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/eot/robotoblack.eot');
    src: url('../fonts/eot/robotoblack.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/woff2/robotoblack.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/robotoblack.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/robotoblack.ttf') format('truetype');
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?n2y540');
    src: url('../fonts/icomoon.eot?n2y540#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?n2y540') format('truetype'),
    url('../fonts/icomoon.woff?n2y540') format('woff'),
    url('../fonts/icomoon.svg?n2y540#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscaleY;
    vertical-align: middle;
}

.icon-play-arrow:before {
    content: "\e955";
}

.icon-airplane-mode:before {
    content: "\e954";
}

.icon-eye-preview:before {
    content: "\e950";
}

.icon-folded-newspaper:before {
    content: "\e951";
}

.icon-park-tickets-couple:before {
    content: "\e952";
    color: #4e4e4e;
}

.icon-payment-method:before {
    content: "\e953";
    color: #4e4e4e;
}

.icon-home:before {
    content: "\e901";
}

.icon-information:before {
    content: "\e902";
}

.icon-pin:before {
    content: "\e903";
}

.icon-printer:before {
    content: "\e904";
}

.icon-download:before {
    content: "\e905";
}

.icon-credit:before {
    content: "\e906";
}

.icon-wallet:before {
    content: "\e907";
}

.icon-logout:before {
    content: "\e908";
}

.icon-checked:before {
    content: "\e909";
}

.icon-available:before {
    content: "\e90a";
}

.icon-arrow-point-to-top:before {
    content: "\e90b";
}

.icon-gallery:before {
    content: "\e90c";
}

.icon-highlight:before {
    content: "\e90d";
}

.icon-calendar-Button:before {
    content: "\e94b";
}

.icon-neccesity:before {
    content: "\e90e";
}

.icon-overview:before {
    content: "\e90f";
}

.icon-paackage:before {
    content: "\e910";
}

.icon-share:before {
    content: "\e911";
}

.icon-home-icon-silhouette:before {
    content: "\e912";
}

.icon-menu:before {
    content: "\e913";
}

.icon-arrow-point-to-right:before {
    content: "\e914";
}

.icon-arrow-point-to-bottom:before {
    content: "\e915";
}

.icon-arrow-point-to-left:before {
    content: "\e916";
}

.icon-right-arrow:before {
    content: "\e917";
}

.icon-azadi:before {
    content: "\e918";
}

.icon-down-arrow:before {
    content: "\e919";
}

.icon-email:before {
    content: "\e91a";
}

.icon-event:before {
    content: "\e91b";
}

.icon-heart:before {
    content: "\e91c";
}

.icon-heart-fill:before {
    content: "\e91d";
}

.icon-sortItem:before {
    content: "\e91e";
}

.icon-map:before {
    content: "\e91f";
}

.icon-visa:before {
    content: "\e900";
}

.icon-shield:before {
    content: "\e920";
}

.icon-departure:before {
    content: "\e921";
}

.icon-sortList:before {
    content: "\e922";
}

.icon-placeholder:before {
    content: "\e923";
}

.icon-plus:before {
    content: "\e924";
}

.icon-mountain:before {
    content: "\e925";
}

.icon-profile:before {
    content: "\e926";
}

.icon-parachute:before {
    content: "\e927";
}

.icon-left-arrow:before {
    content: "\e928";
}

.icon-logedIn:before {
    content: "\e929";
}

.icon-vibrating-phone:before {
    content: "\e92a";
}

.icon-avatar:before {
    content: "\e92b";
}

.icon-bell:before {
    content: "\e92c";
}

.icon-facebook:before {
    content: "\e92d";
}

.icon-instagram:before {
    content: "\e92e";
}

.icon-magnifying-glass:before {
    content: "\e92f";
}

.icon-telegram:before {
    content: "\e930";
}

.icon-watchBox:before {
    content: "\e931";
}

.icon-whatsapp:before {
    content: "\e932";
}

.icon-youtube:before {
    content: "\e933";
}

.icon-SignIn:before {
    content: "\e934";
}

.icon-food:before {
    content: "\e935";
}

.icon-eye:before {
    content: "\e936";
}

.icon-fullscreen:before {
    content: "\e937";
}

.icon-up-arrow:before {
    content: "\e938";
}

.icon-messages:before {
    content: "\e939";
}

.icon-invoice:before {
    content: "\e93a";
}

.icon-close:before {
    content: "\e93b";
}

.icon-funnel:before {
    content: "\e93c";
}

.icon-skateboard:before {
    content: "\e93d";
}

.icon-tent:before {
    content: "\e93e";
}

.icon-location:before {
    content: "\e93f";
}

.icon-linkedin:before {
    content: "\e940";
}

.icon-danger:before {
    content: "\e941";
}

.icon-twitter:before {
    content: "\e942";
}

.icon-youtube-logo:before {
    content: "\e943";
}

.icon-credit-card:before {
    content: "\e944";
}

.icon-child:before {
    content: "\e945";
}

.icon-court:before {
    content: "\e946";
}

.icon-customer-service:before {
    content: "\e947";
}

.icon-document:before {
    content: "\e948";
}

.icon-drugs:before {
    content: "\e949";
}

.icon-flag:before {
    content: "\e94a";
}

.icon-iran:before {
    content: "\e94c";
}

.icon-refund:before {
    content: "\e94d";
}

.icon-siren:before {
    content: "\e94e";
}

.icon-medical-kit:before {
    content: "\e94f";
}

/* --------------------- main styles ----------------------*/

body {
    margin: 0;
    padding: 0;
    font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif !important;
    background-color: #f2f2f2;
    overflow-x: hidden;
    color: #454545;
    line-height: 24px;
    text-align: left;


    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscaleY;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, h7 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 16px;
}

li {
    list-style: none;
}

.storyInnerContent li {
    list-style: disc;
    margin-left: 3rem;
}

div br {
    display: none !important;
}

h2, h3 {
    font-weight: normal;
    font-size: unset;
}

button {
    font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif !important;
    border: none;
    font-size: 14px;
    position: relative;
    background-color: inherit;
}

input, textarea {
    font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif !important;
    border: none;
    font-size: 16px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #b9b9b9;
    opacity: 1; /* Firefox */
    direction: ltr;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #b9b9b9;
    direction: ltr;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #b9b9b9;
    direction: ltr;
}

button:focus {
    outline: none;
}

input:focus {
    outline: none;
}

a, a:hover, a:visited {
    color: inherit;
    text-decoration: inherit;
}

.tempDisable {
    display: none !important;
}

.sizeHandler {
    width: 100%;
    max-width: 1164px;
    margin: 0 auto;
    padding: 0 1rem;
}

.footerSizeHandler {
    max-width: 980px;
    width: 100%;
    padding: 0 1rem;
    margin: 0 auto;
}

.sizeHandlerFullMobileVersion {
    width: 100%;
    max-width: 1164px;
    margin: 0 auto;
    padding: 0;
}

.sizeHandlerTight {
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    padding: 0 1rem;
}

.sizeHandlerTightFullMobileVersion {
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    padding: 0;
}

.pickDateSizeHandler {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.getYourVisaContainer .pickDateSizeHandler {
    max-width: 900px;
}

.creditCardContainer .pickDateSizeHandler {
    max-width: 1000px;
}

.creditCardContainer {
    margin-bottom: 3rem;
}

.desktopVerison {
    display: none !important;
}

.mobileVersion {
    display: inline-block !important;
}
.mobileFlexVersion {
    display: inline-flex !important;
}

.tightSizeHandler {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 1rem;
}

.tightSizeHandlerWithNoPadding {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0;
}

.tighterSizeHandler {
    width: 100%;
    max-width: 630px;
    margin: 0 auto;
    padding: 0rem 1rem;
}

.paymentContainer .tighterSizeHandler {
    max-width: 750px;
}

.sizeHandlerFullDesktopVersion {
    width: 100%;
    max-width: 1164px;
    margin: 0 auto;
    padding: 0 1rem;
}

.sizeHandlerFullTabletVersion {
    width: 100%;
    max-width: 1164px;
    margin: 0 auto;
    padding: 0 1rem;
}

.sizeHandlerFullVersion {
    width: 100%;
    max-width: 1164px;
    margin: 0 auto;
}

.contactUsSizeHandler {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

.textInCenter {
    text-align: center;
}

.textInLeft {
    text-align: left;
}

.textInRight {
    text-align: right;
}

.noWrap {
    white-space: nowrap;
}

.normalWrap {
    white-space: normal;
}
.noFloat {
    float: none !important;
}
.listOfLines ul li {
    display: inline-block;
}

.RightMinimumSpace ul li {
    margin-right: 1.25rem;
    vertical-align: middle;
}

.listMinimumVerticalPaddingSpace li {
    padding: 0.5rem 0;
}

.organizer {
    width: 100%;
    float: right;
}

.twoColumn {
    width: 50%;
    float: left;
}

.disableNarrow {
    opacity: 0.5;
}

.disableNarrow .icon {
    color: #ccc
}

.inlineView {
    display: inline-block;
}

.inheritView {
    display: inherit;
}

.flexView {
    display: flex;
}

.maxHeight {
    height: 100%;
}

.middleContext {
    vertical-align: middle;
}

.topContext {
    vertical-align: top;
}

.leftFloat {
    float: left;
}

.rightFloat {
    float: right;

}

.halfPadding {
    padding: 0.5rem;
}

.halfVerticalPadding {
    padding: 0.5rem 0;
}

.lightFont {
    font-weight: 300 !important;
}

.regularFont {
    font-weight: normal;
}

.italic {
    font-style: italic;
}

.normalTextStyle {
    font-style: normal;
}

.boldFont {
    font-weight: 500;
}

.bolderFont {
    font-weight: 500 !important;
}

.biggestFontSize {
    font-size: 48px;
}

.headerSizeFont {
    font-size: 18px;
}

.contextFontSize {
    font-size: 14px;
}

.normalFontSize {
    font-size: 16px;
}

.detailSizeFont {
    font-size: 12px;
}

.nonImportantFontSize {
    font-size: 9px;
}

.mainHeaderFontSize {
    font-size: 24px;
}

.bigIconSize {
    font-size: 36px;
}

.categoryBox .bigIconSize {
    font-size: 46px;
}

.phoneNumber {
    margin-bottom: 1rem;
}

.phoneNumber .icon {
    display: inline-block;
    width: 20px;
    text-align: center;
}

.bottomExtraFooter {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: solid #e1e1e1 1px;
}

.relative {
    position: relative;
}

.objectInMiddle {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

header {
    padding: 0.25rem 1rem;
    position: fixed;
    z-index: 7;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 3px 33px rgba(0, 0, 0, 0.1);
}

.topHeader {
    padding: 0.75rem 1.25rem;
    border-bottom: solid #ececec 1px;
}

.nevigationMenuOpen {
    width: 80%;
    max-width: 250px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 3;
}

.closeBack {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.8);
}

.menuItems ul {
    padding: 1rem 1.25rem;
    float: left;
    width: 100%;
}

.menuItems ul li {
    padding: 0.5rem 0;
}

.menuItems ul a:nth-last-child(1) li {
    padding-bottom: 0;
}

.menuItems ul a:nth-child(1) li {
    padding-top: 0;
}

.contactUsNavigation {
    position: absolute;
    bottom: 0;
    padding: 0.75rem 1.25rem;
    left: 0;
    color: #ccc;
}

.contactUsNavigation .whatsapp {
    height: 30px;
    width: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: solid #14CC87 2px;
    border-radius: 250px;
    margin-left: 0.5rem;
}

.contactUsNavigation .telegram {
    height: 30px;
    width: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: solid #1D93FB 2px;
    border-radius: 250px;
}

.signInNavigation {
    background-color: #E1F8F8;
    padding: 0.75rem 1.25rem;
}

.icon.icon-magnifying-glass {
    font-size: 23px;
}

.searchAndSignin {
    padding: 0.5rem 0;
}

.searchInPhone {
    margin: 0 1rem;
}

.rightIconMargin {
    margin-right: 0.25rem;
}

.leftIconMargin {
    margin-left: 0.25rem;
}

section {
    direction: rtl;
}

.whiteColor {
    color: #fff;
}

.whiteBack {
    background-color: #fff !important;
}

.rightToLeftDirection {
    direction: rtl;
}

.leftToRightDirection {
    direction: ltr;
}

.pointShape {
    cursor: pointer;
}

textarea:focus {
    outline: none;
}

/*-------------- header --------------*/

.searchBox {
    background-color: #e6e6e6;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

.searchBox input {
    background-color: #ffffff;
    margin-right: 1rem;
    position: fixed;
    padding: 0.75rem 1rem;
    float: left;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.searchBox .icon {
    color: #858585;
}

.searchBox .icon.icon-close {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    z-index: 1;
}

.searchBox .icon.icon.icon-arrow-point-to-right {
    color: #fff;
}

.mainNavigation .resultsParts ul li:nth-child(1) {
    color: #454545;
}

.seeResults {
    border-bottom: solid #bebebe 1px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.openSearchInner.whiteBack {
    background-color: #e6e6e6 !important;
}

.openedSearchBox {
    padding-top: 2.6rem;
    position: absolute;
    height: 100%;
    width: 100%;
    padding-bottom: 2.9rem;
}

.resultsParts ul li {
    border-bottom: 1px solid #d5d5d5;
    padding: 1rem 0;
}

.resultsParts ul li:nth-last-child(1) {
    border-bottom: 0;
    padding-bottom: 0;
}

.resultsParts ul li .imgContainer {
    width: 75px;
    vertical-align: middle;
    height: 45px;
    border-radius: 2px;
    margin-right: 1rem;
    overflow: hidden;
    position: relative;
    display: inline-block;
}

.goodToKnowPart ul li .imgContainer {
    width: 55px;
    height: 45px;
}

.storyPart ul li .imgContainer {
    width: 45px;
    height: 45px;
    -webkit-border-radius: 250px;
    -moz-border-radius: 250px;
    border-radius: 250px;
}

.resultsParts ul li .imgContainer img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.resultsParts ul li h3 {
    width: calc(100% - 75px - 1rem);
    vertical-align: middle;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: left;
}

.goodToKnowPart ul li h3 {
    width: calc(100% - 55px - 1rem);
}

.storyPart ul li h3 {
    width: calc(100% - 45px - 1rem);
}

.otherPart ul li h3 {
    width: 100%;
}

.resultPart {
    border-bottom: solid #d0d0d0 1px;
    width: 100%;
    float: left;
}

.partInner {
    padding: 1rem;
}

.allResultsLink {
    padding: 0.75rem 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.mainNavigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.mainNavigation ul li {
    transition: ease 0.1s;
}

.mainNavigation ul li:hover {
    color: #007965 !important;
}

.experiencesHeader {
    color: #007965;
    vertical-align: middle;
    margin-right: 1rem;
}

.experiencesHeader:hover {
    color: #222 !important;
}

.mainNavigation .icon.icon-map {
    position: relative;
    /*bottom: 3px;*/
}

.mainNavigation img {
    width: 30px;
    margin-right: 0.5rem;
}

.mainNavigation img.trip {
    width: 30px;
    margin-right: 0.25rem;
}

.flag {
    width: 21px;
    margin-right: 0.25rem
}

.tripAdvisorLink {
    width: 96px;
    margin-top: 0.25rem;
}

.continueWithAccounts img {
    width: auto;
}

figcaption {
    font-size: 14px;
    color: #ffffff;
    position: absolute;
    bottom: 0px;
    font-style: italic;
    font-weight: 300;
    width: 100%;
    padding: 0.25rem 1rem;
    background-color: rgba(0, 0, 0, 0.7);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

figure {
    position: relative;
    display: inline-block;
    min-height: 200px;
    margin: 1rem 0;
    border-radius: 5px;
    overflow: hidden;
}

.storyMainImage figure {
    margin: 0;
    width: 100%;
}

.storyMainImage .galleryCapGradient {
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 89%, rgba(0, 0, 0, 0.35) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 89%, rgba(0, 0, 0, 0.35) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 89%, rgba(0, 0, 0, 0.35) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.storyMainImage .photographer {
    font-size: 16px;
}

.signIn {
    position: relative;
    font-size: 14px;
    font-weight: 500;
}

.signIn .icon {
    font-size: 24px;
}

.authenticationBlackBack {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.68);
    width: 100%;
    height: 100%;
}

.authenticationBox {
    background-color: #ffffff;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.signUpModule {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.continueWithAccounts img {
    width: auto !important;
}

.topShelf {
    background-color: #e6e6e6;
    padding: 1.5rem;
}

.google, .facebook {
    width: 100%;
    border-radius: 250px;
    overflow: hidden;
    padding: 0.5rem 0.75rem;
    margin-top: 0.5rem;
    text-align: center;
    font-size: 14px;
}

.google {
    background-color: #fff;
    color: #AFAFAF;
}

.google img {
    position: relative;
    top: 0.15rem;
    margin-right: 0.25rem;
}

.facebook {
    color: #fff;
    background: rgb(66, 103, 178);
    background: -moz-linear-gradient(138deg, rgba(66, 103, 178, 1) 0%, rgba(62, 148, 214, 1) 100%);
    background: -webkit-linear-gradient(138deg, rgba(66, 103, 178, 1) 0%, rgba(62, 148, 214, 1) 100%);
    background: linear-gradient(138deg, rgba(66, 103, 178, 1) 0%, rgba(62, 148, 214, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4267b2", endColorstr="#3e94d6", GradientType=1);
}

.facebook img {
    margin-right: 0.25rem;
}

.continueWithAccounts {
    margin-top: 1rem;
}

.authenticationInput {
    width: 100%;
    background-color: #e6e6e6;
    border-radius: 250px;
    padding: 0.5rem 1rem;
    margin-top: 0.75rem;
    font-size: 14px;
}

.mainForm {
    padding: 1rem 1.5rem;
}

.firstName {
    width: 49%;
    float: left;
}

.email, .password {
    width: 100%;
    float: left;
}

.lastName {
    width: 49%;
    float: right;
}

.readAgreement {
    margin-top: 1rem;
    line-height: 24px;
}

.signUpActive {
    margin-top: 1.5rem;
}

.signUpButton {
    padding: 0.65rem 1.5rem;
    border-radius: 250px;
    background-color: #14CC87;
    color: #fff;
    display: inline-block;
}

.login {
    position: absolute;
    bottom: 1.5rem;
    left: 0;
}

/*.rightInput input {*/
/*    background-color: transparent !important;*/
/*    color: #42B288;*/
/*    border-color: #42b288 !important*/
/*}*/

/*.wrongInput input {*/
/*    border-color: #ff5555 !important;*/
/*}*/

/*.rightInput input {*/
/*    background-color: #D2F2E6 !important;*/
/*}*/

/*.wrongInput input {*/
/*    background-color: #FEE9E9 !important;*/
/*}*/

.inputGuide {
    position: absolute;
    height: 100%;
    right: 0;
    top: 1px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    color: #868686;
}

.inputGuide:hover .toolBoxGiude {
    visibility: visible;
}

.toolBoxGiude {
    width: auto;
    position: absolute;
    right: 17px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    padding: 0.5rem 1rem;
    box-shadow: 0px 6px 36px rgba(0, 0, 0, 0.26);
    bottom: 100%;
    white-space: nowrap;
    font-size: 12px;
    color: #4E4E4E;
    visibility: hidden;
}

.cornerCloudPointer {
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-right: 20px solid white;
    border-bottom: 15px solid transparent;
    position: absolute;
    top: 90%;
    right: 0;
}

.wrongInput .icon.icon-close {
    color: #E95656;
}

.wrongError {
    background-color: #FEE9E9 !important;

}

.inputHolder {
    position: relative;
}

.mainForm .signUpActive .icon {
    position: static;
    font-size: 18px;
}

.mainForm .icon {
    position: absolute;
    top: 1.25rem;
    right: 1rem;
    font-size: 18px;
}

.inputHolderreadAgreement {
    margin-top: 1.5rem;
    line-height: 24px;
}

.services {
    position: relative;
}

.whiteSpaceOpened {
    width: 200px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 1.75rem;
    display: none;
}

.openedService {
    width: 100%;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.openedService li {
    padding: 0.75rem 1rem;
    border-bottom: solid #ececec 1px;
    width: 100%;
    color: #222;
}

.openedService li:nth-last-child(1) {
    border-bottom: none;
}

.services:hover .whiteSpaceOpened {
    display: block;
}

.new {
    color: #007a87;
    margin-left: 0.5rem;
}

/*-------------------- footer --------------------------*/

.emailInFooter {
    width: 100%;
    border-top: solid #e6e6e6 1px;
    float: left;
    margin-top: 1rem;
    padding-top: 1rem;
}

.phoneNumber {
    margin-top: 0rem;
    float: left;
    font-size: 16px;
}

.phoneNumber .icon {
    font-size: 18px;
}

.footerMargin {
    margin-top: 2rem;
}

.mediaList li {
    display: inline-block;
    margin: 0.5rem 2%;
}


.mediaList li img {
    vertical-align: middle;
}

.mediaList li:nth-child(1) {
    margin-left: 0;
}

.mediaList li:nth-last-child(1) {
    margin-right: 0;
}

.tasteOnMedia .lineThrough {
    position: absolute;
    top: 11px;
    width: 100%;
    height: 2px;
    background: rgb(230, 230, 230);
    background: -moz-linear-gradient(90deg, rgba(230, 230, 230, 0) 0%, rgba(219, 219, 219, 0.71) 8%, rgba(205, 205, 205, 0.7847514005602241) 17%, rgba(191, 191, 191, 0) 50%, rgba(205, 205, 205, 0.7707457983193278) 83%, rgba(219, 219, 219, 0.71) 92%, rgba(230, 230, 230, 0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(230, 230, 230, 0) 0%, rgba(219, 219, 219, 0.71) 8%, rgba(205, 205, 205, 0.7847514005602241) 17%, rgba(191, 191, 191, 0) 50%, rgba(205, 205, 205, 0.7707457983193278) 83%, rgba(219, 219, 219, 0.71) 92%, rgba(230, 230, 230, 0) 100%);
    background: linear-gradient(90deg, rgba(230, 230, 230, 0) 0%, rgba(219, 219, 219, 0.71) 8%, rgba(205, 205, 205, 0.7847514005602241) 17%, rgba(191, 191, 191, 0) 50%, rgba(205, 205, 205, 0.7707457983193278) 83%, rgba(219, 219, 219, 0.71) 92%, rgba(230, 230, 230, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e6e6e6", endColorstr="#e6e6e6", GradientType=1);
}


/*-------------- main body ------------------*/

.fullScreenSlider {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.innerBack {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000;
    z-index: -1;
}

.imageGradiantCover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.08) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.08) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0.08) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
    z-index: 1;
}

.cartImage .imageCover {
    background: rgb(0, 0, 0, 0.5);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 50%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 50%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);

}

.mainSliderContainer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s ease-in-out;
}

.fullScreenSlider img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    left: 0;
    top: 0;
}

.sliderImageMask {
    width: 100%;
    top: 0;
    left: 50%;
    height: 100%;
    position: absolute;
    max-width: 1920px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.SliderArrows {
    z-index: 3;
}

.blurImage {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    max-width: unset !important;

    -webkit-filter: blur(15px);
    filter: blur(15px);

    z-index: -1;
}

.afterFullScreen {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #e8e8e8;
}

.nextArrow, .prevArrow {
    position: absolute;
    padding: 0.75rem 0.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    bottom: auto;
    z-index: 2;
}

.prevArrow {
    left: 0;
    border-bottom-right-radius: 250px;
    border-top-right-radius: 250px;
}

.nextArrow {
    right: 0;
    border-bottom-left-radius: 250px;
    border-top-left-radius: 250px;
}

.SliderContent {
    position: absolute;
    z-index: 2;
    bottom: 0px;
    padding: 0.75rem 0;
    background-color: rgba(0, 0, 0, 0.4);
    font-weight: 500
}

.bottomSeeAllArrow {
    padding: 0.25rem 0 0.5rem;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 3;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.bottomSeeAllArrow .seeAllTwenty {
    float: none;
    width: auto;
    display: inline-block;
    margin-top: 0;
    position: relative;
    box-sizing: unset;
}

.peopleCapacity {
    display: inline-block;
    font-weight: lighter;
    font-style: italic;
}

.duration {
    display: inline-block;
}

.peopleCapacity .icon, .duration .icon {
    font-size: 18px;
}

.infoContent {
    display: inline-block;
}



.noticePicture {
    width: 100%;
    padding: 29% 0;
    height: 0;
    position: relative;
    overflow: hidden;
}
.noticeContext {
    width: 100%;
    padding: 2rem;
}

.noticeContext h2 {
    padding: 0;
}

.noticePicture img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.blackRibbon {
    width: 170px;
    height: 20px;
    background-color: #1b1b1b;
    position: absolute;
    top: 0;
    right: -32px;
    transform: rotate(45deg);
    z-index: 1;
}

.noticeLink {
    margin-top: 1rem;
}

.noticeTitle {
    font-size: 24px;
    margin-bottom: 2rem;
}

.quickNotice {
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    margin: 1.5rem 0;
}

.whatIsTasteIran {
    position: relative;
    z-index: 3;
}

.adventure {
    display: inline-block;
    padding: 0.25rem 1rem;
    border-radius: 5px;
    position: relative;
    margin-right: 0.5rem;
    border: solid #fff 1px;
    margin-top: 0.5rem;
}

.adventure:hover {
    background-color: #fff;
    color: #222;
}

.price {
    display: inline-block;
    padding: 0.7rem 1rem;
    border-radius: 250px;
    background-color: #007965;
}

.SliderExtraInfoes {
    margin-bottom: 1rem;
}

.rightNormalSpace {
    margin-right: 1rem;
}

.sliderTitle {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.43);
}

.circleRipple {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: ripple 2.25s ease-in-out forwards infinite;
    -o-animation: ripple 2.25s ease-in-out forwards infinite;
    animation: ripple 2.25s ease-in-out forwards infinite;
    border: 0 solid #fff;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    box-sizing: content-box;
    transform: translate(-50%, -50%);
}

.explainBox .bigIconSize {
    font-size: 24px;
}

.explainBox p.headerSizeFont {
    font-size: 16px;
}

.sliderInfo {
    float: left;
}

.sliderDetails {
    float: left;
    padding: 0.5rem 1rem;
    background-color: #FC3954;
    color: #fff;
    border-radius: 250px;
    margin-top: 1rem;
}

.aboutTaste {
    background-color: #F3F3F3;
    padding: 2rem 2.5rem;
    text-align: center;
    color: #0a502f;
}

.searchInTasteIran {
    padding: 0;
    width: 100%;
    float: left;
    /*max-height: 397px;*/
}

.searchTabs li {
    position: relative;
}

.searchTabs li.active {
    color: #007865;
}

.searchTabContent {
    position: relative;
    bottom: 1px;
}

.searchTabs li.active .activeBack {
    display: inline-block;
    position: absolute;
    width: 120%;
    height: 140%;
    top: 50%;
    left: 50%;
    -webkit-border-radius: 250px;
    -moz-border-radius: 250px;
    border-radius: 250px;
    background-color: #e0f3ed;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.categorySearch {
    margin-top: 1.5rem;
}

.exploreIcon {
    margin-top: 0.3rem;
}

.citySearch {
    margin-top: 1.5rem;
}

.cityFilters {
    margin-top: 0.75rem;
    position: relative;
    z-index: 5;
}

.categorySelectHandler {
    margin-bottom: 0.5rem;
}

.inputModel {
    width: 100%;
    border-radius: 5px;
    border: solid #EFEFEF 1px;
    float: left;
    margin-top: 0.75rem;
}

.startFrom {
    width: 50%;
    float: left;
    border-right: solid #efefef 1px;
}

.goSearch {
    display: inline-block;
    padding: 0.75rem 1rem;
    background-color: #44d1cd;
    color: #fff;
    font-weight: 500;
    color: #fff;
    border-radius: 250px;
    margin-top: 1.5rem;
    width: 150px;
    -webkit-transition: ease 0.1s;
    -moz-transition: ease 0.1s;
    -ms-transition: ease 0.1s;
    -o-transition: ease 0.1s;
    transition: ease 0.1s;
    overflow: hidden;
    text-align: left;
}

.goSearch:hover {
    background-color: #36A5A2;
}

.searchWhiteHeader {
    margin-bottom: 0.25rem;
    font-size: 12px;
}

.endIn {
    width: 50%;
    float: right;
}

.searchWhiteBox {
    margin-top: 1px;
    float: left;
    width: 100%;
    z-index: 3;
    position: relative;
}

.categoryCages, .citySearch {
    font-size: 14px;
}

.searchFields {
    padding: 1.5rem 2rem;
}

.searchTitle {
    font-size: 18px;
    border-bottom: solid #ebebeb 1px;
    padding: 1.5rem 2rem 1.5rem;
}

.imageInHeader {
    width: 57px;
}

.tasteIranText {
    margin: 2rem 0 3rem;
    width: 163px;
}

.seeMoreButton {
    width: 150px;
    border-radius: 250px;
    display: inline-block;
    -webkit-transition: ease 0.15s;
    -moz-transition: ease 0.15s;
    -ms-transition: ease 0.15s;
    -o-transition: ease 0.15s;
    transition: ease 0.15s;
    cursor: pointer;
    font-size: 14px;
    text-decoration: underline;
}

.seeMoreButton:hover {
    background-color: #44d1cd;
    color: #fff;
}

.giantTitle {
    position: relative;
    bottom: 0.15rem;
    margin-left: 0.5rem;
}

.desktopHalfColumn img {
    width: 100%;
}

.explainBox {
    overflow: hidden;
    /*background: #fff url("/img/TasteBack.jpg") no-repeat center;*/
    /*background-size: cover;*/
    /*padding: 1rem 0;*/

    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
}

.explainDetail {
    color: #B9B3B3;
}

.normalTopMargin {
    margin-top: 1rem;
}

.normalLeftPadding {
    padding-left: 1rem !important;
}

.normalHalfTopMargin {
    margin-top: 0.5rem;
}

.normalBottomMargin {
    margin-bottom: 1rem;
}

.flexColumn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem;
}

.outlinedButton {
    background-color: #FC3954;
    border-radius: 250px;
    color: #fff;
    padding: 0.75rem 1.5rem;
    display: inline-block;
}

.experienceContainer {
    color: #4E4E4E;
    margin-bottom: 2rem;
}

.storiesContainer {
    margin: 2rem 0;
}

.carouselContainer .experienceContainer {
    margin-bottom: 1rem;
}

.lineThrough {
    width: 100%;
    height: 1px;
    background-color: #d6d6d6;
    position: relative;
    top: 15px;
}

.titleForExperience {
    padding: 0 0.5rem;
    background-color: #e6e6e6;
    position: relative;
    display: inline-block;
    left: -0.5rem;
}

.experienceBoxes {
    margin-top: 1rem;
}

.experienceInfoBox {
    overflow: hidden;
    width: 100%;
    float: left;
    margin-bottom: 1rem;
    height: 300px;
}

.experienceInfoBox img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.experienceInfoBox .imageCover {
    background: rgb(0, 0, 0, 0.8);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 80%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 80%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.imageCover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0.7;
    z-index: 1;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.65);
}

.blurBox {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    overflow: hidden;
}

.blurBox img {
    position: absolute;
    bottom: 0;
    -webkit-filter: blur(15px);
    filter: blur(15px);
}

.boxCategoryTitle {
    font-size: 28px;
    z-index: 1;
    margin-bottom: 0.5rem;
}

.boxCategoryDetails {
    z-index: 1;
    line-height: 1.5;
}

.blurBoxContext {
    padding: 1.5rem;
}

.originalGreenColor {
    color: #007965 !important;
}

.originalGreenBack {
    background-color: #007965;
}

.originalLightGreenColor {
    color: #44D1CD;
}

.originalLightGreenBack {
    background-color: #44D1CD;
}

.flatCartBox {
    border-radius: 5px;
    width: 100%;
    background-color: #fff;
    border: solid #ebebeb 1px;
    float: right;
    position: relative;
    overflow: hidden;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    -ms-transition: ease 0.2s;
    -o-transition: ease 0.2s;
    transition: ease 0.2s;
}

.flatCartBox:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.carouselContainer .flatCartBox {
    width: 260px;
    display: inline-block;
}

.cartImage {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.experienceCartContainer .cartImage {
    padding: 33% 0;
}

.experienceCartContainer .cartWhiteSpace,
.experienceCarts .cartWhiteSpace{
    height: 130px;
}

.cartImage img {
    width: 100%;
    position: absolute;
    height: 100%;
    object-fit: cover;
}

.experienceCartTitle {
    margin-bottom: 0.5rem;
    position: relative;
}

.maximumTitle {
    height: 47px;
    overflow: hidden;
    white-space: normal;
    color: #474747;
    line-height: 24px;
    font-size: 14px;
}

.experienceCartContainer .lineThrough {
    top: -11px;
    background-color: #e8e8e8;
}

.experiencePriceCover {
    padding: 0rem;
    position: relative;
    z-index: 1;
}

.experienceCartCategories {
    font-size: 18px;
}

.experienceCartCategories .icon {
    margin-left: 0.25rem;
    display: inline-block;
}

.filterTriangle {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 5px solid black;
    border-bottom: 5px solid transparent;
}

.experienceDuration {
    color: #fff;
    margin-bottom: 0.25rem;
    position: absolute;
    bottom: 0;
    padding: 0.5rem 1rem;
    font-size: 12px;
    z-index: 1;
}

.blackColor {
    color: #454545;
}

.filterPoint {
    position: relative;
    left: 0.25rem;
}

.experienceCartDetails {
    padding: 0.75rem 1rem 1rem 1rem;
}

.detailGuide {
    padding: 0.5rem 1rem;
    background-color: #FC3954;
    border-radius: 250px;
    margin-top: -0.4rem;
}

.storyBoxes .detailGuide {
    margin-top: 1rem;
}

.experienceCartContainer {
    float: left;
    width: 100%;
    margin-bottom: 1rem;
}

.underLine {
    text-decoration: underline;
}

.cartWhiteSpace {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    float: left;
    background-color: #fff;
    position: relative;
    width: 100%;
    padding: 1rem;
    z-index: 1;
}

.flatCartBox:hover .cartWhiteSpace {
    background-color: #fdfdfd;
}

.smallStoryBox .cartWhiteSpace {
    padding: 1rem;
}

.allHighlighted .storyContent {
    height: auto;
}

.allHighlighted .detailGuide {
    margin-top: 0.75rem;
}

.allHighlighted .storyCategory {
    margin-bottom: 0.25rem;
}

.allStoryCategories {
    background-color: #fff;
    position: fixed;
    padding: 1rem;
    bottom: -100%;
    left: 0;
    width: 100%;
    z-index: 1;
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;
}

.active.allStoryCategories {
    bottom: 0;
}

.allStoryCategories ul li {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    float: left;
    width: 100%;
}

.allStoryCategories ul li.active {
    font-weight: 500 !important;
    color: #007965;
}

.categoriesInStoryHeader {
    padding: 0.75rem 0;
}

.categoryCircle {
    width: 40px;
    height: 40px;
    overflow: hidden;
    display: inline-flex;
    border-radius: 50%;
    background-color: #cccccc;
    vertical-align: middle;
    margin-right: 0.25rem;
    align-items: center;
    justify-content: center;
    position: relative;
}

.categoryCircle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.whiteSpaceTriangle {
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: 73px;
    right: 0px;
    background-color: #fff;
    transform: skewY(-3deg);
    display: none;
}

.upComings .whiteSpaceTriangle {
    display: inline-block;
}

.experienceLocation {
    border-radius: 250px;
    padding: 0.05rem 0.5rem;
    background-color: rgba(0, 0, 0, 0.8);
    display: inline-block;
    position: absolute;
    top: 1rem;
    left: 1rem;
    color: #fff;
    z-index: 2;
    font-size: 10px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 150px;
}

.experienceLocation .icon {
    position: relative;
    bottom: 1px;
}

.carouselContainer .experienceBoxes {
    width: 104%;
    float: left;
    overflow-x: auto;
}

.carouselContainer .experienceCartContainer {
    width: 260px;
    margin-left: 1rem;
    display: inline-block;
    float: none;
}

.carouselContainer .experienceCartContainer:nth-child(1) {
    margin-left: 1%;
}

.carouselContainer {
    padding: 1rem 0;
    z-index: 4;
    background-color: #f2f2f2;
}

.carouselContainer .titleForExperience {
    background-color: transparent;
    padding: 0;
    left: 0;
}

.carouselContainer .experienceBoxes {
    margin-top: 1rem;
    position: relative;
    min-height: 270px;
    white-space: nowrap;
    display: inline-block;
}

.carouselContainer .experienceHeader {
    margin-top: 1rem;
}

.carouselNavigation {
    width: 100%;
    top: 50%;
    left: 50%;
    -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: absolute;
}

.rightNavigation, .leftNavigation {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.rightNavigation {
    float: right;
}

.leftNavigation {
    float: left;
}

.disableNavigation {
    opacity: 0.3;
    cursor: auto;
}

.categoryBox {
    width: 45%;
    float: left;
    margin-right: 5%;
    height: 0;
    padding: 21% 0;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
}

.categoryBox:hover img {
    filter: grayscale(0%);
}

.categoryBox img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    filter: grayscale(100%);
}

.categoryBoxContent {
    position: relative;
    color: #fff;
    z-index: 1;
}

.categoryHandler {
    width: 100%;
    float: left;
}

.storyDuration {
    color: #C4C4C4;
}

.storyContent {
    height: 112px;
    overflow: hidden;
}

.storySummery {
    margin-top: 0.5rem;
    color: #7E7E7E;
    margin-bottom: 1rem;
    max-height: 110px;
    overflow: hidden;
}

.mainStoryBox {
    width: 100%;
    background-color: #fff;
    border-radius: 15px;
    float: left;
}

.featuredStoryImage {
    width: 100%;
    float: left;
}

.featuredStoryImage img {
    width: 100%
}

.featuredStoryContent {
    float: right;
    width: 100%;
    padding: 1rem;
}

.mainStoryBox {
    margin: 1.5rem 0 1.5rem 0;
}

.storyCartPadding {
    margin: 0.75rem 0 0.75rem 0;
    max-height: 48px;
    overflow: hidden;
    color: #7E7E7E;
}

.smallStoryBoxes .cartWhiteSpace {
    padding: 1rem;
}

.smallStoryBoxes {
    width: 100%;
}

.storyBoxes {
    margin-top: 1rem;
}

.storyBoxes .cartImage {
    padding: 25% 0;
}

.smallStoryBox {
    width: 100%;
    float: left;
    margin-bottom: 1rem;
}

.smallStoryBox:nth-last-child(1) {
    margin-bottom: 0;
}

.allHighlighted .smallStoryBox {
    width: 250px;
    margin-right: 1rem;
    display: inline-block;
    overflow: hidden;
    border-radius: 5px;
    float: none;
    white-space: normal;
    background-color: #fff;
}

.allHighlighted .flatCartBox {
    box-shadow: none;
    white-space: normal;
}

.highlightedBoxes {
    width: auto;
    padding: 0 1rem;
    white-space: nowrap;
    overflow-x: auto;
    display: flex;
    float: left;
}

.highlightedBoxesCarousel {
    width: 100%;
    float: left;
    overflow-x: auto;
    margin-top: 0.5rem;
}

.callSocials a {
    width: auto;
    padding: 0.25rem 0rem;
    border-radius: 250px;
    display: inline-block;
    background-color: transparent;
    font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif !important;
    font-weight: 500;
    font-size: 14px;
    margin-right: 0.5rem;
}

.goodToKnowBanner {
    width: 100%;
    height: 380px;
    position: relative;
    overflow: hidden;
    margin-bottom: 2.5rem;

    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}

.knowBetterText {
    position: relative;
    width: 200px;
    margin-right: 2rem;
    padding: 2rem;
    background-color: rgba(255, 255, 255, 0.6);
}

.goodToKnowBanner img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    object-fit: cover;
}

.knowBetterText p {
    font-size: 18px;
    line-height: 28px;
}

.seeMoreExp:hover {
    text-decoration: underline;
}

.knowBetterText a {
    padding: 0.5rem 1rem;

    border: solid #222 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    display: inline-block;

    margin-top: 1.5rem;

    cursor: pointer;

    -webkit-transition: ease 0.15s;
    -moz-transition: ease 0.15s;
    -ms-transition: ease 0.15s;
    -o-transition: ease 0.15s;
    transition: ease 0.15s;
}

.knowBetterText a:hover {
    background-color: #222;
    color: #fff;
}

.knowBetterText .icon {
    position: relative;
    bottom: 0.1rem;
}

.callSocials a span:before {
    margin-right: 0.25rem;
    font-size: 14px;
}

a.whatsapp {
    border-color: #19C966;
    color: #19C552;
}

a.telegram {
    color: #1D93FB;
    border-color: #1D93FB;
    margin-left: 0.5rem;
}

.shortcutColumn {
    width: 100%;
    margin-bottom: 30px;
    float: left;
}

.shortcutColumn:nth-last-child(2) {
    margin-bottom: 0;
}

.shortcutColumn ul li {
    color: #3A3A3A;
    margin-bottom: 0.5rem;
    font-size: 14px;
}

.footerTitle {
    margin-bottom: 1rem;
}

.tasteIranExplain {
    padding: 1.25rem 0;
    font-weight: 300;
    color: #898989;
    font-size: 12px;
}

.bottomExtraFooter .icon {
    vertical-align: middle;
}

.newsLetterFooter {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}


.mediaHeader {
    font-size: 14px;
}

.tasteLogo {
    width: 7%;
    float: left;
}

.tasteLogo img {
    width: 57px;
}

.tasteExplian {
    width: 92%;
    float: right;
}

.mainShortcuts {
    padding: 1.25rem 0;
}

map img {
    height: 94px;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.16);
}

map {
    width: 100%;
    float: left;
    margin: 1rem 0;
}

.callSocials {
    margin-top: 0rem;
    padding-bottom: 0.5rem;
}

.leftSocialMargin {
    margin-left: 1rem;
    float: left;
    font-size: 18px;
    margin-right: 0;
    margin-top: 0.15rem;
}

.followLinks {
    width: 100%;
}

.socialMedia {
    padding: 1rem 0;
}

.footerCategoryColumn {
    width: 100%;
    margin-bottom: 30px;
    float: left;
}

a:nth-last-child(1) .footerCategoryColumn {
    margin-bottom: 0;
}

.footerCategoryColumn ul li {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0.75rem;
}

.footerCategoryTitle {
    font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif !important;
    display: inline-block;
    font-size: 16px;
    position: relative;
    top: 0.1rem;
}

.allCategories {
    padding: 1rem 0;
}

.copyright {
    color: #888888;
    padding: 1rem 0;
}

footer {
    z-index: 3;
    background-color: #f2f2f2;
    position: relative;
    border-top: solid #ebebeb 1px;
}

.getEmailForm {
    width: 100%;
    overflow: hidden;
}

.newsLetterInput {
    width: 72%;
    float: left;
    border-radius: 250px;
    overflow: hidden;
}

.newsLetterSend {
    width: 25%;
    float: right;
    border-radius: 250px;
    text-align: center;
}

.newsLetterSend button {
    color: #fff;
}

.newsLetterSend {
    padding: 0.2rem;
}

.newsLetterInput input {
    padding: 0.5rem;
    width: 100%;
}

.promoteBanner {
    padding: 33% 0;
    height: 0;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 5px;
    width: 100%;
}

.leftBanner {
    margin-bottom: 1.25rem;
}

.promotionBanners {
    margin-bottom: 1.5rem;
}

.promotionImage img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: 0.5s ease-in-out;
}

.promotionInfo {
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
}

.promoteBanner:hover .promotionPath img {
    -webkit-transform: scale(4, 4);
    -moz-transform: scale(4, 4);
    -ms-transform: scale(4, 4);
    -o-transform: scale(4, 4);
    transform: scale(4, 4) !important;
    opacity: 0;
}

.promoteBanner:hover .promotionImage img {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.promotionPath {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1, 1);
    -moz-transform: translate(-50%, -50%) rotate(0deg) scale(1, 1);
    -ms-transform: translate(-50%, -50%) rotate(0deg) scale(1, 1);
    -o-transform: translate(-50%, -50%) rotate(0deg) scale(1, 1);
    transform: translate(-50%, -50%) rotate(0deg) scale(1, 1);
}

.promoteBanner:nth-child(1) .promotionPath:nth-child(1),
.promoteBanner:nth-child(2) .promotionPath:nth-child(3) {
    -webkit-animation: circle linear 10s infinite;
    -o-animation: circle linear 10s infinite;
    animation: circle linear 10s infinite;
}

.promoteBanner:nth-child(1) .promotionPath:nth-child(2),
.promoteBanner:nth-child(2) .promotionPath:nth-child(6) {
    -webkit-animation: circle linear 15s infinite;
    -o-animation: circle linear 15s infinite;
    animation: circle linear 15s infinite;
}

.promoteBanner:nth-child(1) .promotionPath:nth-child(3),
.promoteBanner:nth-child(2) .promotionPath:nth-child(1) {
    -webkit-animation: circle linear 8s infinite;
    -o-animation: circle linear 8s infinite;
    animation: circle linear 8s infinite;
}

.promoteBanner:nth-child(1) .promotionPath:nth-child(4),
.promoteBanner:nth-child(2) .promotionPath:nth-child(2) {
    -webkit-animation: circle linear 12s infinite;
    -o-animation: circle linear 12s infinite;
    animation: circle linear 12s infinite;
}

.promoteBanner:nth-child(1) .promotionPath:nth-child(5),
.promoteBanner:nth-child(2) .promotionPath:nth-child(4) {
    -webkit-animation: circle linear 17s infinite;
    -o-animation: circle linear 17s infinite;
    animation: circle linear 17s infinite;
}

.promoteBanner:nth-child(1) .promotionPath:nth-child(6),
.promoteBanner:nth-child(2) .promotionPath:nth-child(5) {
    -webkit-animation: circle linear 5s infinite;
    -o-animation: circle linear 5s infinite;
    animation: circle linear 5s infinite;
}

.promotionPath img {
    width: 100%;
    transition: ease-in-out 0.3s;
}

.promotionPath {
    width: 160px;
}

/*-------------------- experience single ---------------------*/
.icon.icon-calendar-Button {
    font-size: 20px;
}

.searchFont {
    font-size: 20px;
}

/*select*/

.numberOfPeople {
    width: 60px;
    display: inline-block;
    font-size: 14px;
    border-radius: 5px;
    height: 31px;
    margin-right: 0.25rem;
    vertical-align: middle;
}

.numberOfPeople > div:nth-child(1) {
    background-color: #efefef;
    border-color: #d5d5d5;
    min-height: auto;
}

.numberOfPeople > div:nth-child(1) > div:nth-child(1) {
    padding: 0 0.5rem;
    height: 26px;
}

.numberOfPeople > div:nth-child(1) > div:nth-child(2) span {
    display: none;
}

.numberOfPeople > div:nth-child(1) > div:nth-child(2) div {
    padding: 0 0.25rem 0 0;
}

.numberOfPeople > div:nth-child(2) > div:nth-child(1) {
    padding: 0 0.5rem;
    height: 26px;
}

.numberOfPeople > div:nth-child(2) > div:nth-child(2) span {
    display: none;
}

.numberOfPeople > div:nth-child(2) > div:nth-child(2) > div {
    padding: 0 0.25rem 0 0;
}

.numberOfPeople > div:nth-child(3) > div:nth-child(2) > div {
    padding: 0 0.25rem 0 0;
}

.numberOfPeople > div:nth-child(2) {
    background-color: #efefef;
    border-color: #d5d5d5;
    min-height: auto;
}

.expType > div:nth-child(1) {
    background-color: #fff;
    border-color: #efefef;
    min-height: auto;
    border-radius: 5px;
    border-width: 1px;
    border-style: none;
}

.expType > div:nth-child(1) > div:nth-child(2) span {
    display: none;
}

.expType > div:nth-child(2) > div:nth-child(2) span {
    display: none;
}

.expType > div:nth-child(3) li {
    color: #000 !important;
}

.expType > div:nth-child(2) {
    background-color: #fff;
    border-color: #fff !important;
    box-shadow: none !important;
    min-height: auto;
}

.numberOfPeople > div:nth-child(2) {
    box-shadow: none !important;
    min-height: auto;
}

.topTwentyExperience {
    padding: 1rem;
    width: 100%;
    float: right;
    cursor: pointer;
}

.topTwentyExperience {
    padding: 0;
    width: 100%;
    float: right;
    height: 320px;
    position: relative;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.topImage {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    float: left;
}

.topMainContent {
    background: rgba(0, 0, 0, 0.4);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 2rem;
    float: left;
    position: absolute;
    bottom: 0;
}

.mainTopContext {
    max-height: 160px;
    overflow: hidden;
    float: left;
}

.overviewContent img {
    margin-top: 1rem;
    width: 100%;
    height: auto;
}

.overviewContent p {
    margin-bottom: 1rem;
}

.overviewContent p:nth-last-child(1), .overviewContent ul:nth-last-child(1) {
    margin-bottom: 0;
}

.overviewContent figcaption {
    bottom: 0;
}

.overviewContent ul li {
    list-style: disc;
}

.overviewContent ul  {
    padding-left: 1rem;
    margin-bottom: 1rem;
}

.whiteGradiant {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 97%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 97%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 97%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}

.topContentMainHeader {
    margin: 0 0 1rem 0;
    float: left;
    font-size: 24px;
}

.seeTwenty {
    width: 37px;
    height: 37px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: solid #fff 3px;
    border-radius: 250px;
    font-size: 27px;
}

.seeTwenty .icon {
    font-size: 18px;
}

.seeAllTwenty {
    width: 100%;
    text-align: center;
    margin-top: 1.5rem;
}

.topImage img {
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;
    object-fit: cover;
}

.passengerPreviewBox {
    border-bottom: solid #e1e1e1 1px;
    padding-bottom: 1.75rem;
    margin-bottom: 1.75rem;
}

.topTwentyExperience:hover img {
    transform: scale(1.1, 1.1);
}

.experienceCategory {
    line-height: 24px;
}

.experienceLevel .levelHeat {
    width: 15px;
    height: 15px;
    bottom: 0;
}

.experienceSingleContainer {
    padding-top: 95px;
}

.getYourVisaContainer, .flightListContainer, .flightInfoContainer, .flightPreviewContainer {
    padding-top: 95px;
}

.nextStepProcess{
    margin: 1rem 0;
}

.passengerAge {
    width: 55px;
    height: 55px;
    border: solid #f2f2f2 4px;
    border-radius: 250px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    margin-top: -27px;
}

.passengerBoxInner {
    width: calc(100% - 28.5px);
    padding: 1rem 1rem 1rem 2.5rem;
    border-bottom: dashed #e1e1e1 1px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.passengerBox:nth-child(1) .passengerBoxInner {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.passengerBox:nth-last-child(1) .passengerBoxInner {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: none;
}

.leftInfoMargin {
    margin-left: 2rem;
}

.adultColor {
    border-color: #007965;
    color: #007965;
}

.childColor {
    border-color: #ED8994;
    color: #ED8994;
}

.infantColor {
    border-color: #89ACED;
    color: #89ACED;
}

.flightListContainer {
    margin-bottom: 2rem;
}

.passengerBox {
}

.topFixScroll {
    background-color: #f2f2f2;
    position: fixed;
    height: 50px;
    width: 100%;
    top: 108px;
    z-index: 4;
    right: 0;
}

.breadCrumb {
    width: 100%;
    padding: 0.63rem 0;
    background-color: #f2f2f2;
    position: fixed;
    top: 48px;
    left: 0;
    z-index: 6;
    font-size: 14px;
    border-bottom: solid #e1e1e1 1px;
}

.crumbLink {
    display: inline-block;
}

.crumbLink:nth-last-child(1):hover {
    color: #8e8e8e;
}

.crumbLink:hover {
    color: #007a87;
}

.crumbLink:nth-child(2) {
    /*margin-left: 0.75rem;*/
    position: relative;
}

.homeCrumb {
    border-radius: 250px;
    padding: 0.5rem 1rem;
    background-color: #414141;
}

.crumbNavigation .icon-arrow-point-to-right {
    font-size: 14px;
}

.shareExperience {
    background-color: #7217CC;
    width: 31px;
    height: 31px;
    border-radius: 250px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    margin-top: 0.25rem;
    vertical-align: middle;
}

.share {
    float: right;
}

.tabScrollContents {
    line-height: 27px;
}

.triangleCrumb {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid #414141;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -4px;
}

.verticalArrowMargin {
    margin: 0 0.25rem 0 0.25rem;
}

.icon-map.headerSizeFont {
    font-size: 20px;
    position: relative;
    bottom: 0.05rem;
}

.icon-Azadi.headerSizeFont {
    font-size: 16px;
}

.expCover {
    height: 0;
    padding: 25% 0;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.expCover img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}

.experienceTitle {
    position: absolute;
    width: 100%;
    padding: 1rem;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.experienceExplain {
    font-size: 14px;
    margin-bottom: 0.5rem;
}

.experienceExtraInformation {
    padding: 1rem 0;
    color: #464646;
}

.experienceTime {
    font-size: 14px;
}

.tabHeader {
    overflow-x: auto;
    color: #fff;
    height: 45px;
}

.tabHeader ul li {
    padding: 0.5rem 1rem;
    max-height: 38px;
    position: relative;
    cursor: pointer;
    background-color: #414141;
    transition: ease 0.15s;
}

.tabHeader ul li:hover {
    background-color: #6f6f6f;
}

.tabHeader ul {
    background-color: #414141;
}

.tabHeader ul li.active {
    background-color: #44d1cd;
}

.tabHeader ul li.active .bottomTriangle {
    display: inline-block;
}

.tabHeader .icon-eyeglasses.mainHeaderFontSize {
    font-size: 22px;
}

.bottomTriangle {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #44d1cd;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -2.5px;
    display: none;
}

.tabItem {
    margin-top: 1rem;
}

.overview, .highlight, .available, .locations, .features, .neccesities, .details {
    border-top: solid #D9D9D9 1px;
    margin-top: 1.5rem;
}

.details li {
    list-style: disc;
    margin-left: 2rem;
}

.galleryMainImage {
    width: 100%;
    height: 0;
    padding: 27.5% 0;
    overflow: hidden;
    position: relative;
}

.galleryMainImage img {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}

.galleryPointGradient {
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.1881127450980392) 0%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0) 89%, rgba(0, 0, 0, 0.1881127450980392) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.1881127450980392) 0%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0) 89%, rgba(0, 0, 0, 0.1881127450980392) 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.1881127450980392) 0%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0) 89%, rgba(0, 0, 0, 0.1881127450980392) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.galleryCapGradient {
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 89%, rgba(0, 0, 0, 0.1881127450980392) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 89%, rgba(0, 0, 0, 0.1881127450980392) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 89%, rgba(0, 0, 0, 0.1881127450980392) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.galleryBox {
    margin-top: 0.5rem;
    overflow: hidden;
    border-radius: 5px;
}

.galleryThumbs {
    overflow-x: auto;
    white-space: nowrap;
    border-radius: 5px;
}

.galleryThumbs ul li {
    width: 50px;
    height: 50px;
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.galleryThumbs img {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}

.imageGalleryCover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(255, 255, 255, 0.7);
}

.galleryThumbs ul li.active .imageGalleryCover {
    display: inline-block;
}

.galleryThumbs ul li.active .icon-eye {
    display: inline-block;
}

.galleryThumbs ul li .icon-eye {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 25px;
    z-index: 1;
    display: none;
    font-size: 24px;
}

.rightNextIcon {
    position: absolute;
    right: 1rem;
    z-index: 2;
    margin-top: -1rem;
}

.galleryArrow {
    cursor: pointer;
}

.leftPrevIcon {
    position: absolute;
    left: 1rem;
    z-index: 2;
    margin-top: -1rem;
}

.photographer {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    z-index: 2;
    font-size: 12px;
    color: #fff;
}

.galleryInner {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
}

.photoCount {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    z-index: 2;
    color: #fff;
}

.fullScreenModeButton {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.numberCount {
    background-color: #efefef;
    border: solid #d5d5d5 1px;
    border-radius: 5px;
    padding: 0.2rem 0.5rem;
    font-size: 14px;
    margin-right: 0.25rem;
}

.numberCount .icon-arrow-point-to-bottom {
    font-size: 10px;
    position: relative;
    bottom: 0;
    margin-left: 0.25rem;
}

.adultPriceDate {
    font-size: 14px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 5;
    box-shadow: 0 -3px 16px rgba(0, 0, 0, 0.1);
    padding: 0.25rem;

}

.priceNumber {
    font-size: 18px;
}

.dollarSign {
    font-size: 14px;
}

.experienceExpand {
    margin-left: 0.5rem;
    margin-top: 1rem;
}

.pickadate {
    background-color: #FC3954;
    color: #fff !important;
    font-weight: 500;
    padding: 1.1rem 1rem;
    position: relative;
    overflow: hidden;
    transition: ease 0.15s;
}

.quickCall {
    border: solid #FC3954 1px;
    color: #FC3954 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 0.5rem;
}

.pickadate.mobileFlexVersion, .quickCall.mobileFlexVersion {
    width: 49px;
    height: 49px;
    position: relative;
    right: 1rem;
    top: 0.5rem;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
    flex-direction: column;
}

.formTextArea{
    border: solid #eaeaea 1px;
}


.quickCall.mobileFlexVersion {
    line-height: normal;
}

.pickadate:hover {
    background-color: #b92438;
}

.quickContactPopForm .pickadate {
    min-width: 150px;
    float: none;
    width: auto;
    display: inline-block;
}

.quickContactPopForm .fieldBox{
    width: 100%!important;
}

.priceandNumber {
    margin-left: 0.75rem;
    margin-top: 0.45rem;
}

.discountNotice {
    display: inline-block;
    font-size: 12px;
    margin-left: 0.3rem;
    margin-top: -4px;
}

.itemCircle {
    width: 18px;
    height: 18px;
    border: solid #212121 4px;
    border-radius: 250px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 0.25rem;
}

.highlightContent ul li {
    margin: 0.5rem 0;
}

.highlightContent ul li:nth-child(1) {
    margin-top: 0;
}

.highlightContent ul li p {
    display: inline-block;
    width: calc(100% - 21px);
}

p a {
    color: #007965 !important;
    text-decoration: underline;
}

.tabContentHeader {
    font-size: 18px;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    color: #373737;
}

.closestAvailableTime .availableContent ul {
    overflow: unset;
}

.availableContent {
    white-space: nowrap;
    overflow-x: auto;
    height: 68px;
}

.availableContent .item {
    background-color: #fff;
    border-radius: 5px;
    padding: 0.5rem 1rem;
    width: 236px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    display: inline-block;
    margin-right: 1rem;
}

.availableContent .item:nth-child(1) {
    margin-left: 1rem;
}

.seeAllDates {
    background-color: #E4F5F4;
    border-radius: 5px;
    padding: 0.5rem 1rem;
    display: inline-block;
    margin-right: 1rem;
    color: #007965;
    width: 236px;
    text-align: center;
    font-weight: 500;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    transition: ease 0.1s;
}

.seeAllDates:hover {
    background-color: #b2e4e1;
}

.goToDate {
    width: 30px;
    height: 30px;
    border: solid #FC3954 2px;
    color: #FC3954;
    font-size: 14px;
    display: inline-flex;
    float: right;
    justify-content: center;
    align-items: center;
    border-radius: 250px;
    margin-top: -0.1rem;
}

.pinMapContent {
    width: 100%;
    height: 370px;
    overflow: hidden;
    border-radius: 5px;
}

.checkTheFeature {
    width: 17px;
    height: 17px;
    background-color: #007965;
    border-radius: 250px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-right: 0.25rem;
    float: left;
    font-size: 8px;
    margin-top: 0.3rem;
}

.featuresContent ul li {
    padding: 0.25rem 0rem;
    width: 100%;
    float: left;
}

.featuresContent ul li:nth-child(1) {
    padding-top: 0;
}

.featuresContent ul li:nth-last-child(1) {
    border-bottom: none;
}

.st0 {
    fill: #36A39D;
}

.st1 {
    fill: #44D1CD;
}

.locationLabel {
    position: absolute;
    bottom: 110%;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
    padding: 0.25rem 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    white-space: nowrap;
    font-weight: 300;
    font-size: 16px;
    display: none;
}

.mapMarker:hover .locationLabel {
    display: inline-block;
}

.locationPin {
    width: 35px;
}

.featuresContent .rightFloat {
    width: 100%;
}

.bubbleNumber {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #212121;
    color: #fff;
    position: relative;
    display: inline-flex;
    align-items: center;
    float: left;
    justify-content: center;
}

.bubbleNumber .triangleCrumb {
    border-top: 9px solid transparent;
    border-left: 9px solid #212121;
    border-bottom: 9px solid transparent;
    right: -5px;
}

.neccesityItem {
    float: right;
    width: 100%;
}

.details {
    margin-top: 1rem;
    position: relative;
    z-index: 3;
}

.detailsContainer {
    padding: 2rem;
    border-radius: 5px;
}

.detailsContainer h2 {
    padding: 0;
}

.detailsContainer img {
    width: 100% !important;
    height: auto !important;
    float: left;
}

.details p {
    margin-bottom: 1rem;
}

.details p:nth-last-child(1) {
    margin-bottom: 0;
}

.detailHeader {
    font-size: 18px;
}

.peopleSaid {
    border-top: solid #d6d6d6 1px;
    padding: 1.5rem 0;
    margin-top: 2rem;
    height: 670px;
}

.quoteCloud {
    width: 90%;
    float: left;
    margin-left: 0.75rem;
    border-radius: 15px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.16);
    height: 430px;
    overflow: hidden;
}

.reviewContainer {
    padding: 1rem;
    transition: ease-in-out 0.2s;
}

.quoteCloud p {
    color: #B8B8B8;
    margin-bottom: 0.5rem;
}

.triangleShape {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
}

.peopleSaidPictures {
    margin-top: 1rem;
    margin: 1rem 0 0 1rem;
    white-space: nowrap;
}

.peopleSaidPictures ul li {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-flex;
    vertical-align: middle;
    margin-left: 2%;
    overflow: hidden;
    position: relative;
    align-items: center;
    justify-content: center;
    border: solid #fff 2px;
    transition: linear 0.1s;
}

.peopleSaidQuotes {
    margin: 1.5rem 0;
}

.peopleSaidPictures img {
    width: 100%;
}

.peopleSaidPictures ul li.active {
    transform: scale(1.4, 1.4);
    border-color: #44d1cd;
}

.peopleSaidPictures ul li.iconNav {
    width: 8px;
    height: 8px;
    background-color: #cccccc;
    padding: 0;
    margin-left: 1rem;
    margin-top: 1rem;
    border: none;
}

.peopleSaidPictures ul li.iconNav.active {
    background-color: #44d1cd;
    width: 12px;
    height: 12px;
}

.quotesArrows {
    width: 101.5%;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: 0;
    z-index: 3;
}

.details {
    line-height: 28px;
}

.experienceCategoryHeader {
    margin: 1rem 0;
    display: inline-block;
}

/*------------ search Container -----------*/

.searchContainer {
    padding-top: 105px;
    margin-bottom: 2rem;
    position: relative;
}

.searchContainer h2 {
    margin-top: 0.5rem;
    border-bottom: solid #e1e1e1 1px;
    width: 100%;
    padding-bottom: 1rem;
}

.sortedInPhone {
    background-color: #FC3954;
    padding: 0.8rem 1rem;
}

.innerSearchBox {
    padding: 0.75rem 1rem;
    position: relative;
}

.innerSearchBox input {
    width: 100%;
    border-radius: 250px;
    padding: 0.25rem 1rem;
    display: block;
}

.innerSearchBox .icon.icon-magnifying-glass {
    position: absolute;
    right: 2rem;
    top: 1.25rem;
    color: #cccccc;
}

.addedFiltersTags ul li {
    color: #ACACAC;
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 5px;
    border: solid #d4d4d4 1px;
    margin-left: 0.25rem;
    font-style: italic;
    line-height: 16px;
    margin-bottom: 2px;
}

.addedFiltersTags {
    padding: 0rem 1rem;
    margin-bottom: 0.5rem;
    white-space: nowrap;
    overflow-x: auto;
    /*margin-top: 1.5rem;*/
    height: 35px;
}

.addedFiltersTags ul {
    vertical-align: middle;
}

.categorySolidOutline {
    padding: 0.3rem 0.5rem;
    border-radius: 5px;
    border: solid #ebebeb 1px;
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
    -webkit-transition: ease 0.1s;
    -moz-transition: ease 0.1s;
    -ms-transition: ease 0.1s;
    -o-transition: ease 0.1s;
    transition: ease 0.1s;
}

.categorySolidOutline:hover {
    border-color: transparent !important;
    background-color: #44d1cd;
    color: #fff;
}

.categorySolidOutline .icon {
    margin-right: 0.25rem;
}

.experienceLocations .categorySolidOutline {
    padding: 0.3rem 1rem;
}

.searchContainer .categorySolidOutline {
    border: solid #d2d2d2 1px;
}

.active.categorySolidOutline {
    background-color: #007965;
    color: #fff;
    border: solid 1px #007965;
}

.leftSideOfSearch {
    margin-bottom: 1.5rem;
    position: relative;
    float: left;
    width: 100%;
}

.cityBox {
    width: 48%;
    padding: 33% 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    height: 100%;
    display: inline-block;
    margin-right: 3%;
}

.citiesContainer {
    margin: 1rem 0;
}

.cityBackImage img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cityContent {
    position: absolute;
    bottom: 0;
    left: 0;

    padding: 1.5rem;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.2);
    font-weight: 500;
    height: 100%;

    display: inline-flex;
    flex-direction: column;
    text-align: left;
    direction: rtl;
    justify-content: flex-end;

}

.filterTitle {
    font-size: 11px;
}

.deleteFilter {
    margin-left: 0.5rem;
    font-size: 10px;
}

.experienceCarts .flatCartBox {
    margin-bottom: 1rem;
    float: left;
    width: 100%;
}

.experienceCarts .cartImage {
    padding: 33% 0;
}

.cartWhiteSpace .lineThrough {
    top: -10px;
}

.searchResult {
    padding: 0.25rem 1rem;
}

.filterSearch {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #14CC87;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 1.5rem;
    left: 1.5rem;
    transition: ease-in-out 0.2s;
    z-index: 4;
}

.filterSearch.active {
    width: 200%;
    padding: 100% 0;
    border-radius: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    color: #14CC87;
    z-index: 7;
}

.filterSearch .icon-funnel {
    font-size: 20px;
}

.filterSearch.active .icon-funnel {
    display: none;
}

.filterSearch.active .filterHeader {
    top: 0;
    opacity: 1;
}

.filterSearch.active .filterOpenedUpContainer {
    z-index: 1;
    visibility: visible;
    opacity: 1;
}

.filterOpenedUpContainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: -1;
    color: #222;
    visibility: hidden;
    opacity: 0;
}

.sortOpen {
    position: fixed;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 6;
    padding: 1.5rem 0rem;
    transition: ease-in-out 0.3s;
}

label + .MuiInput-formControl-25 {
    margin-top: 0 !important;
}

.MuiFormControl-root-2 {
    background-color: #fff;
    padding: 0.5rem 1rem !important;
}

.MuiInputLabel-formControl-11 {
    margin-bottom: 0.5rem;
    color: #D6D6D6 !important;
    font-weight: 300 !important;
    position: static !important;
    font-size: 12px !important;
    transform: translate(0, 13px) scale(1) !important;
}

.MuiInputLabel-shrink-13 {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

.MuiInput-underline-28:before {
    border-bottom: 0 !important;
}

.pickerLeft {
    float: left;
    width: 50%;
}

.pickerRight {
    width: 50%;
    float: right;
    border-left: solid #ebebeb 1px;
}

.MuiInput-underline-28:after {
    border-bottom: 0 !important;
}

.MuiInputBase-input-47 {
    padding: 0 !important;
    font-weight: 500 !important;
}

.datePicker {
}

/*sort active animations*/
.sortOpen.active {
    top: 0;
    z-index: 7;
}

.sortOpen.active .backToSearchFromSort {
    bottom: 0;
}

.sortOpen.active .sortHeader {
    top: 0;
    opacity: 1;
}

.sortOpen.active .sortOptionsList ul li .sortTitle {
    top: 0;
    opacity: 1;
}

.sortOptionsList ul li:nth-child(1) .sortTitle {
    transition-delay: 0.45s;
}

.sortOptionsList ul li:nth-child(2) .sortTitle {
    transition-delay: 0.5s;
}

.sortOptionsList ul li:nth-child(3) .sortTitle {
    transition-delay: 0.55s;
}

.sortOptionsList ul li:nth-child(4) .sortTitle {
    transition-delay: 0.6s;
}

.sortOptionsList ul li:nth-child(5) .sortTitle {
    transition-delay: 0.65s;
}

.sortOptionsList ul li:nth-child(6) .sortTitle {
    transition-delay: 0.7s;
}

.sortOptionsList ul li:nth-child(7) .sortTitle {
    transition-delay: 0.75s;
}

.sortOptionsList ul li:nth-child(8) .sortTitle {
    transition-delay: 0.8s;
}

.sortOptionsList ul li:nth-child(9) .sortTitle {
    transition-delay: 0.85s;
}

.sortOptionsList ul li:nth-child(10) .sortTitle {
    transition-delay: 0.9s;
}

.sortOpen.active ul li.active .activeSortLine {
    width: 100%;
}

.sortOptionsList ul li.active {
    color: #FC3954;
    font-weight: 500;
}

/*sort active animations*/

.sortHeader {
    padding: 0 1.5rem;
    opacity: 0;
    position: relative;
    top: -15px;
    transition: 0.2s ease-in-out 0.4s;
}

.sortOptionsList ul li {
    margin-top: 0.75rem;
    position: relative;
    padding: 0 1.5rem;
}

.sortOptionsList ul li .sortTitle {
    transition: 0.2s ease-in-out;
    opacity: 0;
    top: -15px;
}

.sortOptionsList {
    margin-top: 0.5rem;
}

.activeSortLine {
    width: 0.1%;
    height: 9px;
    background-color: #FC3954;
    position: absolute;
    top: 8px;
    left: 0;
    transition: width 0.2s ease-in-out 0.5s;
}

.sortTitle {
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding: 0 0.25rem;
    right: 0.25rem;
}

.backToSearchFromSort {
    position: absolute;
    background-color: #FC3954;
    padding: 0.75rem 0;
    bottom: -10%;
    width: 100%;
    left: 0;
    transition: 0.2s ease-in-out 0.35s;
}

.backToSearchFromSort .icon.icon-down-arrow {
    position: relative;
    bottom: 1.5px;
}

/* filter Search*/

.filterSearch.active .backToSearchFromFilter {
    bottom: 0;
}

.backToSearchFromFilter {
    position: absolute;
    background-color: #14CC87;
    padding: 0.75rem 0;
    bottom: -10%;
    width: 100%;
    left: 0;
    transition: 0.2s ease-in-out 0.3s;
}

.categoryList ul li {
    margin-top: 0.75rem;
    position: relative;
    padding: 0 1.5rem;
    top: -10px;
    opacity: 0;
    transition: 0.2s ease-in-out;
}

.difficultyList ul li {
    margin-top: 0.75rem;
    position: relative;
    padding: 0 1.5rem;
    position: relative;
    top: -10px;
    opacity: 0;
    transition: 0.2s ease-in-out;

    width: 100%;
    float: left;
}

.difficultyHeader {
    padding: 0 1.5rem;
    margin-bottom: 0.75rem;
    margin-top: 1.25rem;
    position: relative;
    top: -10px;
    opacity: 0;
    transition: 0.2s ease-in-out 0.4s;
}

.categoryFilterHeader {
    padding: 0 1.5rem;
    margin-bottom: 0.75rem;
    margin-top: 1.25rem;
    position: relative;
    top: -15px;
    transition: 0.2s ease-in-out 0.65s;
}

.filterHeader {
    margin-top: 1.5rem;
    padding: 0 1.5rem;
    opacity: 0;
    position: relative;
    top: -15px;
    transition: 0.2s ease-in-out 0.35s;
}

.activeFilterLine {
    width: 0.1%;
    height: 9px;
    background-color: #14CC87;
    position: absolute;
    top: 8px;
    left: 0;
    transition: width 0.2s ease-in-out 0.3s;
}

.difficultyList ul li.active .activeFilterLine {
    width: 100%;
}

.difficultyList ul li.active .filterListTitle {
    color: #14CC87;
    font-weight: 500;
}

.filterListTitle {
    position: relative;
    z-index: 1;
    padding: 0 0.25rem;
    right: 0.25rem;
    background-color: #fff;
}

.activeFilterCheck {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: solid #222 1px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    margin-right: 0.25rem;
    font-size: 14px;
}

.categoryList ul li.active .activeFilterCheck {
    background-color: #14CC87;
    border: 0;
}

.greenAcceptBack {
    background-color: #14CC87;
}

.greenAcceptColor {
    color: #14CC87;
}

.categoryList ul li.active .filterListTitle {
    font-weight: 500;
    color: #14CC87;
}

.categoryList .filterListTitle {
    padding: 0rem;
    right: 0rem;
}

.levelHeat {
    width: 26px;
    height: 26px;
    vertical-align: middle;
    overflow: hidden;
    border: solid #000 2px;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    bottom: 2px;
}

.levelHeat.easyLevel {
    border-color: #01FF78;
}

.levelHeat.normalLevel {
    border-color: #EECB20;
}

.levelHeat.hardLevel {
    border-color: #FF4B4B;
}

.levelBandit {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.easyLevel .levelBandit {
    background-color: #01FF78;
    height: 8px;
}

.normalLevel .levelBandit {
    background-color: #EECB20;
    height: 13px;
}

.hardLevel .levelBandit {
    background-color: #FF4B4B;
    height: 26px;
}

.difficultyList ul li.active .levelHeat {
    border-color: #14CC87 !important;
}

.difficultyList ul li.active .levelBandit {
    background-color: #14CC87 !important;
}

.difficultyList ul li.active .filterListTitle {
    font-weight: 500;
}

/* active in filter search */

.filterSearch.active .difficultyHeader {
    top: 0px;
    opacity: 1;
}

.filterSearch.active .difficultyList ul li {
    top: 0;
    opacity: 1;
}

.difficultyList ul li:nth-child(1) {
    transition-delay: 0.45s;
}

.difficultyList ul li:nth-child(2) {
    transition-delay: 0.5s;
}

.difficultyList ul li:nth-child(3) {
    transition-delay: 0.55s;
}

.difficultyList ul li:nth-child(4) {
    transition-delay: 0.6s;
}

.filterSearch.active .categoryFilterHeader {
    top: 0px;
    opacity: 1;
}

.filterSearch.active .categoryList ul li {
    top: 0;
    opacity: 1;
}

.categoryList ul li:nth-child(1) {
    transition-delay: 0.7s;
}

.categoryList ul li:nth-child(2) {
    transition-delay: 0.75s;
}

.categoryList ul li:nth-child(3) {
    transition-delay: 0.8s;
}

.categoryList ul li:nth-child(4) {
    transition-delay: 0.85s;
}

.categoryList ul li:nth-child(5) {
    transition-delay: 0.9s;
}

.categoryList ul li:nth-child(6) {
    transition-delay: 0.95s;
}

.categoryList ul li:nth-child(7) {
    transition-delay: 1s;
}

.categoryList ul li:nth-child(8) {
    transition-delay: 1.05s;
}

.categoryList ul li:nth-child(9) {
    transition-delay: 1.1s;
}

.categoryList ul li:nth-child(10) {
    transition-delay: 1.15s;
}

.loadingBar {
    width: 35px;
    height: 10px;
    background-color: #C2E4D7;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    margin-right: 0.5rem;
}

.loadingBarInner {
    width: 10px;
    height: 100%;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #14CC87;
    -webkit-animation: loading 2s ease-in-out infinite;
    -moz-animation: loading 2s ease-in-out infinite;
    -o-animation: loading 2s ease-in-out infinite;
    -ms-animation: loading 2s ease-in-out infinite;
    animation: loading 2s ease-in-out infinite;
}

/*------------------------ stories -------------------------*/

.openCategoryOnMobile {
    position: fixed;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #44d1cd;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    color: #fff;
    padding: 0.5rem 1rem;
    font-weight: 500;
}

.storyBanner {
    padding: 25% 0;
    height: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.storyBanner img {
    width: 100%;
    position: absolute;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

.mainStoriesContainer, .storyMainInformation, .mainGoodToKnowContainer {
    padding-top: 95px;
    width: 100%;
    float: left;
}

.storyMainTitle {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    color: #fff;
    z-index: 1;
}

.storyMainTitle.blackColor {
    color: #222;
}

.storyBox {
    width: 100%;
    float: left;
    border-radius: 0;
    margin-top: 0.5rem;
}

.smallStoryBox .cartImage {
    padding: 25% 0;
    border-radius: 0;
}

.storyBox .cartWhiteSpace {
    border-radius: 0;
    padding: 1rem;
}

.storyCartPadding {
    color: #7E7E7E;
    font-size: 14px;
    line-height: 21px;
}

.storyLineView .storyCartPadding {
    line-height: normal;
    font-size: 16px;
}

.storyCategoryTemp {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #cccccc;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    margin-right: 0.25rem;
}

.storyCategory {
    color: #BEBEBE;
}

.storyMainInnerInformation .storyCategory {
    margin-bottom: 0.75rem;
}

.storyBox .detailGuide {
    margin-top: 1rem;
}

.storyDate {
    background-color: rgba(255, 255, 255, 0.87);
    border-radius: 250px;
    padding: 0.25rem 0.5rem;
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    line-height: 1;
    z-index: 1;
}

.storyHeader, .highlightedInStoryHeader {
    padding: 0.5rem 1rem;
    margin-top: 1.5rem;
    font-size: 18px;
}

.listView {
    margin-right: 1rem;
}

.active.listView {
    color: #FC3954;
    cursor: auto;
}

.active.itemView {
    color: #FC3954;
    cursor: auto;
}

.active .filterActive {
    display: inline-flex;
}

.filterActive {
    position: absolute;
    top: -5px;
    left: -5px;
    width: 22px;
    height: 22px;
    background-color: #007965;
    color: #fff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    z-index: 1;
    font-size: 12px;
    display: none;
}

.activeView {
    background-color: #FC3954;
    color: #fff;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -0.2rem;
    left: -0.5rem;
    display: none;
}

.active .activeView {
    display: inline-flex;
}

.stories {
    width: 100%;
    float: left;
}

/*-------------- story Single -----------------*/

.storyCategories {
    color: #BEBEBE;
    margin-bottom: 0.5rem;
    white-space: nowrap;
}

.storyMainInnerInformation .storyCategories {
    margin-top: 1.5rem;
    margin-bottom: 0;
}

.storyTitle {
    margin-top: 0.25rem;
    line-height: normal;
}

.categoryImage {
    width: 24px;
    height: 24px;
    border: solid #fff 1px;
    background-color: #cccccc;
    border-radius: 250px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
}

.storyMainInnerInformation .categoryImage {
    border: solid #f2f2f2 1px;
}

.storyInnerInformation .categoryImage {
    border-color: #f2f2f2;
}

.categoryImage img {
    width: 24px;
    height: 24px;
}

.categoryImage:nth-child(1) {
    position: relative;
    left: 0;
}

.categoryImage:nth-child(2) {
    position: relative;
    left: -12px;
}

.categoryImage:nth-child(3) {
    position: relative;
    left: -24px;
}

.categoryImage:nth-child(4) {
    position: relative;
    left: -36px;
}

.categoryImage:nth-child(5) {
    position: relative;
    left: -48px;
}

.categoryImage:nth-child(6) {
    position: relative;
    left: -60px;
}

.categoriesText {
    margin-left: 0.15rem;
}

.storyCategories span.categoriesText:nth-child(3) {
    position: relative;
    left: -12px;
}

.storyCategories span.categoriesText:nth-child(4) {
    position: relative;
    left: -24px;
}

.storyCategories span.categoriesText:nth-child(5) {
    position: relative;
    left: -36px;
}

.storyCategories span.categoriesText:nth-child(6) {
    position: relative;
    left: -48px;
}

.storyCategories span.categoriesText:nth-child(7) {
    position: relative;
    left: -60px;
}

.storyMainImage {
    margin: 1rem 0;
}

.storyMainImage img {
    display: block;
}

big {
    font-size: 60px;
    font-weight: 500;
    float: left;
    height: 44px;
    line-height: 1;
    position: relative;
    bottom: 3px;
    margin-right: 6px;
    color: #FC3954;
}

.storyInnerContent {
    line-height: 28px;
}

.storyInnerContent h1, .storyInnerContent h2, .storyInnerContent h3 {
    padding: 0 1rem;
}

strong {
    font-weight: 500 !important;
}

h2 {
    font-size: 18px;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
    padding: 0 1rem;
}

.storyInnerDate {
    margin-top: 0.5rem;
}

.storyInnerDate .storyDate {
    position: static;
    display: inline-block;
}

.storyInnerContent img {
    position: relative;
    max-width: 100%;
    height: auto !important;
    max-height: none;
}

.storyInnerContent p {
    padding: 0 1rem;
    overflow: hidden;
    width: 100%;
    margin: 1rem 0;
}

.copyRightInStory {
    margin-bottom: 0 !important;
    font-style: italic;
    font-size: 14px;
    padding: 1rem !important;
    background-color: #f5f4ec;

    border: solid #ebebeb 1px;
    border-bottom: 0;
}

.copyright {
    padding: 1.5rem;
    color: #a7a7a7;
    text-align: center;
}

blockquote {
    background: #fff url("../img/quate.svg") no-repeat 1rem 1rem;
    background-size: 25px;
    padding: 3rem 1.5rem 1.5rem 1.5rem;
    margin: 1rem 0;
}

.shareCloud {
    border-radius: 250px;
    background-color: #fff;
    padding: 0.5rem 1rem;
    position: relative;
    margin-left: 1rem;
}

.cloudPointer {
    position: absolute;
    left: -8px;
    width: 0;
    height: 0;
    top: 5px;
    border-top: 11px solid transparent;
    border-right: 12px solid white;
    border-bottom: 11px solid transparent;
}

.SocialMediaShareButton {
    display: inline-block;
    margin: 0rem .5rem;
}

.SocialMediaShareButton:nth-child(2) {
    margin-left: 2rem;
}

.middleSpace {
    margin: 0.5rem;
}

.shareStory {
    padding: 1rem 0;
    border-top: solid #ebebeb 1px;
    margin: 0rem 0 1rem 0;
}

.carousel {
    margin-top: 1rem;
}

.carouselInner {
    white-space: nowrap;
    overflow-x: auto;
}

.carouselInner .storyBox {
    float: none;
    display: inline-block;
    margin-left: 1rem;
    width: 250px;
}

.carouselInner .storyBox:nth-child(1) {
    margin-left: 0;
}


.carouselInner .storyBox:nth-last-child(1) {
    margin-right: 1rem;
}

.storyItem {
    width: 250px;
    display: inline-block;
    white-space: normal;
    margin-left: 1rem;
}

.storyItem:nth-last-child(1) {
    margin-right: 1rem;
}

.storyItem .smallStoryBox .cartImage {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.storyItem .smallStoryBox .cartImage {
    padding: 30% 0;
}

.relatedStories {
    padding: 1.5rem 0;
}

.storyItem .detailGuide {
    margin-top: 1rem;
}

.yourComment, .normalComment {
    border-radius: 5px;
    padding: 1rem;
}

.yourComment {
    margin-bottom: 1.5rem;
}

.normalComment {
    margin-bottom: 0.75rem;
}

.replyed {
    width: 80%;
    margin-bottom: 0.75rem;

}

.yourProfilePic {
    width: 28px;
    height: 28px;
    border-radius: 250px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.date {
    color: #C8C8C8;
}

.yourOpinion textarea {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.yourOpinion {
    margin: 1rem 0;
}

.comments {
    margin-top: 1.5rem;
}

.commentsTitle {
    margin-bottom: 0.75rem;
}

.relatedandTags {
    width: 100%;
    padding: 0 1rem;
    float: left;
}

.experienceRelatedToStory .cartImage {
    padding: 35% 0;
}

.experienceRelatedToStory .detailGuide {
    margin-top: 0;
}

.experienceRelatedToStory .experienceCartContainer {
    width: 100%;
    margin-left: 0;
}

.experienceRelatedToStory .experienceCartTitle {
    color: #fff;
    z-index: 1;
}

.experienceRelatedToStory .experienceDuration {
    color: #fff;
}

.experienceRelatedToStory .imageGradiantCover {
    z-index: 0;
}

.relatedExperienceTitle {
    margin-bottom: 1rem;
}

.storyMainImage {
    border-radius: 5px;
    overflow: hidden;
}

.tagsHeader {
    margin-bottom: 1rem;
}

.allTags {
    margin-top: 2rem;
}

.tagItems li {
    margin-right: 10px;
    padding: 0.25rem 1rem;
    border-radius: 5px;
    background-color: #fff;
    display: inline-block;
    font-size: 14px;
    color: #3E3E3E;
    font-style: italic;
    margin-bottom: 10px;
    font-weight: 300;
}

.storyInnerContent > div > div > div:nth-child(1) {
    max-width: none !important;
}

.detailsContainer > div > div > div:nth-child(1) {
    max-width: none !important;
}

.overviewContent > div > div:nth-child(1) {
    max-width: none !important;
    margin-top: 1rem !important;
}

.aboutContent > div > div:nth-child(1) {
    max-width: none !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.aboutContent img {
    max-width: 100%;
    height: auto;
}

.aboutContent p, .aboutContent h1, .aboutContent h2, .aboutContent h3 {
    padding: 0 0rem;
    margin: 0.5rem 0;
}

.aboutContent li {
    list-style: disc;
    margin-left: 2rem;
    margin-bottom: 1rem;
}

.aboutContent ul ul li {
    margin-bottom: 0;
}

/*---------------- good to knows mother page ------------------*/
.goodToKnowMain {
    padding-top: 96px;
}

.halfNormalBottomMargin {
    margin-bottom: 0.5rem;
    margin-top: 1rem;
}

.categoryImageCover {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.33);
    top: 0;
    left: 0;
    z-index: -1;
}

.categoryImageBox {
    position: relative;
    border-radius: 5px;
    width: 100%;
    overflow: hidden;
    height: 200px;
    margin-top: 1rem;

    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.8);
}

.mainBox {
    height: 305px;
}

.categoryImageBox img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: -1;
}

.howManySessions {
    position: absolute;
    left: 1.75rem;
    top: 1.75rem;
}

.mainBoxInformation {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1rem;
    width: 100%;
    z-index: 1;
}

.notAvailableEmergency {
    margin-bottom: 2rem;
    color: #ff6e00;
    width: 100%;
}

.goodToKnowCategories {
    color: #BEBEBE;
    margin-bottom: 0.5rem;
    white-space: nowrap;
}

.categoriesText {
    margin-left: 0.15rem;
}

.goodToKnowCategories span.categoriesText:nth-child(3) {
    position: relative;
    left: -12px;
}

.goodToKnowCategories span.categoriesText:nth-child(4) {
    position: relative;
    left: -24px;
}

.goodToKnowCategories span.categoriesText:nth-child(5) {
    position: relative;
    left: -36px;
}

.goodToKnowCategories span.categoriesText:nth-child(6) {
    position: relative;
    left: -48px;
}

.goodToKnowCategories span.categoriesText:nth-child(7) {
    position: relative;
    left: -60px;
}

.topOnesContainer {
    margin-top: 0.5rem;
}

.goodToKnowBox {
    margin-bottom: 1rem;
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

.goodToKnowBoxImage {
    overflow: hidden;
    width: 100%;
    height: 0;
    padding: 25% 0;
    border-radius: 5px;
    position: relative;
}

.goodToKnowBoxImage img {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.goodToKnowBoxContent {
    padding: 0rem 1rem 1rem 0;
    border-bottom-right-radius: 5px;
    border-bottom: solid #ebebeb 2px;
    border-right: solid #ebebeb 2px;
    margin-top: 0.5rem;

}

.topMinimumSpace {
    margin-top: 0.25rem;
}

.lightGrayColor {
    color: #919191;
}

.halfMarginLeft{
    margin-left: 0.5rem;
}

.goodToKnowTitle {
    height: 72px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.knowItAll {
    position: absolute;
    bottom: 0;
    background-color: #f2f2f2;
    padding-right: 0.5rem;
    bottom: -0.5rem;
    font-weight: 500;
}

.goodToKnowCategoryColumn {
    width: 100%;
    float: left;
}

.waitForMore {
    margin: 1rem 0;
}

.goodToKnowBoxes {
    margin-top: 1rem;
}

.goodToKnowBoxes.listView {
    margin-right: 0;
}

.smallHighlightBox {
    width: 270px;
    display: inline-block;
    margin-right: 1rem;

}

.smallHighlightBox:nth-last-child(1) {
    margin-right: 0;
}

.goodToKnowAllImageBox {
    overflow: hidden;
    width: 100%;
    border-radius: 5px;
    height: 170px;
    white-space: normal;
}

.goodToKnowAllImageBox img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: -1;
}

.goodToKnowAllImageBox .mainBoxInformation {
    padding: 1rem;
    bottom: 0;
}

/*------------- extra pages ------------*/

.aboutUsContainer, .faqContainer {
    padding-top: 58px;
}

.aboutCover img {
    width: 100%;
}

.aboutUsContainer figure {
    position: relative;
    display: inline-block;
    float: left;
    margin: 1rem 0;
}

.aboutUsContainer figure img {
    height: auto;
    max-width: 100%;
}

.aboutUsContainer figure figcaption {
    bottom: 0;
}

.noPadding {
    padding: 0;
}

.aboutTitle, .faqTitle {
    padding: 1rem;
}

.aboutContent {
    padding: 0 0 1rem 0;
    line-height: 28px;
}

.faqList {
    padding: 0 1rem;
}

.faqList ul li {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-bottom: 1rem;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.questionItself {
    float: left;
    width: calc(100% - 30px);
}

.questionOpenIcon {
    float: right;
    font-size: 14px;
}

.questionCloseBox {
    padding: 1rem;
    border-bottom: solid #e6e6e6 1px;
}

.questionOpen {
    padding: 1rem;
    font-size: 14px;
    color: #737373;
    font-weight: 300;
}

.faqBox {
    margin-bottom: 2rem;
}

.questionNumber {
    position: absolute;
    bottom: 0.5rem;
    left: 0.25rem;
    font-size: 64px;
    color: #F2F2F2;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
    font-weight: 500;
    z-index: 0;
}

/*-------------------- contact us ----------------------*/

.inputContainer {
    width: 100%;
    float: left;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 1rem;
}

.inputContainer input, .inputContainer textarea {
    width: 100%;
    padding: 0.5rem 1rem;
    background-color: #fff;
}

.inputContainer textarea {
    font-size: 16px;
    max-width: 100%;
    width: 100%;
    border-radius: 15px;
    min-height: 139px;
    min-width: 100%;
}

.leaveUsYourMessage, .socialMediaInformation, .contactInSocialInformation {
    padding: 1rem;
}

.contactUsContainer {
    padding-top: 50px;
}

.contactTitle {
    margin-bottom: 1rem;
}

.contactThrough .callSocials {
    margin-top: 0;
}

.contactThrough .callSocials a {
    width: auto;
    padding: 0;
    border: none;
}

.line {
    width: 1px;
    height: 10px;
    background-color: #dadada;
    margin: 0 1rem;
}

.contactThrough {
    width: 100%;
    float: left;
}

.socialMediaInformation {
    border-bottom: solid #ebebeb 1px;
    width: 100%;
    float: left;
}

.contactInSocialInformation {
    width: 100%;
    float: left;
}

.mapHolder {
    width: 100%;
    height: 250px;
    background-color: #e4e4e4;
    overflow: hidden;
    border-top: solid #d4d4d4 1px;
    border-bottom: solid #d4d4d4 1px;
}

.mapLocation {
    margin-bottom: 2.5rem;
}

.address {
    padding: 0.25rem 1rem 1rem;
}

.allMedia .callSocials {
    padding: 0;
}

.allMedia .facebookIcon {
    color: #2562BE;
}

.allMedia .instagram {
    color: #F8487C;
}

.allMedia .linkedin {
    color: #4A8AB5;
}

.allMedia .youtube {
    color: #ff6361;
}

.allMedia .twitter {
    color: #81cfff;
}

.sendMessage {
    width: auto;
    display: inline-block;
    background-color: #44d1cd;
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 250px;
    margin-top: 0.25rem;
}

.verticalPadding-15 {
    padding: 1.5rem 0;
}

/*------------------- pick a date ----------------------*/

.pickDateContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 8;
    min-height: 100%;
    padding-bottom: 1rem;
}

.dateHeader {
    padding: 1rem;
    border-bottom: solid #f2f2f2 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pickDateButton {
    padding: 1rem;
    width: 100%;
}

.calendarContainer {
    padding: 1rem 0;
    width: 100%;
    float: left;
}

.backToPerv {
    text-align: left;
    color: #cccccc;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.experienceName {
    width: calc(100% - 33px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.experienceLogInfo {
    overflow: hidden;
    padding: 30% 0;
    height: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.experienceLogInfo img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
}

.experienceLogTitle {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 1rem;
    margin: 0;
    z-index: 1;
}

.informationBox {
    margin-top: 1rem;
    float: left;
    width: 100%;
}

.dateRangeTitle {
    color: #707070;
    width: 100%;
    float: left;
    margin: 1.75rem 0 0.75rem;
}

.expLogPrice {
    margin: 1.75rem 0 0.75rem;
}

.numberOfPeopleExpLog {
    width: 100%;
    float: left;
    padding: 0.75rem 1rem;
    margin: 1.5rem 0 0;
    color: #707070;
    background-color: #f2f2f2;
}

.counterContainer {
    width: auto;
    border-radius: 250px;
    border: solid #ebebeb 2px;
    float: right;
    font-size: 18px;
}

.numberOfPeopleExpLog > div:nth-child(1) {
    margin-top: 0.45rem;
}

.dec, .add {
    width: 40px;
    text-align: center;
    padding: 0.25rem 1rem;
    cursor: pointer;
}

.counterContainer span.dec {
    color: #a4a4a4;
}

.counterContainer span {
    display: inline-block;
    color: #007a87;
}

.discountInput {
    margin-top: 2rem;
    margin-bottom: 1rem;
    width: 100%;
    float: left;
    position: relative;
}

.discountInput input {
    width: 100%;
    padding: 0.75rem 1rem 0.75rem 3rem;
    background-color: #F1F1F1;
}

.discountInput img {
    width: 31px;
    position: absolute;
    left: 5px;
    top: -7px;
}

.visaWhiteBox .discountInput{
    width: calc(100% - 150px);
    float: left;
    margin: 0;
}

.checkDiscount {
    float: right;
    width: 142px;
    padding: 0.55rem;
    text-align: center;
    background-color: #fd3954;
    color: #fff;
    font-weight: 500;
    border-radius: 5px;
}

.visaWhiteBox .trustedLogoes {
    margin-top: 1rem;
}

.visaDiscount {
    margin: 2rem 0;
}

.checkoutButton {
    background-color: #44d1cd;
    padding: 0.5rem 1rem;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
}

.checkOutContainer .checkoutButton {
    border: solid 1px #007965;
    background-color: transparent;
    color: #007965;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    white-space: nowrap;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: unset;
    padding: 0.5rem 0.5rem;
    margin-bottom: 0.5rem;
    float: left;
}

.lineBetween {
    padding: 0.6rem 0;
    display: inline-block;
    width: 8%;
    text-align: center;
    position: relative;
    font-size: 14px;
    color: #a0a0a0;
    float: left;
}

.orBorder {
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: #ebebeb;
    top: 0;
    left: 50%;
}

.orText {
    padding: 0.2rem;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

.checkoutButton .icon.icon-wallet {
    font-size: 16px;
}

.checkoutPrice {
    margin-top: 0.5rem;
}

.priceAndPay {
    margin-bottom: 1.75rem;
    width: 100%;
    float: left;
}

.pickCalendar {
    width: 100%;
    background-color: #fff;
    z-index: 1;
}

.closestAvailable {
    margin-top: 0.5rem;
}

.closeTable, .calendarTable {
    margin: 1rem 0;
    width: 100%;
    float: left;
}

.closeTable ul li {
    width: 49%;
    float: left;
    background-color: #E4F5F4;
    padding: 1rem 0;
    text-align: center;
    color: #36A39D;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 2%;
}

.closeTable ul li.active {
    background-color: #007965;
    color: #fff;
}

.closeTable ul li:nth-child(2n) {
    float: right;
}

.otherChoice {
    width: 100%;
    height: 1px;
    background-color: #E6E6E6;
    float: left;
    margin: 1rem 0;
}

.orContainer {
    width: 100%;
    text-align: center;
    position: absolute;
    top: -10px;
}

.or {
    background-color: #fff;
    padding: 0 0.75rem;
}

.arrowNavigate {
    margin-top: 0.25rem;
}

.activeDate {
    width: calc(100% - 28px);
    text-align: center;
}

.calendarTable ul {
    display: flex;
    flex-direction: row;
    width: 101%;
    flex-wrap: wrap;

}

.calendarTable ul li {
    width: 12.28571428571429%;
    height: 0;
    padding: 6.14% 0;
    background-color: #E4F5F4;
    color: #4D9A8D;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 2%;
    margin-bottom: 2%;
    position: relative;
}

.calendarTable ul li.arrayActive:nth-child(1) .activeLine {
    display: none;
}

.calendarTable ul li.arrayActive .activeLine {
    width: 18%;
    background-color: #007965;
    position: absolute;
    height: 100%;
    right: 99%;
}

.calendarTable ul li.arrayActive {
    background-color: #007965;
    color: #fff;
}

.calendarTable ul li.arrayActive.notAllowed .activeLine {
    background-color: #FFD6D6;
}

.calendarTable ul li.arrayActive.notAllowed {
    background-color: #FFD6D6;
    color: #F95F5F;
}

.calendarTable ul li.deactiveDay {
    background-color: #F2F2F2;
    color: #D7D7D7;
}

.dayName {
    display: none;
}

.calendarNavigator {
    width: 100%;
    float: left;
    margin-bottom: 0.75rem;
}

.checkOutContainer {
    border-top: solid #ebebeb 1px;
    padding-top: 1rem;
}

.dateToolTip {
    position: absolute;
    bottom: 100%;
    padding: 1rem;
    background-color: #fff;
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.16);
    color: #000;
    width: 194px;
    left: 50%;
    margin-left: -97px;
}

.dateToolTip .bottomTriangle {
    display: inline-block;
    border-top: 5px solid #fff;
}

/*----------------- invoice page -----------------*/

.invoiceContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 8;
    min-height: 100%;
    padding-bottom: 4rem;
}

.invoiceContainer .discountInput {
    width: calc(100% - 100px);
    margin-top: 0;
}

.invoiceContainer .checkDiscount {
    width: 82px;
}

.buttonLoaderIcon {
    width: 16px;
    padding: 0;
}
.preVoiceContainer {
    padding: 1rem 0;
    width: 100%;
    float: left;
}

.mainHeader {
    font-size: 22px;
}

.formContainer {
    width: 100%;
    padding: 1.25rem;
    border: dashed 1px #007965;
    float: left;
    margin-top: 1rem;
}

.fieldInput input {
    width: 100%;
    border-radius: 5px;
    background-color: #fff;
    padding: 0.6rem 1rem;
    font-weight: 300;
    margin-top: 0.25rem;
    border: solid #eaeaea 1px;
}

.fieldInput {
    float: left;
    width: 100%;
}

.importantField {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #FF4B4B;
    display: inline-block;
}

.css-vk3dtj, .css-16aj3ia, .css-7v328z {
    background-color: #fff !important;
    border: solid #eaeaea 1px !important;
}

.css-7v328z {
    width: 40% !important;
}

.phoneNumberInput input {
    width: 57% !important;
}

.phoneNumberInput .fieldInput > input:nth-child(2) {
    width: 66%;
    float: right;
}

.fieldBox {
    margin-top: 1rem;
    width: 100%;
    float: left;
}

.fieldBox:nth-child(1) {
    margin-top: 0;
}

.phoneNumberContactUs {
    width: 100%;
    float: left;
    margin-bottom: -0.25rem;
    margin-top: -5px;
    margin-right: 2%;
    height: 68px;
}

.fieldTitle {
    font-weight: 300;
    width: 100%;
    float: left;
    font-size: 12px;
    font-weight: 500;
}

.redImportant {
    color: #FF4B4B;
}

.noticeInForm ul li {
    margin-top: 0.5rem;
}

.experienceYouTaking {
    margin-top: 1.5rem;
}

.expYouTakingImage {
    width: 100%;
    padding: 30% 0;
    height: 0;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin: 1rem 0;
}

.expYouTakingImage img {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.expTitle {
    width: 100%;
    float: left;
}

.expDetail {
    margin-top: 0.5rem;
    width: 100%;
    float: left;
}

.paymentFixedButton {
    float: right;
    width: 38%;
    margin-top: 0;
}

.finalPrice {
    margin-top: 0.75rem;
    color: #44d1cd;
}

.nextFixedButton {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #44d1cd;
    color: #fff;
    text-align: center;
    padding: 0.75rem 0rem;
}

.paymentTextAction {
    padding: 0.75rem 1.25rem;
    background-color: #44d1cd;
    color: #fff;
    width: 100%;
    text-align: center;
}

.openPay {
    position: absolute;
    bottom: 99%;
    left: 50%;
    margin-left: -37.5px;
}

.topPoint {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
}

.openedUpRecheckBox {
    background-color: #fff;
    width: 100%;
    padding-bottom: 1rem;
    padding-top: 1rem;
    z-index: 1;
    float: left;
}

.openedUp {
    overflow: scroll;
    width: 100%;
    float: left;
    position: fixed;
    top: 100%;
    left: 0;
    height: 100%;
    -webkit-transition: ease-in-out 0.25s;
    -moz-transition: ease-in-out 0.25s;
    -ms-transition: ease-in-out 0.25s;
    -o-transition: ease-in-out 0.25s;
    transition: ease-in-out 0.25s;
}

.active.openedUp {
    top: 0;
}

.openedUpRecheckBox .dateRange {
    padding: 1rem 0;
}

.underName {
    padding: 0.5rem 1rem;
    background-color: #E4F5F4;
    background-color: #E4F5F4;
    float: left;
}

.forHowMany {
    width: 100%;
    float: left;
    padding: 0.5rem 0rem;
}

.multiShape {
    margin: 0 0.75rem;
}

.calculateRow {
    padding: 0.75rem 1rem;
    border-top: solid #f2f2f2 1px;
}

/*.calculateTable {*/
/*margin-top: 1rem;*/
/*}*/

.agreedTerms {
    padding: 1rem 0;
}

.afterPay {
    color: #E9C226;
    width: 61%;
    float: left;
}

.wrongInformation {
    color: #FF4B4B;
    font-size: 14px;
    margin-top: 1.5rem;
    float: left;
    width: 100%;
}

.trustedLogoes {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
}

.trustedLineBetween {
    height: 11px;
    width: 2px;
    background-color: #d5d5d5;
    margin: 0 1rem;
}

.trustedLogo .icon {
    color: #F8D33D;
    font-size: 29px;
    display: inline-block;
    float: left;
    margin-right: 0.5rem;
}

.trustedLogo p {
    font-size: 12px;
    font-weight: 100;
    line-height: 1.3;
    float: left;
}

.trustedLogo {
    width: 100px;
    display: inline-block;
}

.visaReferenceCodeNumber {
    font-size: 32px;
    float: left;
    font-weight: bold;
    width: 100%;
    margin: 1rem 0 3rem;
    text-transform: uppercase;
}

.visaWhiteBox:nth-child(1) {
    padding: 2rem;
}

.cartBottomSpace {
    position: absolute;
    padding: 1rem;
    left: 0;
    bottom: 0;
}

/*---------------------- profile -----------------------*/

.profileContainer {
    padding-top: 48px;
    width: 100%;
    float: left;
}

.panoramaImage {
    height: 189px;
    width: 100%;
    background: url("../img/PanoramaImage.jpg") center;
    background-size: cover;
    overflow: hidden;
}

.profileOwner {
    width: 100%;
    padding: 0.75rem 1rem;
}

.profileMenus {
    width: 100%;
}

.profileAvatar {
    width: 34px;
    height: 34px;
    border-radius: 250px;
    background-color: #1AB1AC;
    margin-right: 0.25rem;
}

.middleFlexModel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.profileNavigator {
    overflow-x: auto;
}

.profileNavigator ul {
    display: inline-block;
    white-space: nowrap;
    width: 100%;
}

.profileNavigator ul li {
    display: inline-block;
    margin-left: 1rem;
    padding: 0.75rem 0;
    margin-right: 0.5rem;
    cursor: pointer;
}

.profileNavigator ul li.active {
    background-color: #f2f2f2;
}

.profileMainBox {
    margin-bottom: 2.5rem;
}

.profileMenuBox {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    overflow: hidden;
}

.profileContent {
    width: 100%;
    margin-top: 1rem;
}

.infoSetting {
    padding: 0 1rem;
}

.profileUserInformation {
    border-radius: 5px;
    padding: 1rem;
    margin-top: 1rem;
    width: 100%;
    float: left;
}

.profileTitle {
    margin-bottom: 1rem;
}

.profileUserInformation:nth-child(1) {
    border-left: solid 7px #007965;
    margin-top: 0;
}

.profileUserInformation:nth-child(2) {
    border-left: solid 7px #239793;
}

.profileUserInformation:nth-child(3) {
    border-left: solid 7px #44d1cd;
}

.saveChanges {
    background-color: #007965;
    border-radius: 250px;
    color: #fff;
    padding: 0.5rem 1.5rem;
    overflow: hidden;
}

.saveContainer {
    margin-top: 1rem;
}

.selectCountry {
    background-color: #D6D6D6;
    color: #575757;
    white-space: nowrap;
    width: 100px;
    float: left;
    padding: 0.45rem 1rem;
}

.flexInput {
    overflow: hidden;
    border-radius: 5px;
    float: left;
    margin-top: 0.25rem;
}

.flexInput.fieldInput input {
    border-radius: 0;
    background-color: #F1F1F1;
    font-weight: 300;
    margin-top: 0rem;
    float: left;
    width: calc(100% - 100px);
}

.topIconMargin {
    margin-top: 0.25rem;
}

.addressBox {
    width: 100% !important;
}

.profileContainer .fieldBox:nth-child(2n) {
    float: left;
}


.profileContainer .fieldBox {
    float: right;
    margin-right: 0;
}

.reserveBox {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    margin-bottom: 1rem;
}

.reserveInfo {
    padding: 1rem;
}

.myReserveLabel {
    font-size: 12px;
    color: #BBBBBB;
}

.reserveName {
    margin-bottom: 1rem;
    float: left;
    width: 100%;
}

.reserveItem {
    width: 50%;
    float: left;
    border-right: #f2f2f2 1px solid;
}

.reserveItem:nth-child(2), .reserveItem:nth-child(3) {
    margin-bottom: 0.5rem;
}

.reserveItem:nth-child(2n+1) {
    padding-left: 1rem;
    border-right: 0;
}

.paid {
    color: #31C470;
}

.pending {
    color: #E2C532;
}

.canceled {
    color: #FF5E5E;
}

.reserveInfo {
    width: 100%;
    float: left;
}

.reserveImage {
    padding: 25% 0;
    height: 0;
    position: relative;
    overflow: hidden;
}

.reserveImage img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.column {
    width: 100%;
    border-bottom: solid #f2f2f2 1px;
}

.colTitle {
    padding: 1rem;
    border-right: 1px solid #f2f2f2;
    width: 30%;
    color: #C9C9C9;
    font-size: 14px;
    float: left;
}

.colContent {
    width: 70%;
    padding: 0.9rem 1rem;
    float: left;
    color: #616161;
}

.transactionTable {
    border-radius: 5px;
}

.myTransactions {
    padding: 0 1rem;
    margin-top: 1rem;
}

.statusCol .colContent.success {
    color: #19C966;
}

.statusCol .colContent.failed {
    color: #FF4B4B;
}

.transTableRows {
    margin-top: 1rem;
    background-color: #fff;
}

.bin {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #ff4b4b;
}

.myWishlist {
    width: 100%;
    float: left;
    margin-bottom: 1rem;
}

.messageContainer {
    padding: 1.25rem;
    border-radius: 5px;
    margin-bottom: 1rem;
}

.messageDate {
    color: #D4D4D4;
}

.messageSubject {
    margin-top: 0.75rem;
    margin-bottom: 1.25rem;
}

.messageContent {
    color: #929292;
    max-height: 47px;
    overflow: hidden;
}

.messageContent.active {
    max-height: none;
}

.messageMore {
    margin-top: 0.75rem;
    color: #FC3954;
}

.loadingSearch {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
}


.loadingSearch .imageLoader {
    width: 50px;
    height: auto;
    position: static;
}


/*------------------------- loadings -----------------------------*/


.experienceCartLoading .flatCartBox {
    border: none;
}

.experienceCartLoading .cartImage {
    background-color: #d6d6d6;
}

.experienceCartLoading .experienceLocation {
    height: 18px;
    width: 60px;
    background-color: #C2C2C2;
}

.experienceCartLoading .filterPoint {
    width: 50px;
    height: 18px;
    background-color: #C2C2C2;
}

.experienceCartLoading .experienceCartPrice {
    background-color: #D8F3EF;
    height: 22px;
    width: 80px;
}

.experienceCartPrice {
    line-height: 1.4;
    width: calc(100% - 67px);
}

.includedVisa {
    font-weight: 300;
    color: #7d7d7d;
}

.experienceCartLoading .experienceCartCategories {
    width: 22px;
    height: 22px;
    background-color: #f2f2f2;
    border-radius: 50%;
    margin-top: 0;
}

.experienceCartLoading .titleLine {
    width: 100%;
    height: 18px;
    background-color: #f2f2f2;
    margin-bottom: 0.5rem;
}

.experienceCartLoading .titleLine:nth-child(2) {
    width: 60%;
}

.shine {
    width: 10%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    -webkit-transform: skewX(20deg);
    -moz-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    -o-transform: skewX(20deg);
    transform: skewX(20deg);
    left: -30%;
    -webkit-animation: shine 2s infinite linear;
    -o-animation: shine 2s infinite linear;
    animation: shine 2s infinite linear;
    filter: blur(15px);
    z-index: 2;
}

.experienceCartLoading {
    opacity: 0.6;
}

.storyBoxLoading .flatCartBox {
    border: none;
}

.storyBoxLoading .smallStoryBox .cartImage {
    background-color: #ddd;
}

.storyBoxLoading .storyDate {
    background-color: rgba(189, 189, 189, 0.87);
    height: 18px;
    width: 60px;
}

.storyBoxLoading p {
    height: 20px;
    width: 50%;
    margin-top: 0.75rem;
    background-color: #e4e4e4;
    margin-bottom: 1rem;
}

.storyBoxLoading .storyCategories {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #f2f2f2;
}

.storyBoxLoading .titleLine {
    width: 100%;
    height: 18px;
    background-color: #f2f2f2;
    margin-bottom: 0.25rem;
}

.storyBoxLoading .lastLine {
    width: 60%;
}

.goodToknowLoading .goodToKnowBoxImage {
    background-color: #ddd;
}

.goodToknowLoading .categoryImage {
    width: 24px;
    height: 24px;
    background-color: #dedede;
    border: none;
}

.goodToKnowLoading .goodToKnowTitleLoading {
    width: 100%;
    height: 22px;
    background-color: #ebebeb;
    margin-bottom: 1rem;
}

.goodToKnowLoading p {
    width: 100%;
    height: 17px;
    background-color: #e8e8e8;
}

.goodToKnowLoading p:nth-child(3) {
    width: 60%;
    height: 17px;
    background-color: #e8e8e8;
}

.goodToKnowLoading .knowItAll {

    background-color: #f2f2f2;
    bottom: -0.75rem;
    width: 116px;
    height: 22px;
}

.goodToKnowLoading .knowItAllInner {
    background-color: #e4f5f4;
    bottom: -0.75rem;
    width: 100px;
    height: 22px;
}

.storyContentLoading img {
    width: 100% !important;
    height: 300px !important;
    background-color: #ddd;
}

.buttonLoader {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/*------------- profile after signin -----------*/

.profileNameLetter {
    width: 24px;
    height: 24px;
    border-radius: 250px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
}

.profileCircle:hover .profileOuterOpen {
    display: inline-block;
    animation: scaleUp ease-in-out 0.1s forwards;
}

.outsideProfile .profileOuterOpen {
    right: 0;
    z-index: 1;
}

.profileCircle {
    cursor: pointer;
}

.profileOuterOpen {
    position: absolute;
    top: 110%;
    right: -9px;
    width: 270px;
    padding-top: 1.5rem;
    animation: scaleUpReverse ease-in-out 0.1s forwards;
}

.profileOuterOpen .whiteBack {
    border-radius: 5px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    float: left;
    width: 100%;
    overflow: hidden;
}

.profileMessage {
    padding: 0.7rem 1rem;
    background-color: #f2f2f2;
    border-radius: 250px;
    margin-right: 0.75rem;
    float: left;
    width: 100%;
}

.mainProfileInfo {
    width: 100%;
    padding: 1rem;
    border-bottom: solid #f2f2f2 1px;
    float: left;
}

.profileImage {
    float: left;
    bottom: 0;
    height: 40px;
    width: 40px;
}

.profileNameAndEmail {
    float: right;
    width: calc(100% - 52px);
    text-align: left;
}

profileOuterItems {
    width: 100%;
    float: left;
}

.profileOuterItems ul li {
    width: 33.3333%;
    float: left;
    text-align: center;
    padding: 1rem 0;
    color: #222;
    cursor: pointer;

}

.profileOuterItems ul li:hover {
    color: #222 !important;
    background-color: #e2e2e2;
}

.profileOuterItems ul li:nth-child(1) {
    color: #222 !important;
}

.profileOuterItems .icon {
    font-size: 32px;
}

.profileOuterItems p {
    font-size: 10px;
    font-weight: 300;
    margin-top: -0.25rem;
}

/*--------------- visa page --------------*/

.visaSteps {
    margin-top: 2rem;
    width: 100%;
}

.serviceExplanation {
    margin: 1rem 0;
}

.visaSteps ul {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    width: 100%;
}

.stepCircle {
    width: 25px;
    height: 25px;
    -webkit-border-radius: 250px;
    -moz-border-radius: 250px;
    border-radius: 250px;
    border: solid #ebebeb 1px;
    font-size: 12px;
    background-color: #f2f2f2;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.visaSteps ul li {
    position: relative;
    width: 100%;
}

.visaSteps ul li p {
    font-size: 10px;
    white-space: nowrap;
}

.visaSteps .phoneLine {
    position: absolute;
    height: 1px;
    width: 100%;
    background: #ebebeb;
    top: 12.5px;
}

.visaSteps ul li.inProgress .phoneLine {
    height: 0;
    border-bottom: dashed #007a87 1px;
}

.visaSteps ul li.inProgress .stepCircle {
    border-color: #007a87;
    color: #007a87;
}

.visaSteps ul li.active .phoneLine {
    height: 0;
    border-bottom: solid #007a87 1px;
}

.visaSteps ul li.active .stepCircle {
    border-color: #007a87;
    background-color: #007a87;
    color: #fff;
}

.newsLetterPopup, .quickContactPopForm {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 7;
}

.prefer {
    z-index: 1;
}

.popUpBack {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}

.popUpWhitePart {
    border-radius: 10px;
    overflow: hidden;
    padding: 1rem;
    background-color: #fff;
    position: relative;
    max-width: 520px;
}

.quickContactPopForm .popUpWhitePart {
    max-width: 360px;
}

.popUpContent img {
    width: 40px;
}

.popUpContent {
    margin: 2rem 0;
}

.popTextInner {
    width: calc(100% - 56px);
    float: right;
}

.popUpInputPackage button {
    display: inline-block;
    width: 100px;
    text-align: center;
    background: #007965;
    border-radius: 250px;
    padding: 0.6rem 0;
    vertical-align: middle;
    overflow: hidden;
}

.popUpInputPackage input {
    display: inline-block;
    width: calc(100% - 115px);
    margin-right: 15px;
    background-color: #EFEFEF;
    border-radius: 250px;
    padding: 0.6rem 1rem;
    vertical-align: middle;
}

.popTextInner {
    font-size: 12px;
}

.closePopUp {
    position: absolute;
    right: 1rem;
    top: 1rem;
}

.getVisaForm ul li {
    list-style: disc;
    margin-left: 1rem;
    font-size: 14px;
}


.uploadContainer {
    float: left;
    width: 100%;
    margin: 1rem 0 2rem;
}

.sample {
    float: left;
    width: 22%;
}

.sample img {
    width: 100%;
    border: solid #ebebeb 1px;
    border-radius: 5px;
    overflow: hidden;
}

.upload {
    float: right;
    width: 70%;
}

.progressButton {
    padding: 0.5rem;
}

/*------------- search page ---------------*/

.searchResultContainer {
    padding-top: 3rem;
}

.searchActive {
    margin-left: 0.75rem;
    position: relative;
    bottom: 2px;
}

.resultNumber {
    border-radius: 250px;
    vertical-align: middle;
    padding: 0.2rem 0.5rem;
}

.resultTitleBar {
    border-bottom: solid #dbdbdb 1px;
    padding: 1rem 0;
    margin-bottom: 1rem;
}

.resultBoxes {
    width: 100%;
    float: left;
}

.resultBoxes li {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: solid #e2e2e2 1px;
}

.resultBoxes a:nth-last-child(1) li {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.threeOneColumns {
    width: 100%;
    margin-bottom: 1.3333%;
    float: left;
}

.searchHeader {
    padding: 1rem 0;
    border-bottom: solid #707070 1px;
    font-size: 18px;
    margin-bottom: 1rem;
}

.searchTabs {
    border-bottom: solid #f1f1f1 1px;
}

.searchTabs ul {
    white-space: nowrap;
    overflow-x: auto;
    padding: 1rem 0 1rem 0;
}

.searchTabs ul li:nth-child(1) {
    margin-left: 2rem;
}

.totalResultFound {
    font-size: 12px;
}

.totalInnerResult {
    font-size: 10px;
}

.leftMainResults, .rightOtherResults {
    width: 100%;
    float: left;
}

.resultRow {
    margin-bottom: 2rem;
}

.filepond--root {
    height: 185px;
}

.filepond--panel-root {
    background-color: #F1F1F1 !important;
}

.authbutton {
    display: inline-block;
    padding: 0.75rem 1rem;
    background-color: #44d1cd;
    color: #fff;
    font-weight: 500;
    color: #fff;
    border-radius: 250px;
    margin-top: 1.5rem;
    -webkit-transition: ease 0.1s;
    -moz-transition: ease 0.1s;
    -ms-transition: ease 0.1s;
    -o-transition: ease 0.1s;
    transition: ease 0.1s;
    overflow: hidden;
}

.bookButton {
    background-color: #007965;
    -webkit-border-radius: 250px;
    -moz-border-radius: 250px;
    border-radius: 250px;
    padding: 0.25rem 1rem;
}

/*-------------- 404 page ----------------*/

.fourOFourContainer {
    padding-top: 5rem;
}

.backSkyCover {
    background-color: #D1FFFE;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.fourOFourMainNumber {
    font-size: 100px;
    font-weight: bold;
    line-height: normal;
}

.homeIconImage {
    width: 100%;
    float: left;
}

.fourOFourInfo {
    width: 100%;
    float: right;
    padding-bottom: 2rem;
}

.homeIconImage img {
    width: 280px;
}

.backToHome {
    font-size: 18px;
    font-weight: 500;
    padding: 0.75rem 1.75rem;
    text-align: center;
    border-radius: 250px;
    display: inline-block;
}

.notFoundNotice {
    padding: 0 2rem;
    margin-bottom: 2rem;
}

.insuranceBenefits {
    margin-top: 1rem;
}

.serviceFeeTitle {
    margin-right: 2rem;
}

.insuranceBenefits li .icon {
    color: #007965;
    vertical-align: middle;
}

.serviceFee {
    padding: 1rem;
    text-align: center;
    background: #EDFCF9;
    border-radius: 250px;
    border: solid #007965 1px;
    color: #007965;
}

.insuranceSpace {
    margin: 2rem 0 1rem;
}

.convertInput {
    margin-top: 0.5rem;
}

.explainCredit {
    margin-top: 0.5rem;
}

.bottomBorder {
    border-bottom: solid #e1e1e1 1px;
}

.halfBottomPadding {
    padding-bottom: 0.5rem!important;
}

.formExplains {
    margin-top: 2rem;
}

.creditCardShape {
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden;
    margin-top: 2rem;
}

.topCredit {
    background-color: #C6F5F4;
    padding: 16px 25px;
}

.bottomCredit {
    padding: 16px 25px;
}

.cartSection {
    width: 50px;
    height: 21px;
    -webkit-border-radius: 250px;
    -moz-border-radius: 250px;
    border-radius: 250px;
    background-color: #e1e1e1;
    margin-right: 0.25rem;
    display: inline-block;
}

.iconCircle {
    background-color: #91EAE7;
    width: 21px;
    height: 21px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 0.25rem;
    float: left;
}

.bankName {
    width: 81px;
    height: 21px;
    background-color: #91EAE7;
    -webkit-border-radius: 250px;
    -moz-border-radius: 250px;
    border-radius: 250px;
}

.ownerAndExtra, .dateAndCcv {
    width: 100%;
    margin-top: 0.5rem;
}

.cartOwner {
    width: 82px;
    height: 18px;

    background-color: #efefef;
    -webkit-border-radius: 250px;
    -moz-border-radius: 250px;
    border-radius: 250px;
}

.cartCcv, .cartDate {
    width: 45px;
    height: 18px;

    background-color: #efefef;
    -webkit-border-radius: 250px;
    -moz-border-radius: 250px;
    border-radius: 250px;
    float: left;
    margin-right: 0.25rem;
}

.cartNumber {
    margin-top: 1.5rem;
}

.itemNumber {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: solid #a4a4a4 0.5px;
    color: #a4a4a4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-right: 0.5rem;
}

.allCreditItems li {
    font-size: 18px;
}

.allCreditItems li.active {
    color: #4D9A8D;
}

.allCreditItems li.active .itemNumber {
    border: none;
    color: #fff;
    background-color: #4D9A8D;
}

.applyCredit {
    background-color: #33dacd;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 1rem 1.5rem;
    margin-top: 2rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.applyIcon {
    margin-top: 0.1rem;
    font-size: 24px;
}

.similarCourseBoxes {
    overflow-x: auto;
    height: 300px;
    white-space: nowrap;
    margin-top: 0rem;
    -webkit-transition: ease 0.2s;
    -o-transition: ease 0.2s;
    transition: ease 0.2s;
    overflow-y: hidden;
}

.mainCreditContent {
    padding-bottom: 1rem;
    border-bottom: solid #e1e1e1 0.5px;
}

.insuranceInformation {
    margin-top: 2rem;
}

.searchTabs ul li {
    margin-right: 2rem;
}

/*--------------- search flights ------------------*/

.flightCities {
    width: 100%;
    float: left;
    margin-bottom: 1rem;
}

.timeToFly {
    width: 100%;
    float: left;
    margin-bottom: 1rem;
}

.passengerNumber {
    width: 100%;
    float: left;
}

.filterInFlightBox {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    z-index: 4;
}

.airlineLogo {
    width: 50px;
    height: 50px;
    float: left;
}

.airlineLogo img {
    width: 100%;
}
.airlineNameAndFlightNumber {
    width: calc(100% - 50px - 1rem);
    float: left;
    margin-left: 1rem;
}

.ticketCity {
    width: 75px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

.ticketLineDraw {
    width: calc(100% - 150px - 1rem);
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.5rem;
}

.ticketDestination {
    width: 100%;
    float: left;
}

.lineInnerDash {
    height: 1px;
    border-top: dashed 1px #b5b5b5;
    width: calc(100% - 42px);
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.cityTime {
    width: 100%;
    display: inline-block;
}

.ticketLineDraw .icon-close {
    color: #b5b5b5;
}

.ticketBox {
    padding: 1rem;
    margin-top: 1rem;
    overflow: hidden;
    /*background: url("/img/ticketPattern.png") repeat-x top left;*/
}

.airlineContainer {
    margin-top: 1rem;
}

.airlineContainer ul li {
    margin-bottom: 0.5rem;
}

.cropCircle {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background-color: #f2f2f2;
}

.cropLine {
    height: 1px;
    border-top: dashed 1px #919191;
    width: calc(100% - 80px);
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.ticketCrop {
    width: calc(100% + 70px);
    float: left;
    position: relative;
    left: -35px;
}

.priceLeft .prPrice {
    font-size: 12px;
}

.dayNav {
    -webkit-border-radius: 250px;
    -moz-border-radius: 250px;
    border-radius: 250px;
    padding: 0.25rem 1rem;
    font-size: 12px;
    border: solid #C4C4C4 1px;
}

.dayNav.deactive {
    color: #C3C3C3;
    border-color: #E0E0E0;
}

.dayNavigation {
    margin-top: 2rem;
}

.checkCircle {
    width: 18px;
    height: 18px;
    display: inline-flex;
    vertical-align: middle;
    border: solid #cecece 1px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 0.25rem;
    font-size: 12px;
}

.checkCircle .icon-checked {
    display: none;
}

.flightKind {
    font-size: 10px;
    border-radius: 250px;
    padding: 0rem 0.5rem;
    display: inline-block;
    font-weight: 800;
    color: #d06b2e;
    background-color: #fbceb3;
}

.checkCircle.active .icon-checked {
    display: inline-block;
}

.checkCircle.active {
    background-color: #4D9A8D;
    color: #fff;
    border: none;
}

.offPrice .offLine {
    width: 100%;
    height: 1px;
    background-color: #222;
    transform: rotate(10deg);
    position: absolute;
    left: 0;
    top: 12px;
}

.flightInfoContainer .ticketDestination,
.flightPreviewContainer .ticketDestination {
    max-width: none;
    margin-top: 1rem;
}

.flightInfoContainer footer,
.flightPreviewContainer footer {
    margin-top: 3rem;
}

.flightInfoContainer .ticketBox, .flightPreviewContainer .ticketBox {
    background: none;
    padding: 0;
}

.flightInfoContainer .airlineNameAndFlightNumber,
.flightInfoContainer .airlineNameAndFlightNumber {
    margin-left: 0.5rem;
}

.timeline {
    font-size: 12px;
}

.priceDetail {
    font-size: 10px;
    padding: 0.5rem 1.5rem 0;
}

.holePrice {
    font-size: 22px;
    margin-top: 0.5rem;
    padding: 0.5rem 0;
    border-top: solid #38BAB7 1px;
}

.flightInfoContainer .ticketAirlineAndDestination,
.flightPreviewContainer .ticketAirlineAndDestination {
    padding: 1rem 1.5rem 0;
}

.flightInfoContainer .ticketCrop,
.flightPreviewContainer .ticketCrop {
    padding: 0 1.5rem;
}

.flightInfoContainer .timeline,
.flightPreviewContainer .timeline {
    padding: 0.25rem 1.5rem 1rem;
}

.addAnotherPassenger {
    border-bottom: solid #e1e1e1 1px;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.ticketPurchaseSteps {
    margin-bottom: 3.5rem;
}

.passengerTag {
    padding: 0.3rem 1rem;
    border: solid 1px;
    -webkit-border-radius: 250px;
    -moz-border-radius: 250px;
    border-radius: 250px;
    display: inline-block;
}

.passengerTag .icon.icon-plus {
    position: relative;
    bottom: 2px;
}

.proceed {
    border-radius: 5px;
    padding: 0.75rem 2.5rem;
}

.SingleDatePickerInput__withBorder {
    border-radius: 5px !important;
    border-color: #efefef !important;
}

.bottomGreenSeparator {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 9px;
    background-color: #007965;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.timeToFly .DateInput_input {
    padding: 0.27rem 1rem;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
}



.filterInFlightBox .goSearch {
    width: 150px;
    margin-top: 1.1rem;
    cursor: pointer;
}

.emptyFlights {
    padding: 2rem 0;
    border: solid #e1e1e1 1px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 1.5rem;
    color: #a4a4a4;
}

.emptyFlights .icon {
    font-size: 60px;
}

.passengerItem:nth-child(n+1) {
    margin-top: 1rem;
}

.tooltip {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 3px 64px rgba(0,0,0,0.3);
    background-color: #fff;
    display: inline-block;
    max-width: 150px;
    position: absolute;
    left: 50%;
    bottom: 150%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 12px;
    padding: 0.25rem 0.5rem;
    font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif !important;
    line-height: 1.5;
    color: #3e3e3e;
    min-width: 156px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: linear 0.1s;
    -moz-transition: linear 0.1s;
    -ms-transition: linear 0.1s;
    -o-transition: linear 0.1s;
    transition: linear 0.1s;
}

.informationTooltip:hover .tooltip {
    visibility: visible;
    opacity: 1;
}

@media only screen and (min-width: 570px) {
    .goodToKnowBanner img {
        width: 100%;
    }
}

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

    .priceNumber {
        font-size: 24px;
    }

    .dollarSign {
        font-size: 16px;
    }

    .adultPriceDate {
        font-size: 18px;
    }

    .numberCount {
        font-size: 18px;
    }

    .experienceExpand {
        margin-top: 1.1rem;
    }

    .pickadate {
        /*font-size: 18px;*/
    }

    .experienceExpand.redImportant {
        margin-top: 0.25rem;
        position: relative;
        bottom: 4px;
    }

}


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

    .mobileVersion {
        display: none !important;
    }
    .mobileFlexVersion {
        display: none !important;
    }

    .desktopVerison {
        display: inline-block !important;
    }

    .mobileVersion.onTablet {
        display: inline-block !important;
    }

    .desktopVerison.onTablet {
        display: none !important;
    }

    .innerBack, .fullScreenSlider {
        height: 50%;
    }

    .afterFullScreen {
        top: 50%;
    }

    .searchWhiteBox {
        width: 67%;
    }

    .topTwentyExperience {
        width: 33%;
        height: 368px;
        margin-bottom: 0;
    }

    .searchInTasteIran {
        padding: 0 1.25rem;
    }

    .searchTitle, .searchFields {
        padding: 1.5rem 0rem;
    }

    .calendarSearch {
        float: left;
    }

    .categorySearch {
        width: 49%;
        float: left;
        margin-top: 0;
    }

    .citySearch {
        width: 49%;
        float: left;
        margin-top: 0;
        margin-left: 2%;
    }

    .goSearch {
        float: right;
        padding: 0.5rem 1rem;
        margin-top: 1.75rem;
    }

    .cityBox {
        width: 28%;
        padding: 23% 0;
    }

    .similarCourseBoxes {
        height: auto;
    }

    .experienceCartContainer {
        width: 32%;
        margin-right: 1.33%;
    }

    .carouselContainer .experienceCartContainer {
        margin-left: 0;
    }

    .storyBox {
        width: 49%;
        float: left;
        margin-bottom: 1rem;
        margin-top: 0;
    }

    .smallStoryBoxes a:nth-child(2n) .storyBox {
        float: right;
    }

    .newsLetterFooter {
        width: 63%;
        margin-top: 0;
    }
    
    .newsLetterFooter .footerTitle{
        width: 40%;
    }

    .followLinks {
        width: 32%;
    }

    .getEmailForm {
        margin-top: -0.25rem;
        width: 60%;
    }

    /*------------ search Container -----------*/
    .searchContainer {
        padding-top: 125px;
    }

    .innerSearchBox {
        padding: 1rem 0;
        max-width: 550px;
        float: left;
    }

    .innerSearchBox input {
        padding: 0.5rem 1rem;
    }

    .innerSearchBox .icon.icon-magnifying-glass {
        right: 1rem;
        top: 1.75rem;
    }

    .leftSideOfSearch {
        width: 27%;
        float: left;
        margin-top: 1.5rem;
        margin-left: 2%;
    }

    .leftSideOfSearch .calendarSearch {
        width: 100%;
    }

    .datePicker {
        position: relative;
        z-index: 4;
    }

    .cityBox {
        padding: 10% 0;
        width: 181px;
        height: auto;
        display: inline-block;
        margin-bottom: 0;
        margin-right: 1.25%;
    }

    .categorySolidOutline {
        padding: 0.3rem 0.75rem;
    }

    .rightSideOfSearch {
        width: 68%;
        float: right;
        clear: right;
        margin-top: 1.5rem;
    }

    .experienceCarts .flatCartBox {
        width: 46%;
        margin-right: 3.33%;
        float: left;
    }

    .searchResult {
        padding: 0;
        width: 102%;
    }

    .addedFiltersTags {
        margin-bottom: 0.35rem;
        padding: 0;
        overflow-x: hidden;
        white-space: normal;
    }

    .filterAndSortBar {
        margin-bottom: 1rem;
    }

    .sortInDesktop ul li {
        display: inline-block;
        margin-right: 1rem;
        position: relative;
        padding: 0.7rem 0;
    }

    .activeUnderlineBorder {
        width: 100%;
        height: 2px;
        bottom: 0;
        position: absolute;
        left: 0;
        background-color: #FC3954;
        display: none;
    }

    .sortInDesktop ul li.active {
        color: #FC3954;
        font-weight: 500;
    }

    .sortInDesktop ul li.active .activeUnderlineBorder {
        display: inline-block;
    }

    .difficultyInDesktop {
        padding: 0.88rem 0;
    }

    .difficultyInDesktop .filterListTitle {
        font-size: 14px;
    }

    .difficultyInDesktop .levelHeat {
        width: 20px;
        height: 20px;
    }

    .easyLevel .levelBandit {
        background-color: #01FF78;
        height: 3px;
    }

    .normalLevel .levelBandit {
        background-color: #EECB20;
        height: 8px;
    }

    .hardLevel .levelBandit {
        background-color: #FF4B4B;
        height: 20px;
    }

    .difficultyInDesktopList ul li {
        display: inline-block;
        margin: 0 0.5rem;
    }

    .rightSideOfSearch .categoryBox {
        width: 47%;
        padding: 23% 0;
        position: relative;
    }

    .rightSideOfSearch .categoryBox:nth-child(2n) {
        float: right;
    }

    .rightSideOfSearch .categoryBox img {
        -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
        filter: grayscale(0%);
    }

    .rightSideOfSearch .categoryBox.deactive img {
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
        opacity: 0.32;
    }

    .rightSideOfSearch .categoryBox.deactive .imageCover {
        background: rgb(210, 210, 210);
        background: -moz-linear-gradient(138deg, rgba(210, 210, 210, 0.6) 0%, rgba(88, 88, 88, 0.6) 100%);
        background: -webkit-linear-gradient(138deg, rgba(210, 210, 210, 0.6) 0%, rgba(88, 88, 88, 0.6) 100%);
        background: linear-gradient(138deg, rgba(210, 210, 210, 0.6) 0%, rgba(88, 88, 88, 0.6) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d2d2d2", endColorstr="#585858", GradientType=1);
    }

    .categoryBox .checkTheCategory {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 1rem;
        left: 1rem;
        border-radius: 50%;
        background-color: #fff;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .categoryBox.deactive .checkTheCategory {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 1rem;
        left: 1rem;
        border-radius: 50%;
        border: solid #fff 2px;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        background: transparent;
        justify-content: center;
    }

    .categoryBox.deactive .checkTheCategory .icon.icon-checked {
        display: none;
    }

    .categoryBox .checkTheCategory .icon.icon-checked {
        display: inline-block;
    }

    .pickerRight, .pickerLeft {
        border: none;
        width: 48%;
    }

    .MuiFormControl-root-2 {
        border-radius: 5px;
    }

    .pickerContainer {
        margin-top: 1rem;
    }

    .datePicker {
        margin-bottom: 1rem;
        padding-bottom: 1.5rem;
        border-bottom: solid #ebebeb 1px;
    }

    .categoryOptions {
        margin-bottom: 1rem;
        padding-bottom: 1.5rem;
        border-bottom: solid #ebebeb 1px;
    }


    .leftSideOfSearch h2 {
        font-size: 22px;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: solid #c3c3c3 1px;
        margin-top: 0;
    }

    h2 {
        padding: 0;
    }

    .searchInCity.icon.icon-magnifying-glass {
        position: absolute;
        padding: 0.5rem 1rem;
        top: 0;
        right: 0;
        margin-right: 0 !important;
    }

    .searchInCities {
        border-radius: 5px;
        border: #ebebeb solid 1px;
        overflow: hidden;
        padding: 0.85rem 1rem;
        font-size: 14px;
    }

    .cityBoxes {
        margin-top: 1rem;
    }

    .searchBox {
        background-color: #fff;
        position: relative;
        width: 260px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        border-radius: 5px;
        margin-left: 1rem;
    }

    .searchBox input {
        position: static;
        float: none;
        width: 220px;
        border-radius: 5px;
        vertical-align: middle;
        margin-right: 0;
    }

    .icon.icon-magnifying-glass {
        margin-right: 1rem;
        vertical-align: middle;
    }

    .sizeHandlerFullTabletVersion {
        padding: 0;
    }

    /*---- bread crump -----*/
    .breadCrumb {
        top: 64px;
    }

    .searchContainer {
        padding-top: 124px;
    }

    .sortInDesktop {
        margin-left: 1rem;
    }

    /*-------------- search flights ------------------*/
    .flightCities {
        width: 42%;
        float: left;
        margin-right: 2%;
    }

    .timeToFly {
        width: 34%;
        float: left;
        margin-right: 2%;
    }

    .passengerNumber {
        width: 20%;
        float: left;
    }

    .promoteBanner {
        width: 49%;
        padding: 16% 0;
    }

    .promotionPath {
        width: 200px;
    }

    /*----------------- experience single ---------------------*/

    .pickadate, .quickCall {
        text-align: center;
        float: right;
        border-radius: 5px;
        margin-top: 0.5rem;
        padding: 0.6rem 1rem;
    }
    .searchTabs {
        padding: 1rem 2rem;
    }

    .searchTabs ul {
        padding: 0;
        overflow-x: unset;
    }

    .searchTabs ul li:nth-child(1) {
        margin-left: 0;
    }

    .noticeContext {
        width: 42%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: 100%;
        position: absolute;
        top: 0;
        right: 4%;
        padding: 0;
    }

    .noticePicture {
        width: 50%;
        padding: 14% 0;
    }

}


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

    .locationBox {
        width: 48% !important;
        float: left !important;
    }

    .forScroll {
        overflow: hidden;
    }

    .checkOutContainer .checkoutButton {
        padding: 0.5rem 0;
        width: 46%;
    }

    .checkOutContainer.visaCheckout .checkoutButton {
        width: auto;
        padding: 0.5rem 1.5rem;
        float: none !important;
        display: inline-block;
    }

    .checkOutContainer.visaCheckout .lineBetween {
        display: inline;
    }

    .checkOutContainer.visaCheckout {
        border-top: 0;
    }

    .similarCourseBoxes {
        margin-top: 0;
        width: 101%;
        overflow: unset;
        position: relative;
        display: inline-block;
        float: none !important;
        height: auto;
    }

    .similarCourseBoxes .experienceCartContainer {
        float: none !important;
    }

    .sizeHandlerTight {
        padding: 0;
    }

    .tightSizeHandlerWithNoPadding {
        padding: 0 1rem;
    }

    .sizeHandlerFullDesktopVersion {
        padding: 0;
    }

    .footerSizeHandler {
        padding: 0;
    }

    .mainShortcuts {
        padding: 3rem 0;
    }

    .mobileVersion {
        display: none !important;
    }

    .sizeHandlerFullVersion {
        padding: 0;
    }

    .desktopVerison {
        display: inline-block !important;
    }

    /*------------------ header ---------------------*/
    header {
        padding: 0.75rem 1.5rem;
    }

    .mainNavigation img {
        margin-right: 1rem;
        width: 40px;
    }

    .mainNavigation img.trip {
        width: 30px;
        margin-right: 0.25rem;
    }

    .mainNavigation nav {
        margin-top: 0rem;
    }

    /*.mainNavigation ul li:nth-child(1) {*/
    /*padding: 0.5rem 1rem;*/
    /*background: rgb(255, 105, 39);*/
    /*background: -moz-linear-gradient(61deg, rgba(255, 105, 39, 1) 0%, rgba(252, 57, 84, 1) 100%);*/
    /*background: -webkit-linear-gradient(61deg, rgba(255, 105, 39, 1) 0%, rgba(252, 57, 84, 1) 100%);*/
    /*background: linear-gradient(61deg, rgba(255, 105, 39, 1) 0%, rgba(252, 57, 84, 1) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6927", endColorstr="#fc3954", GradientType=1);*/
    /*color: #fff;*/
    /*}*/
    .mainNavigation ul div li:nth-child(1) {
        color: #222;
    }

    .mainNavigation ul div li:nth-child(1):hover {
        color: #007a87 !important;
    }

    .searchAndSignin {
        padding: 0;
    }

    .signIn .icon {
        font-size: 18px;
    }

    .signIn {
        top: 0;
    }

    .authenticationBox {
        position: relative;
        width: auto;
        height: auto;
        max-width: 450px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transform: scale(0, 0);
        -moz-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
        animation: scaleUp ease-in-out 0.25s forwards;
    }

    .google {
        width: 49%;
        float: left;
        cursor: pointer;
    }

    .facebook {
        width: 49%;
        float: right;
        cursor: pointer;
    }

    .login {
        position: static;
        padding: 0.25rem 0 2rem 0;
    }

    .resultsParts {
        padding: 0;
    }

    .partInner {
        padding: 1.75rem 0;
    }

    .resultPart {
        width: 50%;
        padding: 0;
    }

    .experienceInSearchTitle {
        padding: 0 2rem;
    }

    .resultPart ul {
        padding: 0 2rem;
    }

    .resultPart ul {
        border: 0;
    }

    .separator {
        position: absolute;
        height: calc(100% - 93px);
        left: 50%;
        width: 1px;
        background-color: #e6e6e6;
        top: 67px;
    }

    .resultsParts ul li {
        border-bottom: 1px rgba(237, 237, 237, 0.5) solid;
    }

    .openedSearchBox {
        width: 700px;
        height: auto;
        right: 0;
        padding: 0.78rem 0 0;
    }

    .seeResults {
        margin-bottom: 0;
        border-color: #D3D3D3;
        padding: 1rem 2rem;
    }

    .allResultsLink {
        float: left;
        width: calc(100% + 2px);
        position: relative;
        top: 1px;
        left: -1px;
    }

    .resultPart {
        border: none;
    }

    .searchRow {
        border-bottom: 1px #EDEDED solid;
        position: relative;
    }

    .searchRow:nth-last-child(1) {
        border-bottom: 0;
    }

    .openSearchInner.whiteBack {
        background-color: #fff !important;
    }

    .openSearchInner {
        box-shadow: 0 3px 13px rgba(0, 0, 0, 0.16);
    }

    .pointTriangle {
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid white;
        right: 16px;
        position: absolute;
        top: 2px;
    }

    /*--------------------- footer ----------------------*/
    .shortcutColumn {
        width: 23%;
        margin-right: 2%;
        margin-bottom: 0;
    }

    .shortcutColumn:nth-last-child(2) {
        width: 25%;
        margin-right: 0;
    }

    .footerCategoryColumn {
        margin-bottom: 0;
    }

    .emailInFooter {
        float: right;
        border: none;
        width: auto;
        margin-top: 0;
        padding-top: 0;
    }

    /*------------------ home page ---------------------*/
    .fullScreenSlider {
        height: 100%;
        top: 0;
    }

    .explainBox.bigIconSize {
        font-size: 36px;
    }

    .explainBox p.headerSizeFont {
        font-size: 18px;
    }

    .afterFullScreen {
        top: 100%;
    }

    .afterFullScreen .smallStoryBox {
        margin-bottom: 0;
    }


    .stories .storyBox {
        width: 32%;
        float: left;
        margin-right: 1%;
        margin-top: 0;
        margin-bottom: 0.5rem;
    }

    .aboutTaste p {
        display: inline-block;
    }

    .aboutTaste {
        text-align: left;
        padding: 2rem 1rem;
        height: 221px;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
    }

    .topImage {
    }

    .topMainContent {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 5px;
        padding: 1rem 2rem;
        float: right;
        height: 100%;
        display: flex;
        align-items: flex-end;
    }

    .topContentMainHeader {
        font-size: 21px;
        line-height: 28px;
        margin: 0 0 1rem 0;
        width: 100%;
        text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
    }

    .calendarSearch {
        width: 27%;
        float: left;
    }

    .creditStep .calendarSearch {
        width: 100%;
    }


    .categorySearch {
        width: 26%;
        float: left;
        margin-top: 0;
        margin-left: 1.5%;
    }

    .exploreButton {
        width: 48%;
        float: left;
        text-align: right;
    }

    .citySearch {
        width: 26%;
        float: left;
        margin-top: 0;
        margin-left: 1.5%;
    }

    .goSearch {
        width: 14%;
        float: right;
    }

    .seeAllTwenty {
        float: right;
        width: auto;
        margin-top: 1.25rem;
    }

    .mainTopContext {
        color: #6f6f6f;
        overflow: hidden;
        line-height: 26px;
        font-size: 16px;
        height: 183px;
        max-height: none;
    }

    .topTwentyExperience {
        width: 23.5%;
        height: 193px;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        padding: 0;
        margin-top: 1rem;
        margin-left: 1%;
    }

    .searchWhiteBox {
        margin-top: 1rem;
        width: 75.2%;
        border-radius: 5px;
    }

    .tasteIranText {
        margin: 0.75rem 0;
        font-size: 12px;
        line-height: 1.5;
    }

    .tasteIranNotice {
        width: 26%;
        float: left;
        border-right: solid #ebebeb 1px;
    }

    .searchInTasteIran {
        width: 100%;
        float: right;
        padding: 0;
    }

    .nextArrow, .prevArrow {
        position: absolute;
        padding: 0.75rem 1rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: pointer;
        bottom: auto;
    }

    .categoryHandler {
        width: 101%;
    }

    .sliderContext {
        line-height: 30px;
        color: #fff;
        margin-top: 0.5rem;
        font-size: 16px;
    }

    .carouselNavigation {
        width: 1290px;
    }

    .experienceInfoBox {
        border-radius: 5px;
        width: 34%;
        margin-bottom: 0.5rem;
    }

    .experienceCartContainer {
        width: 21%;
        margin-left: 1%;
        margin-bottom: 0;
        margin-right: 0;
    }

    .featuredStoryImage {
        width: 50%;
    }

    .featuredStoryContent {
        width: 48%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 4%;
    }

    .widthReducer {
        max-width: 650px;
        margin: 0 auto;
        display: flex;
    }

    .categoryBox {
        width: 19%;
        margin-right: 1%;
        padding: 9.5% 0;
    }

    .categoryHandler {
        width: 100%;
    }

    .allCategories {
        padding: 0;
    }

    footer .allCategories a {
        margin-right: 2rem;
    }

    footer .allCategories {
        padding: 0.5rem 0;
        display: flex;
        justify-content: space-between;

    }

    .carouselContainer .experienceCartContainer {
        width: 22.5%;
        margin-left: 2%;
    }

    .sliderTitle {
        font-size: 24px;
        font-weight: 300;
    }

    .SliderContent {
        padding: 1.5rem 0;
        bottom: 65px;
    }

    .bottomSeeAllArrow {
        padding-bottom: 1.5rem;
    }

    .sliderDetails {
        padding: 1rem 2.5rem;
        margin-top: 0;
        float: right;
    }

    .adventure {
        padding: 0.4rem 1rem 0.5rem 1rem;
        border: solid #fff 1px;
    }

    .nextArrow {
        padding: 1.2rem;
    }

    .prevArrow {
        padding: 1.2rem;
    }

    .desktopHalfColumn {
        width: 50%;
    }

    .explainBox {
        display: inline-flex;
        border-radius: 5px;
        flex-direction: row;
    }

    .whatIsTasteIran {
        margin: 1.5rem 0;
    }

    .smallStoryBoxes {
        width: 102%;
    }

    .carouselContainer .experienceBoxes {
        margin-bottom: 0.5rem;
        overflow-x: unset;
    }

    .seeAllLocals {
        margin-top: 0.5rem;
    }

    .carouselContainer .flatCartBox {
        width: 100%;
        display: inline-block;
    }

    .carouselContainer .experienceCartContainer {
        width: 24%;
        float: left;
        margin-right: 1%;
        margin-left: 0;
    }

    .carouselContainer .experienceCartContainer:nth-child(1) {
        margin-left: 0;
    }

    .carouselContainer .experienceBoxes {
        width: 101%;
    }

    .experienceInfoBox img {
        position: static;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .experienceInfoBox {
        height: 292px;
    }

    .knowBetterText p {
        font-size: 24px;
        line-height: 36px;
    }

    .knowBetterText {
        width: 400px;
        padding: 2rem;
        background-color: transparent;
        margin-top: 2rem;
    }

    .goodToKnowBanner img {
        position: absolute;
        left: 0;
        top: -50px;
        height: auto;
        width: 100%;
        object-fit: unset;
        right: unset;
    }

    .knowBetterText .icon {
        margin-left: 3rem;
    }

    .goodToKnowBanner {
        height: 330px;
    }

    /*------------- experience single -----------------*/
    .tabScrollContents {
        margin-top: 2rem;
    }
/*---- search -----*/
    .transition {
        transition: 0.2s ease-in-out;
        z-index: 5;
    }

    .stickyLeft {
        width: 375px;
        float: left;
        border-radius: 5px;
        position: relative;
    }

    .startSticky {
        position: fixed;
        top: 126px;
        width: 375px;
    }

    .afterEndingScroll {
        position: fixed;
        bottom: 84px;
        width: 375px;
    }

    .afterReachingBottom {
        position: absolute;
        bottom: 0px;
        width: 375px;
    }

    .mainTabContent {
        width: 65%;
        float: right;
        color: #545454;
    }

    .tabHeader {
        overflow: hidden;
        color: #fff;
        height: 45px;
        position: fixed;
        width: 757px;
        z-index: 4;
    }

    .tabHeader ul {
        border-radius: 5px;
        background-color: #575757;
    }

    .tabHeader ul li.active:nth-child(1) {
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
    }

    .tabHeader ul li {
        font-weight: 500;
        font-size: 18px;
        height: 40px;
        padding: 0.5rem 0.85rem;
        max-height: 40px;
    }

    .breadCrumb {
        top: 67px;
        padding: 0.75rem 0rem 0.75rem;
    }

    .experienceSingleContainer {
        padding-top: 145px;
    }

    .adultPriceDate {
        position: fixed;
    }

    .experienceExtraInformation {
        padding: 0;
    }

    .experienceExplain {
        margin-bottom: 0;
        padding: 1.25rem;
        line-height: 24px;
    }

    .numberCount {
        margin-left: 0.5rem;
        padding: 0.2rem 0.75rem;
    }

    .experienceCategory {
        padding: 0 1.25rem;
        border-top: solid #F2F2F2 1px;
    }

    .experienceTags, .experienceLocations {
        padding: 0 1.25rem;
    }

    .categorySelectHandler {
        margin-bottom: 1rem;
    }

    .experienceLocations {
        margin-bottom: 0.5rem;
    }

    .timeAndLevel {
        padding: 0 1.25rem 1.25rem 1.25rem;
    }

    .addToWishList {
        transition: 0.2s ease;
        cursor: pointer;
    }

    .addToWishList:hover {
        transform: scale(1.3, 1.3);
    }

    .adultPriceDate, .numberCount, .experienceTime, .experienceExplain {
        font-size: 14px;
    }

    .experienceExplain {
        font-size: 16px;
    }

    .experienceLevel {
        margin-right: 1rem;
    }

    .adultPriceDate {
        width: 100%;
        float: left;
    }

    .priceandNumber {
        padding: 1rem 0;
        margin-top: 0;
        float: left;
        margin-right: 0.5rem;
        margin-left: 0;
    }

    .numberOfPeople {
        margin-right: 0rem;
        margin-left: 0.5rem;
        height: auto;
    }

    .experienceExpand {
        margin-top: 1rem;
        display: inline-block;
        margin-left: 1rem;
    }

    .experienceTitle {
        font-size: 24px;
    }

    .expCover {
        padding: 30% 0;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        overflow: hidden;
    }

    .tabContentHeader .icon {
        font-size: 18px;
    }

    .tabContentHeader .icon.bigIconSize {
        font-size: 36px;
    }

    .tabContentHeader {
        margin-top: 1.5rem;
        margin-bottom: 0.75rem;
    }

    .galleryThumbs ul li {
        width: 10%;
        height: 70px;
    }

    .galleryThumbs {
        overflow: hidden;
        border-radius: 0;
    }

    .closestAvailableTime {
        margin-top: 1.5rem;
    }

    .boxMainExperienceInfo {
        border-radius: 5px;
    }

    .closestAvailableTime .availableContent {
        overflow: hidden;
        white-space: normal;
        height: 130px;
        margin-top: 1rem;
    }

    .closestAvailableTime .availableContent ul li {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-bottom: 1rem;
        padding: 1rem;
    }

    .closestAvailableTime .availableContent {
        position: relative;
    }

    .availableContent .item {
        margin-bottom: 1rem;
    }

    .availableContent .item:nth-child(1) {
        margin-left: 0rem;
    }

    .seeAllDates {
        margin-bottom: 1rem;
    }

    .availableContent {
        white-space: normal;
        height: auto;
    }

    .availableCover {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 70%;
        background: rgb(242, 242, 242);
        background: -moz-linear-gradient(360deg, rgba(242, 242, 242, 1) 6%, rgba(242, 242, 242, 0) 100%);
        background: -webkit-linear-gradient(360deg, rgba(242, 242, 242, 1) 6%, rgba(242, 242, 242, 0) 100%);
        background: linear-gradient(360deg, rgba(242, 242, 242, 1) 6%, rgba(242, 242, 242, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2", endColorstr="#f2f2f2", GradientType=1);
    }

    .homeCrumb {
        padding: 0.3rem 1rem;
    }

    .crumbNavigation {
        padding: 0.2rem 0;
    }

    .shareText {
        color: #373737;
    }

    .share {
        float: right;
        margin-top: 0.45rem;
    }

    .iconTabNavigate {
        width: 38px;
        height: 40px;
        position: absolute;
        top: 0;
        background-color: #575757;
        color: #ffffff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .tabItem {
        margin-top: 2rem;
    }

    .prevTab {
        left: 0px;
    }

    .nextTab {
        right: 0px;
    }

    .availableContent {
        overflow: unset;
    }

    .availableContent ul li {
        margin-left: 0;
        margin-right: 1rem;
    }

    .availableContent ul {
        overflow: hidden;
    }

    .availableContent .iconTabNavigate {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        margin-top: -27px;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    }

    .availableContent .iconTabNavigate.nextTab {
        right: -18px !important;
    }

    .availableContent .iconTabNavigate.prevTab {
        left: -18px !important;
    }

    .lightGrayColor {
        color: #8e8e8e;;
    }

    .goToDate {
        margin-top: -0.2rem;
    }

    .quoteCloud {
        margin-left: 3rem;
        height: 210px;
    }

    .reviewContainer {
        padding: 1.5rem;
    }

    .peopleSaidPictures ul li {
        width: 40px;
        height: 40px;
    }

    .peopleSaidPictures ul li.iconNav.active {
        padding: 0;
    }

    .peopleSaid {
        height: 440px;
    }

    .nextQuote {
        position: absolute;
        right: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .prevQuote {
        position: absolute;
        left: -20px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }


    /*--------------------- stories ----------------------*/
    .mainStoriesContainer, .mainGoodToKnowContainer, .getYourVisaContainer, .flightListContainer, .flightInfoContainer, .flightPreviewContainer {
        padding-top: 145px;
    }

    .flightListContainer {
        padding-top: 145px;
    }

    .flightListContainer {
        padding-top: 125px;
    }

    .mainGoodToKnowContainer .storyHeader, .highlightedInStoryHeader {
        margin-top: 0;
    }

    .mainGoodToKnowContainer .goodToKnowBoxes {
        margin-top: 0;
    }

    .mainGoodToKnowContainer .categoriesInStoryHeader {
        margin-top: 0;
    }

    .storyHeader {
        padding: 0.75rem 0;
    }

    .storyBanner {
        padding: 16% 0;
        border-radius: 5px;
    }

    .storyMainTitle {
        left: 2.25rem;
        bottom: 2.25rem;
    }

    .storyBox {
        width: 24%;
        float: left;
        margin-right: 1%;
        margin-top: 0;
    }

    .smallStoryBox {
        border-radius: 5px;
        margin-top: 0.5rem;
    }

    .stories .smallStoryBox {
        margin-top: 0;
    }

    .storyBox .cartWhiteSpace {
        padding: 1.25rem;
    }

    .stories {
        width: 73%;
    }

    .allStoryCategories, .allHighlighted {
        width: 24%;
        float: right;
        clear: right;
    }

    .allStoryBoxes {
        width: 102%;
        float: left;
    }

    .allStoryBoxes .storyBox {
        width: 32%;
        margin-right: 1%;
        margin-bottom: 1%;
    }

    .storyLineView.allStoryBoxes .storyBox {
        margin-bottom: 3%;
    }

    .smallStoryBox .cartImage {
        padding: 35% 0;
        border-radius: 0;
    }

    .storiesContainer .smallStoryBox .cartImage {
        padding: 30% 0;
    }

    .allHighlighted .smallStoryBox .cartImage {
        padding: 30% 0;
    }

    .storyLineView .storyBox {
        width: 100%;
    }

    .storyLineView.allStoryBoxes {
        width: 100%;
        float: left;
    }

    .storyLineView .smallStoryBox .cartImage {
        padding: 11% 0;
        border-radius: 0;
        width: 35%;
        float: left;
    }

    .storyLineView .cartWhiteSpace {
        float: left;
        width: 65%;
        margin-top: 0;
        display: inline-flex;
        align-items: center;
    }

    .storyLineView .storyContent {
        max-height: 177px;
        height: auto;
    }

    .storyLineView .storyCartPadding {
        max-height: none;
    }

    .storyLineView .flatCartBox {
        display: inline-flex;
    }

    .highlightedBoxes {
        width: 100%;
        padding: 0;
        white-space: normal;
        overflow-x: hidden;
        display: inline-block;
        float: left;
    }

    .allHighlighted .smallStoryBox {
        width: 100%;
        margin-right: 0;
        margin-top: 0;
    }

    .highlightedInStoryHeader {
        padding: 0.5rem 0rem;
        margin-top: 1.5rem;
        font-size: 18px;
    }

    .categoriesInStoryHeader {
        margin-top: 1.5rem;
    }

    .allStoryCategories {
        background-color: transparent;
        position: static;
        padding: 0;
        bottom: -100%;
        left: 0;
        width: 24%;
        z-index: 0;
    }

    /*------------------- story single --------------------*/
    .storyMainInnerInformation {
        width: 70%;
        float: left;
    }

    .storyMainInformation {
        padding-top: 150px;
    }

    .storyTitle {
        float: left;
        width: calc(100% - 100px);
    }

    .storyInnerDate {
        float: right;
        width: auto;
        margin-top: 0;
    }

    .storyInnerContent p {
        padding: 0;
    }

    h2 {
        padding: 0;
    }

    .storyInnerContent img {
        width: auto;
        vertical-align: middle;
        right: 0;
        float: left;
        border-radius: 5px;
    }

    .storyInnerContent h1, .storyInnerContent h2, .storyInnerContent h3 {
        padding: 0;
    }

    blockquote {
        float: right;
        width: 380px;
        margin-left: 1.5rem;
    }

    .comments {
        max-width: 630px;
        float: left;
    }

    .allTags {
        margin-top: 0;
    }

    .storyMainInnerInformation .storyCategories {
        margin-top: 0rem;
    }

    .storyItem {
        width: 23%;
        display: inline-block;
        white-space: normal;
        margin-right: 2%;
        margin-left: 0;
    }

    .storyItem:nth-last-child(1) {
        margin-right: 0rem;
    }

    .storyItem:nth-child(1) {
        margin-left: 2%;
    }

    .storyItem .smallStoryBox {
    }

    .carouselInner {
        white-space: nowrap;
        overflow-x: auto;
        width: 100%;
        float: left;
        position: relative;
    }

    .carouselInner .knowItAll {
        background-color: #fff;
    }

    .relatedandTags {
        width: 28%;
        float: right;
    }

    .experienceRelatedToStory .flatCartBox {
        margin-bottom: 1rem;
    }

    .carouselInner .storyBox {
        float: left;
        width: 24%;
        margin-left: 1%
    }

    .carouselInner .storyBox:nth-child(1) {
        margin-left: 1%;
    }

    .carouselInner a:nth-child(1) .storyBox {
        margin-left: 0;
    }


    .carouselInner .storyBox:nth-last-child(1) {
        margin-right: 0;
    }

    /*--------------- good to know mother ----------------*/
    .categoryBoxes {
        width: 102%;
        float: left;
    }

    .categoryImageBox {
        position: relative;
        border-radius: 5px;
        width: 32%;
        overflow: hidden;
        height: 220px;
        margin-top: 1%;
        float: left;
        margin-right: 1%;
    }

    .mainBox {
        height: 450px;
        float: left;
        width: 65%;
        margin-right: 1%;
        margin-left: 0;
    }

    .topOnesColumn {
        width: 23%;
        float: left;
        margin-right: 2%;
        margin-bottom: 1rem;
    }

    .topOnesContainer {
        width: 102%;
        float: left;
    }

    .goodToKnowMain {
        padding-top: 120px;
        margin-top: 1.5rem;
    }

    /*--------------- good to know category Inner --------------------*/
    .goodToKnowCategoryColumn {
        width: 31%;
        margin-right: 2%;
    }

    .relatedandTags .goodToKnowCategoryColumn {
        width: 100%;
        margin-bottom: 1rem;
    }

    .smallHighlightBox {
        width: 100%;
        margin-bottom: 1rem;
    }

    .goodToKnowBoxes {
        width: 103%;
        float: left;
        margin-top: 0;
    }

    .goodToKnowBox {
        min-height: 284px;
    }

    .listView .goodToKnowCategoryColumn {
        width: 100%;
        margin-right: 0;
    }

    .listView .goodToKnowBoxImage {
        width: 35%;
        padding: 10% 0;
        float: left;
    }

    .listView .goodToKnowBoxContent {
        margin-top: 0rem;
        width: 63%;
        float: right;
    }

    .listView .goodToKnowTitle {
        height: 105px;
        margin-bottom: 0.5rem;
        margin-top: 0.25rem;
        line-height: 24px;
    }

    .listView .topMinimumSpace {
        margin-top: 0.5rem;
    }

    .listView.goodToKnowBoxes {
        width: 100%;
    }

    .listView .goodToKnowBox {
        margin-top: 1rem;
        min-height: 185px;
    }

    /*------------- extra pages ------------*/
    .aboutUsContainer, .faqContainer {
        padding-top: 77px;
    }

    .aboutTitle, .faqTitle {
        padding: 1rem 0;
    }

    .aboutContent {
        padding: 1rem 0;
        line-height: 28px;
    }

    .aboutCover {
        border-radius: 5px;
        overflow: hidden;
    }

    .faqList {
        padding: 0;
    }

    /*------------------ contact Us ------------------*/
    .contactUsContainer {
        padding-top: 70px;
    }

    .socialMediaInformation {
        border-bottom: none;
        border-right: 1px #ebebeb solid;
        width: 50%;
        float: left;
    }

    .contactInSocialInformation {
        width: 50%;
        float: right;
    }

    .allMedia {
        font-size: 14px;
        font-weight: 500;
    }

    .allMedia .icon {
        font-size: 21px;
    }

    .halfInput {
        width: 49%;
        float: left;
    }

    .halfInput:nth-child(2) {
        float: right;
    }

    .address {
        padding-top: 1rem;
    }

    /*------------------ pick a date --------------------*/
    .pickCalendar {
        width: 60%;
        float: left;
        position: static;
        overflow-y: unset;
    }

    .informationBox {
        margin-top: 1rem;
        float: right;
        width: 35%;
    }

    .calendarContainer {
        border: 0;
    }

    .dateHeader {
        padding: 0.75rem 1rem;
    }

    .closeTable ul li {
        width: 24%;
        margin-right: 1%;
        margin-bottom: 1%;
    }

    .experienceName {
        margin-top: 0.65rem;
        width: calc(100% - 43px);
    }

    .closeTable ul li:nth-child(2n) {
        float: left;
    }

    .closeTable {
        width: 101%;
    }

    .fromCalendar {
        width: 100%;
        float: left;
        margin-top: 1.5rem;
    }

    .calendarTable ul li.arrayActive .activeLine {
        width: 8.5%;
    }

    .dayInteger {
        font-size: 18px;
        position: absolute;
        bottom: 0.75rem;
        right: 1rem;
    }

    .dayName {
        display: inline-block;
        position: absolute;
        top: 0.75rem;
        left: 1rem;
    }

    .calendarTable ul li {
        width: 13.285714%;
        padding: 6.64% 0;
        margin-right: 1%;
        margin-bottom: 1%;
    }

    /*------------------ revoice Page -------------------*/
    .recheckInfo {
        width: 62%;
        float: left;
    }

    .paymentTextAction {
        width: 37%;
    }

    .paymentTable {
        width: 34%;
        float: right;
    }

    .paymentFixedButton {
        width: 100%;
    }

    .backToPerv {
        width: 100%;
        float: left;
    }

    .mainHeader {
        font-size: 24px;
    }

    .openedUp {
        float: right;
        width: 32%;
        position: static;
        overflow: inherit;
    }


    .fieldBox {
        width: 48%;
        float: left;
        margin-bottom: 1.25rem;
        margin-top: 0;
        margin-right: 2%;
        height: 68px;
    }

    .fieldBox.fullwidth {
        width: 100% !important;
    }

    .errorBox {
        position: relative;
        bottom: 5px;
        margin-bottom: 0.5rem;
        width: 100%;
        display: inline-block;
        height: 22px;
        text-align: right;
    }

    .wrongInformation {
        margin-top: 0.5rem;
    }

    .calculateRow {
        padding-left: 0;
        padding-right: 0;
    }

    .expYouTakingImage {
        width: 46%;
        padding: 14% 0;
        float: left;
        margin: 0;
    }

    .expExtra {
        width: 52%;
        float: right;
        margin-top: 1rem;
    }

    .internalExperienceMainInfo {
        margin-top: 1rem;
        width: 100%;
        float: left;
    }

    /*------------------- profile Content --------------------*/
    .profileContent, .visaForms {
        width: 66%;
        padding: 0;
        margin-top: 0;
    }

    .visaForms {
        margin: 2rem 0 4rem;
    }

    .profileMenuBox {
        border-radius: 5px;
    }

    .profileMenus, .visaSteps {
        width: 30%;
    }

    .visaSteps ul {
        display: inline-block;
    }

    .visaSteps ul li {
        text-align: left;
        margin-bottom: 1rem;
    }

    .visaSteps ul li .phoneLine {
        display: none;
    }

    .visaSteps ul li.inProgress p, .visaSteps ul li.active p {
        color: #007a87;
    }

    .visaSteps ul li.active p {
        font-weight: 500;
    }

    .visaSteps ul li p {
        display: inline-block;
        font-size: 16px;
        margin-left: 0.25rem;
        font-weight: 300;
    }

    .profileNavigator ul li {
        display: block;
        float: left;
        width: 100%;
        margin: 0;
        padding: 1rem;
        border-bottom: solid #f2f2f2 1px;
    }

    .profileExit {
        border: solid #FF4B4B 1px;
        color: #FF4B4B;
        padding: 1rem;
        margin-top: 1.5rem;
        width: 100%;
        text-align: center;
        border-radius: 5px;
    }

    .profileMainBox {
        margin-top: 2rem;
    }

    .infoSetting {
        padding: 0;
    }

    .reserveImage {
        padding: 7.35% 0;
        width: 20%;
        float: left;
    }

    .reserveInfo {
        width: 80%;
        float: left;
    }

    .reserveItem {
        width: auto;
        margin-right: 1rem;
        padding-right: 1rem;
    }

    .reserveItem:nth-child(2n+1) {
        padding-left: 0;
        border-right: #f2f2f2 1px solid;
    }

    .reserveItem:nth-last-child(1) {
        margin-right: 0;
        border-right: 0;
    }

    .reserveBox {
        border-radius: 5px;
        overflow: hidden;
    }

    .myTransactions {
        margin-top: 0;
        padding: 0;
    }

    .transTableRows {
        margin-top: 0;
    }

    .column:nth-child(1) {
        width: 7%;
    }

    .column:nth-child(2) {
        width: 23%;
    }

    .column:nth-child(3) {
        width: 11%;
    }

    .column:nth-child(4) {
        width: 21%;
    }

    .column:nth-child(5) {
        width: 23%;
    }

    .column:nth-child(6) {
        width: 15%;
        border-right: 0;
    }

    .colContent {
        padding: 0.5rem 1rem;
        text-align: center;
        width: 100%;
    }

    .column {
        border-bottom: none;
        border-right: solid #f2f2f2 1px;
    }

    .transTableHeader .column {
        border-right: solid #cdcdcd 1px;
        background-color: #d6d6d6;
        padding: 0.5rem 1rem;
    }

    .tableContentRow {
        float: left;
        width: 100%;
        border-bottom: solid #f2f2f2 1px;
    }

    .myWishlist {
        width: 49%;
    }


    /*------------- profile after signin -----------*/
    .profileNameLetter {
        width: 42px;
        height: 42px;
        bottom: 0;
    }

    .profileOuterOpen {
        position: absolute;
        top: 94%;
        right: -9px;
        width: 300px;
        padding-top: 1.5rem;
        animation: scaleUpReverse ease-in-out 0.1s forwards;
    }

    .profileMessage {
        float: none;
        width: auto;
    }

    .profileOuterItems .icon {
        font-size: 32px;
    }

    .profileName.contextFontSize {
        font-size: 16px;
    }

    .profileEmail.detailSizeFont {
        font-size: 12px;
    }

    /*----------- popup -------------*/
    .popUpWhitePart {
        padding: 2rem;
    }

    .popUpTitle {
        font-size: 17px;
    }

    .popTextInner {
        font-size: 14px;
    }

    /*------------ search ------------*/
    .searchResultContainer {
        padding-top: 5rem;
    }

    .resultBoxes {
        width: 102%;
    }

    .threeOneColumns {
        width: 32%;
        margin-right: 1.3333%;
    }

    .threeOneColumns .experienceCartContainer, .threeOneColumns .storyBox {
        width: 100%;
    }

    .leftMainResults {
        width: 70%;
        float: left;
    }

    .rightOtherResults {
        width: 27%;
        float: right;
    }

    /*--------------- 404 page -----------------*/
    .homeIconImage {
        top: 12px;
        width: 65%;
        position: relative;
        left: 4%;
    }

    .fourOFourInfo {
        width: 35%;
        position: relative;
        right: 4%;
        margin-top: 10rem;
    }

    .notFoundNotice {
        font-size: 15px;
    }

    .homeIconImage img {
        width: 100%;
    }

    .notFoundNotice {
        padding: 0;
        margin: 0;
    }

    .fourOFourMainNumber {
        margin: 0rem 0;
        font-size: 160px;
    }

    .backToHome {
        width: 80%;
    }

    .afterFooterPrefer {
        z-index: 4;
    }

    /*-------------------- search experience ---------------------*/
    .experienceCarts .flatCartBox {
        width: 31.3333%;
        margin-left: 2%;
        margin-right: 0;
        float: left;
    }

    .leftSideOfSearch {
        margin-left: 0;
    }

    .rightSideOfSearch {
        width: 69%;
    }

    .sortInDesktop {
        margin-left: 0;
    }

    .mobileVersion.onTablet {
        display: none !important;
    }

    .desktopVerison.onTablet {
        display: inline-block !important;
    }

    .searchTitle, .searchFields {
        padding: 1.95rem 2rem;
    }

    .flightListContainer .searchFields {

        padding: 1rem 1.5rem;
    }

    .ticketDestination {
        max-width: 380px;
        float: right;
    }

    .ticketCity {
        width: 90px;
        font-size: 16px;
    }

    .ticketLineDraw {
        width: calc(100% - 180px - 1rem);
    }

    .ticketAirlineAndDestination {
        padding: 0.5rem;
    }

    .ticketPrice {
        padding: 0 0.5rem;
    }

    .priceLeft .headerSizeFont {
        font-size: 22px;
    }

    .prPrice {
        font-size: 16px;
    }

    .leftFlightTicketPreview {
        width: 36%;
        float: left;
        margin-bottom: 2rem;
    }

    .rightFlightTicketPreview {
        width: 60%;
        float: right;
    }

    .ticketSingleStep {
        width: 25%;
        float: left;
        text-align: center;
        position: relative;
    }

    .stepLineThrough {
        width: 100%;
        height: 1px;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .ticketStepCircle {
        width: 48px;
        height: 48px;
        border-radius: 250px;
        background-color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        position: relative;
    }

    .ticketSingleStep p {
        position: absolute;
        bottom: -25px;
        font-size: 12px;
        font-weight: 500;
        width: 100%;
        text-align: center;
    }

    .ticketSingleStep.active .ticketStepCircle {
        background-color: #007865;
        color: #fff;
    }

    .ticketSingleStep.active p {
        color: #007865;
    }

    .ticketSingleStep.active .stepLineThrough {
        background-color: #007865;
    }

    .innerBack, .fullScreenSlider {
        height: 100%;
    }
}


/*------------------ select box --------------------*/

.select__value-container {
    white-space: nowrap !important;
    display: block !important;
    overflow-x: hidden !important;
    text-overflow: ellipsis !important;
    border-color: #f1f1f1 !important;
}

.select__multi-value {
    display: inline-flex !important;
    white-space: nowrap !important;
    border-radius: 250px !important;
    padding: 0 0.5rem !important;
    font-size: 12px !important;
}

.select__multi-value__label {
    padding: 1px !important;
}

.select__control {
    border-color: #ebebeb !important;
    min-height: 33px !important;
}

.select__control--is-focused {
    box-shadow: none !important;
}

.cityFilters .select__value-container {
    white-space: normal !important;
}

.css-1g6gooi {
    display: inline-block;
}

.css-d8oujb {
    display: none !important;
}

.css-19bqh2r {

    fill: #4a4646;
    width: 18px;
}

@-webkit-keyframes loading {
    from {
        width: 0;
    }
    to {
        width: 35px;
    }
}

@-moz-keyframes loading {
    from {
        width: 0;
    }
    to {
        width: 35px;
    }
}

@-ms-keyframes loading {
    from {
        width: 0;
    }
    to {
        width: 35px;
    }
}

@-o-keyframes loading {
    from {
        width: 0;
    }
    to {
        width: 35px;
    }
}

@keyframes loading {
    from {
        width: 0;
    }
    to {
        width: 35px;
    }
}

@-webkit-keyframes imageFocus {
    from {
        width: 100%;
    }
    to {
        width: 130%;
    }
}

@-moz-keyframes imageFocus {
    from {
        width: 100%;
    }
    to {
        width: 130%;
    }
}

@-ms-keyframes imageFocus {
    from {
        width: 100%;
    }
    to {
        width: 130%;
    }
}

@-o-keyframes imageFocus {
    from {
        width: 100%;
    }
    to {
        width: 130%;
    }
}

@keyframes imageFocus {
    from {
        width: 100%;
    }
    to {
        width: 130%;
    }
}

@keyframes shine {
    0% {
        left: -30%;
    }

    20% {
        left: 120%;

    }

    100% {
        left: 120%;
    }
}

@keyframes scaleUp {
    0% {
        -webkit-transform: scale(0, 0);
        -moz-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
    }
    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}

@keyframes scaleUpReverse {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform: scale(0, 0);
        -moz-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
    }
}

@-webkit-keyframes ripple {
    0% {
        border: 0px solid #fff;
        opacity: 1;
    }
    60% {
        border: 0px solid #fff;
        opacity: 1;
    }
    100% {
        border: 15px solid #fff;
        opacity: 0;
    }
}

@-moz-keyframes ripple {
    0% {
        border: 0px solid #fff;
        opacity: 1;
    }
    60% {
        border: 0px solid #fff;
        opacity: 1;
    }
    100% {
        border: 15px solid #fff;
        opacity: 0;
    }
}

@keyframes ripple {
    0% {
        border: 0px solid #fff;
        opacity: 1;
    }
    60% {
        border: 0px solid #fff;
        opacity: 1;
    }
    100% {
        border: 15px solid #fff;
        opacity: 0;
    }
}

.icon.icon-star {
    display: inline-block;
    margin: 0 0.25rem;
}


@keyframes circle {
    0% {
        transform: translate(-50%, -50%) rotate(0deg) scale(1, 1);
    }
    50% {
        transform: translate(-50%, -50%) rotate(180deg) scale(1.2, 1.2);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg) scale(1, 1);
    }
}





/* new Styles */

/* home page video banner */

.videoBanner {
    background: #BAC9C7 url("../img/Back.svg") no-repeat center;
    padding: 3rem 0;
    height: 490px;
    margin: 1.5rem 0;
}

.videoContainer {
    width: 712px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    float: left;
}

.textContainer {
    width: calc(100% - 712px - 2.68rem);
    float: right;
}

.textContainer h2 {
    font-size: 30px;
    line-height: 40px;
    margin-top: 0;
    margin-bottom: 1.5rem;
    width: 220px;
}

.textContainer .lineInner {
    width: 50px;
    height: 4px;
    background-color: #2e2e2e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0rem 0 2rem;
    display: inline-block;
}

.textContainer p {
    overflow: hidden;
    line-height: 25px;
    font-size: 16px;
}

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

.lineInAbout {
    width: 1px;
    background-color: #007965;
    height: 20px;
    margin: 0 1rem;
}
.videoContainer .video-react .video-react-poster {
    background-size: cover !important;
    background-color: transparent !important;
}
.videoContainer .video-react {
    background-color: transparent !important;
}

.priceLabels {
    width: 60%;
}

.actionLabels {
    width: 40%;
}

@media only screen and (max-width: 1200px) {
    .videoBanner {
        background-image: none;
    }
    .videoContainer {
        width: 532px;
    }
    .textContainer h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .textContainer p {
        font-size: 12px;
    }
    .textContainer {
        width: calc(100% - 522px - 2.68rem);
    }
    .videoBanner {
        height: auto;
        padding: 2rem 1rem;
    }

    .textContainer .lineInner {
        margin: 0rem 0 1rem;
    }

    body .crisp-client .crisp-1rjpbb7[data-full-view=true] .crisp-1rf4xdh .crisp-kquevr{
        bottom: 70px!important;
    }

    body .crisp-client .crisp-1rjpbb7 .crisp-1rf4xdh .crisp-kquevr{
        bottom: 70px!important;
    }
}


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

    .textContainer {
        width: 100%;
        margin-top: 2rem;
    }

    .videoContainer {
        width: 100%;
    }

    .textContainer p {
        height: auto;
    }
    .textContainer h2 {
        padding: 0;
    }
}

@media only screen and (max-width: 640px) {
    .visaWhiteBox .discountInput {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
}