@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,300&display=swap');

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

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

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #000;
    position: relative;
    /* overflow-x: hidden;
    overflow-y: auto; */
}

.temp1,
.temp1-img,
.temp1-img img,
.temp1-txtRightBtns,
.bookAppTab,
.bookAppTab-item,
.bookAppTab-head,
.bookAppTab-main,
.ppInputRow,
.ppInputRow label,
.ppInputRow .ppInputField,
.copyText,
.whereToUse,
.ppInputRow2,
.ppInputRow2 label,
.ppInputRow2 .ppInputField2,
.addInvitee,
.readOnlyRow,
.temp2-txt,
.temp2-slider,
.exploreSlider,
.temp3,
.temp3-txt,
.temp3-sliderArea,
.temp4,
.temp5,
.temp5-imgArea,
.temp5-imgSlider,
.temp5-img,
.temp5-img img,
.temp6,
.temp6-area,
.temp6-item,
.temp6-itemBlock,
.temp6-pdBlockBtm,
.temp6-flight,
.temp6-flightList,
.temp6-flightNote,
.temp6-flightTrans,
.drivingExperience,
.pp-radioRow,
.drivingExperienceTab,
.selectTimeSlotTab,
.writeToUsBlock,
.writeToUs,
.eventFeedbackBlock,
.navpp-block,
.navpp-blockSub,
.temp7,
.temp7-area,
.temp7-imgArea,
.temp8,
.temp8-area,
.temp8-sliderArea,
.temp9,
.temp9-area,
.temp9-media,
.temp9-1,
.temp9-2,
.temp9-3,
.temp9-4,
.temp9-mediaImg,
.temp10,
.temp10-area,
.temp10-sliderArea,
.temp11,
.temp11-area,
.temp11-1,
.temp11-2,
.assetRightItem,
.assetList,
.assetItemInner,
.assetItemImgArea,
.assetItemImg,
.assetItemTxt,
.assetItemTxtInner,
.assetItemTxtBlock,
.assetItemBtns,
.psbSliderArea,
.uceSliderArea,
.assetSliderArea,
.homeSection,
.heading,
.hSocialSlider,
.hsSliderItem,
.hsSliderImg,
.hsSliderImg img,
.hsSliderTxt,
.hsSliderBtns,
.paginationArea,
.pagination,
.temp5-event,
.temp6-itemRow,
.temp6-itemRowLabel,
.temp6-itemRowVal,
.temp12 {
    width: 100%;
    float: left;
}


/* Template 1 start here */

.temp1,
.temp1-img {
    height: 100%;
    /* height: 100vh; */
}

.temp1-img img {
    position: relative;
    height: 100vh;
}

.temp1-img:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 13%;
    content: '';
    background: transparent linear-gradient(0deg, rgba(5, 4, 8, 1) 0%, rgba(6, 5, 8, 0) 100%) 0% 0% no-repeat;
}

.temp1-img img {
    object-fit: cover;
    -o-object-fit: cover;
    object-position: bottom;
    -o-object-position: bottom;
}

.temp1-txt {
    width: 100%;
    position: absolute;
    top: 200px;
    z-index: 1;
}

.temp1-txtLeft {
    width: 50%;
    float: left;
    padding-left: 15%;
    position: relative;
}

.temp1-txtRight {
    width: 50%;
    float: left;
    padding-right: 5%;
    position: relative;
}

.temp1-txtLeft h5 {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 2.52px;
    color: #00D2F2;
    text-transform: uppercase;
}

.temp1-txtLefLogo {
    width: 100%;
    display: inline-block;
    vertical-align: bottom;
}

.temp1-txtLefLogo span,
.temp1-txtLefLogo img {
    display: inline-block;
    vertical-align: bottom;
    font-weight: 500;
    font-size: 24px;
    color: #fff;
    line-height: 1;
}

.temp1-txtLefLogo span {
    margin-right: 10px;
}

.temp1-txtRight p {
    margin-bottom: 25px;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 1.8px;
    color: #fff;
}

.temp1-txtRightBtns a {
    margin-right: 15px;
    overflow: hidden;
}

.temp1-txtRightBtns a:last-child {
    margin-right: 0;
}

.bookAppTab,
.bookAppTab-item,
.bookAppTab-head {
    position: relative;
}

.bookAppTab-item {
    padding-left: 50px;
    padding-bottom: 10px;
}

.bookAppTab-item:before {
    position: absolute;
    left: 10px;
    top: 0;
    width: 1px;
    height: 100%;
    content: '';
    background-color: #707070;
}

.bookAppTab-item.bookAppTab-active:before {
    display: none;
}

.bookAppTab-head {
    padding-bottom: 30px;
}

.bookAppTab-head:before {
    position: absolute;
    left: -50px;
    top: 0;
    width: 20px;
    height: 20px;
    content: '';
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 100%;
    z-index: 1;
}

.bookAppTab-active .bookAppTab-head:before {
    background-color: #000;
}

.bookAppTab-head:after {
    position: absolute;
    left: -50px;
    top: -10px;
    width: 20px;
    height: 40px;
    content: '';
    background-color: #fff;
}

.bookAppTab-item.lastTab:before {
    content: none;
}

.bookAppTab-head h6 {
    font-weight: 600;
    font-size: 14px;
    color: #000;
    letter-spacing: 1.82px;
    line-height: 1.6;
    text-transform: uppercase;
}

.bookAppTab-active .bookAppTab-head h6 {
    color: #000;
}

.bookAppTab-main {
    display: none;
}

.ppInputRow,
.ppInputRow .ppInputField {
    position: relative;
}

.ppInputField {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    overflow: hidden;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.ppInputRow {
    margin-bottom: 50px;
    height: 83px;
}

.ppInputRow.is-empty .ppInputField {
    max-height: 1px;
    overflow: hidden;
    -webkit-transition: max-height 1s ease;
    -moz-transition: max-height 1s ease;
    -o-transition: max-height 1s ease;
    transition: max-height 1s ease;
}

.ppInputRow.is-empty:hover .ppInputField,
.ppInputRow .ppInputField.is-focused {
    max-height: 85px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.6);
    -webkit-transition: max-height .8s ease;
    -moz-transition: max-height .8s ease;
    -o-transition: max-height .8s ease;
    transition: max-height .8s ease;
}

.ppInputRow label {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1.82px;
    color: rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
    padding-bottom: 20px;
}

.ppInputField input[type="text"] {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    padding-right: 50px;
    padding-bottom: 20px;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 1px;
    color: #000;
    border: 0;
    outline: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    position: relative;
    z-index: 1;
}

.ppInputRow.is-focused .ppInputField input[type="text"] {
    display: block !important;
}

.ppInputIcon {
    position: absolute;
    top: 0;
    right: 10px;
    /* background-color: #121216; */
}

.ppInputIcon span {
    color: #00D2F2;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.ppInputRow .ppInputField input[type="text"]:hover+.ppInputIcon span,
.ppInputRow .ppInputField input[type="text"]:focus+.ppInputIcon span,
.ppInputRow2 .ppInputField2 input[type="text"]:hover+.ppInputIcon span,
.ppInputRow2 .ppInputField2 input[type="text"]:focus+.ppInputIcon span,
.selectTimeSlot .customSelect:hover+.ppInputIcon span,
.selectTimeSlot .customSelect:focus+.ppInputIcon span {
    color: #00D2F2;
}

.selectTimeSlot .customSelect dd {
    position: relative;
    padding-left: 40px;
}

.selectTimeSlot .customSelect dd:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 2px solid rgba(255, 255, 255, 0.6);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.selectTimeSlot .customSelect dd:after {
    position: absolute;
    left: 5px;
    top: 5px;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.selectTimeSlot .customSelect dd.selected:before {
    border-color: #fff;
}

.selectTimeSlot .customSelect dd.selected:after {
    opacity: 1;
}

.confirmBook,
.confirmArrivalFlight,
.confirmReturnFlight,
.generateNewId,
.payConfirmBtn,
.transportAssistanceBtn {
    text-align: right;
}

.payConfirmBtn {
    margin-top: 50px;
}

.readOnlyRow {
    position: relative;
    margin-bottom: 40px;
    height: auto;
}

.readOnlyRow label {
    padding-bottom: 15px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1.82px;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
}

.readOnlyRow .ppInputField {
    border-bottom: 0;
    overflow: initial;
}

.readOnlyText {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0.6px;
    color: #fff;
    text-transform: capitalize;
}

.copyText {
    margin: 0;
    padding: 0;
    padding-right: 50px;
    padding-bottom: 20px;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0.6px;
    color: #fff;
    text-transform: capitalize;
    border-bottom: 1px solid #fff;
    position: relative;
}

.copyBtn {
    position: absolute;
    right: 10px;
    bottom: 14px;
}

.copyBtn a {
    display: inline-block;
    padding: 12px 25px;
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1.82px;
    color: #191919;
    text-transform: uppercase;
    border: 0;
    outline: 0;
    box-shadow: none;
    border-radius: 25px;
    background-color: #fff;
}

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

.whereToUse {
    text-align: center;
}

.whereToUse a {
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 1.08px;
    color: #00D2F2;
}

.selectTimeSlot .customSelect .selectValueWrap .caret {
    display: none;
}


.ppInputRow2,
.ppInputRow2 .ppInputField2 {
    position: relative;
}

.ppInputRow2 {
    margin-bottom: 30px;
    /* height: 83px; */
}

.ppInputField2 {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    /* overflow: hidden; */
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.ppInputRow2.is-empty .ppInputField2 {
    max-height: 1px;
    overflow: hidden;
    -webkit-transition: max-height 1s ease;
    -moz-transition: max-height 1s ease;
    -o-transition: max-height 1s ease;
    transition: max-height 1s ease;
}

.ppInputField2.is-focused {
    border-bottom-color: #000;
}

.ppInputRow2 label {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1.82px;
    color: rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
    padding-bottom: 20px;
}

.ppInputRow2 .ppInputField2 input[type="text"],
.ppInputRow2 .ppInputField2 input[type="tel"],
.ppInputRow2 .ppInputField2 input[type="password"],
.ppInputRow2 .ppInputField2 input[type="email"] {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    padding-right: 50px;
    padding-bottom: 20px;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 1px;
    color: #000;
    border: 0;
    outline: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    position: relative;
    z-index: 1;
}

.ppInputRow2.is-empty:hover .ppInputField2 {
    max-height: 85px;
    border-bottom: 1px solid#000;
    -webkit-transition: max-height .8s ease;
    -moz-transition: max-height .8s ease;
    -o-transition: max-height .8s ease;
    transition: max-height .8s ease;
}

.ppInputField2:focus {
    border-bottom: 1px solid#000;
}

.addInvitee {
    margin-top: 30px;
}



/* Template 1 end here */

/* Template 2 start here */
.temp2 {
    padding-top: 140px;
    padding-bottom: 100px;
    height: 100vh;
    background: linear-gradient(180deg, rgba(5, 4, 8, 1) 0%, rgba(24, 24, 24, 0) 65%) 0% 0% no-repeat;
}

.temp2-txt {
    margin-bottom: 60px;
}

.temp2-txtLeft,
.temp2-txtLeft2 {
    width: 50%;
    float: left;
    padding-left: 15%;
    clear: both;
}

.temp2-txtLeft,
.temp2-txtLeft2,
.temp2-txtRight,
.temp3-txt,
.temp3-event,
.temp4-txt {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.temp2-txtLeft.visible,
.temp2-txtLeft2.visible,
.temp2-txtRight.visible,
.temp3-txt.visible,
.temp3-event.visible,
.temp4-txt.visible

/* .goToTop.visible,
.footerTop-img.visible,
.footerTop h6.visible */
    {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.exploreSlider,
.temp3-slider,
.temp4-img,
.temp8 h5,
.temp9-2,
.temp9-4,
.temp11-2 {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.exploreSlider.visible,
.temp4-img.visible,
.temp3-slider.visible,
.temp8 h5.visible,
.temp9-2.visible,
.temp9-4.visible,
.temp11-2.visible {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.temp9-mediaImg {
    opacity: 0;
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}

.temp9-mediaImg.visible {
    opacity: 1;
}

/* .goToTop,
.footerTop-img,
.footerTop h6 {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.footerBottom {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.footerBottom.visible {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
} */

.temp2-txtRight {
    width: 50%;
    float: left;
    padding-right: 15%;
}

.temp2-txtRight p {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: 1.8px;
}

.temp2-txtLeft h2 {
    margin-bottom: 35px;
}

.exploreSlider {
    position: relative;
}

.expSlider-item {
    height: 502px;
    margin-left: 30px;
    margin-right: 30px;
    float: left;
    position: relative;
}

.expSlider-itemImg {
    width: 100%;
    float: left;
    position: relative;
    border-radius: 12px;
    border: 1px solid transparent;
}

.expSlider-itemImg img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 12px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.expSlider-itemImg:after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    /* background-color: rgba(0,0,0,.5); */
    background-color: #070A13;
    border-radius: 12px;
    mix-blend-mode: soft-light;
}

.expSlider-txt {
    position: absolute;
    left: 0;
    bottom: -50px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 0;
    visibility: hidden;
}

.expSlider-txt p {
    padding: 25px 10px 0;
    font-weight: 300;
    font-size: 18px;
    color: #E8E8E8;
    letter-spacing: 1.44px;
    line-height: 1.8;
}

.expSlider-play {
    position: absolute;
    left: calc(50% - 49px);
    bottom: calc(50% - 49px);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 0;
    visibility: hidden;
}

.expSlider-item.slick-center,
.expSlider-item.slick-center .expSlider-itemImg,
.expSlider-item.slick-center .expSlider-itemImg img {
    border-radius: 12px;
}

.slick-center .expSlider-itemImg {
    border: 1px solid #19D5F2;
}

.slick-center .expSlider-itemImg:after {
    background: transparent linear-gradient(180deg, rgba(7, 10, 19, 0.59) 0%, rgba(7, 10, 19, 1) 100%) 0% 0% no-repeat;
    mix-blend-mode: soft-light;
    border-radius: 12px;
    opacity: 0.44;
}

.slick-center:hover .expSlider-itemImg img {
    height: 425px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.slick-center:hover .expSlider-txt {
    bottom: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 1;
    visibility: visible;
}

.slick-center:hover .expSlider-play {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 1;
    visibility: visible;
}

.expNext,
.expPrev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 60px;
    height: 60px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1;
}

.expNext {
    right: 6%;
}

.expPrev {
    left: 6%;
}

.expNext span,
.expPrev span {
    position: relative;
    width: 60px;
    height: 60px;
    float: left;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 100%;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.expNext span:before,
.expPrev span:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    content: '';
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.73);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.expNext span:after {
    position: absolute;
    left: initial;
    right: 30px;
    top: 50%;
    width: 0;
    height: 1px;
    content: '';
    background-color: #D8D8D8;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.expPrev span:after {
    position: absolute;
    left: 30px;
    top: 50%;
    width: 0;
    height: 1px;
    content: '';
    background-color: #D8D8D8;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.expNext:hover span,
.expPrev:hover span {
    border: 18px solid rgba(255, 255, 255, 0.1);
}

.expNext:hover span:after,
.expPrev:hover span:after {
    width: 70px;
}

.expNext:hover span:after {
    right: 15px;
}

.expPrev:hover span:after {
    left: 15px;
}

/* Template 2 end here */


/* Template 3 start here */
.temp3 {
    padding-top: 100px;
    padding-bottom: 100px;
    height: 100vh;
}

.temp3-txt {
    margin-bottom: 60px;
}

.temp3-txtLeft {
    width: 50%;
    float: left;
    padding-left: 15%;
}

.temp3-txtRight {
    width: 50%;
    float: left;
    padding-right: 15%;
}

.temp3-txtRight p {
    padding-top: 15px;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: 1.8px;
}

.temp3-sliderArea {
    position: relative;
}

.temp3-event {
    width: 24%;
    position: absolute;
    left: 6%;
    bottom: 50px;
    background-color: #0F0F0F;
    padding: 80px 60px;
    z-index: 1;
}

.temp3-event h3 {
    margin-bottom: 25px;
}

.temp3-eventDate {
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1.8px;
    color: #fff;
    text-transform: uppercase;
}

.temp3-eventSub {
    margin-bottom: 50px;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 1.8px;
    color: #fff;
    /* text-transform: uppercase; */
}

.temp3-slider {
    width: 70%;
    float: right;
    position: relative;
    z-index: 1;
}

.temp3-sliderItem {
    float: left;
    position: relative;
}

.temp3-sliderItemImg {
    width: 100%;
    height: 650px;
    float: left;
    position: relative;
}

.temp3-sliderItemImg:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 35%;
    content: '';
    background: transparent linear-gradient(180deg, rgba(15, 15, 15, 0) 0%, rgba(15, 15, 15, 1) 100%) 0% 0% no-repeat;
}

.temp3-sliderItemImg img {
    width: 100%;
    height: 650px;
    -o-object-fit: cover;
    object-fit: cover;
}

.temp3-slider .slick-dots {
    bottom: 25px;
}

.evPrev,
.evNext {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: initial;
    bottom: 12px;
    display: block;
    width: 25px;
    height: 30px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1;
}

.evPrev {
    left: 30%;
}

.evNext {
    right: 30%;
}

.temp3-videoPlay {
    width: 90px;
    height: 90px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.temp3-videoPlay a {
    width: 90px;
    height: 90px;
    float: left;
    border: 2px solid #fff;
    border-radius: 100%;
    position: relative;
}

.temp3-videoPlay a .material-icons {
    font-size: 48px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.temp3-videoArea {
    width: 100%;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    text-align: center;
}

.temp3-videoArea video {
    width: 100%;
    height: 650px;
    object-fit: cover;
    -o-object-fit: cover;
}

.temp3-videoClose {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 111;
}

.temp3-videoClose img {
    width: 38px;
    height: 38px;
}




/* Template 3 end here */


/* Template 4 start here */
.temp4-img {
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
}

.temp4-img img {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
}

.temp4-img span {
    width: 100%;
    float: left;
    position: relative;
}

.temp4-img span:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    content: '';
    background: rgba(15, 15, 15, 0.90);
}

.temp4-img span:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 25%;
    content: '';
    background: transparent linear-gradient(0deg, rgba(15, 15, 15, 0) 0%, rgba(15, 15, 15, 1) 100%) 0% 0% no-repeat;
}

.temp4-img .btmGradient {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10%;
    background: transparent linear-gradient(180deg, rgba(15, 15, 15, 0) 0%, rgba(15, 15, 15, 1) 100%) 0% 0% no-repeat;
}

.temp4-txt {
    width: 100%;
    height: 100vh;
    float: left;
    position: relative;
}

.temp4-txtLeft {
    width: 41.66666667%;
    position: absolute;
    left: 15%;
    top: 50%;
    transform: translateY(-50%);
}

.temp4-txtLeft h2 {
    margin-bottom: 35px;
}

.temp4-txtLeft p {
    padding-right: 30%;
    margin-bottom: 60px;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: 1.8px;
    text-transform: capitalize;
}

/* Template 4 end here */

/* Event page css start here */
/* Template 5 start here */
.temp5-img,
.temp5-img img {
    height: 90vh;
}

.temp5-imgSlider,
.temp5-img,
.temp5-img img {
    position: relative;
}

.temp5-img:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 35%;
    content: '';
    background: transparent linear-gradient(180deg, rgba(25, 25, 25, 0) 0%, rgba(15, 15, 15, 1) 100%) 0% 0% no-repeat;
}

.temp5-img img {
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center;
    -o-object-position: center;
}

.temp5-txt {
    /* position: absolute;
    top: initial;
    bottom: 0; */
    width: 100%;
    margin-top: -60px;
    position: relative;
    float: left;
    z-index: 1;
}

.temp5-txtLeft {
    width: 41.66666667%;
    float: left;
    padding-left: 10%;
    position: relative;
}

.temp5-txtLeftInner {
    width: 100%;
    float: left;
    padding: 55px 60px;
    background-color: #F7F7F7;
}

.temp5-txtLeftCol {
    width: 45%;
    float: left;
}

.temp5-txtLeftCol:last-child {
    width: 55%;
}

.temp5-txtLeftCol h2 {
    line-height: 1.6;
}

.temp5-txtLeftColItem {
    width: 100%;
    float: left;
    margin-bottom: 18px;
    margin-top: 17px;
}

.temp5-txtLeftColItem .material-icons-outlined {
    width: 45px;
    display: inline-block;
    vertical-align: middle;
    background: transparent linear-gradient(112deg, rgba(134, 134, 134, 1) 0%, rgba(72, 72, 72, 1) 100%) 0% 0%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.temp5-txtLeftItemTxt {
    width: calc(100% - 50px);
    display: inline-block;
    vertical-align: middle;
}

.temp5-txtLeftItemTxt p {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0.54px;
    color: #000;
}

.temp5-txtLeftItemTxt p.temp5-txtLeftItemTxtVal {
    margin-top: 10px;
    font-size: 16px;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.6);
}

.temp5-txtRight {
    width: 58.33333333%;
    float: right;
    padding-right: 10%;
    padding-left: 2%;
    position: relative;
}

.temp5-txtRightInner {
    width: 100%;
    float: left;
    padding: 50px 60px;
    background-color: #F7F7F7;
}

.temp5-txtRight h1 {
    margin-bottom: 20px;
}

.temp5-txtRight h5 {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.48px;
    color: #00D2F2;
    text-transform: uppercase;
}

.temp5-txtRight p {
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 0px;
    color: #000;
    margin-bottom: 50px;
}

.temp5-txtRightBtns {
    width: 100%;
    float: left;
}

.temp5-txtRightBtns a {
    margin-bottom: 10px;
    float: left;
}

.temp5-txtRightBtns a:nth-child(2n+2) {
    float: right;
    margin-left: 5px;
}

.eventDetailMob {
    width: 100%;
    float: left;
    margin-bottom: 40px;
    display: none;
}

.temp5-mediaArea {
    width: 100%;
    float: left;
    position: relative;
}

.temp5-mediaArea .temp5-imgAreaPoster {
    width: 100%;
    height: 90vh;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center;
    -o-object-position: center;
}

.temp5-videoPlay {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.temp5-videoPlay a {
    width: 100px;
    height: 100px;
    float: left;
    border: 2px solid #fff;
    border-radius: 100%;
    position: relative;
}

.temp5-videoPlay a .material-icons {
    font-size: 48px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.temp5-videoArea {
    width: 100%;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    text-align: center;
}

.temp5-videoArea video {
    width: 100%;
    height: 91vh;
    object-fit: cover;
    -o-object-fit: cover;
}

.temp5-videoClose {
    position: absolute;
    right: 10px;
    top: 100px;
    cursor: pointer;
    z-index: 111;
}

.temp5-videoClose img {
    width: 38px;
    height: 38px;
}

/* Template 5 end here */


/* Template 6 start here */
.temp6-area {
    padding: 60px 10%;
    position: relative;
}

.temp6-item {
    position: relative;
    margin-bottom: 70px;
}

.temp6-item p {
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 1.8;
}

.temp6-item p a {
    color: #00D2F2;
}

.temp6-item h4 {
    font-size: 40px;
    letter-spacing: 0.64px;
    margin-bottom: 30px;
}

.temp6-itemBlock {
    padding-bottom: 25px;
    margin-bottom: 40px;
    position: relative;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0); */
}

.temp6 .temp6-itemBlock {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.temp6-itemBlock:last-child {
    margin-bottom: 0;
}

.temp6-itemBlock.temp6-pdBlock {
    margin-bottom: 0;
}

.temp6-pdBlock h5 {
    margin-bottom: 20px;
    padding-right: 70%;
    letter-spacing: 0.72px;
}

.temp6-pdBlock p {
    margin-bottom: 20px;
    padding-right: 70%;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 0.6);
}

.temp6-pdBlock p a {
    color: rgba(255, 255, 255, 0.6);
}

.temp6-item p.temp6-pdBlockBtm {
    margin-top: 25px;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 0.3);
}

.temp6-itemBlockBtn {
    position: absolute;
    right: 20px;
    bottom: 25px;
}

.temp6-itemBlockLabel {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 2.08px;
    color: rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
}

.temp6-itemBlockVal {
    /* padding-right: 70px; */
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0.72px;
    color: #000;
}

.temp6-itemBlockVal a {
    color: #fff;
}

.temp6-flight {
    margin-bottom: 60px;
    position: relative;
}

.temp6-flight:last-child {
    margin-bottom: 0;
}

.temp6-flight h5 {
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.48px;
    color: #00D2F2;
    text-transform: uppercase;
}

.temp6-flightList .temp6-itemBlock {
    float: left;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 0;
    border-bottom: 0;
    position: relative;
}

.temp6-flightList .temp6-itemBlock .temp6-itemBlockVal {
    padding-right: 0;
}

.temp6-flightList .temp6-itemBlock:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 68px;
    content: '';
    background-color: rgba(255, 255, 255, 0.1);
    border-bottom: 0;
}

.temp6-flightList .temp6-itemBlock:first-child {
    width: 17%;
    padding-left: 0;
}

.temp6-flightList .temp6-itemBlock:nth-child(2) {
    width: 20%;
}

.temp6-flightList .temp6-itemBlock:nth-child(3) {
    width: 45%;
}

.temp6-flightList .temp6-itemBlock:last-child {
    width: 18%;
    padding-right: 0;
    border-bottom: 0;
}

.temp6-flightList .temp6-itemBlock:last-child:after {
    content: none;
}

.temp6-flightNote p {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.48px;
    line-height: 1.6;
    color: rgba(0, 0, 0, 0.6);
}

.temp6-flightNote p em {
    font-style: normal;
    color: #000;
}

.temp6-flightTrans {
    margin-top: 30px;
}

.temp6-flightTrans img {
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}

.temp6-flightTrans span {
    width: calc(100% - 50px);
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1.82px;
    color: #000;
    text-transform: uppercase;
}

.temp6-itemBlockBtn.flightEdit {
    /* bottom: -5px; */
    bottom: initial;
    top: 60px;
}

/* Template 6 end here */


/* Reserve your slot popup css */
/* .selectTimeSlotTab {
    display: none;
} */

.selectTimeSlotTab,
.drivingExperienceTab {
    position: initial !important;
}

.customer_list_pop {
    width: 100%;;
    float: left;
    margin-bottom: 20px;
}

.drivingExperience h6 {
    margin-bottom: 50px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1.82px;
    color: rgba(0, 0, 0, .6);
    line-height: 1.4;
    text-transform: uppercase;
}

.pp-radioRow {
    margin-bottom: 40px;
}

/* Edit Personal Details popup css */
.pdRow,
.pdFullRow {
    width: 100%;
    float: left;
}

.pdHalfRow {
    width: 50%;
    float: left;
    position: relative;
}

.pdHalfRow:first-child {
    padding-right: 40px;
}

.pdHalfRow:nth-child(2) {
    padding-left: 40px;
}

.pdRow .ppInputRow2 {
    margin-bottom: 40px;
}

.pdRow h5 {
    margin-bottom: 30px;
    margin-top: 20px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1.82px;
    color: #000;
    text-transform: uppercase;
}

.ppInputField2.selctField {
    border-bottom: 0;
}

.ppInputField2.ppInputField2w30 {
    width: 45%;
}

.ppInputField2.ppInputField2w70 {
    width: calc(55% - 20px);
    margin-left: 20px;
}

.ppInputField2.ppInputField2w30 .nice-listWrap {
    padding: 20px;
}

.ppInputField2.ppInputField2w30 .nice-select .option {
    padding-left: 30px;
}

/* .ppInputField2.ppInputField2w30 .nice-select .current {
    padding-left: 20px;
} */

.ppInputRow2.is-empty .ppInputField2.ppInputField2w30,
.ppInputRow2.is-empty .ppInputField2.ppInputField2w70 {
    overflow: initial;
    max-height: initial;
}

/* Add Meal Preference popup css */
textarea {
    width: 100%;
    float: left;
    margin: 0;
    padding: 15px 20px;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.8;
    color: #000;
    border: 0;
    outline: 0;
    border-radius: 4px;
    box-shadow: none;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, .3);
    resize: none;
    position: relative;
    transition: all .4s ease;
}

/* textarea:focus {
    border-color: #fff;
} */
.writeToUsBlock {
    margin-top: 40px;
}

.writeToUsBlock p {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 1.6;
    color: rgba(0, 0, 0, .6);
}

.writeToUsBtn {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1.82px;
    color: #00D2F2;
    text-transform: uppercase;
    float: left;
    cursor: pointer;
}

.writeToUs {
    position: relative;
    display: none;
}

.writeToUsClose {
    position: absolute;
    right: 0;
    top: -34px;
    color: #00D2F2;
    cursor: pointer;
}

.writeToUsFlight {
    margin-bottom: 40px;
}

.nice-select.custom:after,
.selectize-control.custom.single .selectize-input:after {
    content: none;
}

.nice-select.custom:hover+.ppInputIcon span,
.nice-select.custom:active+.ppInputIcon span,
.nice-select.custom.open+.ppInputIcon span,
.nice-select.custom:focus+.ppInputIcon span,
.selectize-control.custom:hover+.ppInputIcon span,
.selectize-control.custom:active+.ppInputIcon span,
.selectize-control.custom.open+.ppInputIcon span,
.selectize-control.custom:focus+.ppInputIcon span {
    color: #00D2F2;
}



/* My Profile Nav popup css start here */
.profileTop {
    width: 100%;
    float: left;
    padding: 0 40px;
    text-align: center;
    margin-bottom: 30px;
    position: absolute;
    top: 0;
    left: 0;
}

.profileTop:before {
    width: 60%;
    height: 2px;
    content: '';
    position: absolute;
    left: 20%;
    bottom: 0;
    background: transparent linear-gradient(90deg, rgba(48, 123, 191, 0) 0%, rgba(0, 210, 242, 1) 100%);
    border-radius: 6px;
    opacity: 0.55;
    filter: blur(7px);
}

.profileTop:after {
    width: 60%;
    height: 2px;
    content: '';
    position: absolute;
    left: 20%;
    bottom: 0;
    background: transparent linear-gradient(90deg, rgba(48, 123, 191, 0) 0%, rgba(0, 210, 242, 1) 100%);
    border-radius: 6px;
}

.profileTop h5 {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 28px;
    letter-spacing: 0.84px;
    color: #000;
}

.profileTop p {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0;
    color: rgba(0, 0, 0, .6);
    padding-bottom: 20px;
}

.navpp-block {
    padding-bottom: 15px;
    margin-bottom: 40px;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.navpp-blockSub {
    margin-bottom: 20px;
    position: relative;
}

.navpp-block:last-child {
    margin-bottom: 0;
}

.navpp-block.temp6-pdBlock {
    margin-bottom: 0;
}

.navpp-block h5 {
    margin-bottom: 10px;
    padding-right: 70px;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0.6px;
    color: #000;
}

.navpp-block p {
    margin-bottom: 10px;
    padding-right: 50%;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 0.6);
}

.navpp-blockBtn {
    position: absolute;
    right: 20px;
    bottom: 15px;
}

.navpp-blockSub .navpp-blockBtn {
    bottom: 0;
}

.navpp-blockLabel {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1.56px;
    color: rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
}

.navpp-blockVal {
    padding-right: 70px;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0.6px;
    color: #000;
}

.navpp-blockLabel2 {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1.56px;
    color: rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
}



/* Navigation Popup css start here */
.navPopup {
    width: 100%;
    height: 100%;
    position: fixed;
    left: initial;
    right: -100%;
    top: 0;
    transition: all 1.5s cubic-bezier(.25, .74, .22, .99);
    z-index: 200;
}

.navPopup.navPopup-open {
    right: 0;
}

.navPopup2 {
    width: 100%;
    height: 100%;
    position: fixed;
    left: initial;
    right: 0;
    top: 0;
    transition: all 1.5s cubic-bezier(.25, .74, .22, .99);
    z-index: 200;
    /* opacity: 0;
    visibility: hidden; */
}

.navPopup2.navPopup-open {
    /* opacity: 1;
    visibility: visible; */
}

.navPopup-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
}

.navpp-content {
    max-width: 800px;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    text-align: left;
    float: right;
    background: #fff;
    box-shadow: 10px 15px 20px rgba(0, 0, 0, .5);
}

.navpp-withHeader,
.navpp-noHeader {
    width: 100%;
    height: 100%;
    position: absolute;
}

.navpp-head {
    width: 100%;
    float: left;
    padding: 28px 80px;
    background: #F7F7F7;
    position: absolute;
    left: 0;
    top: 0;
}

.navpp-head h5 {
    font-family: 'Vanitas-Black', 'Montserrat', sans-serif;
    font-size: 20px;
    letter-spacing: 0.6px;
    color: #000;
}

.navpp-head .supportTitle {
    margin-right: 15px;
    color: rgba(0, 0, 0, .8);
}

.navpp-head .supportTitle:hover {
    color: #000;
}

.navpp-head .supportTitleSub {
    margin-left: 15px;
}

.navpp-main {
    width: 100%;
    height: calc(100% - 160px);
    float: left;
    padding: 0 40px;
    position: absolute;
    left: 0;
    top: 120px;
    overflow: hidden;
    overflow-y: auto;
}

.navpp-mainInner {
    width: 100%;
    height: calc(100% - 90px);
    float: left;
    padding: 0 40px;
    position: absolute;
    left: 0;
    /* background: #2c0909; */
    top: 90px;
    overflow: hidden;
    overflow-y: auto;
}

.navpp-mainInner:focus {
    outline: 0;
}

.navpp-mainInner2 {
    width: 100%;
    height: calc(100% - 200px);
    float: left;
    padding: 0 40px;
    position: absolute;
    left: 0;
    /* background: #2c0909; */
    top: 125px;
    overflow: hidden;
    overflow-y: auto;
}

.navpp-mainInner2:focus {
    outline: 0;
}

.navpp-mainInner3 {
    width: 100%;
    height: 100%;
    float: left;
    padding: 0 40px;
    position: absolute;
    left: 0;
    /* background: #2c0909; */
    overflow: hidden;
    overflow-y: auto;
}

.navpp-mainInner3:focus {
    outline: 0;
}

.navpp-mainInner4 {
    width: 100%;
    height: calc(100% - 70px);
    float: left;
    padding: 0 40px;
    position: absolute;
    left: 0;
    top: 0;
    /* background: #2c0909; */
    overflow: hidden;
    overflow-y: auto;
}

.navpp-mainInner4:focus {
    outline: 0;
}

.navpp-mainInner5 {
    width: 100%;
    height: calc(100% - 200px);
    float: left;
    padding: 0 40px;
    position: absolute;
    left: 0;
    top: 130px;
    /* background: #2c0909; */
    overflow: hidden;
    overflow-y: auto;
}

.navpp-mainInner5:focus {
    outline: 0;
}

.navpp-mainScroll {
    width: 100%;
    float: left;
    padding: 0 40px;
}

.navpp-subNav {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 40px;
    position: absolute;
    left: 0;
    top: 0;
}

.navpp-subNav ul {
    width: auto;
    position: relative;
}

.navpp-subNav ul,
.navpp-subNav li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.navpp-subNav li {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

.navpp-subNav li a {
    display: inline-block;
    padding: 0 0 25px;
    /* font-size: 14px;
    font-weight: 500; 
    letter-spacing: 0.42px;*/
    font-family: 'Vanitas-Black', 'Montserrat', sans-serif;
    font-size: 20px;
    letter-spacing: 0.42px;
    color: #191919;
    position: relative;
}

.navpp-subNav li a.activeSubNav {
    color: #00D2F2;
}

.navpp-subNav li a.activeSubNav:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #00D2F2;
    border-radius: 6px;
}

.navpp-subNav .focusedTab {
    width: 100%;
    height: 2px;
    background: #00D2F2;
    border-radius: 0 0 6px 6px;
}

.relatedToArea {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}

.relatedTo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    font-weight: 600;
    font-size: 10px;
    letter-spacing: 1.3px;
    color: #fff;
    text-transform: uppercase;
}

.relatedToList {
    width: calc(100% - 115px);
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.relatedToList::-webkit-scrollbar,
.relatedToList .relatedToListItems::-webkit-scrollbar {
    display: none;
}

.relatedToList .relatedToListItems {
    overflow-x: scroll;
    white-space: nowrap;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.relatedToList .relatedToListItems::-webkit-scrollbar {
    display: none;
}

.relatedToList .relatedToListItems a {
    display: inline-block;
    padding: 7px 15px;
    margin-right: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.42px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 25px;
}

.relatedToList .relatedToListItems a.relatedToListActive {
    color: #00D2F2;
    border: 1px solid rgba(0, 210, 242, .2);
}


.relatedToList ul,
.relatedToList li {
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
}

.relatedToList li {
    margin-right: 10px;
    display: inline-block;
}

.relatedToList li a {
    display: inline-block;
    padding: 7px 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.42px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 25px;
}

.relatedToList li a.relatedToListActive {
    color: #00D2F2;
    border: 1px solid rgba(0, 210, 242, .2);
}

.navpp-subNavContent,
.navpp-subNavItem,
.faqArea,
.faqList,
.faqItem,
.faqItem-head,
.faqItem-content,
.contactArea,
.contactList,
.contactItem,
.convTop,
.convTopItem,
.convTopItem2,
.convArea,
.profileBtm,
.enterScroll {
    width: 100%;
    float: left;
}

.navpp-subNavItem {
    /* display: none; */
}

.faqItem {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.faqItem-head {
    position: relative;
}

.faqItem-head h6 {
    width: 80%;
    float: left;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    line-height: 1.6;
    letter-spacing: 0.42px;
}

.faqBtn {
    position: absolute;
    right: 0;
    bottom: -5px;
}

.faqBtn a {
    width: 34px;
    height: 34px;
    display: inline-block;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    border: 1px solid rgba(255, 255, 255, .2);
    background-color: rgba(0, 0, 0, .2);
    position: relative;
    z-index: 1;
}

.faqBtn a .material-icons-outlined {
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 1.5s cubic-bezier(.25, .74, .22, .99);
}

.faqItem-headActive .faqBtn a .material-icons-outlined {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.faqItem-content {
    padding-right: 10%;
    padding-top: 20px;
    display: none;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    line-height: 1.6;
    letter-spacing: 0.42px;
}

.contactItem {
    position: relative;
    margin-bottom: 40px;
}

.contactAvatar {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.contactAvatar img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.contactRight {
    width: 88%;
    padding: 25px 80px 25px 100px;
    float: right;
    position: relative;
    border-radius: 10px;
    background-color: rgba(229, 229, 229, 0.08);
    border: 1px solid rgba(0, 210, 242, 0.08);
}

.contactRight h5 {
    margin-bottom: 10px;
    letter-spacing: 0.72px;
}

.contactRight p.designation {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 16px;
    color: rgba(0, 0, 0, .6);
}

.contactRight p {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.contactRight p a {
    width: 100%;
    float: left;
    font-weight: 500;
    font-size: 16px;
    color: #000;
}

.contactRight p a .material-icons-outlined {
    width: 35px;
    padding-right: 10px;
    float: left;
    font-size: 20px;
}

.contactRight p a .contactLinkTxt {
    width: calc(100% - 35px);
    float: left;
    word-break: break-word;
}

.contactBtn {
    position: absolute;
    right: 30px;
    top: 30px;
}

.contactBtn a {
    width: 46px;
    height: 46px;
    float: left;
    border-radius: 50%;
    color: #fff;
    position: relative;
    z-index: 1;
    /* background: transparent linear-gradient(180deg, #00D2F2 0%, #A2F2FF 97%, #A7F3FF 100%) 0% 0%; */
    background: transparent linear-gradient(133deg, rgba(48, 123, 191, 1) 0%, rgba(0, 210, 242, 1) 100%) 0% 0%;
    /* mix-blend-mode: lighten; */
    /* filter: blur(23px); */
}

.contactBtn a .material-icons-outlined {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* .contactBtn a:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: transparent linear-gradient(0deg, #00D2F2 0%, #A2F2FF 97%, #A7F3FF 100%) 0% 0% no-repeat;
    mix-blend-mode: lighten;
    opacity: 0.5;
    filter: blur(20px);
    z-index: -1;
} */

.convTop {
    padding: 0 80px;
    padding-bottom: 30px;
    position: absolute;
    left: 0;
    top: 0;
    height: 130px;
}

.convTopItemAvatar {
    width: 100px;
    height: 100px;
    float: left;
    border-radius: 50%;
    margin-right: 40px;
}

.convTopItemAvatar img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.convTopItemRight {
    width: calc(100% - 140px);
    padding: 20px 0;
    float: left;
    position: relative;
}

.createMessageBtn a {
    padding: 4px 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.72px;
    color: #00D2F2;
    text-transform: uppercase;
}

.convTopItemRight h5 {
    margin-bottom: 10px;
    letter-spacing: 0.72px;
}

.convTopItemRight p.designation {
    font-weight: 500;
    font-size: 16px;
    color: rgba(0, 0, 0, .6);
}

.convChat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.msg {
    position: relative;
    box-sizing: border-box;
    margin: 20px 0;
    max-width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.msg-received {
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.msg-sent {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.msg-time {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0.7px;
    color: #000;
}

.msg.msg-sent .msg-time {
    text-align: right;
}

.msg .msg-text {
    box-sizing: border-box;
    padding: 20px;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0;
    color: #000;
    line-height: 1.2;
    word-break: break-word;
    background: #F7F7F7;
    border-radius: 10px;
}

.msg.msg-received .msg-text {
    border-bottom-left-radius: 0;
}

.msg.msg-sent .msg-text {
    border-bottom-right-radius: 0;
    color: #F7F7F7;
    background: #0E6DC6;
}

.msg .msg-text h6 {
    margin-bottom: 10px;
    letter-spacing: 0.48px;
    color: #00D2F2;
}

.msg .msg-text p {
    font-weight: 500;
    line-height: 1.6;
}

.msg-toolbar {
    width: calc(100% - 160px);
    margin-top: 10px;
    margin-left: 0;
    padding: 16px 40px;
    position: relative;
    float: left;
    background: #f7f7f7;
    border-radius: 30px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    left: 80px;
    bottom: 0;
}

.msg-toolbar input[type="text"] {
    width: 80%;
    float: left;
    padding: 0;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.16px;
    color: #000;
    line-height: 1;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    display: block;
}

.msg-toolbar input[type="text"]:focus {
    border: 0;
    outline: 0;
}

.msg-toolbar .msg-send {
    width: auto;
    float: left;
    padding: 8px 15px;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 1.43px;
    color: #fff;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    border: 0;
    outline: 0;
    background: #00D2F2;
    border-radius: 16px;
    position: relative;
    z-index: 1;
}

/* .msg-toolbar .msg-send:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: transparent linear-gradient(90deg, #00D2F2 0%, #A2F2FF 97%, #A7F3FF 100%) 0% 0% no-repeat;
    mix-blend-mode: lighten;
    border-radius: 2px;
    filter: blur(23px);
    z-index: -1;
} */
.msg-offline,
.msg-online {
    width: 100%;
    float: left;
    position: relative;
}

.contactList .convTopItem {
    margin-top: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}

.contactList .convTopItemRight {
    padding: 22px 0 32px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    position: relative;
}

.contactList .convTopItemRight p.designation {
    padding-right: 50px;
}

.msgCount {
    min-width: 20px;
    padding: 4px;
    position: absolute;
    right: 20px;
    /* bottom: 30px; */
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    letter-spacing: .36px;
    text-align: center;
    border-radius: 15px;
    background: transparent linear-gradient(133deg, rgba(48, 123, 191, 1) 0%, rgba(0, 210, 242, 1) 100%);
}

.profileBtm {
    width: 100%;
    padding: 20px 40px 0;
    position: absolute;
    left: 0;
    bottom: 0;
}

.profileBtmBtnLeft {
    width: 50%;
    float: left;
    padding-right: 20px;
}

.profileBtmBtnLeft .borderedBtn3 {
    width: 100%;
}

.profileBtmBtnRight {
    width: 50%;
    float: right;
    padding-left: 20px;
}

.profileBtmBtnRight .blueGradient {
    width: 100%;
}

.enterScroll {
    padding-bottom: 150px;
}

/* .supportConversation {
    background-color: #191919;
    z-index: 1;
} */



.g-scrolling-carousel {
    position: relative;
}

.g-scrolling-carousel .items {
    overflow-x: scroll;
    white-space: nowrap;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

.g-scrolling-carousel .items::-webkit-scrollbar {
    display: none;
}

.jc-right,
.jc-left {
    width: 36px;
    height: 36px;
    color: #757575;
    margin-bottom: auto;
    margin-top: auto;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.20);
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0.94;
    display: none !important;

}

.jc-right {
    right: -18px;
}

.jc-left {
    left: -18px;
}

.jc-right:hover,
.jc-left:hover {
    opacity: 0.98;
}

.jc-right svg,
.jc-left svg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 24px;
    height: 24px;
    fill: #757575;
}

.jc-right:hover svg,
.jc-left:hover svg {
    fill: #000;
}

@media (pointer: coarse) {

    .jc-right,
    .jc-left {
        display: none !important;
    }
}

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

.createMessageBtn {
    position: absolute;
    right: 0;
    bottom: 20px;
}

/* Exclusive Preview page css start here */
.epBg {
    background-color: #070A13;
}

.epHeader {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
}

.epLogoArea {
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
}

.epLogoArea img {
    height: 48px;
    float: left;
}

.backToCportal {
    float: left;
    padding-left: 100px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.backToCportal a {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 2.52px;
    color: #fff;
    text-shadow: 0 10px 20px rgba(0, 210, 242, 0.3);
    text-transform: uppercase;
}

.backToCportal img,
.backToCportal span {
    display: inline-block;
    vertical-align: middle;
}

.backToCportal span {
    padding-left: 15px;
}

/* Template 7 start here */
.temp7,
.temp7-area,
.temp7-imgArea {
    position: relative;
}

.temp7-imgArea .temp7-imgAreaPoster {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: bottom;
    -o-object-position: bottom;
}

.temp7-videoPlay {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
}

.temp7-videoPlay a {
    width: 100px;
    height: 100px;
    float: left;
    border: 2px solid #fff;
    border-radius: 100%;
    position: relative;
}

.temp7-videoPlay a .material-icons {
    font-size: 48px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.temp7-videoArea {
    width: 100%;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    text-align: center;
}

.temp7-videoArea video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    -o-object-fit: cover;
}

.temp7-videoClose {
    position: fixed;
    right: 30px;
    top: 20px;
    cursor: pointer;
    z-index: 111;
}

.temp7-wrap {
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.temp7-1 {
    margin-bottom: 30px;
    font-weight: 600;
    letter-spacing: 3.12px;
    color: #299AB2;
    text-shadow: 0 3px 36px rgba(43, 222, 255, 0.41);
    text-transform: uppercase;
}

.temp7-2 {
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 42px;
    letter-spacing: 8.4px;
    color: #fff;
    text-transform: uppercase;
}

.temp7-3 {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 300;
    letter-spacing: 3.12px;
    color: #2CDFFF;
    text-shadow: 0 3px 36px rgba(43, 222, 255, 0.41);

}

/* Template 7 end here */

/* Template 8 start here */
.temp8 {
    padding-top: 150px;
    padding-bottom: 100px;
}

.temp8 h2 {
    width: 100%;
    float: left;
    margin-bottom: 40px;
    font-weight: 300;
    font-size: 42px;
    letter-spacing: 8.4px;
    color: #19D5F2;
    text-transform: uppercase;
    text-align: center;
}

.temp8 h5 {
    width: 100%;
    float: left;
    margin-bottom: 40px;
    font-weight: 300;
    letter-spacing: 3.12px;
    color: #fff;
    text-align: center;
    text-shadow: 0 3px 36px rgba(41, 211, 243, 0.54);
}

.temp8-item {
    width: 100%;
    height: 100%;
    padding: 20px;
    float: left;
    position: relative;
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
}

.temp8-item:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: transparent linear-gradient(180deg, rgba(7, 10, 19, 0.60) 0%, rgba(7, 10, 19, 1) 100%) 0% 0% no-repeat;
    mix-blend-mode: soft-light;
    border-radius: 12px;
    z-index: 1;
}

.temp8-item .temp8-itemInner {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    border: 1px solid rgba(0, 210, 242, 0);
    transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    position: relative;
}

.temp8-item .temp8-itemInner:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    border-radius: 12px;
    background: transparent linear-gradient(180deg, rgba(7, 10, 19, 0.59) 0%, rgba(7, 10, 19, 1) 100%) 0% 0% no-repeat;
    mix-blend-mode: soft-light;
}

.temp8-item .temp8-itemInner:after {
    width: 100%;
    height: 40%;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background: transparent linear-gradient(180deg, rgba(7, 10, 19, 0) 0%, rgba(7, 10, 19, 1) 100%) 0% 0% no-repeat padding-box;
    mix-blend-mode: soft-light;
    border-radius: 0px 0px 12px 12px;
}

.temp8-item:hover .temp8-itemInner:before,
.temp8-item:hover .temp8-itemInner:after {
    background: transparent;
}

.temp8-item:hover .temp8-itemInner {
    border-color: rgba(0, 210, 242, 1);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.temp8-item .temp8-itemInner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 12px;
}

.temp8-item p {
    width: 100%;
    padding: 0 30px 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 1px;
    color: #fff;
    line-height: 1.4;
    opacity: 0.7;
    transition: all .6s ease-in;
    -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -ms-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    z-index: 2;
}

.temp8-item:hover p {
    opacity: 1;
}

.temp8-item a {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #fff;
    border-radius: 100%;
    opacity: 0.7;
    transition: all .6s ease-in;
    -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -ms-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    z-index: 1;
}

.temp8-item a .material-icons {
    font-size: 48px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.temp8-item:hover a {
    opacity: 1;
}


/* Template 8 end here */

/* Template 9 start here */
.temp9 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.temp9,
.temp9-area,
.temp9-imgArea {
    position: relative;
}

.temp9-1 {
    margin-bottom: 40px;
    font-weight: 300;
    font-size: 42px;
    letter-spacing: 8.4px;
    color: #19D5F2;
    text-transform: uppercase;
    text-align: center;
}

.temp9-2 {
    margin-bottom: 40px;
    font-weight: 300;
    letter-spacing: 3.12px;
    color: #fff;
    text-align: center;
    text-shadow: 0 3px 36px rgba(41, 211, 243, 0.54);
}

.temp9-3 {
    margin-bottom: 30px;
    font-weight: 300;
    letter-spacing: 3.12px;
    color: #19D5F2;
    text-align: center;
    text-shadow: 0 3px 36px rgba(24, 204, 232, 0.52);
}

.temp9-4 {
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 2.08px;
    color: #fff;
    text-align: center;
    text-shadow: 0 3px 36px rgba(24, 204, 232, 0.52);
}

.temp9-media {
    margin-bottom: 40px;
    position: relative;
}

.temp9-mediaImg {
    position: relative;
}

.temp9-mediaImg:before {
    width: 100%;
    height: 40%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: transparent linear-gradient(0deg, rgba(7, 10, 19, 0) 0%, rgba(7, 10, 19, 1) 100%) 0% 0% no-repeat;
    opacity: 0.8;
}

.temp9-mediaImg:after {
    width: 100%;
    height: 40%;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background: transparent linear-gradient(180deg, rgba(7, 10, 19, 0) 0%, rgba(7, 10, 19, 1) 100%) 0% 0% no-repeat;
    opacity: 0.8;
}

.temp9-mediaImg img {
    width: 100%;
    height: 600px;
    float: left;
    object-fit: cover;
    -o-object-fit: cover;
}

/* Template 9 end here */


/* Template 10 start here */
.temp10 {
    padding-top: 150px;
    padding-bottom: 100px;
}

.temp10 h2 {
    width: 100%;
    float: left;
    margin-bottom: 40px;
    font-weight: 300;
    font-size: 42px;
    letter-spacing: 8.4px;
    color: #19D5F2;
    text-transform: uppercase;
    text-align: center;
}

.temp10 h5 {
    width: 100%;
    float: left;
    margin-bottom: 40px;
    font-weight: 300;
    letter-spacing: 3.12px;
    color: #fff;
    text-align: center;
    text-shadow: 0 3px 36px rgba(41, 211, 243, 0.54);
}

/* Template 10 end here */


/* Template 11 start here */
.temp11 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.temp11-1 {
    margin-bottom: 40px;
    font-weight: 300;
    font-size: 42px;
    letter-spacing: 8.4px;
    color: #19D5F2;
    text-transform: uppercase;
    text-align: center;
}

.temp11-2 {
    margin-bottom: 40px;
    font-weight: 300;
    letter-spacing: 3.12px;
    color: #fff;
    text-align: center;
    text-shadow: 0 3px 36px rgba(41, 211, 243, 0.54);
}

/* Template 11 end here */




.frame {
    width: 100%;
    height: 586px;
    padding: 0;
}

.frame .slidee {
    margin: 0;
    padding: 0;
    height: 100%;
    list-style: none;
}

.frame .slidee li {
    float: left;
    margin: 0;
    padding: 0;
    width: 416px;
    height: 100%;
}

.scrollbar {
    max-width: 1000px;
    margin: 40px auto;
    height: 6px;
    line-height: 0;
    background: #172331;
    border-radius: 20px;
}

.scrollbar .handle {
    width: 150px;
    height: 10px;
    border-radius: 20px;
    background: #2CDFFF;
    position: relative;
    top: -2px;
    cursor: pointer;
}

.temp10-sliderArea .frame {
    height: 546px;
}

.temp10-item {
    width: 100%;
    height: 100%;
    padding: 20px;
    float: left;
    position: relative;
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
}

.temp10-item:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: transparent linear-gradient(180deg, rgba(7, 10, 19, 0.60) 0%, rgba(7, 10, 19, 1) 100%) 0% 0% no-repeat;
    mix-blend-mode: soft-light;
    border-radius: 12px;
    z-index: 1;
}

.temp10-item .temp10-itemInner {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    border: 1px solid rgba(0, 210, 242, 0);
    transform: scale(.95);
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -ms-transform: scale(.95);
    -o-transform: scale(.95);
    transform-origin: top;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    position: relative;
}

.temp10-item .temp10-itemInner:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    border-radius: 12px;
    background: transparent linear-gradient(180deg, rgba(7, 10, 19, 0.59) 0%, rgba(7, 10, 19, 1) 100%) 0% 0% no-repeat;
    mix-blend-mode: soft-light;
    transition: all .6s ease-in;
    -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -ms-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
}

.temp10-item .temp10-itemInner:after {
    width: 100%;
    height: 40%;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background: transparent linear-gradient(180deg, rgba(7, 10, 19, 0) 0%, rgba(7, 10, 19, 1) 100%) 0% 0% no-repeat padding-box;
    mix-blend-mode: soft-light;
    border-radius: 0px 0px 12px 12px;
    transition: all .6s ease-in;
    -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -ms-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
}

.temp10-item:hover .temp10-itemInner:before,
.temp10-item:hover .temp10-itemInner:after {
    background: transparent;
    transition: all .6s ease-in;
    -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -ms-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
}

.temp10-item:hover .temp10-itemInner {
    border-color: rgba(0, 210, 242, 1);
    height: 72%;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.temp10-item .temp10-itemInner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 12px;
}

.temp10-item .temp10-txt {
    width: 100%;
    height: 28%;
    transition: all .6s ease-in;
    -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -ms-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    opacity: 0;
    visibility: hidden;
}

.temp10-item .temp10-txt p {
    width: 100%;
    padding: 20px;
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 1px;
    color: #fff;
    line-height: 1.3;
    transition: all .6s ease-in;
    -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -ms-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
}

.temp10-item:hover .temp10-txt {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 1;
    visibility: visible;
}

/* Exclusive Preview page css end here */


/* TnC page css start here */
.navTabTxt {
    font-family: 'Vanitas-Black', 'Montserrat', sans-serif;
    /* font-weight: 500; */
    font-size: 20px;
    color: #fff;
    letter-spacing: 0.6px;
    display: inline-block;
    margin: 0 30px;
    padding: 0 15px;
    padding-bottom: 34px;
}

.tncArea {
    max-width: 1280px;
    margin: 0 auto;
    margin-top: 150px;
}

.tncItem {
    width: 100%;
    float: left;
    margin-bottom: 50px;
}

.tncArea h4 {
    margin-bottom: 30px;
    letter-spacing: normal;
}

.tncArea h6 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 30px;
    word-break: break-word;
}

.tncArea p {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 20px;
    word-break: break-word;
}

/* TnC page css end here */


/* No RSVP page css start here */
.no-rsvp {
    width: 100%;
    float: left;
    position: relative;
    margin-top: -315px;
}

.no-rsvpArea {
    width: 100%;
    float: left;
    padding: 0 10%;
}

.no-rsvpInner {
    width: 100%;
    float: left;
    padding: 50px;
    background-color: #0F0F0F;
}

.no-rsvpIcon {
    width: 180px;
    height: 180px;
    display: inline-block;
    margin-bottom: 40px;
    border-radius: 100%;
    background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(18, 18, 22, 0.1) 100%) 0% 0% no-repeat;
    font-weight: 400;
    font-size: 100px;
    color: #fff;
    line-height: 180px;
}

.no-rsvpArea h4 {
    margin-bottom: 30px;
}

.no-rsvpTxt {
    max-width: 600px;
    margin: 0 auto;
}

.no-rsvpTxt p {
    max-width: 400px;
    margin: 0 auto;
    max-width: 400px;
    letter-spacing: 1px;
    line-height: 1.6;
}

/* No RSVP page css end here */



/* Assets page css start here */
.assetsArea {
    width: 100%;
    float: left;
}

.assetLeft {
    width: 340px;
    height: calc(100% - 240px);
    padding: 30px;
    position: fixed;
    left: 50px;
    top: 125px;
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    background: #fff;
}

.assetLeftinner,
.assetLefAcc,
.assetLefAccItem,
.assetLefAccHead,
.lev1,
.lev1Item,
.lev1ItemHead,
.lev2,
.lev2Item,
.lev2ItemHead {
    width: 100%;
    float: left;
}

.assetLeftinner h6 {
    padding-left: 14px;
    margin-bottom: 35px;
    font-family: 'Vanitas-Black', 'Montserrat', sans-serif;
    font-size: 16px;
    letter-spacing: 2.08px;
    color: #000;
    position: relative;
}

.mobileOnly {
    display: none;
}

.filterDD {
    position: absolute;
    right: 0;
    top: -12px;
    width: 38px;
    height: 38px;
    border: 1px solid #000;
    /* border: 1px solid #F7F7F7; */
    border-radius: 100%;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.filterDD img {
    position: absolute;
    right: calc(50% - 6px);
    top: calc(50% - 3px);
}

.assetLefAcc {
    height: calc(100% - 115px);
    position: absolute;
    left: 0;
    overflow: hidden;
    overflow-y: auto;
    padding: 0 30px;
}

.assetLefAccItem {
    /* margin-bottom: 10px; */
}

.assetLefAccHead,
.lev1ItemHead,
.lev2ItemHead {
    padding: 15px 8px;
    padding-left: 37px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    color: #000;
    border-radius: 10px;
    position: relative;
    border: 0;
    border-bottom: 1px solid transparent;
    border-radius: 0;
}

.lev1ItemHead,
.lev2ItemHead {
    font-weight: 400;
    border-bottom: 1px solid #E5E5E5;
}

.withDD .assetLefAccHead:before,
.lev1DD .lev1ItemHead:before

/* .lev2DD .lev2ItemHead:before */
    {
    position: absolute;
    left: 8px;
    top: 11px;
    content: url(../img/svg/arrow-right.svg);
    width: 24px;
    height: 24px;
    transition: all .4s ease;
}

.withDD .assetLefAccHead.assetLefAccHeadAct:before,
.lev1DD .lev1ItemHead.lev1ItemHeadAct:before

/* .lev2DD .lev2ItemHead.lev2ItemHeadAct:before */
    {
    transform: rotate(90deg);
}

.withDD .assetLefAccHead.assetLefAccHeadAct,
.lev1DD .lev1ItemHead.lev1ItemHeadAct {
    color: #000;
    border-bottom: 1px solid transparent;
    border-radius: 10px;
    background: #F7F7F7;
}

.assetLefAccHeadAct,
.lev1ItemHeadAct,
.lev2ItemHeadAct {
    color: #00D2F2;
}

.lev1,
.lev2 {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    display: none;
}



/* Assets right area css start here */
.assetRight {
    width: calc(100% - 390px);
    float: left;
    padding: 0 40px;
    margin-left: 390px;
    margin-top: 125px;
    /* background: #fff8f8; */
    position: relative;
}

.assetRightHead {
    width: 100%;
    float: left;
    padding: 0 20px;
    margin-top: 5px;
    margin-bottom: 45px;
    position: relative;
}

.assetRightHead h4 {
    width: calc(100% - 35px);
    float: right;
    font-size: 16px;
    letter-spacing: 2.56px;
}

.headSearch {
    position: absolute;
    right: 40px;
    top: -5px;
    padding: 9px;
    border: 1px solid #F7F7F7;
    border-radius: 27px;
}

.headSearch span {
    padding-right: 7px;
    float: left;
}

.headSearch input[type="search"] {
    width: 50px;
    float: left;
    margin: 0;
    padding: 0;
    padding: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.36px;
    color: #000;
    border: 0;
    outline: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.headSearch input[type="search"]:focus {
    width: 150px;
    outline: 0;
}

.headSearch input[type=search]::placeholder {
    color: #000000;
    opacity: 1;
}

.headSearch input[type=search]::-webkit-input-placeholder {
    color: #000000;
}

.headSearch input[type=search]::-moz-placeholder {
    color: #000000;
}

.headSearch input[type=search]:-ms-input-placeholder {
    color: #000000;
}

.headSearch input[type=search]:-moz-placeholder {
    color: #000000;
}

.headSearch input[type=search]::placeholder {
    color: #000000;
    opacity: 1;
}

.allSelected {
    position: absolute;
    right: 0;
    top: -5px;
    display: none;
}

.allSelected p {
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.36px;
    color: #000;
}

.assetItem {
    width: 33.333333%;
    float: left;
    padding: 0 20px;
    margin-bottom: 65px;
}

.assetItemInner,
.assetItemImgArea {
    position: relative;
}

.assetItemImgArea {
    border-radius: 9px;
}

.assetItemImgArea:before {
    width: 100%;
    height: 110px;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%) 0% 0% no-repeat;
    border-radius: 0px 0px 9px 9px;
    opacity: 0.37;
}

.assetItemImg {
    height: 260px;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 9px;
}

.assetType {
    position: absolute;
    left: 15px;
    bottom: 20px;
}

.assetType span {
    /* font-size: 20px; */
    color: #fff;
    float: left;
}

.assetType span img {
    height: 20px;
}

.assetCat {
    position: absolute;
    right: 15px;
    top: 20px;
}

.assetCat span {
    float: left;
    padding: 8px 5px;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0px;
    color: #F7F7F7;
    border-radius: 2px;
}

.retailCat {
    background-color: #0E6DC6;
}

.custCat {
    background-color: #000;
}

.assetPlay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.assetPlay span {
    font-size: 48px;
    color: rgba(255, 255, 255, .9);
    float: left;
}

.assetVidLength {
    position: absolute;
    right: 15px;
    bottom: 20px;
}

.assetVidLength span {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    color: #fff;
}

.assetChkBox {
    position: absolute;
    left: 20px;
    top: 20px;
}

.assetChkBox .chkbox label:before {
    border: 2px solid #F7F7F7;
}

.assetChkBox .chkbox input:checked+label:before {
    background-color: #F7F7F7;
    border-color: #F7F7F7;
}

.assetChkBox .chkbox input:checked+label:after {
    border: solid #404040;
    border-width: 0 2px 2px 0;
}

.assetItemTxt {
    padding: 0 20px;
}

.assetItemTxtInner {
    padding: 20px;
    background: #fff;
    border: 1px solid #E5E5E5;
    border-top: 0;
    border-radius: 0 0 9px 9px;
    transition: all .4s cubic-bezier(.25, .74, .22, .99);
}

.assetItemInner:hover .assetItemTxtInner {
    /* box-shadow: 10px 43px 99px rgba(0, 0, 0, 0.16); */
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.16);
}

.assetItemTxtBlock {
    height: 77px;
    overflow: hidden;
}

.assetItemTxt h6 {
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 0;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.assetItemTxt p {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.6);
    text-overflow: ellipsis;
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.assetItemBtns {
    margin-top: 25px;
}

.assetItemBtns a,
.assetItemBtns .shareBtn {
    vertical-align: middle;
    margin-right: 12px;
}

.assetItemBtns a:last-child {
    margin-right: 0;
}

.assetItemInner:hover .previewBtn {
    color: #fff;
    background: #00D2F2;
}

.assetItemInner:hover .previewBtn span.material-icons {
    color: #00D2F2;
    background: #fff;
    transition: all .4s cubic-bezier(.25, .74, .22, .99);
}

.assetItemBtnsMobile,
.assetsBtnMobile {
    display: none;
}

.sharePopover {
    height: 44px;
    position: absolute;
    right: -2px;
    top: -2px;
    list-style: none;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 2px solid #000;
    border-radius: 22px;
    display: none;
    flex-wrap: nowrap;
    align-items: center;
}

.sharePopover li {
    display: inline-block;
    margin: 0 3px;
    padding: 0;
}

.sharePopover img {
    width: 32px;
    height: 32px;
    float: left;
}

.closeSharePO {
    width: 32px;
    height: 32px;
    float: left;
    background-color: #000;
    border-radius: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.sharePopover .closeSharePO img {
    width: 24px;
    height: 24px;
}

/* Assets right area css end here */



/*

  Step #2 - Styling the modal
  ===========================

*/

.qv-container .fancybox-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    max-width: 1200px;
    max-height: 775px;
    z-index: 99994;
}

.qv-container .fancybox-stage {
    background: #fff;
    left: 0;
    right: 0;
    box-shadow: 10px 43px 99px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
}

.qv-container .assetppHead {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99994;
}

.qv-container .fancybox-arrow--right {
    right: 0;
}

.qv-container .fancybox-slide--image {
    overflow: hidden;
    padding: 0;
}

.qv-container .fancybox-slide {
    padding: 15px;
}

.qv-container .fancybox-content {
    margin-top: 90px;
    /* position: relative;
    left: 0;
    top: 0;
    transform: initial !important; */
}

.qv-container .fancybox-image,
.qv-container .fancybox-spaceball,
.qv-container .fancybox-video,
.qv-container .fancybox-iframe {
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    border-radius: 10px;
}

.qv-container .fancybox-slide--video .fancybox-content {
    background-color: #fff;
}

/*

  Step #3 - Styling product form
  ==============================

*/

.assetppHead {
    display: none;
    padding: 20px;
    overflow: auto;
}

.assetppHead h6 {
    font-family: 'Vanitas-Black', 'Montserrat', sans-serif;
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: 0.72px;
    color: #000;
    margin-top: 7px;
    margin-bottom: 5px;
}

.assetppHead p {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 0.6);
}

.assetppHeadType {
    width: 90px;
    float: left;
    display: none;
}

.assetppHeadType span {
    font-size: 80px;
    float: left;
    background: transparent linear-gradient(180deg, #07C6EB 0%, #51A0EA 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.assetppHeadTxt {
    width: calc(100% - 160px);
    float: left;
}

.assetppHeadBtns {
    width: auto;
    float: left;
    margin-top: 15px;
}

.assetppHeadBtns a,
.assetppHeadBtns .shareBtn2 {
    float: left;
    margin-right: 15px;
    position: relative;
}

.assetppHeadBtns .shareBtn2 a {
    margin-right: 0;
}

.assetppHeadBtns span {
    background: transparent linear-gradient(180deg, #07C6EB 0%, #51A0EA 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.qv-close {
    position: absolute;
    top: 25px;
    right: 10px;
    width: 44px;
    height: 44px;
    background: rgba(0, 0, 0, .2);
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 100%;
    cursor: pointer;
    font: normal 14px Arial;
    color: #222;
    text-indent: -99999px;
    transition: all .2s;
    z-index: 99999;
}

.qv-close:hover {
    background: #e4e4e4;
}

.qv-close:focus {
    outline: 0;
}

.qv-close::before,
.qv-close::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 22px;
    width: 1px;
    height: 18px;
    background-color: #222;
}

.qv-close:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.qv-close:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*

  Step #4 - Add fade animation
  ============================

*/

.qv-container .fancybox-inner {
    opacity: 0;
    transition-property: opacity;
}

.fancybox-is-open.qv-container .fancybox-inner {
    opacity: 1;
}

.fancybox-arrow {
    position: absolute;
    top: 50%;
    margin: -50px 0 0;
    height: 100px;
    width: 54px;
    padding: 0;
    border: 0;
    outline: none;
    background: none;
    cursor: pointer;
    z-index: 99995;
    opacity: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity .25s;
}

.fancybox-arrow:after {
    content: "";
    position: absolute;
    top: 28px;
    width: 44px;
    height: 44px;
    background-color: rgba(30, 30, 30, .8);
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 24px 24px;
    border-radius: 100%;
}

.fancybox-arrow--left:after,
.fancybox-arrow--right:after {
    left: 0;
}

.fancybox-arrow--left {
    left: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

/* Assets page css end here */

/* Home page css start here */
.homeSection {
    margin-bottom: 50px;
}

.pageTop {
    margin-top: 120px;
}

.notifsection {
    min-height: 135px;
}

.heading {
    margin-bottom: 20px;
    position: relative;
}

.headingTxt {
    width: 75%;
    padding: 7px 0;
    float: left;
}

.headingLink {
    width: 25%;
    float: left;
    text-align: right;
}

.headingTxt h2 {
    font-family: 'Vanitas-Black', 'Montserrat', sans-serif;
    font-size: 28px;
    line-height: 1.11;
    letter-spacing: 0.28px;
    color: #000;
    text-transform: initial;
    display: flex;
    align-items: center;
}

.headingTxt h2 span {
    float: left;
}

.headingTxt h2 span.headingTxtSpan {
    width: calc(100% - 45px);
}

.headingTxt h2 span.material-icons,
.headingTxt h2 span.material-icons-outlined {
    margin-right: 20px;
}

.psbSliderArea,
.uceSliderArea,
.assetSliderArea {
    position: relative;
}

.psbSliderItem,
.uceSliderItem {
    margin: 20px 25px 80px;
    float: left;
}

.psbSliderItem:first-child,
.uceSliderItem:first-child {
    padding-left: 142px;
}

.psbSliderItem-inner {
    width: 500px;
    float: left;
    padding: 40px;
    background-color: #F7F7F7;
    border-radius: 20px;
}

.psbSliderItem-inner:hover {
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.16);
    background-color: #fff;
}

.psbSliderItem-inner p {
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0px;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: calc(18px * 1.5 * 2);
}

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

.psbSliderBtm .material-icons {
    font-size: 36px;
    color: #00D2F2;
    margin-right: 24px;
    float: left;
}

.psbSliderBtm .psbSliderDate {
    width: calc(100% - 65px);
    float: left;
    font-weight: 600;
    font-size: 12px;
    line-height: 36px;
    letter-spacing: 0px;
    color: #000;
}

.uceSliderItem-inner {
    width: 500px;
    float: left;
}

.uceslideItem,
.naslideItem {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
}

.uceslideItem .assetItemTxtInner {
    background: #E5E5E5;
}

.uceslideItem .assetItemInner:hover .assetItemTxtInner {
    background: #fff;
}

.rsvpArea {
    width: 60%;
    float: left;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0px;
    color: #000;
}


.homeSocial {
    width: 58%;
    float: left;
    position: relative;
}

.hSocialSlider,
.hsSliderItem {
    position: relative;
}

.hsSliderImg img {
    height: 550px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 9px;
}

.hsSliderTxt {
    padding: 35px 30px 20px;
    /* padding: 20px 30px; */
}

.hsSliderTxt p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0px;
    color: #000;
    width: 100%;
    float: left;
    padding-right: 0;
    /* padding-right: 38%; */
    margin-bottom: 10px;
}

.hsSliderBtns .hsTwitter {
    float: left;
    line-height: 42px;
}

.hsSliderBtns .hsTwitter span {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0px;
    color: #000;
    margin-right: 10px;
}

.hsSliderBtns .shareBtn {
    float: right;
}

.hSocialSlider .slick-dots {
    bottom: initial;
    top: 567px;
    right: 30px;
    width: auto;
}

.hSocialSlider .slick-dots li {
    float: left;
}

.homeUpdates {
    width: 42%;
    padding-left: 10%;
    float: left;
    position: relative;
}

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

.hUpdatesList ul,
.hUpdatesList ul li {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hUpdatesList ul li {
    margin-bottom: 30px;
}

.huIcon {
    width: 58px;
    height: 58px;
    margin-right: 20px;
    float: left;
    position: relative;
    background-color: #4392D9;
    border-radius: 20px;
}

.huMessage {
    background-color: #4392D9;
}

.huOrder {
    background-color: #365A58;
}

.huAssets {
    background-color: #ABBDD1;
}

.huCustDetails {
    background-color: #46A5EA;
}

.huTraining {
    background-color: #92B1B6;
}

.huIcon span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.huTxt {
    width: calc(100% - 80px);
    float: left;
}

.hUpdatesList li p {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0px;
    color: #000;
    margin-top: 8px;
    margin-bottom: 4px;
}

.hUpdatesList li p strong {
    font-weight: 700;
}

.huTime {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 0.6);
}


.wbHeading {
    width: 40%;
    margin-top: 25px;
    float: left;
}

.wbHeading h4 {
    font-weight: 700;
    color: #000;
    line-height: 1.4;
    letter-spacing: 0px;
    margin-bottom: 15px;
}

.wbHeading h6 {
    font-weight: 500;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.6);
    letter-spacing: 0px;
}

.notifCard {
    width: 57%;
    padding: 30px;
    position: absolute;
    right: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 9px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.notifCardLeft {
    width: 45%;
    float: left;
}

.notifCardRight {
    width: 55%;
    float: left;
}

.notifCardLeft h4 {
    width: 100%;
    float: left;
    letter-spacing: 0px;
    color: #000;
}

.notifCardLeft h4 img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.notifCardLeft h4 span {
    width: calc(100% - 70px);
    float: left;
    /* display: inline-block;
    vertical-align: middle; */
}

.notifIcon {
    width: 70px;
    height: 70px;
    margin-right: 20px;
    float: left;
    background: #4392D9 0% 0% no-repeat padding-box;
    border: 5px solid rgba(67, 146, 217, 0.2);
    border-radius: 20px;
    position: relative;
}

.notifIcon span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.4px;
    color: #fff;
    text-transform: uppercase;
}

.notifTxt {
    width: calc(100% - 250px);
    float: left;
}

.notifTxt p {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0px;
    color: #000;
    margin-bottom: 4px;
}

.notifTxt p strong {
    font-weight: 700;
}

.notifTime {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 0.6);
}

.closeNotifBtn {
    position: absolute;
    top: calc(50% - 22px);
    right: 30px;
}

.closeNotifBtn .shareBtn span {
    font-size: 24px;
}

/* Home page css end here */


/* My Order page css start here */
.myOrder {
    margin-bottom: 60px;
}

.moSection {
    width: 100%;
    float: left;
    padding: 0 6%;
}

.mobImg,
.mobImg img {
    width: 100%;
    float: left;
    border-radius: 9px;
}

.mobTxt {
    width: 80%;
    padding: 30px 60px;
    margin-top: -70px;
    margin-left: 10%;
    float: left;
    border-radius: 20px;
    background: #F7F7F7;
    position: relative;
}

.mobTxtInner {
    width: 100%;
    padding-right: 30%;
    float: left;
}

.mobTxtInner a {
    position: absolute;
    right: 60px;
    bottom: 30px;
}

.mobTxtInner h3 {
    font-weight: 700;
    font-size: 36px;
    letter-spacing: 0px;
    color: #000;
    margin-bottom: 10px;
}

.mobTxtInner h6 {
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 1.8px;
    color: #000;
}

.newLead {
    width: 100%;
    padding: 15px 40px;
    float: left;
    border-radius: 9px;
    background: #F7F7F7;
    position: relative;
}

.newLead p {
    width: 60%;
    margin-top: 10px;
    float: left;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 1.4;
    color: #000;
}

.newLead a {
    float: right;
}

.moTable,
.icoTable {
    width: 100%;
    padding: 30px;
    float: left;
    border-radius: 20px;
    background: #F7F7F7;
    position: relative;
}

.moTable table tr td:nth-child(1) {
    width: 16% !important;
}

.moTable table tr td:nth-child(2) {
    width: 18% !important;
}

.moTable table tr td:nth-child(3) {
    width: 14% !important;
}

.moTable table tr td:nth-child(4) {
    width: 17% !important;
}

.moTable table tr td {
    width: 14% !important;
    text-align: center;
}
/* .moTable table tr td:nth-child(2) {
    text-align: center;
} */

.moTable table tr td .blueBtn3 {
    font-size: 12px;
}

.obSection {
    width: 100%;
    float: left;
    padding: 0 6%;
}

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

.obTop h2 {
    margin-bottom: 60px;
    font-weight: 700;
    font-size: 44px;
    letter-spacing: 0px;
    color: #000;
}

.stockOrder,
.customerOrder {
    margin-bottom: 70px;
}

.customerOrder {
    display: none;
}

.obItem {
    width: 100%;
    float: left;
    padding-bottom: 25px;
    margin-bottom: 40px;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.obItem.bordered {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.obItemLabel {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 2.08px;
    color: rgba(25, 25, 25, 0.6);
    text-transform: uppercase;
}

.mr80 {
    margin-right: 80px;
}

.obSection .temp6-item h4 {
    padding-bottom: 10px;
    margin-bottom: 50px;
    font-size: 36px;
    letter-spacing: 0.72px;
    color: #191919;
    border-bottom: 1px solid rgba(0, 0, 0, .5);
}

.obSection .temp6-pdBlock h5 {
    font-size: 20px;
    margin-bottom: 5px;
}

.obSection .temp6-pdBlock p {
    padding-right: 75%;
    margin-bottom: 15px;
    line-height: 1.5;
}

.logisticSupportYes,
.logisticSupportCYes {
    width: 100%;
    margin-top: 20px;
    padding-right: 0;
    float: left;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 0.4);
}

.preferredDate {
    width: 504px;
    margin-bottom: 0;
}

.preferredDate .obItemLabel {
    margin-bottom: 40px;
}

.inputRowRadio {
    margin-top: 20px;
}

.inputRowRadio .radioBtn {
    float: none;
    display: inline-block;
}

.inputRowRadio .radioBtn label {
    width: auto;
    padding-bottom: 0;
    border-bottom: 0;
    display: inline-block;
    letter-spacing: 0.6px;
    color: #000;
}

.inputRowRadio .radioBtn label:before {
    width: 15px;
    height: 15px;
    border: 2px solid #000;
    top: 3px;
}

.inputRowRadio .radioBtn input:checked+label:after {
    top: 6px;
    left: 3px;
    width: 9px;
    height: 9px;
    background: #00D2F2;
}

.inputRowRadio .radioBtn input:checked+label:before {
    border-color: #00D2F2;
}

.obTncTxt {
    margin-left: 5px;
    display: inline-block;
    font-weight: 500;
    font-size: 20px;
    color: #00D2F2;
    letter-spacing: 0.6px;
    line-height: 1.1;
}

.obSection .writeToUsBlock p {
    padding-right: 0;
    margin-bottom: 15px;
    font-size: 16px;
}

.obSection .writeToUsBtn {
    margin-bottom: 15px;
    font-size: 16px;
    letter-spacing: 2.08px;
}

.obSection textarea {
    font-size: 18px;
    letter-spacing: 0;
    border: 1px solid #DEDEDE;
}

.obSectionBtm {
    width: 100%;
    padding: 0 19%;
    float: left;
    text-align: center;
}

.obSectionBtm h6 {
    font-weight: 500;
    letter-spacing: 0.6px;
    color: #191919;
    line-height: 1.4;
    margin-bottom: 40px;
}

.inputRow h6 {
    margin-bottom: 20px;
    letter-spacing: 0.6px;
    color: #191919;
}

.inputRow ul,
.inputRow li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

.inputRow li {
    width: 50%;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.6px;
    color: #191919;
    padding-right: 60px;
    /* padding-left: 30px; */
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}

.inputRow li span {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #DEDEDE;
    position: absolute;
    left: 0;
    top: 2px;
    z-index: 1;
}

.inputRow li span:before {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    border: 1px solid #DEDEDE;
    border-radius: 100%;
    z-index: -1;
}

.inputRow li.done span {
    color: #fff;
}

.inputRow li.done span:before {
    color: #fff;
    border-color: #00D2F2;
    background-color: #00D2F2;
}

.radioBtn.rbBordered label {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.radioBtn.rbBordered input:checked+label {
    border-bottom-color: #000;
}

.radioBtn .custCountry {
    float: right;
}

.deSubLine {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, .4);
    text-transform: initial;
}

.addNewCustBtn {
    position: absolute;
    right: 0;
    top: 0;
}

.addNewCustBtn a {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1.82px;
    color: #00D2F2;
    text-transform: uppercase;
}

.addNewCustBtn span {
    display: inline-block;
    vertical-align: middle;
}

.addNewCustBtn span.material-icons {
    font-size: 18px;
    padding: 0;
    margin-right: 10px;
}

.pp-head .ppTitle {
    margin-right: 15px;
    color: #000;
}

.pp-head .ppTitleSub {
    margin-left: 15px;
    color: rgba(0, 0, 0, .5);
}

.chkbox.chkboxRight label:before {
    margin-right: 10px;
}


.docRow {
    width: 100%;
    float: left;
    padding: 25px 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #DEDEDE;
    border-radius: 9px;
    position: relative;
}

.docIcon {
    width: 32px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.docIcon span {
    font-size: 32px;
    padding: 0;
}

.docDelete {
    width: 24px;
    display: inline-block;
    vertical-align: middle;
}

.docDelete span {
    background: transparent linear-gradient(180deg, #07C6EB 0%, #51A0EA 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.docTxt {
    width: 90%;
    display: inline-block;
    vertical-align: middle;
}

.obSection .temp6-pdBlock .docTxt p {
    padding-right: 0;
    margin-bottom: 0;
    line-height: 1.4;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1.56px;
    color: #191919;
    text-transform: uppercase;
}

.obSection .temp6-pdBlock .docTxt p.docSize {
    color: rgba(25, 25, 25, 0.3);
}

/* My Order page css end here */

/* Order Details page css start here */
.obSection h2 {
    font-size: 44px;
    letter-spacing: 0px;
    color: #000;
}

.obSection h2 span {
    text-transform: uppercase;
    padding-left: 40px;
}

.oPlaceOn {
    margin-top: 20px;
    margin-bottom: 50px;
    font-size: 18px;
    /* font: normal normal 300 18px/43px Montserrat; */
    letter-spacing: 1.8px;
    color: #000;
}

.oChange {
    width: 100%;
    padding: 24px 40px;
    margin-bottom: 40px;
    float: left;
    border-radius: 9px;
    background: #F7F7F7;
    position: relative;
}

.oChange p {
    width: 60%;
    float: left;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 1.4;
    color: #000;
}

.oChange p strong {
    font-weight: 700;
}

.oChange a {
    margin-top: 4px;
    float: right;
}

.oChangeStock,
.oChangeCust,
.oStockOrder,
.oCustomerOrder {
    width: 100%;
    float: left;
}

.oStockOrder,
.oCustomerOrder {
    margin-bottom: 100px;
}

.oChange .oChangeCust,
.oChange .oChangeCust a {
    text-align: center;
}

.oChange .oChangeCust p {
    width: 100%;
}

.oChange .oChangeCust a {
    margin-top: 7px;
    float: initial;
}

.oChangeCust,
.oCustomerOrder {
    /* display: none; */
}

.odArea {
    width: 70%;
    padding-right: 100px;
    float: left;
}

.ddArea {
    width: 30%;
    float: left;
}

.ddArea .temp6-pdBlock h5 {
    padding-right: 10%;
}

.obSection .ddArea .temp6-pdBlock p {
    padding-right: 10%;
}

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

.odRow .temp6-itemBlockVal {
    font-size: 20px;
    letter-spacing: 0.6px;
    color: #191919;
}

.odRow.halfCol .temp6-itemBlock {
    width: 50%;
    float: left;
}

.noBorderInput {
    width: 100%;
    border: 0;
    outline: 0;
    box-shadow: none;
    letter-spacing: 0.72px;
}

.supportRow .contactRight {
    padding: 25px 80px 25px 90px;
    border-radius: 0;
    background-color: transparent;
    border: 0;
}

.supportRow .temp6-itemBlock {
    padding-bottom: 0;
    margin-bottom: 0;
}

.supportRow .temp6-itemBlockVal {
    font-size: 24px;
}

.supportRow .contactAvatar,
.supportRow .contactAvatar img {
    width: 140px;
    height: 140px;
}

.srDesig {
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid rgba(112, 112, 112, 0.5);
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.48px;
    color: rgba(0, 0, 0, 0.6);
}

.obSection .temp6-item h4.noBorder {
    border-bottom: 0;
}

.trackO {
    margin-top: 50px;
    margin-bottom: 100px;
}

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

.trackItem {
    width: 14.2857%;
    /* width: 16.66666667%; */
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    position: relative;
}

.trackTxt {
    width: 100%;
    height: 76px;
    float: left;
    padding: 12px 25px;
    border-radius: 10px;
    border: 1px solid #DEDEDE;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.trackTxt h6 {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.54px;
    color: rgba(25, 25, 25, 0.5);
    line-height: 1.4;
    text-align: center;
    position: relative;
    transform: translateY(-50%);
    top: 50%;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.trackLine {
    width: 100%;
    height: 22px;
    float: left;
    margin-bottom: 30px;
    position: relative;
}

.tlCircle {
    width: 22px;
    height: 22px;
    float: left;
    position: absolute;
    left: calc(50% - 11px);
    background: #F7F7F7;
    box-shadow: 0px 2px 6px rgba(255, 255, 255, 0.1);
    border-radius: 100%;
    border: 4px solid #DEDEDE;
    z-index: 2;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.tlLeft,
.tlRight {
    width: 50%;
    height: 6px;
    position: absolute;
    left: 0;
    top: calc(50% - 3px);
    /* background: #DEDEDE; */
    background: linear-gradient(to right, #00D2F2 50%, #DEDEDE 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    border-radius: 50px;
    z-index: 1;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.tlRight {
    left: 50%;
}

/* .activeStatus .tlLeft,
.activeStatus .tlRight {
    background: #00D2F2;
    box-shadow: 0px 3px 20px rgba(78, 228, 255, 0.9);
}
.activeStatus .tlCircle {
    border: 4px solid #00D2F2;
}
.activeStatus .trackTxt {
    border-color: #2CCDFD;
}
.activeStatus .trackTxt h6 {
    color: #000;
} */

.activeStatus .tlLeft.visible,
.activeStatus .tlRight.visible,
.activeStatus2 .tlLeft.visible,
.activeStatus2 .tlRight.visible {
    /* background: #00D2F2; */
    background-position: left bottom;
    box-shadow: 0px 3px 20px rgba(78, 228, 255, 0.9);
}

.activeStatus2 .trackTxt.visible,
.activeStatus .trackTxt.visible {
    border-color: #2CCDFD;
}

.activeStatus2 .trackTxt h6.visible,
.activeStatus .trackTxt h6.visible {
    color: #000;
}

.activeStatus2 .tlCircle.visible,
.activeStatus .tlCircle.visible {
    border: 4px solid #00D2F2;
}



.bConfig {
    width: 100%;
    padding: 0 8%;
    margin-bottom: 100px;
    float: left;
}

.bConfigInner {
    width: 100%;
    float: left;
    position: relative;
}

.bConfigImg {
    width: 42%;
    position: absolute;
    left: 0;
    top: 20px;
}

.bConfigImg img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    -o-object-fit: cover;
    float: left;
    border-radius: 9px;
}

.bConfigTxt {
    width: 90%;
    height: 300px;
    padding: 45px 10% 45px 40%;
    float: right;
    background: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 9px;
}

.bConfigInner:hover .bConfigTxt {
    box-shadow: 10px 43px 99px rgba(0, 0, 0, 0.16);
}

.bConfigTxt h4 {
    margin-bottom: 20px;
    font-size: 36px;
    letter-spacing: 0.72px;
    color: #000;
}

.bConfigTxt p {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 1.5;
}

.bConfigTxtBtns {
    width: 100%;
    margin-top: 40px;
    float: left;
}

.bConfigTxtBtns h6 {
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1.44px;
    color: #000;
    text-transform: uppercase;
}

.bConfigTxtBtns .previewBtn {
    min-width: 264px;
}

.bConfigTxtBtns .previewBtn svg {
    width: 18px;
}

.bConfigTxtBtns .previewBtn:hover .downloadBtnPath {
    fill: #00D2F2;
}

.eventsHead {
    margin-bottom: 45px;
    font-weight: 400;
    font-size: 48px;
    letter-spacing: 0px;
    color: #000;
}

.radioBtn.docNeedRadio label {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.6px;
    color: #191919;
    padding-bottom: 0;
}

.radioBtn.docNeedRadio label:before {
    width: 22px;
    height: 22px;
    border: 1px solid rgba(0, 0, 0, .2);
}

.radioBtn.docNeedRadio label:after {
    content: '';
    position: absolute;
    left: 8px;
    top: 4px;
    width: 6px;
    height: 11px;
    border: solid rgba(0, 0, 0, .2);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.radioBtn.docNeedRadio input:checked+label:after {
    left: 8px;
    top: 4px;
    width: 6px;
    height: 11px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    background: transparent;
    border-radius: 0;
}

.radioBtn.docNeedRadio input:checked+label:before {
    background-color: #00D2F2;
    border-color: #00D2F2;
}

/* Order Details page css end here */

/* Event page csss start here */
.temp6-cr,
.temp6-crItem,
.temp6-crHaed,
.temp6-crBlock {
    width: 100%;
    float: left;
}

.temp6-crItem {
    margin-bottom: 40px;
    position: relative;
    border-radius: 10px;
    background-color: #F7F7F7;
}

.temp6-crHaed {
    padding: 34px 30px;
}

.temp6-crName,
.temp6-crType {
    width: 50%;
    float: left;
    padding-top: 5px;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0.72px;
    color: #000;
}

.temp6-crType,
.temp6-crBtn {
    width: 25%;
    float: left;
}

.temp6-crType {
    text-align: right;
}

.temp6-crBtn a {
    float: right;
    padding: 13px 60px 13px 20px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.44px;
    color: #00D2F2;
    line-height: 1;
    text-transform: uppercase;
    border: 2px solid #00D2F2;
    border-radius: 27px;
    position: relative;
}

.temp6-crBtn a:hover {
    color: #fff;
    background-color: #00D2F2;
}

.temp6-crBtn a .material-icons {
    position: absolute;
    top: calc(50% - 12px);
    right: 20px;
    -webkit-transition: all .4s cubic-bezier(.25, .74, .22, .99);
    -moz-transition: all .4s cubic-bezier(.25, .74, .22, .99);
    -ms-transition: all .4s cubic-bezier(.25, .74, .22, .99);
    -o-transition: all .4s cubic-bezier(.25, .74, .22, .99);
    transition: all .4s cubic-bezier(.25, .74, .22, .99);
}

.temp6-crBtn a.temp6-crBtnActive .material-icons {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.temp6-crBlock {
    padding: 30px;
    display: none;
}

.temp6-pdBlock2 p {
    margin-bottom: 20px;
    padding-right: 70%;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 0.6);
}

.temp6-pdBlock2 h5 {
    margin-bottom: 20px;
    padding-right: 0;
    /* padding-right: 70%; */
    letter-spacing: 0.72px;
}

.temp6-item h4.temp6-crflightHead {
    margin-bottom: 40px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 24px;
    letter-spacing: 0.72px;
    color: #000;
}

.prevBtnArrow {
    margin-top: 5px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.82px;
    color: #00D2F2;
    text-transform: uppercase;
}

.prevBtnArrow span {
    display: inline-block;
    vertical-align: middle;
}


/* .selectTimeSlotTab, */
.inviteGuestsTab,
.custDrivingExpTab,
.submitIndependantCustBtn {
    display: none;
}

/* Event page csss end here */
.msgSubjectLabel,
.msgSubjectVal,
.msgSubjectDate {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, .6);
}

.msgSubjectVal {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -moz-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    line-height: 1.2;
    -webkit-line-clamp: 2;
    height: calc(16px * 1.2 * 2);
}

.msgSubjectDate span {
    font-size: 14px;
    font-weight: 500;
    padding: 5px 20px;
    display: inline-block;
    background: rgba(255, 255, 255, .1);
    border-radius: 20px;
}

.messageCaht .convTop {
    height: 230px;
}

.messageCaht .navpp-mainInner5 {
    height: calc(100% - 300px);
    top: 230px;
}

.msg-time {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0.7px;
    color: rgba(255, 255, 255, .6);
}

.msg.msg-sent .msg-time {
    text-align: right;
}

.pp-offline {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    background: #fff;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    -moz-backdrop-filter: blur(30px);
    -ms-backdrop-filter: blur(30px);
    -o-backdrop-filter: blur(30px);
    z-index: 2;
}

.offlineIcon {
    font-family: 'Vanitas-Bold';
    font-size: 100px;
    color: #fff;
    line-height: 180px;
    width: 180px;
    height: 180px;
    display: inline-block;
    margin-bottom: 40px;
    border-radius: 100%;
    background: #3c3c3c;
}

.pp-offlineBtns {
    width: 100%;
    padding: 40px 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
}

.pp-offlineBtns a {
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
}

.createMessageForm .convArea {
    padding-top: 40px;
}

.createMessageForm .ppInputField input[type="text"] {
    padding-right: 0;
}

.createMessageForm .msg-toolbar {
    padding: 0;
    background: none;
}

#createMessagePopup2,
#createMessagePopup {
    right: 0;
}

.msgCount {
    min-width: 20px;
    padding: 4px;
    position: absolute;
    right: 20px;
    top: 25px;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    letter-spacing: .36px;
    text-align: center;
    border-radius: 15px;
    background: transparent linear-gradient(133deg, rgba(48, 123, 191, 1) 0%, rgba(0, 210, 242, 1) 100%);
}

.ppInputRow.msgTextarea {
    height: auto !important;
}

.ppInputRow.msgTextarea .ppInputField {
    border-bottom-width: 0px;
}

.noMessages {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.6;
    color: #fff;
}

/* Pagination css start here  */
.pagination {
    list-style: none;
    margin: 0;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination li {
    min-width: 34px;
    height: 34px;
    list-style: none;
    padding: 0;
    margin: 0 5px;
    font-size: 16px;
    color: #000;
    line-height: 1;
    border: 1px solid #00D2F2;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.pagination li:first-child,
.pagination li:last-child {
    font-size: 30px;
    position: relative;
}

.pagination li:first-child .page-link,
.pagination li:last-child .page-link {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
}

.pagination li.active {
    color: #fff;
    background-color: #00D2F2;
}

/* .pagination li.activePagination {
        color: #fff;
        background-color: #00D2F2;
    } */
/* Pagination css end here  */

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

.custAccSearchInner {
    width: auto;
    float: left;
    padding: 2px;
    border: 1px solid rgba(129, 123, 123, 0.2);
    border-radius: 22px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.customerSearch input[type='text'] {
    float: left;
    margin: 0;
    padding: 9px 10px 9px 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0px;
    color: #000;
    border: 0;
    outline: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
}

.customerSearch .blueBtn {
    min-width: auto !important;
    width: auto !important;
}

.custAccSearchReset {
    width: 24px;
    height: 24px;
    float: left;
    padding: 0;
    margin: 0 10px 0 0;
    text-indent: -99999em;
    outline: 0;
    border: 0;
    border-radius: 0;
    background: transparent url(../img/svg/close.svg) no-repeat 0 0;
    background-size: 24px;
}

.flightDD .selectize-control.single .selectize-input.items .item {
    padding-right: 20px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#add_event_invities .chkbox,
#add_event_invities .chkbox label {
    width: 100%;
}

.pp-mainInner.event_add_customer {
    height: calc(100% - 180px);
}

/* Event new page css start here */
.temp5-event {
    padding: 0 6%;
}
.temp5-eventInner {
    width: 100%;
    float: left;
    padding: 50px 80px;
    background-color: #F7F7F7;
}
.temp5-eventInner h1 {
    margin-bottom: 20px;
}
.temp5-eventInner h6 {
    margin-bottom: 40px;
    font-weight: 300;
    font-size: 22px;
    letter-spacing: 0px;
    color: #000;
    text-transform: capitalize;
}
.temp5-eventInner p {
    font-size: 18px;
    line-height: 1.44;
}

.temp6-area.temp6-areaEvent {
    padding: 60px calc(6% + 80px);
}
.temp6-area.temp6-areaEvent .temp6-item p {
    font-size: 18px;
}
.temp6-itemRow {
    margin-bottom: 40px;
}
.temp6-itemRow:last-child {
    margin-bottom: 0;
}
.temp6-itemRowLabel {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.temp6-itemRowLabel p {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.54px;
    line-height: 1.22;
    color: #000;  
}
.temp6-itemRowLabel .material-icons-outlined {
    margin-right: 10px;
    background: transparent linear-gradient(
        112deg, rgba(134, 134, 134, 1) 0%, rgba(72, 72, 72, 1) 100%) 0% 0%;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
}
.temp6-item p.temp6-itemRowVal {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 1.2;
    color: rgba(0, 0, 0, .6);
}

/* temp12 css */
.temp12 {
    margin-bottom: 100px;
}
.headingTxt h4 {
    margin-bottom: 20px;
    padding-left: 80px;
    font-size: 40px;
    letter-spacing: 0.64px;
}
.icoTable table tr td:nth-child(1) {
    width: 20% !important;
}

.icoTable table tr td:nth-child(2) {
    width: 30% !important;
}

.icoTable table tr td:nth-child(3) {
    width: 15% !important;
}

.icoTable table tr td:nth-child(4) {
    width: 15% !important;
}

.icoTable table tr td:nth-child(5) {
    width: 10% !important;
}
.icoTable table tr td:nth-child(6),
.icoTable table tr th:nth-child(6) {
    width: 10% !important;
    text-align: center;
}
.centerBtnWrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.addGuestBtn,
.viewGuestsBtn {
    width: 48px;
    height: 48px;
    float: right;
    color: #07C6EB;
    background-color: #fff;
    border: 1px solid #00D2F2;
    border-radius: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.addGuestBtn .material-icons,
.viewGuestsBtn .material-icons {
    font-size: 20px;
}
.addGuestBtn:hover,
.viewGuestsBtn:hover {
    border-color: rgba(0, 210, 242, .1);
    background: rgba(0, 210, 242, .1);
}
.icoTable .dataTables_wrapper .dataTables_filter {
    margin-bottom: 30px;
    float: left;
    text-align: left;
}
.inviteCostBtnArea {
    position: absolute;
    right: 30px;
    top: 30px;
}
.inviteCostBtnArea .blueBtn {
    padding: 10px 20px;
    padding-right: 25px;
    letter-spacing: 1.68px;
    min-width: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.inviteCostBtnArea .blueBtn .material-icons {
    margin-right: 10px;
    font-size: 20px;
}
.invitePending {
    color: rgba(0, 0, 0, .5);
}
.inviteAccepted {
    color: #0EC623;
}
.inviteCustomerYesPopup {
    display: none;
}
.subTr {
    background-color: #f1f1f1 !important;
}
.drivingExperience h6 {
    margin-bottom: 0;
}
.drivingExperience .error_message {
    /* margin-bottom: 20px; */
    float: left;
    position: relative;
    
}

/* Event new page css end here */




/* Media Queries start here */
@media only screen and (max-width: 1700px) {
    .temp5-txtLeft {
        padding-left: 8%;
    }

    .temp5-txtRight {
        padding-right: 8%;
    }

    .temp6-area {
        padding: 60px 8%;
    }

    .temp5-img,
    .temp5-img img,
    .temp5-mediaArea .temp5-imgAreaPoster,
    .temp5-videoArea video {
        height: 81vh;
    }

    .temp5-videoClose img {
        width: 38px;
        height: 38px;
    }

    .temp5-txtRightBtns a {
        /* margin-right: 15px; */
    }

    .assetItem {
        width: 50%;
    }

    .slider .assetItem {
        width: 100%;
    }

    .notifTxt {
        width: calc(100% - 180px);
    }

    .psbSliderItem:first-child,
    .uceSliderItem:first-child {
        padding-left: 85px;
    }

    .moSection {
        padding: 0;
    }

    .hsSliderImg img {
        height: 500px;
    }

    .hSocialSlider .slick-dots {
        top: 517px;
    }
    .temp5-eventInner p,
    .temp6-area.temp6-areaEvent .temp6-item p {
        font-size: 16px;
        line-height: 1.8;
    }
    .temp5-eventInner h6 {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .temp6-item h4,
    .headingTxt h4 {
        font-size: 32px;
    }
    .headingTxt h4 {
        margin-bottom: 10px;
    }
    .temp12 .moSection {
        padding: 0 6%;
    }
    .addGuestBtn,
    .viewGuestsBtn {
        width: 42px;
        height: 42px;
    }
    .pp-content.pp-consent {
        height: calc(100% - 260px);
    }


}


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

    h1,
    .h1 {
        font-size: 48px;
    }

    h2,
    .h2 {
        font-size: 42px;
        letter-spacing: 3px;
    }

    h3,
    .h3 {
        font-size: 48px;
        letter-spacing: 3.16px;
    }

    h4,
    .h4 {
        font-size: 28px;
    }

    h5,
    .h5 {
        font-size: 20px;
    }

    .blueGradientBtn,
    .borderedBtn {
        width: 250px;
        padding: 15px 20px;
        padding-right: 45px;
        font-size: 12px;
    }

    .borderedBtn {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .blueGradientBtn:after {
        top: 6px;
    }

    .borderedBtn:after {
        right: 6px;
        top: 4px;
    }

    .arrowBtn {
        padding-right: 40px;
        font-size: 14px;
        letter-spacing: 2px;
    }

    a.arrowBtn:before {
        width: 20px;
    }

    @media (hover) {
        a.arrowBtn:hover:before {
            width: 30px;
        }
    }

    /* temp1, temp2, temp3, temp4 */
    .temp1-txtLeft,
    .temp2-txtLeft,
    .temp2-txtLeft2,
    .temp3-txtLeft {
        padding-left: 8%;
    }

    .temp2-txtRight,
    .temp3-txtRight {
        padding-right: 8%;
    }

    .temp1-txtLeft h5 {
        font-size: 16px;
    }

    .temp1-txtRight p,
    .temp4-txtLeft p {
        font-size: 16px;
    }

    .temp2 {
        padding-top: 100px;
    }

    .temp2-txtRight p,
    .temp3-txtRight p {
        padding-top: 10px;
        font-size: 16px;
    }

    .temp3-eventDate {
        font-size: 16px;
    }

    .temp3-eventSub {
        margin-bottom: 35px;
        font-size: 16px;
    }

    .temp3-videoPlay,
    .temp3-videoPlay a {
        width: 80px;
        height: 80px;
    }

    .expSlider-txt p {
        padding: 20px 10px 0;
        font-size: 16px;
        letter-spacing: 1px;
    }

    .expSlider-play {
        left: calc(50% - 35px);
        bottom: calc(50% - 35px);
    }

    .expSlider-play svg {
        width: 70px;
        height: 70px;
    }

    .temp3-sliderItemImg,
    .temp3-sliderItemImg img,
    .temp3-videoArea video {
        height: 550px;
    }

    .temp4-txtLeft {
        left: 8%;
    }

    .temp4-txtLeft p {
        padding-right: 25%;
    }

    .footerTop {
        padding-left: 16%;
        padding-right: 16%;
    }

    .footerTop h6 {
        font-size: 22px;
    }

    /* event css */
    .temp5-txtRightInner {
        padding: 30px 40px;
    }

    .temp5-txtRight p {
        font-size: 16px;
        letter-spacing: 1px;
        margin-bottom: 40px;
    }

    .temp5-txtLeftInner {
        padding: 40px 40px 30px;
    }

    .temp5-txtLeftItemTxt p {
        font-size: 16px;
    }

    .temp5-txtLeftItemTxt p.temp5-txtLeftItemTxtVal {
        font-size: 14px;
    }

    .temp6-itemBlockVal {
        font-size: 20px;
    }

    .temp6-itemBlockLabel {
        margin-bottom: 15px;
        font-size: 14px;
        letter-spacing: 1px;
    }

    .temp6-itemBlockBtn {
        bottom: 20px;
    }

    .temp6-flight h5 {
        margin-bottom: 30px;
        font-size: 14px;
    }

    .temp6-itemBlockBtn.flightEdit {
        top: 58px;
    }

    .temp6-flightNote p {
        font-size: 14px;
    }

    .temp5-videoPlay,
    .temp5-videoPlay a {
        width: 80px;
        height: 80px;
    }

    .temp6-item h4 {
        font-size: 34px;
    }

    /* Microsite css start here */
    .backToCportal {
        padding-left: 60px;
    }

    .temp7-videoPlay,
    .temp7-videoPlay a {
        width: 80px;
        height: 80px;
    }

    .temp8 h2,
    .temp8 h5,
    .temp9-1,
    .temp9-2,
    .temp9-media,
    .temp10 h2,
    .temp10 h5,
    .temp11-1 {
        margin-bottom: 30px;
    }

    .temp9-mediaImg img {
        height: 500px;
    }

    /* Microsite css end here */

    /* TnC page css start here */
    .tncArea {
        max-width: 100%;
        float: left;
        padding: 0 8%;
    }

    .tncArea h6,
    .tncArea p {
        font-size: 16px;
    }

    /* TnC page css end here */


    /* No RSVP page css start here */
    .no-rsvpInner {
        padding: 40px;
    }

    .no-rsvpIcon {
        width: 150px;
        height: 150px;
        font-size: 80px;
        line-height: 150px;
    }

    .no-rsvpArea h4 {
        margin-bottom: 25px;
    }

    /* No RSVP page css end here */


}


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


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

    h1,
    .h1 {
        font-size: 42px;
    }

    h2,
    .h2 {
        font-size: 38px;
        letter-spacing: 2px;
    }

    h3,
    .h3 {
        font-size: 40px;
    }

    h4,
    .h4 {
        font-size: 24px;
    }

    h5,
    .h5 {
        font-size: 18px;
    }

    .preloaderMidImg img {
        width: 350px;
    }

    .preloaderTop {
        width: 150px;
        top: 100px;
    }

    .preloaderTop img {
        width: 150px;
    }

    .preloaderBtm {
        bottom: 100px;
    }

    .logoArea a,
    .logoArea img {
        margin-top: 17px;
        margin-bottom: 16px;
        margin-right: 40px;
    }

    .logo-apf {
        height: 37px;
    }

    .logoArea img.logo-essenza {
        height: 37px;
    }

    .navTabs {
        margin-top: 23px;
    }

    .navTabs a {
        font-size: 18px;
        margin: 0 20px;
        padding-bottom: 23px;
    }

    .navTabs a.activeNav:before {
        bottom: 20px;
        height: 20px;
        filter: blur(40px);
    }

    .navRight {
        margin-top: 22px;
    }

    .temp1-txtLeft h5 {
        font-size: 14px;
        letter-spacing: 2px;
    }

    .temp1-txtLefLogo span {
        font-size: 20px;
    }

    .temp1-txtLefLogo img {
        height: 70px;
    }

    .temp2-txt,
    .temp3-txt,
    .temp4-txtLeft p {
        margin-bottom: 40px;
    }

    .expSlider-item {
        height: 427px;
    }

    .expSlider-itemImg img {
        height: 425px;
    }

    .slick-center:hover .expSlider-itemImg img {
        height: 357px;
    }

    .expPrev {
        left: 4%;
    }

    .expNext {
        right: 4%;
    }

    /*     .fancybox-slide--video .fancybox-content {
        width: 1000px !important;
        height: 563px !important;
    } */

    .temp1-txtRight p,
    .temp2-txtRight p,
    .temp3-txtRight p,
    .expSlider-txt p,
    .temp3-eventSub,
    .temp4-txtLeft p {
        font-size: 14px;
    }

    .temp3-eventDate {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .temp3-sliderItemImg,
    .temp3-sliderItemImg img,
    .temp3-videoArea video {
        height: 500px;
    }

    .temp4-txtLeft h2 {
        margin-bottom: 30px;
    }

    .footerTop h6 {
        font-size: 20px;
    }

    /* event csss */
    .temp6-area {
        padding: 20px 8% 50px;
    }

    .temp5-txtRight p {
        font-size: 14px;
    }

    .temp5-txtLeftColItem .material-icons-outlined {
        width: 40px;
    }

    .temp5-txtLeftItemTxt {
        width: calc(100% - 45px);
    }

    .temp5-txtLeftItemTxt p {
        font-size: 14px;
    }

    .temp5-txtLeftItemTxt p.temp5-txtLeftItemTxtVal {
        font-size: 12px;
    }

    .temp5-videoClose {
        top: 80px;
    }

    .blueBtn {
        min-width: 240px;
        padding: 14px 10px;
        font-size: 10px;
    }

    .borderedBtn2 {
        min-width: 240px;
        padding: 14px 10px;
        font-size: 10px;
    }

    .blueGradient {
        min-width: 240px;
        padding: 14px 10px;
        font-size: 12px;
    }

    .blueTxtBtn {
        font-size: 14px;
    }

    .temp6-item p {
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 1.6;
    }

    .temp6-item {
        margin-bottom: 50px;
    }

    .temp6-pdBlock h5 {
        margin-bottom: 18px;
    }

    .temp6-item p {
        font-size: 14px;
        line-height: 1.6;
        margin-top: 15px;
    }

    .temp6-item p.temp6-pdBlockBtm {
        font-size: 12px;
    }

    .temp6-itemBlockLabel {
        font-size: 12px;
    }

    .temp6-itemBlockVal {
        font-size: 18px;
    }

    .temp6-item p {
        margin-top: 10px;
    }

    .temp6-flight h5 {
        margin-bottom: 20px;
        font-size: 12px;
    }

    .temp6-itemBlockBtn.flightEdit {
        top: 50px;
    }

    .temp6-flightNote p {
        font-size: 12px;
        margin-top: 0;
    }

    .temp6-flightTrans img {
        margin-right: 15px;
    }

    .temp6-flightTrans span {
        width: calc(100% - 45px);
        font-size: 12px;
        letter-spacing: 1px;
    }

    .temp6-item h4 {
        font-size: 28px;
    }

    /* TnC page css start here */
    .tncArea h6,
    .tncArea p {
        font-size: 14px;
    }

    .navTabTxt {
        font-size: 18px;
        padding-bottom: 23px;
    }

    .tncArea {
        margin-top: 120px;
    }

    /* TnC page css end here */
    .navpp-content {
        max-width: 700px;
    }

    .navpp-head {
        padding: 28px 60px;
    }

    .navpp-mainScroll {
        padding: 0 20px;
    }

    .navpp-main {
        height: calc(100% - 140px);
        top: 110px;
    }

    .navpp-mainScroll {
        padding: 0 20px;
    }

    .navpp-mainInner2 {
        height: calc(100% - 160px);
        top: 95px;
    }

    .profileTop h5 {
        font-size: 18px;
    }

    .profileTop p {
        font-size: 14px;
        padding-bottom: 10px;
    }

    .profileTop:before {
        width: 50%;
        left: 25%;
        border-radius: 4px;
    }

    .profileTop:after {
        width: 50%;
        height: 2px;
        left: 25%;
        border-radius: 4px;
    }

    .pdRow .ppInputRow2,
    .navpp-subNav {
        margin-bottom: 30px;
    }

    .navpp-blockLabel {
        margin-bottom: 15px;
        font-size: 10px;
    }

    .navpp-block h5,
    .ap-bg {
        font-size: 16px;
    }

    .navpp-block p {
        font-size: 12px;
    }

    .navpp-blockBtn {
        right: 5px;
    }

    .pp-close,
    .pp-content.popup-lg .pp-close {
        right: 55px;
    }

    .blueGradient.pp-close,
    .pp-content.popup-lg .blueGradient.pp-close {
        right: 0;
    }

    .ppInputRow2 label,
    .ppInputRow label {
        font-size: 10px;
        padding-bottom: 15px;
    }

    .ppInputField input[type="text"],
    .ppInputRow2 .ppInputField2 input[type="text"],
    .ppInputRow2 .ppInputField2 input[type="tel"],
    .ppInputRow2 .ppInputField2 input[type="password"],
    .ppInputRow2 .ppInputField2 input[type="email"],
    .nice-select,
    .nice-select .option,
    .selectize-dropdown,
    .selectize-input,
    .selectize-input input {
        font-size: 16px;
    }

    .selectize-dropdown [data-selectable].option {
        padding-left: 30px;
    }

    .nice-select .option {
        margin-bottom: 20px;
    }

    .nice-select,
    .selectize-input {
        height: 35px;
    }

    .nice-listWrap {
        margin-top: 40px;
    }

    .ppInputField input[type="text"],
    .ppInputRow2 .ppInputField2 input[type="text"],
    .ppInputRow2 .ppInputField2 input[type="tel"],
    .ppInputRow2 .ppInputField2 input[type="password"],
    .ppInputRow2 .ppInputField2 input[type="email"] {
        padding-bottom: 15px;
    }

    .pdRow h5 {
        font-size: 10px;
    }

    .navpp-head .supportTitle {
        margin-right: 10px;
    }

    .navpp-head .supportTitleSub {
        margin-left: 10px;
    }

    .navpp-subNav li a {
        font-size: 18px;
    }

    .navpp-subNav li a.activeSubNav:after {
        height: 3px;
    }

    .navpp-mainInner {
        height: calc(100% - 72px);
        top: 72px;
    }

    .contactAvatar,
    .contactAvatar img {
        width: 120px;
        height: 120px;
    }

    .contactRight h5,
    .convTopItemRight h5,
    .msg .msg-text h6,
    .readOnlyText,
    .copyText,
    .whereToUse a {
        font-size: 16px;
    }

    .copyBtn a {
        padding: 10px 20px;
        font-size: 12px;
    }

    .contactRight p.designation {
        margin-bottom: 25px;
        font-size: 14px;
    }

    .contactRight p {
        margin-bottom: 10px;
    }

    .contactRight p a,
    .convTopItemRight p.designation,
    .msg .msg-text p {
        font-size: 14px;
    }

    .contactRight {
        padding: 25px 80px 15px;
    }

    .contactBtn {
        right: 25px;
        top: 25px;
    }

    .convTop {
        padding: 0 20px 25px;
        height: 120px;
    }

    .msg-toolbar {
        padding: 10px 15px 10px 20px;
        width: calc(100% - 120px);
        left: 60px;
    }

    .navpp-mainInner5 {
        height: calc(100% - 180px);
        top: 120px;
    }

    .msg {
        margin: 10px 0;
    }

    .pp-content {
        max-width: 700px;
    }

    .pp-head,
    .pp-content.popup-lg .pp-head {
        padding: 28px 60px;
        height: 84px;
    }

    .pp-head h5 {
        font-size: 24px;
    }

    .pp-main {
        padding: 0 5%;
        height: calc(100% - 134px);
        top: 114px;
    }

    .pp-content.popup-lg .pp-main,
    .pp-content.popup-lg .pp-mainScroll {
        padding: 0 60px;
    }

    .drivingExperience h6 {
        font-size: 12px;
        margin-bottom: 40px;
    }
    .drivingExperience .customer_list_pop h6 {
        margin-bottom: 0;
    }

    .ui-widget {
        margin-top: 5px;
    }

    .ui-datepicker {
        width: 438px;
    }

    .ui-datepicker .ui-datepicker-header {
        font-size: 18px;
        height: 50px;
    }

    .ui-datepicker th {
        font-size: 12px;
        line-height: 30px;
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .ui-datepicker .ui-datepicker-title {
        line-height: 50px;
    }

    .pp-vCenter h4 {
        font-size: 20px;
        letter-spacing: 3px;
    }

    .pp-vCenter p {
        margin-bottom: 40px;
        font-size: 14px;
    }

    .pp-content.popup-lg {
        max-width: 1000px;
    }

    /*   .pp-content.popup-lg .pp-main {
        padding: 40px 60px 20px;
    }

    .ppInputField2.ppInputField2w30 .nice-listWrap {
        width: 250px;
    } */

    .addInviteeBtn {
        font-size: 12px;
    }

    .radioBtn label {
        font-size: 16px;
        letter-spacing: 1px;
    }

    .writeToUsBtn {
        font-size: 12px;
    }

    .drivingExperience .radioBtn label {
        line-height: 1.5;
    }

    .ap-layout-fixed,
    .ap-layout-popover {
        top: 39px;
    }

    .pp-vCenter h4 {
        font-size: 28px;
    }

    .temp3-event {
        padding: 80px 40px;
    }

    .hsSliderTxt p {
        /* padding-right: 25%; */
    }

    .notifCard {
        padding: 20px 25px;
    }

    .notifTxt p {
        font-size: 12px;
    }

    .notifTime {
        font-size: 10px;
    }

    .notifIcon {
        width: 60px;
        height: 60px;
        border: 4px solid rgba(67, 146, 217, 0.2);
        border-radius: 15px;
    }

    .notifIcon span {
        font-size: 16px;
    }

    .notifCardLeft h4 img {
        height: 50px;
    }

    .wbHeading {
        margin-top: 15px;
    }

    .wbHeading h6 {
        font-size: 14px;
    }

    .shareBtn,
    .downloadBtn {
        width: 40px;
        height: 40px;
    }

    .sharePopover {
        height: 40px;
    }

    .previewBtn {
        min-width: 190px;
        padding: 6px 14px 6px 18px;
    }

    .uceSliderItem-inner,
    .psbSliderItem-inner {
        width: 400px;
    }

    .hsSliderImg img {
        height: 465px;
    }

    .hSocialSlider .slick-dots {
        top: 482px;
    }

    .homeSocial {
        width: 63%;
    }

    .homeUpdates {
        width: 37%;
        padding-left: 7%;
    }

    .huIcon {
        width: 50px;
        height: 50px;
        border-radius: 15px;
    }

    .hUpdatesList ul li {
        margin-bottom: 25px;
    }

    .hUpdatesList li p {
        line-height: 1.4;
        margin-top: 5px;
        margin-bottom: 3px;
    }

    .huTime {
        font-size: 10px;
    }

    .psbSliderItem-inner p {
        margin-bottom: 30px;
        font-size: 16px;
        height: calc(16px * 1.5 * 2);
    }

    .psbSliderItem:first-child,
    .uceSliderItem:first-child {
        padding-left: 73px;
    }

    .eventsHead {
        font-size: 42px;
    }

    .mobTxtInner h6 {
        font-size: 14px;
    }

    table.dataTable tbody th,
    table.dataTable tbody td {
        padding: 5px 15px;
        font-size: 14px;
    }

    .newLead p {
        font-size: 16px;
    }

    .mobTxt {
        padding: 20px 50px;
        margin-top: -60px;
    }

    .myOrder {
        margin-bottom: 50px;
    }

    .mobTxtInner a {
        right: 50px;
    }

    .blueBtn2 {
        padding: 11px 25px;
        font-size: 12px;
    }

    .blueBtn3 {
        padding: 11px 15px;
        font-size: 12px;
    }

    .obSection {
        padding: 0;
    }

    .obSection h2 {
        font-size: 38px;
    }

    .obItemLabel {
        font-size: 14px;
    }

    .obItemField .radioBtn label {
        line-height: 1.4;
    }

    .obSection .temp6-item h4,
    .bConfigTxt h4 {
        font-size: 32px;
    }

    .logisticSupportYes,
    .logisticSupportCYes {
        margin-top: 10px;
        font-size: 14px;
    }

    .inputRowRadio .radioBtn label,
    .obTncTxt {
        line-height: 1.4;
    }

    .obTncTxt,
    .obSection textarea,
    .radioBtn.docNeedRadio label {
        font-size: 16px;
    }

    .obSection .writeToUsBtn {
        font-size: 14px;
        letter-spacing: 1.82px;
    }

    .obSectionBtm h6,
    .obSection .temp6-pdBlock h5 {
        font-size: 18px;
    }

    .radioBtn.docNeedRadio label {
        line-height: 1.5;
    }

    .obSection .writeToUsBlock p,
    .deSubLine {
        font-size: 14px;
    }

    .inputRow h6,
    .oPlaceOn {
        font-size: 16px;
    }

    .odRow .temp6-itemBlockVal {
        font-size: 16px;
    }

    .supportRow .temp6-itemBlockVal {
        font-size: 20px;
    }

    .temp6-crHaed,
    .temp6-crBlock {
        padding: 25px;
    }

    .temp6-crItem {
        margin-bottom: 25px;
    }

    .temp6-crName,
    .temp6-crType,
    .temp6-item h4.temp6-crflightHead {
        font-size: 20px;
    }

    .temp6-crName,
    .temp6-crType {
        padding-top: 8px;
    }

    .temp6-crBtn a {
        padding: 13px 50px 13px 20px;
        font-size: 10px;
    }

    .temp6-crBtn a .material-icons {
        font-size: 20px;
        top: calc(50% - 10px);
        right: 18px;
    }

    .trackTxt h6 {
        font-size: 14px;
    }

    .pp-footer.sca-footer {
        padding: 15px 60px 0;
    }

    .pp-footer.sca-footer .pp-footerRow {
        margin-bottom: 5px;
    }

    .headingTxt h2 {
        font-size: 22px;
    }

    .temp5-eventInner p, 
    .temp6-area.temp6-areaEvent .temp6-item p {
        font-size: 14px;
        line-height: 1.6;
        letter-spacing: 1px;
        margin-top: 0;
    }
    .temp6-item h4, .headingTxt h4 {
        font-size: 28px;
    }
    .temp5-eventInner h6 {
        font-size: 16px;
        letter-spacing: 1px;
    }
    .temp5-eventInner {
        padding: 30px 40px 40px;
    }
    .temp6-area.temp6-areaEvent {
        padding: 60px calc(6% + 40px);
    }
    .headingTxt h4 {
        padding-left: 40px;
    }
    .inviteCostBtnArea .blueBtn .material-icons {
        font-size: 14px;
    }
    .inviteCostBtnArea .blueBtn {
        padding: 12px 20px;
    }

}


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

    .pp-content {
        height: calc(100vh - 100px);
    }

    .pp-head,
    .pp-content.popup-lg .pp-head {
        padding: 23px 60px;
        height: 74px;
    }

    .pp-main {
        height: calc(100% - 134px);
        top: 104px;
    }

    /* .pp-mainInner {
        max-height: calc(100vh - 238px);
    }

    .pp-mainInner2 {
        height: calc(100vh - 370px);
    }

    .pp-mainInner3 {
        height: calc(100vh - 320px);
    } */

    .pp-footer {
        bottom: 30px;
    }

    .navpp-main {
        height: calc(100% - 125px);
        top: 95px;
    }

    .temp1-txt {
        top: 170px;
    }

    .ppInputField input[type="text"] {
        padding-right: 50px;
        padding-bottom: 15px;
        font-size: 18px;
    }

    .customSelect {
        font-size: 18px;
    }

    .customSelect .selectedValue {
        padding: 0 50px 15px 0;
    }

    .addInviteeBtn {
        font-size: 12px;
        letter-spacing: 1.56px;
    }

    .addInviteeBtn:before {
        margin-right: 10px;
        width: 30px;
        height: 30px;
        font-size: 18px;
        line-height: 29px;
    }

    .congratsImg img {
        max-width: 80px;
    }

    .congratsImg,
    .pp-consent .congratsImg {
        margin-bottom: 40px;
    }

    .blueTxtBtn {
        font-size: 14px;
    }

    .ui-datepicker .ui-datepicker-header,
    .ui-datepicker .ui-datepicker-title {
        height: 50px;
        line-height: 50px;
        font-size: 18px
    }

    .ui-datepicker th {
        padding: 15px 0 5px;
        font-size: 12px;
        line-height: 30px;
    }

    .ui-datepicker-calendar .ui-state-default,
    .ui-datepicker-calendar .ui-widget-content .ui-state-default {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .ui-menu .ui-menu-item-wrapper {
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .ui-selectmenu-menu .ui-state-active,
    .ui-selectmenu-menu .ui-widget-content .ui-state-active {
        margin-bottom: 20px;
    }

    .drivingExperience {
        margin-top: 0;
    }

    .sca-mainInner .drivingExperience {
        margin-top: 20px;
    }

    .editPersonalDetails .ppInputRow2 .ppInputField2 input[type="text"] {
        padding-right: 0;
    }

    .pp-content.popup-lg .pp-head {
        padding: 23px 60px;
    }

    .pp-content.popup-lg .pp-main {
        padding: 0 60px;
    }

    .pdHalfRow:first-child {
        padding-right: 35px;
    }

    .pdHalfRow:nth-child(2) {
        padding-left: 35px;
    }

    .writeToUsBlock {
        margin-top: 40px;
    }

    .ap-layout-relative .ap-cont {
        max-width: 430px;
    }

    /* Nav popup css start */
    .navpp-content {
        max-width: 700px;
    }

    .navpp-head {
        padding: 24px 60px;
    }

    .profileTop h5 {
        margin-bottom: 5px;
    }

    .profileTop {
        margin-bottom: 25px;
    }

    .navpp-mainInner2 {
        height: calc(100% - 155px);
        top: 90px;
    }

    .navpp-block {
        margin-bottom: 30px;
    }

    .navpp-subNav li a {
        font-size: 16px;
        padding: 0 0 18px;
    }

    .relatedTo {
        margin-right: 20px;
    }

    .contactItem {
        margin-bottom: 30px;
    }

    .contactBtn {
        right: 20px;
        top: 20px;
    }

    .contactBtn a {
        width: 36px;
        height: 36px;
    }

    .contactBtn a img {
        width: 20px;
    }

    .contactRight {
        padding: 20px 80px;
    }

    .contactRight p a,
    .convTopItemRight p.designation,
    .msg .msg-text p,
    .msg-toolbar input[type="text"] {
        font-size: 14px;
    }

    .contactRight p {
        margin-bottom: 5px;
    }

    .convTopItemAvatar,
    .convTopItemAvatar img {
        width: 80px;
        height: 80px;
    }

    .convTopItemAvatar {
        margin-right: 30px;
    }

    .convTopItemRight h5 {
        margin-bottom: 5px;
    }

    .convTopItemRight {
        width: calc(100% - 110px);
        padding: 17px 0;
    }

    .convTop {
        height: 100px;
    }

    .msg .msg-text {
        padding: 15px 20px;
    }

    .navpp-mainInner5 {
        height: calc(100% - 160px);
        top: 100px;
    }

    .msg .msg-text h6 {
        font-size: 14px;
    }

    .contactList .convTopItemRight {
        padding: 12px 0 22px;
    }

    .relatedToList .relatedToListItems a {
        font-size: 12px;
    }

    /* Nav popup css end */

    /* Microsite css start here */
    .temp7-wrap {
        top: 150px;
    }

    .temp7-2,
    .temp8 h2,
    .temp9-1,
    .temp10 h2,
    .temp11-1 {
        font-size: 38px;
        letter-spacing: 7.4px;
    }

    .temp8 h2,
    .temp8 h5,
    .temp9-1,
    .temp9-2,
    .temp9-media,
    .temp10 h2,
    .temp10 h5,
    .temp11-1 {
        margin-bottom: 20px;
    }

    .scrollbar {
        max-width: 800px;
        margin: 30px auto;
    }

    .scrollbar .handle {
        width: 100px;
    }

    .frame,
    .temp10-sliderArea .frame {
        height: 500px;
    }

    .frame .slidee li {
        width: 350px;
    }

    .temp8-item,
    .temp10-item {
        padding: 10px;
    }

    .temp8-item p {
        font-size: 16px;
        padding: 0 20px 20px;
    }

    .temp8-item a {
        width: 70px;
        height: 70px;
    }

    .temp10-item .temp10-txt p {
        font-size: 16px;
    }

    /* Microsite css end here */

    /* No RSVP page css start here */
    .no-rsvpTxt {
        max-width: 450px;
    }

    /* No RSVP page css end here */

    .navpp-head h5 {
        font-size: 18px;
    }

    .temp3-event h3 {
        font-size: 34px;
    }

    .pp-head h5 {
        font-size: 24px;
    }

    .temp5-img,
    .temp5-img img,
    .temp5-mediaArea .temp5-imgAreaPoster,
    .temp5-videoArea video {
        height: 84vh;
    }

    .temp5-videoClose img {
        width: 38px;
        height: 38px;
    }

    .temp5-txtRight {
        padding-right: 5%;
    }

    .temp5-txtLeft {
        padding-left: 5%;
    }

    .temp6-area {
        padding: 20px 5% 50px;
    }

    .previewBtn {
        min-width: 190px;
    }

    .assetItemTxt h6 {
        font-size: 16px;
    }

    .footer {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    main {
        min-height: calc(100vh - 67px);
    }

    table.dataTable thead th,
    table.dataTable thead td {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .obSection h2 {
        font-size: 32px;
        margin-bottom: 40px;
    }

    .obItemLabel {
        font-size: 12px;
        letter-spacing: 1.82px;
    }

    .obSection .temp6-item h4 {
        font-size: 28px;
        margin-bottom: 40px;
    }

    .bConfigTxt h4 {
        font-size: 28px;
    }

    .oChange p,
    .bConfigTxt p {
        font-size: 16px;
    }

    .srDesig {
        font-size: 16px;
    }

    .temp6-crName,
    .temp6-crType,
    .temp6-item h4.temp6-crflightHead {
        font-size: 18px;
    }

    table.dataTable tbody th,
    table.dataTable tbody td {
        padding: 5px 10px;
        font-size: 12px;
    }

    table.dataTable thead th,
    table.dataTable thead td {
        padding: 25px 10px;
    }

    .moTable table tr td .blueBtn3 {
        font-size: 10px;
    }

    .hsSliderImg img {
        height: 445px;
    }

    .hSocialSlider .slick-dots {
        top: 462px;
    }

    .addGuestBtn, 
    .viewGuestsBtn {
        width: 36px;
        height: 36px;
    }

    .addGuestBtn .material-icons, 
    .viewGuestsBtn .material-icons {
        font-size: 16px;
    }

}


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

    h5,
    .h5 {
        font-size: 16px;
    }

    .temp1-txtRight {
        padding-right: 0;
    }

    .blueBtn,
    .borderedBtn2 {
        min-width: 230px;
    }

    .temp5-txtRightBtns a {
        /*  margin-right: 10px; */
    }

    .temp6-itemBlockVal {
        font-size: 16px;
    }

    .temp5-img,
    .temp5-img img,
    .temp5-mediaArea .temp5-imgAreaPoster,
    .temp5-videoArea video {
        height: 80vh;
    }

    .temp5-videoClose img {
        width: 38px;
        height: 38px;
    }

    .previewBtn {
        font-size: 10px;
        min-width: 160px;
        padding: 6px 8px 6px 18px;
    }

    .assetItemBtns a {
        margin-right: 10px;
    }

    .downloadBtn,
    .downloadBtn2,
    .shareBtn {
        width: 40px;
        height: 40px;
    }

    .assetItemBtns {
        margin-top: 20px;
    }

    .assetItemImg {
        height: 180px;
    }

    .assetCat {
        top: 15px;
    }

    .assetCat span {
        padding: 5px;
        font-size: 10px;
    }

    .psbSliderItem,
    .uceSliderItem {
        margin: 20px 20px 80px;
    }

    .psbSliderItem:first-child,
    .uceSliderItem:first-child {
        padding-left: 67px;
    }

    .trackTxt {
        padding: 12px 20px;
    }

    .hsSliderImg img {
        height: 415px;
    }

    .hSocialSlider .slick-dots {
        top: 432px;
    }
    .pp-content.pp-consent {
        height: calc(100% - 200px);
    }



}


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

    .navList,
    .navTabs a {
        display: none;
    }

    .navTabs a.activeNav {
        display: inline-block;
    }

    .navTabs a {
        margin: 0;
        padding-bottom: 23px;
    }

    .navListMobile ul li.custPortalLinkM {
        border-top: 1px solid rgba(0, 0, 0, .5);
        padding-top: 25px;

    }

    .navListMobile ul li.custPortalLinkM a {
        font-size: 12px;
        color: #07C6EB;
        letter-spacing: 1.44px;
        text-transform: uppercase;

    }

    .logoArea img {
        height: 22px;
    }

    .navTabs {
        padding: 0;
        margin-top: 23px;
        text-align: center;
    }

    .navTabs a.activeNav:after {
        content: none;
    }

    .navTabs a {
        margin: 0;
        padding-bottom: 23px;
    }

    .navRight {
        margin-top: 18px;
    }

    .temp1-txtRightBtns a {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .expSlider-item {
        margin-left: 15px;
        margin-right: 15px;
    }

    /* .fancybox-slide--video .fancybox-content {
        width: 800px !important;
        height: 450px !important;
    } */

    .temp3-event {
        left: 4%;
        padding: 60px 20px;
        width: 26%;
    }

    /* event css */
    .temp5-txtLeft {
        width: 38.666667%;
        padding-left: 0;
    }

    .temp5-txtLeftInner {
        padding: 40px 30px 30px;
    }

    .temp5-txtRight {
        width: 61.333333%;
        padding-right: 0;
    }

    .temp5-txtRightInner {
        padding: 30px;
    }

    .temp6-area {
        padding: 20px 0 40px 0;
    }

    .temp6-itemBlockLabel {
        font-size: 10px;
        margin-bottom: 10px;
    }

    .temp6-itemBlockVal {
        font-size: 14px;
    }

    /*     .nice-select .option {
        font-size: 16px;
        line-height: 1.4;
        padding-bottom: 10px;
        margin-bottom: 20px;
    } */

    .ap-bg {
        font-size: 16px;
    }

    .temp5-txtRightBtns a {
        /* margin-right: 5px; */
    }

    /* Microsite css start here */
    .backToCportal a {
        font-size: 12px;
        letter-spacing: 2px;
    }

    .backToCportal span {
        padding-left: 10px;
    }

    .epLogoArea img {
        height: 45px;
    }

    /* Microsite css end here */

    /* TnC page css start here */
    .tncArea {
        padding: 0;
    }

    /* TnC page css end here */

    /* No RSVP page css start here */
    .no-rsvpIcon {
        width: 100px;
        height: 100px;
        font-size: 60px;
        line-height: 100px;
    }

    /* No RSVP page css end here */
    .temp5-img,
    .temp5-img img,
    .temp5-mediaArea .temp5-imgAreaPoster,
    .temp5-videoArea video {
        height: 550px;
    }

    .temp5-videoClose img {
        width: 38px;
        height: 38px;
    }

    .assetLeft {
        height: 100%;
        padding: 30px;
        left: calc(50% - 170px);
        top: initial;
        bottom: calc(-100% + 75px);
        box-shadow: 0px 13px 55px rgba(0, 0, 0, .2);
        z-index: 101;
        -webkit-transition: 0.7s ease-in-out;
        -moz-transition: 0.7s ease-in-out;
        -ms-transition: 0.7s ease-in-out;
        -o-transition: 0.7s ease-in-out;
        transition: 0.7s ease-in-out;
    }

    .assetRight {
        width: 100%;
        margin-left: 0;
        margin-top: 110px;
    }

    .desktopOnly {
        display: none;
    }

    .mobileOnly {
        display: block;
    }

    .assetLeftinner h6.mobileOnly.open .filterDD {
        transform: rotate(180deg);
    }

    .footer {
        margin-top: 15px;
        margin-bottom: 90px;
    }


    .assetppHeadType {
        width: 80px;
    }

    .assetppHeadType span {
        font-size: 60px;
    }

    .assetppHead h6 {
        font-size: 20px;
        margin-top: 4px;
    }

    .footerSocial {
        position: relative;
        left: 0;
        top: 6px;
        transform: none;
    }

    .footerSocial li {
        margin-left: 30px;
        margin-right: 0;
    }

    .footerCopy {
        width: 100%;
        position: relative;
        float: left;
        right: 0;
        top: 0;
        transform: none;
        text-align: center;
        margin-top: 20px;
    }

    .notifCardLeft h4 img {
        height: 40px;
    }

    .notifCardLeft h4 {
        font-size: 20px;
    }

    .notifIcon {
        width: 50px;
        height: 50px;
        margin-right: 10px;
        border: 2px solid rgba(67, 146, 217, 0.2);
        border-radius: 10px;
    }

    .notifIcon span {
        font-size: 14px;
    }

    .notifTxt {
        width: calc(100% - 100px);
    }

    .closeNotifBtn {
        top: calc(50% - 20px);
        right: 15px;
    }

    .notifsection {
        min-height: 120px;
    }

    .psbSliderItem:first-child,
    .uceSliderItem:first-child {
        padding-left: 55px;
    }

    .psbSliderItem-inner p {
        margin-bottom: 25px;
        font-size: 14px;
        height: calc(14px * 1.5 * 2);
    }

    .hUpdatesList li p {
        font-size: 12px;
        margin-bottom: 0;
    }

    .hsSliderTxt p {
        font-size: 14px;
    }

    .hsSliderImg img {
        height: 330px;
    }

    .hSocialSlider .slick-dots {
        top: 347px;
    }

    .psbSliderBtm .material-icons {
        font-size: 24px;
        margin-right: 15px;
    }

    .psbSliderBtm .psbSliderDate {
        font-size: 10px;
        line-height: 24px;
    }

    .psbSliderItem-inner {
        padding: 25px;
    }

    .mobTxtInner h3 {
        font-size: 32px;
    }

    .newLead {
        padding: 15px 30px;
    }

    .myOrder {
        margin-bottom: 40px;
    }

    table.dataTable tbody th,
    table.dataTable tbody td {
        padding: 5px 10px;
        font-size: 12px;
    }

    table.dataTable thead th,
    table.dataTable thead td {
        padding: 20px 5px;
        font-size: 10px;
        letter-spacing: .56px;
    }

    .blueBtn3 {
        padding: 10px 15px;
        font-size: 10px;
    }

    .obSectionBtm {
        padding: 0 15%;
    }

    .obSectionBtm h6 {
        font-size: 16px;
    }

    .oPlaceOn {
        font-size: 14px;
        margin-top: -20px;
    }

    .trackTxt {
        padding: 10px;
    }

    .trackTxt h6 {
        font-size: 12px;
    }

    .temp6-crHaed,
    .temp6-crBlock {
        padding: 20px;
    }

    .temp6-crName,
    .temp6-crType,
    .temp6-item h4.temp6-crflightHead {
        font-size: 16px;
    }

    .temp6-crName,
    .temp6-crType {
        padding-top: 10px;
    }

    .temp5-event, 
    .temp12 .moSection {
        padding: 0;
    }
    .temp6-area.temp6-areaEvent {
        padding: 40px;
    }
    .temp12 .headingTxt {
        text-align: left;
    }
    .temp12 .headingTxt h4 {
        font-size: 20px;
    }

}

/* Portrait and landscape iPad Pro media queries */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .temp1-img img {
        object-position: center;
        -o-object-position: center;
    }
}

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

    h1,
    .h1,
    .eventsHead {
        font-size: 36px;
        letter-spacing: 1px;
    }

    .eventsHead {
        margin-bottom: 35px;
    }

    .logoArea {
        left: 40px;
    }

    .navRight {
        right: 40px;
    }

    .navTabs a {
        margin: 0 15px;
    }

    .temp1-txtLeft {
        width: 100%;
        margin-bottom: 50px;
    }

    .temp1-txtRight,
    .temp2-txtRight,
    .temp3-txtRight {
        width: 100%;
        padding-left: 8%;
    }

    .temp1-txtRight a {
        margin-right: 15px;
    }

    .temp1-img img {
        object-position: top;
        -o-object-position: top;
    }

    .expSlider-item {
        margin-left: 25px;
        margin-right: 25px;
    }

    .temp1-txtLeft,
    .temp2-txtLeft,
    .temp2-txtLeft2,
    .temp3-txtLeft {
        padding-left: 8%;
    }

    .temp2-txtLeft h2,
    .temp3-txtLeft,
    .temp3-txtRight p {
        margin-bottom: 0;
    }

    .temp2-txtRight p {
        margin-bottom: 30px;
    }

    .temp2,
    .temp3 {
        height: auto;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .temp3-txtLeft {
        width: 100%;
        margin-bottom: 0;
    }

    .temp3-slider {
        width: 100%;
        margin-bottom: 0 !important;
    }

    .temp3-sliderItemImg:after {
        background: transparent;
    }

    .temp3-slider .slick-dots {
        bottom: 40px;
        text-align: left;
        padding-left: 10%;
    }

    .temp3-sliderItemImg,
    .temp3-sliderItemImg img,
    .temp3-videoArea video {
        height: 400px;
    }

    .temp3-event {
        width: 80%;
        left: 10%;
        padding: 60px 0;
        float: left;
        position: relative;
        top: 0;
    }

    .temp4-img,
    .temp4-img span:before,
    .temp4-img img,
    .temp4-txt {
        height: 70vh;
    }

    .temp4-txtLeft {
        width: 70%;
    }

    .temp4-txtLeft h2 {
        margin-bottom: 15px;
    }

    .footerTop,
    .footerBottom {
        padding-left: 0;
        padding-right: 0;
    }

    .footerTop h6 {
        font-size: 18px;
    }

    /* event css */
    .temp5-img,
    .temp5-img img,
    .temp5-mediaArea .temp5-imgAreaPoster,
    .temp5-videoArea video {
        height: 450px;
    }

    .temp5-videoClose img {
        width: 38px;
        height: 38px;
    }

    .temp5-txtRight {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .temp5-txtLeft,
    .temp6-flight h5,
    .temp6-flightNote {
        display: none;
    }

    .eventDetailMob {
        display: block;
    }

    .temp6-area {
        padding: 10px 30px;
    }

    .temp6-flightList .temp6-itemBlock:first-child,
    .temp6-flightList .temp6-itemBlock:nth-child(2),
    .temp6-flightList .temp6-itemBlock:nth-child(3),
    .temp6-flightList .temp6-itemBlock:last-child {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 25px;
    }

    .temp6-flightList .temp6-itemBlock:after {
        content: none;
    }

    .temp6-item h4 {
        font-size: 12px;
        color: #405b5f;
        letter-spacing: 1.92px;
        /* text-transform: uppercase; */
    }

    .temp6-itemBlockVal {
        font-size: 16px;
        padding-right: 45px;
    }

    .temp6-pdBlock h5 {
        margin-bottom: 15px;
        padding-left: 0;
        padding-right: 45px;
    }

    .temp6-pdBlock2 h5 {
        margin-bottom: 15px;
        padding-left: 0;
        /* padding-right: 70px; */
    }

    .temp6-pdBlock p,
    .temp6-pdBlock2 p {
        margin-top: 0;
        padding-left: 0;
        padding-right: 45px;
        margin-bottom: 5px;
        font-size: 12px;
    }

    .temp6-item p.temp6-pdBlockBtm {
        padding-left: 0;
    }

    .temp6-itemBlock {
        padding-bottom: 20px;
        margin-bottom: 30px;
    }

    .temp6-itemBlockBtn {
        right: 0;
        bottom: 10px;
    }

    .temp6-flight {
        margin-bottom: 15px;
    }

    .temp6-itemBlockBtn.flightEdit {
        top: 48px;
    }

    .temp6-flightTrans {
        margin-top: 15px;
    }

    .temp6-flightTrans span {
        letter-spacing: 1.3px;
    }

    .temp6-item p.temp6-pdBlockBtm {
        padding-right: 70px;
        font-size: 10px;
    }

    .temp5-txtLeftItemTxt p {
        font-size: 16px;
    }

    .temp5-txtLeftItemTxt p.temp5-txtLeftItemTxtVal {
        font-size: 14px;
    }

    .temp5-txtLeftColItem {
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .temp5-txtLeftColItem:last-child {
        margin-bottom: 10px;
    }

    .pp-head,
    .pp-content.popup-lg .pp-head {
        height: 78px;
    }

    .pp-content.popup-lg .pp-head {
        padding: 25px 10%;
    }

    .pp-content.popup-lg .pp-close {
        right: 10%;
    }

    .blueGradient.pp-close,
    .pp-content.popup-lg .blueGradient.pp-close {
        right: 0;
    }

    .pp-main {
        height: calc(100% - 138px);
        top: 108px;
    }

    .pp-content.popup-lg .pp-main {
        padding: 0 10%;
    }

    .pdHalfRow {
        width: 100%;
    }

    .pdHalfRow:first-child {
        padding-right: 0;
    }

    .pdHalfRow:nth-child(2) {
        padding-left: 0;
    }

    /* Microsite css start here */
    .temp7-wrap,
    .temp7-3 {
        width: 90%;
        text-align: center;
    }

    .temp8 h5,
    .temp9-2,
    .temp9-3,
    .temp10 h5 {
        padding: 0 40px;
    }

    .scrollbar {
        width: 80%;
    }

    /* Microsite css end here */

    /* TnC page css start here */
    .tncArea {
        padding: 0 30px;
    }

    .tncItem {
        margin-bottom: 30px;
    }

    /* TnC page css end here */
    .blueBtn,
    .borderedBtn2 {
        min-width: 280px;
    }


    .assetRight {
        padding: 0 20px;
    }

    .assetItemImg {
        height: 160px;
    }

    .assetItemTxt h6 {
        font-size: 14px;
    }

    .assetRightHead h4 {
        width: calc(100% - 180px);
        float: left;
        margin-top: 2px;
        font-size: 14px;
        letter-spacing: 1.82px;
    }

    .assetRightHead .chkbox {
        margin-right: 15px;
    }

    .headSearch input[type="search"],
    .headSearch input[type="search"]:focus {
        width: 100px;
    }

    .downloadBtn,
    .downloadBtn2,
    .shareBtn {
        width: 34px;
        height: 34px;
    }

    .previewBtn {
        min-width: 130px;
        padding: 3px 8px 3px 15px;
    }

    .assetItemBtns a {
        margin-right: 7px;
    }

    .allSelected p {
        margin-right: 10px;
    }

    .assetRight .assetItemTxt p {
        display: none;
    }

    .assetItemTxtBlock {
        height: 40px;
    }

    .assetVidLength span {
        font-size: 10px;
    }

    .wbHeading {
        width: 100%;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .wbHeading h4 {
        margin-bottom: 10px;
    }

    .notifCard {
        width: 100%;
        margin-top: 0;
        margin-bottom: 40px;
        float: left;
        position: relative;
        left: 0;
        top: 0;
    }

    .pageTop {
        margin-top: 110px;
    }

    .notifsection {
        min-height: auto;
    }

    .homeSocial {
        width: 100%;
    }

    .updateIcon {
        display: block;
    }

    .homeUpdates {
        max-width: 360px;
        width: calc(100% - 40px);
        padding-left: 0;
        padding-right: 0;
        position: fixed;
        top: 65px;
        right: 20px;
        background-color: #fff;
        z-index: 100;
        border-radius: 5px;
        box-shadow: 0 15px 20px rgba(0, 0, 0, .2);
        display: none;
    }

    .homeUpdates .heading {
        background-color: #F7F7F7;
        padding: 9px 20px;
        border-radius: 5px 5px 0 0;
        margin-bottom: 10px;
    }

    .hUpdatesList {
        padding: 0 20px;
        margin-bottom: 20px;
        max-height: 500px;
        overflow: hidden;
        overflow-y: auto;
    }

    .hUpdatesList::-webkit-scrollbar {
        display: none;
        width: 0 !important;
        height: 0 !important;
        color: 000;
        background: #fff;
        background-color: #fff;
    }

    .hUpdatesList::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
        -moz-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
        box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background: #fff;
        background-color: #fff;
    }

    .hUpdatesList {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
        overflow: -moz-scrollbars-none;
        /* -moz- (Firefox) */
    }

    .homeUpdates .headingTxt h2 span.material-icons {
        display: none;
    }

    .homeUpdates .headingTxt {
        text-align: left;
    }

    .homeUpdates .headingTxt h2 span.headingTxtSpan {
        width: 100%;
        text-transform: capitalize;
        font-size: 20px;
        letter-spacing: 0.6px;
    }

    .huIcon {
        width: 46px;
        height: 46px;
        border-radius: 14px;
    }

    .huIcon span {
        font-size: 20px;
    }

    .huIcon span img {
        height: 20px;
    }

    .updateIcon.updateIconActive {
        background-color: #F7F7F7;
    }

    .hUpdatesList ul li:last-child {
        margin-bottom: 0;
    }

    .headingTxt h2 span.material-icons,
    .headingTxt h2 span.material-icons-outlined {
        margin-right: 5px;
    }

    .headingTxt h2 span {
        float: none;
        display: inline-block;
        vertical-align: middle;
        font-size: 20px;
    }

    .headingTxt h2 span.headingTxtSpan {
        width: auto;
        font-size: 20px;
        display: inline-block;
        vertical-align: middle;
    }

    .headingTxt,
    .headingLink {
        width: 100%;
        text-align: center;
    }

    .headingLink {
        margin-top: 10px;
    }

    .borderedBtn4 {
        padding: 12px 25px;
        font-size: 10px;
    }

    .borderedBtn4:after {
        content: none;
    }

    .psbSliderItem:first-child,
    .uceSliderItem:first-child {
        padding-left: 36px;
    }

    .homeSection {
        margin-bottom: 0;
    }

    .slick-current .psbSliderItem-inner {
        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.16);
        background-color: #fff;
    }

    .slick-current .uceslideItem .assetItemInner .assetItemTxtInner,
    .slick-current .assetItemInner .assetItemTxtInner {
        background: #fff;
        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.16);
    }

    .uceSliderItem-inner,
    .psbSliderItem-inner {
        width: 342px;
    }

    .psbSliderItem-inner p {
        margin-bottom: 15px;
        font-size: 12px;
    }

    .psbSliderItem,
    .uceSliderItem {
        margin: 20px 12px 80px;
    }

    .hSocialSlider .slick-dots {
        top: 412px;
        right: initial;
        left: 50%;
        transform: translateX(-50%);
    }

    .hsSliderTxt {
        padding: 45px 30px 20px;
    }

    .heading {
        margin-bottom: 10px;
    }

    .hSocialSlider {
        margin-top: 10px;
    }

    .slick-dots {
        bottom: 40px;
    }

    .slick-dots li,
    .slick-dots li button {
        width: 4px;
        height: 4px;
    }

    .slick-dots li.slick-active,
    .slick-dots li.slick-active button {
        width: 26px;
    }

    .assetItem.uceslideItem {
        padding: 0;
    }

    /*   .assetItemBtns {
        display: none;
    } */
    .blueArrowBtn {
        padding: 0 10px;
        font-size: 10px;
        letter-spacing: 1.2px;
    }

    .blueArrowBtn:after {
        width: 6px;
        height: 6px;
        margin-top: -4px;
    }

    .rsvpArea {
        font-size: 10px;
        line-height: 1;
    }

    .assetItem.uceslideItem .assetItemTxtBlock {
        height: 77px;
    }

    .assetItem.uceslideItem .assetItemTxt p {
        display: block;
        font-size: 10px;
    }

    .mobTxtInner {
        width: 100%;
        padding-right: 0;
        text-align: center;
    }

    .mobTxtInner a {
        position: relative;
        right: 0;
        bottom: 0;
        margin-top: 20px;
    }

    .mobTxt {
        margin-top: -25px;
    }

    .myOrder {
        margin-bottom: 20px;
    }

    .moTable {
        padding: 10px;
        border-radius: 10px;
    }

    .blueBtn3 {
        padding: 10px;
        font-size: 8px;
    }

    table.dataTable tbody th,
    table.dataTable tbody td {
        padding: 5px;
        font-size: 10px;
    }

    .mobTxtInner h6 {
        font-size: 12px;
        letter-spacing: 1px;
    }

    .obSection .temp6-item h4 {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .bConfigTxt h4 {
        font-size: 24px;
    }

    .inputRow li {
        padding-right: 20px;
    }

    .docTxt {
        width: 80%;
    }

    .oChange p {
        width: 100%;
    }

    .oChange a {
        margin-top: 15px;
        float: none;
    }

    .bConfigTxt p,
    .odRow .temp6-itemBlockVal {
        font-size: 14px;
    }

    .odRow .temp6-itemBlockVal {
        padding-right: 20px;
    }

    .odRow.halfCol .temp6-itemBlock {
        width: 100%;
    }

    .odArea {
        width: 65%;
        padding-right: 50px;
    }

    .ddArea {
        width: 35%;
    }

    .supportRow .contactAvatar,
    .supportRow .contactAvatar img {
        width: 100px;
        height: 100px;
    }

    .supportRow .contactRight {
        padding: 25px 80px 25px 50px;
    }

    .supportRow .temp6-itemBlockVal {
        font-size: 18px;
    }

    .srDesig {
        font-size: 14px;
        padding-left: 0;
        margin-left: 0;
        border-left: 0;
        width: 100%;
        display: block;
    }

    .trackItem {
        padding-left: 5px;
        padding-right: 5px;
    }

    .trackTxt h6 {
        font-size: 10px;
    }

    .temp6-crName {
        width: 100%;
        padding-top: 0;
    }

    .temp6-crType,
    .temp6-crBtn {
        width: 50%;
    }

    .temp6-crType {
        text-align: left;
    }

    .hsSliderImg img {
        height: 390px;
    }

    .sharePopover {
        height: 34px;
    }

    .sharePopover img,
    .closeSharePO {
        width: 26px;
        height: 26px;
    }

    .sharePopover .closeSharePO img {
        width: 20px;
        height: 20px;
    }
    .pp-content.pp-consent {
        height: calc(100% - 100px);
    }


}

@media only screen and (max-width:680px) {
    .preLoader {
        background: url(../img/preLoaderBg-m.png) no-repeat center bottom;
        /* background: url(../img/svg/preLoaderBg-m.svg) no-repeat center bottom; */
        background-size: cover;
    }

    .preloaderTop {
        top: 50px;
    }

    h2,
    .h2 {
        /* font-size: 32px;
        letter-spacing: 0.96px; */
        font-size: 36px;
        letter-spacing: 1.8px;
    }

    h3,
    .h3 {
        font-size: 36px;
        letter-spacing: 1.6px;
    }

    h4,
    .h4 {
        font-size: 24px;
        letter-spacing: 3.12px;
        line-height: 1.6;
    }

    .navListMobile {
        width: 100%;
    }

    .blueGradientBtn,
    .borderedBtn {
        width: 100%;
    }

    .arrowBtn {
        font-size: 12px;
        letter-spacing: 2.16px;
    }

    .logoArea {
        left: 30px;
    }

    .navRight {
        right: 30px;
    }

    .logo-apf {
        height: 32px;
    }

    .logo-essenza {
        height: 25px;
    }

    .logoArea a,
    .logoArea img {
        margin-right: 25px;
    }

    .navTabs {
        margin-top: 56px;
    }

    .navList,
    .navTabs a {
        display: none;
    }

    .navTabs a.activeNav {
        display: inline-block;
    }

    .navTabs a {
        font-size: 16px;
        letter-spacing: 1px;
        padding-bottom: 13px;
        margin: 0;
    }

    /* .navTabs a.homeNav {
        width: 26px;
        height: 26px;
        text-indent: -9999em;
        background: #1F1F1F url(../img/svg/backtohome.svg) no-repeat center center;
        border-radius: 100%;
        position: absolute;
        left: 20px;
        bottom: 5px;
        display: inline-block;
        background-size: 6px;
        padding: 0;
    } */

    .navTabs a {
        /* font-size: 14px;
        padding-bottom: 15px;*/
        font-size: 16px;
        letter-spacing: 1px;
        padding-bottom: 13px;
        margin: 0;
    }

    /* .navTabs a.activeNav:after {
        bottom: -1px;
        height: 1px;
        border-radius: 0 0 2px 2px;
    }

    .navTabs a.activeNav:before {
        bottom: 15px;
        height: 15px;
        filter: blur(35px);
    } */

    .container {
        width: 100%;
    }

    .temp1-img img {
        object-position: center;
        -o-object-position: center;
    }

    .temp1-txt {
        top: 140px;
        height: calc(100% - 140px);
    }

    .temp1-txtRight {
        bottom: 30px;
        position: absolute;
    }

    .temp1-txtLeft h5 {
        font-size: 12px;
        letter-spacing: 1.56px;
        margin-bottom: 10px;
    }

    .temp1-txtLeft,
    .temp2-txtLeft,
    .temp2-txtLeft2,
    .temp3-txtLeft,
    .temp1-txtRight,
    .temp2-txtRight,
    .temp3-txtRight {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .temp1-txtRight p,
    .temp2-txtRight p,
    .temp3-txtRight p,
    .expSlider-txt p,
    .temp3-eventSub,
    .temp4-txtLeft p {
        font-size: 12px;
    }

    .temp1-txtRight p {
        letter-spacing: 1.2px;
        text-align: center;
    }

    .temp1-txtRightBtns a {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .expSlider-item {
        height: 380px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .expSlider-itemImg img {
        height: 378px;
    }

    .slick-center .expSlider-itemImg img,
    .slick-center:hover .expSlider-itemImg img {
        height: 315px;
    }

    .slick-center .expSlider-txt {
        bottom: 0;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        opacity: 1;
        visibility: visible;
    }

    .slick-center .expSlider-play {
        bottom: calc(57% - 35px);
        opacity: 1;
        visibility: visible;
    }

    /* .fancybox-slide--video .fancybox-content {
        width: 414px !important;
        height: 235px !important;
    } */

    .fancybox-iframe,
    .fancybox-video {
        border-radius: 0;
    }

    .expSlider-txt p {
        letter-spacing: 0.14px;
    }

    .temp3-event {
        width: 100%;
        left: 0;
        padding: 30px 40px;
    }

    .temp3-sliderItemImg,
    .temp3-sliderItemImg img,
    .temp3-videoArea video {
        height: 330px;
    }

    .temp3-eventDate {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .temp3-event h3 {
        margin-bottom: 15px;
    }

    .temp3-eventSub {
        margin-bottom: 30px;
        font-size: 12px;
        letter-spacing: 1.2px;
    }

    .temp4-img,
    .temp4-img span:before,
    .temp4-img img,
    .temp4-txt {
        height: 60vh;
    }

    .temp4-txtLeft {
        width: 100%;
        left: 0;
        padding: 0 40px;
    }

    .temp4-txtLeft h2 {
        margin-bottom: 20px;
    }

    .temp4-txtLeft p {
        padding-right: 0;
        margin-bottom: 30px;
    }

    .footer {
        margin-bottom: 40px;
    }

    .footerTop,
    .footerBottom {
        padding-left: 40px;
        padding-right: 40px;
    }

    .goToTop,
    .footerTop {
        margin-bottom: 60px;
    }

    .footerTop-img img {
        margin-bottom: 30px;
    }

    .footerTop h6 {
        font-size: 14px;
        padding-left: 0;
        padding-right: 0;
    }

    .footerSocial {
        width: 100%;
        float: left;
        margin-bottom: 30px;
        text-align: center;
    }

    .footerSocial li {
        float: none;
        margin-left: 15px;
        margin-right: 15px;
        display: inline-block;
    }

    .footerCopy {
        width: 100%;
        font-size: 10px;
        text-align: center;
    }

    .pp-content {
        height: calc(100% - 30px);
        width: calc(100% - 30px);
    }

    .pp-main,
    .pp-content.popup-lg .pp-main {
        padding: 0 7%;
        height: calc(100% - 128px);
        top: 98px;
    }

    .pp-head,
    .pp-content.popup-lg .pp-head {
        padding: 22px 7%;
        height: 68px;
    }

    .pp-head h5 {
        /* font-size: 16px;
        letter-spacing: 0.54px; */
        font-size: 20px;
        letter-spacing: 0.6px;
    }

    .pp-close {
        right: 6%;
    }

    .bookAppTab-head h6 {
        font-size: 10px;
        letter-spacing: 1.2px;
    }

    .bookAppTab-head:before {
        width: 13px;
        height: 13px;
        left: -25px;
    }

    .bookAppTab-item {
        padding-left: 25px;
    }

    .pp-mainScroll,
    .pp-content.popup-lg .pp-main,
    .pp-content.popup-lg .pp-mainScroll {
        padding: 0 7%;
    }

    .pp-mainScroll,
    .pp-content.popup-lg .pp-mainScroll {
        padding-bottom: 100px;
    }

    .jspVerticalBar {
        width: 0;
    }

    .bookAppTab-item:before {
        left: 6px;
    }

    .bookAppTab-head:after {
        left: -25px;
        top: -8px;
        width: 20px;
        height: 30px;
    }

    .ppInputRow label {
        font-size: 10px;
        letter-spacing: 1.3px;
    }

    .ppInputField input[type="text"] {
        padding-right: 50px;
        padding-bottom: 15px;
    }

    .blueGradient {
        min-width: 165px;
        padding: 14px 20px;
        font-size: 12px;
        letter-spacing: 1.56px;
    }

    .selectPreferredDietBtn .blueGradient {
        width: 100%;
    }

    .ppInputRow {
        height: 68px;
    }

    .ppInputRow2 .ppInputField2 input[type="text"],
    .ppInputRow2 .ppInputField2 input[type="tel"],
    .ppInputRow2 .ppInputField2 input[type="email"],
    .readOnlyText,
    .customSelect,
    .ppInputField input[type="text"],
    .copyText,
    .ppInputRow2 .ppInputField2 input[type="password"] {
        font-size: 14px;
        letter-spacing: 0.42px;
    }

    .readOnlyRow label {
        padding-bottom: 10px;
    }

    .ppInputRow.readOnlyRow {
        height: auto;
        margin-bottom: 30px;
    }

    .chkbox label:before {
        width: 20px;
        height: 20px;
        border-radius: 4px;
    }

    .chkbox label {
        /* height: 20px; */
        font-size: 10px;
        letter-spacing: 1.3px;
    }

    .chkbox input:checked+label:after {
        top: 3px;
        left: 7px;
        width: 6px;
        height: 11px;
    }

    .pp-vCenter {
        padding: 50px 13%;
    }

    .congratsImg img {
        max-width: 55px;
    }

    .pp-vCenter p {
        font-size: 14px;
        letter-spacing: 0.84px;
    }

    .blueTxtBtn {
        font-size: 12px;
        letter-spacing: 2.16px;
    }

    .pp-vCenter h4 {
        font-size: 26px;
        letter-spacing: 2.6px;
        line-height: 1.2;
        margin-bottom: 15px;
    }

    .sendInviteBtn .blueGradient {
        width: 100%;
    }

    .ppInputRow2 label {
        font-size: 10px;
        letter-spacing: 1.3px;
    }

    /*  .ppInputRow2 {
        height: 63px;
    } */
    .addInviteeBtn {
        padding-left: 25px;
    }

    /* .pp-mainInner {
        max-height: calc(100vh - 170px);
    }

    .pp-mainInner2 {
        height: calc(100vh - 300px);
    }

    .pp-mainInner3 {
        height: calc(100vh - 240px);
    } */

    .pp-footer {
        padding: 30px 7% 0;
    }

    .footer {
        margin-bottom: 100px;
    }

    /* datepicker */
    .datepicker-container {
        font-size: 12px;
        line-height: 38px;
        width: calc(100% - 115px);
    }

    .datepicker-panel>ul.monthListHead>li:nth-child(2),
    .datepicker-panel>ul.yearsListHead>li:nth-child(2) {
        font-size: 16px;
    }

    .datepicker-panel>ul>li {
        height: 30px;
        font-size: 10px;
        letter-spacing: 0.6px;
    }

    .datepicker-panel>ul.daysList>li.picked:before,
    .datepicker-panel>ul.daysList>li.picked:hover:before {
        left: calc(50% - 12px);
        top: calc(50% - 8px);
        width: 24px;
        height: 24px;
    }

    .datepicker-panel>ul[data-view="years"]>li,
    .datepicker-panel>ul[data-view="months"]>li {
        height: 40.5px;
        line-height: 40.5px;
    }

    .datepicker-panel>ul.monthList>li.picked:before,
    .datepicker-panel>ul.yearsList>li.picked:before,
    .datepicker-panel>ul.monthList>li.picked:hover:before,
    .datepicker-panel>ul.yearsList>li.picked:hover:before {
        left: calc(50% - 20px);
        width: 40px;
        height: 40px;
    }

    .datepicker-panel>ul.monthList,
    .datepicker-panel>ul.yearsList {
        padding: 20px 0;
    }

    .datepicker-panel>ul.weekList {
        padding-top: 10px;
    }

    .datepicker-panel>ul.daysList li {
        font-size: 12px;
    }

    /* Jquery UI datepicker */
    .ui-datepicker {
        width: calc(100% - 113px);
    }

    .ui-datepicker .ui-datepicker-header,
    .ui-datepicker .ui-datepicker-title {
        font-size: 16px;
    }

    .ui-datepicker th {
        font-size: 10px;
        letter-spacing: 0.6px;
    }

    .ui-datepicker td {
        font-size: 12px;
    }

    .ui-selectmenu-button.ui-button {
        font-size: 14px;
        letter-spacing: 0.42px;
        padding-bottom: 15px;
    }

    .ui-selectmenu-menu .ui-menu {
        padding: 25px;
    }

    .ui-menu .ui-menu-item-wrapper {
        font-size: 14px;
    }

    .ui-menu .ui-menu-item-wrapper {
        margin-right: 0;
    }


    /* event css */
    .temp5-txt {
        z-index: 98;
    }

    .temp5-txtRightBtns {
        position: fixed;
        left: 0;
        bottom: 0;
        padding: 15px 40px;
        background: #F7F7F7;
    }

    /*     .temp5 {
        margin-top: 90px;
    } */
    .temp5-img,
    .temp5-img img,
    .temp5-mediaArea .temp5-imgAreaPoster,
    .temp5-videoArea video {
        height: 50vh;
    }

    .temp5-videoClose img {
        width: 38px;
        height: 38px;
    }

    .temp5-videoClose {
        top: 95px;
        right: 5px;
    }

    .temp5-txtRight {
        padding-right: 20px;
        padding-left: 20px;
    }

    .temp5-txtRightInner {
        padding: 30px 20px;
    }

    .temp5-txtRight p {
        margin-bottom: 0;
    }

    .temp6-area {
        padding: 20px 40px;
    }

    .temp6-flightTrans img {
        margin-right: 10px;
    }

    .temp6-flightTrans span {
        width: calc(100% - 40px);
        /* width: calc(100% - 70px); */
        font-size: 12px;
    }

    .temp6-itemBlockBtn.flightEdit {
        /* bottom: 0; */
        top: 28px;
    }

    .temp6-crBlock .temp6-itemBlockBtn.flightEdit {
        top: 55px;
    }

    .temp5-txtRightBtns a {
        margin-right: 0;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .blueBtn,
    .borderedBtn2 {
        width: 100%;
        font-size: 12px;
        letter-spacing: 1.56px;
    }

    .blueBtn {
        padding: 14px 20px;
    }

    .borderedBtn2 {
        padding: 13px 5px;
    }

    .drivingExperience h6 {
        margin-bottom: 15px;
        font-size: 10px;
        letter-spacing: 1.3px;
        line-height: 1.9;
    }

    .radioBtn label {
        font-size: 14px;
        line-height: 1.2;
        letter-spacing: 1.3px;
        padding-left: 30px;
    }

    .drivingExperienceBtn .blueGradient,
    .selectTimeSlotBtn .blueGradient {
        /* width: 100%; */
    }

    .drivingExperience {
        margin-top: 25px;
    }

    .nice-select {
        height: 34px;
        font-size: 14px;
        letter-spacing: 0.42px;
    }

    .radioBtn label:before,
    .nice-select .option:before {
        width: 16px;
        height: 16px;
    }

    .radioBtn input:checked+label:after,
    .nice-select .option.selected:after {
        top: 5px;
        left: 5px;
        width: 6px;
        height: 6px;
    }

    .nice-listWrap {
        margin-top: 38px;
    }

    .ppInputField2.ppInputField2w30 .nice-listWrap {
        width: 100%;
    }

    .nice-select .option {
        font-size: 12px;
        line-height: 1.5;
        padding-left: 30px;
    }

    .ppInputRow2 .ppInputField2 input[type="text"].nice-select-search {
        padding-right: 0;
        font-size: 14px;
    }

    .ppInputField2.ppInputField2w30 .nice-select .option {
        padding-left: 25px;
    }

    .ppInputField2.ppInputField2w30 {
        width: 50%;
    }

    .ppInputField2.ppInputField2w70 {
        width: calc(50% - 20px);
        margin-left: 20px;
    }

    .ppInputField2.ppInputField2w70 input[type="text"],
    .ppInputField2.ppInputField2w70 input[type="tel"] {
        padding-right: 0;
    }

    .pdRow h5 {
        margin-bottom: 25px;
        font-size: 10px;
        letter-spacing: 1.3px;
    }

    .tncTxt {
        margin-left: 35px;
        float: left;
        font-size: 10px;
        letter-spacing: 1.3px;
    }

    .pdRow .ppInputRow2 {
        margin-bottom: 30px;
    }

    textarea,
    .writeToUsBlock p {
        font-size: 12px;
        letter-spacing: 0.42px;
    }

    .writeToUsBtn {
        font-size: 10px;
        letter-spacing: 1.3px;
    }

    .writeToUsClose {
        top: -30px;
        font-size: 20px;
    }

    .ap-content {
        max-width: 220px;
    }

    .ap-layout-relative .ap-cont {
        max-width: initial;
        width: calc(100% - 113px);
    }

    .ap-bg {
        font-size: 12px;
    }

    .ap-layout-fixed,
    .ap-layout-popover {
        top: 38px;
    }

    .ap-theme-default .ap-button {
        font-size: 10px;
        margin: 5px;
    }

    /* Navigation popup css start */
    .navpp-head {
        padding: 24px 36px;
    }

    .navpp-head h5 {
        /* font-size: 14px;
        letter-spacing: 0.42px; */
        font-size: 16px;
        letter-spacing: 0.5px;
    }

    .navpp-head .supportTitle {
        margin-right: 5px;
    }

    .navpp-head .supportTitleSub {
        margin-left: 5px;
    }

    .navpp-main {
        padding: 0 36px;
    }

    .navpp-mainScroll {
        padding: 0;
    }

    /*     .navpp-content {
        background: #0F0F0F;
    } */

    .navpp-mainInner {
        height: calc(100% - 66px);
        top: 66px;
        padding: 0 36px;
    }

    .navpp-mainInner.faqWrap {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .navpp-mainInner.faqWrap::-webkit-scrollbar {
        display: none;
    }

    .navpp-subNav li {
        width: calc(33.333333% - 10px);
        float: left;
        margin-left: 5px;
        margin-right: 5px;
    }

    .navpp-subNav li a {
        font-size: 14px;
        padding: 0 0 8px;
    }

    .navpp-subNav li a.activeSubNav {
        color: #00D2F2;
    }

    .relatedToArea {
        margin-bottom: 25px;
    }

    .faqItem-head h6 {
        width: 85%;
    }

    .faqItem-content {
        padding-right: 0;
    }

    .contactItem {
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .contactRight {
        width: 100%;
        padding: 20px;
        padding-top: 85px;
    }

    .contactAvatar,
    .contactAvatar img {
        width: 90px;
        height: 90px;
    }

    .contactAvatar {
        top: -15px;
        left: 20px;
        transform: none;
    }

    .contactRight h5 {
        margin-bottom: 5px;
        letter-spacing: 0.51px;
        font-size: 17px;
    }

    .contactRight p.designation {
        margin-bottom: 20px;
        font-size: 13px;
    }

    .contactBtn a {
        width: 42px;
        height: 42px;
    }

    .contactBtn a img {
        width: 24px;
    }

    .contactRight p a,
    .convTopItemRight p.designation,
    .msg .msg-text p,
    .msg-toolbar input[type="text"] {
        font-size: 12px;
    }

    .contactRight p a .contactLinkTxt {
        padding-top: 2px;
    }

    .convTop {
        height: 80px;
        padding: 0 36px 20px;
    }

    .navpp-mainInner3 {
        padding: 0 36px;
    }

    .navpp-mainInner5 {
        height: calc(100% - 140px);
        top: 80px;
        padding: 0 36px;
    }

    .convTopItemAvatar,
    .convTopItemAvatar img {
        width: 58px;
        height: 58px;
    }

    .convTopItemAvatar {
        margin-right: 20px;
    }

    .convTopItemRight {
        width: calc(100% - 80px);
        padding: 8px 0;
    }

    .convTopItemRight h5 {
        font-size: 17px;
        letter-spacing: 0.54px;
    }

    .msg {
        max-width: 90%;
        margin: 10px 0;
    }

    .msg .msg-text h6 {
        font-size: 12px;
        letter-spacing: 0.36px;
    }

    .msg-toolbar {
        width: calc(100% - 72px);
        left: 0;
        padding: 10px 10px 10px 20px;
        margin-left: 36px;
    }

    .msg-toolbar input[type="text"] {
        width: 75%;
    }

    .contactList .convTopItemRight {
        padding: 8px 0 15px;
    }

    .msgCount {
        min-width: 18px;
        right: 0;
        bottom: 15px;
        font-size: 10px;
    }

    .contactList .convTopItemRight p.designation {
        padding-right: 35px;
    }

    .contactList .convTopItem {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .navpp-mainInner2 {
        padding: 0 36px;
    }

    .profileBtm {
        padding: 15px 36px 0;
    }

    .profileBtmBtnRight,
    .profileBtmBtnLeft {
        width: 100%;
        padding: 5px 0;
    }

    .profileBtmBtnLeft {
        padding-bottom: 0;
    }

    .borderedBtn3 {
        font-size: 12px;
        letter-spacing: 1.56px;
        padding: 13px 5px;
    }

    .navpp-mainInner4 {
        height: calc(100% - 110px);
    }

    .navpp-blockBtn {
        right: 0;
    }

    .navpp-block h5 {
        font-size: 14px;
        letter-spacing: 0.46px;
        padding-right: 50px;
    }

    .navpp-block p {
        padding-right: 50px;
    }

    .navpp-blockLabel,
    .navpp-blockLabel2 {
        font-size: 10px;
        letter-spacing: 1.3px;
    }


    /* login css start here */
    .login {
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
        left: 0;
        transform: translate(0, -50%);
    }

    /* login css end here */

    /* Microsite css start here */
    .epLogoArea img {
        height: 35px;
    }

    .backToCportal {
        padding-left: 30px;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .backToCportal span {
        display: none;
    }

    .temp7-imgArea .temp7-imgAreaPoster {
        object-position: center;
        -o-object-position: center;
    }

    .temp7-1 {
        margin-bottom: 15px;
        font-size: 12px;
        letter-spacing: 1.56px;
    }

    .temp7-2,
    .temp8 h2,
    .temp9-1,
    .temp10 h2,
    .temp11-1 {
        font-size: 20px;
        letter-spacing: 4px;
    }

    .temp7-videoPlay,
    .temp7-videoPlay a {
        width: 70px;
        height: 70px;
    }

    .temp7-videoPlay a .material-icons {
        font-size: 36px;
    }

    .temp7-3,
    .temp8 h5,
    .temp9-2,
    .temp9-3,
    .temp10 h5,
    .temp11-2 {
        font-size: 14px;
        letter-spacing: 1.82px;
        line-height: 1.6;
    }

    .temp8 {
        padding-top: 120px;
        padding-bottom: 60px;
    }

    .temp8 h2,
    .temp9-1,
    .temp10 h2,
    .temp11-1 {
        margin-bottom: 15px;
    }

    .temp8 h5,
    .temp9-2,
    .temp9-media {
        margin-bottom: 30px;
    }

    .scrollbar {
        height: 4px;
    }

    .scrollbar .handle {
        width: 70px;
        height: 7px;
    }

    .temp9,
    .temp10,
    .temp11 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .temp9-mediaImg img {
        height: 400px;
    }

    .temp9-4 {
        font-size: 12px;
        letter-spacing: 1.56px;
    }

    .temp9-3 {
        margin-bottom: 20px;
    }

    .temp8-item a {
        width: 42px;
        height: 42px;
        border-width: 1px;
    }

    .temp8-item a .material-icons {
        font-size: 24px;
    }

    .frame,
    .temp10-sliderArea .frame {
        height: 320px;
    }

    .temp8-item,
    .temp10-item {
        padding: 0 5px;
    }

    .frame .slidee li {
        width: 190px;
    }

    .temp8-item .temp8-itemInner {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    .temp8-item p {
        font-size: 10px;
        letter-spacing: 0.6px;
        padding: 0 15px 10px;
    }

    .temp8-item:hover .temp8-itemInner {
        border-color: rgba(0, 210, 242, 0);
    }

    .temp8-item p,
    .temp8-item a {
        opacity: 1;
    }

    .temp8-item .temp8-itemInner:before,
    .temp10-item .temp10-itemInner:before,
    .temp10-item .temp10-itemInner:after,
    .temp10-item:hover .temp10-itemInner:before,
    .temp10-item:hover .temp10-itemInner:after {
        background: transparent;
    }

    .temp8-item .temp8-itemInner:after,
    .temp8-item:hover .temp8-itemInner:after {
        background: transparent linear-gradient(180deg, rgba(7, 10, 19, 0) 0%, rgba(7, 10, 19, 1) 100%) 0% 0% no-repeat;
    }

    .temp10-item .temp10-itemInner,
    .temp10-item:hover .temp10-itemInner {
        border-color: rgba(0, 210, 242, 0);
        height: 72%;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    .temp10 .frame .slidee li {
        width: 220px;
    }

    .temp10-item .temp10-txt p {
        font-size: 10px;
        letter-spacing: 0.6px;
        line-height: 1.4;
    }

    .temp10-item .temp10-txt {
        opacity: 1;
        visibility: visible;
    }

    /* Microsite css end here */

    /* TnC page css start here */
    .navTabTxt {
        font-size: 16px;
        letter-spacing: 1px;
        padding-bottom: 13px;
    }

    .tncArea h4 {
        font-size: 18px;
    }

    /* TnC page css end here */

    /* No RSVP page css start here */
    .no-rsvpArea {
        padding-right: 20px;
        padding-left: 20px;
    }

    .no-rsvpInner {
        padding: 30px 20px;
    }

    .no-rsvp {
        margin-top: -150px;
    }

    .no-rsvpIcon {
        margin-bottom: 30px;
    }

    .no-rsvpArea h4 {
        font-size: 20px;
        letter-spacing: 2px;
    }

    .no-rsvpTxt p {
        font-size: 14px;
    }

    /* No RSVP page css end here */

    .whereToUse a {
        font-size: 12px;
    }

    .copyBtn a {
        padding: 9px 15px;
        font-size: 10px;
    }

    .temp6-item h4 {
        margin-bottom: 20px;
    }

    .temp5-videoPlay,
    .temp5-videoPlay a,
    .temp3-videoPlay,
    .temp3-videoPlay a {
        width: 70px;
        height: 70px;
    }

    .temp5-videoPlay a .material-icons,
    .temp3-videoPlay a .material-icons {
        font-size: 36px;
    }

    .temp3-slider .slick-dots {
        bottom: 20px;
        text-align: left;
        padding-left: 35px;
    }

    .nice-select.open .list {
        max-height: 75px;
    }

    .nice-select.open .nice-listWrap {
        max-height: 150px;
    }

    .selectize-dropdown,
    .selectize-input,
    .selectize-input input {
        font-size: 14px;
    }

    .selectize-dropdown [data-selectable].option {
        padding-left: 25px;
        font-size: 12px;
        line-height: 1.5;
    }

    .selectize-input {
        height: 35px;
    }

    .selectize-dropdown [data-selectable].option:before {
        width: 16px;
        height: 16px;
    }

    .radioBtn input:checked+label:after,
    .selectize-dropdown [data-selectable].option.selected:after {
        top: 5px;
        left: 5px;
        width: 6px;
        height: 6px;
    }

    .selectize-dropdown-content {
        max-height: 70px;
    }




    .footerLogo {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }

    .footerLogo img {
        display: inline-block;
    }

    .assetRight {
        padding: 0 15px;
    }

    .assetRightHead {
        margin-top: 55px;
        margin-bottom: 25px;
    }

    .headSearch {
        width: 50%;
        right: initial;
        left: 25px;
        top: 0;
        display: block !important;
    }

    .assetRightHead h4 {
        width: calc(100% - 40px);
        margin-top: 0;
    }

    .allSelected {
        right: 0;
        top: -50px;
    }

    .assetItem {
        padding: 0 10px;
        margin-bottom: 25px;
    }

    .assetItemImg {
        height: 100px;
    }

    .assetItemTxt {
        padding: 0 10px;
    }

    .assetItemTxtInner {
        padding: 10px;
    }

    .assetChkBox {
        left: 10px;
        top: 10px;
    }

    .assetType {
        left: 10px;
        bottom: 10px;
    }

    .assetVidLength {
        right: 10px;
        bottom: 10px;
    }

    .assetType span {
        font-size: 15px;
    }

    .assetType span img {
        height: 15px;
    }

    .assetChkBox .chkbox label:before {
        width: 14px;
        height: 14px;
        border-radius: 2px;
    }

    .assetChkBox .chkbox input:checked+label:after {
        top: 2px;
        left: 4px;
        width: 5px;
        height: 9px;
    }

    .assetVidLength span {
        font-size: 8px;
    }

    .assetPlay span {
        font-size: 32px;
    }

    .assetItemTxt h6 {
        font-size: 10px;
    }

    .assetItemTxtBlock {
        height: 30px;
        padding-right: 10px;
    }

    .assetItemBtns {
        display: none;
    }

    .assetItemBtnsMobile {
        width: 110px;
        padding: 10px 15px;
        position: absolute;
        right: 30px;
        background-color: #fff;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, .1);
        border-radius: 4px;
        z-index: 1;
    }

    .assetItemBtnsMobile a {
        width: 100%;
        float: left;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .assetItemBtnsMobile a span:first-child {
        font-size: 16px;
        margin-right: 10px;
        float: left;
        background: transparent linear-gradient(180deg, #07C6EB 0%, #51A0EA 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .assetItemBtnsMobile a span:last-child {
        font-weight: 400;
        font-size: 10px;
        color: #000;
        float: left;
    }

    .assetsBtnMobile {
        display: block;
        position: absolute;
        right: 15px;
    }

    .assetsBtnMobile span {
        font-size: 14px;
    }

    .wbHeading {
        padding: 0 36px;
        margin-bottom: 25px;
    }

    .notifCard {
        width: calc(100% - 72px);
        margin-left: 36px;
    }

    .notifCardLeft,
    .notifCardRight {
        width: 100%;
    }

    .notifCardLeft {
        margin-bottom: 20px;
    }

    .notifIcon {
        width: 48px;
        height: 48px;
        border: 4px solid rgba(67, 146, 217, 0.2);
        border-radius: 100%;
    }

    .notifCardLeft h4 {
        font-size: 18px;
    }

    .notifCardLeft h4 img {
        height: 36px;
    }

    .notifIcon span {
        font-size: 12px;
    }

    .closeNotifBtn .shareBtn {
        width: 32px;
        height: 32px;
    }

    .closeNotifBtn .shareBtn span {
        font-size: 18px;
    }

    .notifTxt p {
        font-size: 10px;
    }

    .notifTime {
        font-size: 8px;
    }

    .notifCard {
        padding: 20px 25px 20px 20px;
    }

    .wbHeading h6 {
        font-size: 11px;
    }

    .wbHeading h4 {
        font-size: 20px;
    }

    .homeSocial {
        padding: 0 36px;
    }

    .hsSliderImg img {
        height: 200px;
    }

    .hSocialSlider .slick-dots {
        top: 215px;
    }

    .hsSliderTxt p {
        font-size: 12px;
        padding-right: 0;
    }

    .hsSliderTxt {
        padding: 30px 15px 20px;
    }

    .hsTwitter img {
        width: 18px;
    }

    .hsSliderBtns .hsTwitter {
        line-height: 30px;
    }

    .hsSliderBtns .hsTwitter span {
        font-size: 10px;
        margin-right: 5px;
    }

    .hsSliderBtns .shareBtn {
        width: 30px;
        height: 30px;
    }

    .hsSliderBtns .shareBtn span {
        font-size: 14px;
    }

    .heading {
        margin-bottom: 0;
    }

    .assetItem.uceslideItem .assetItemBtns,
    .assetItem.naslideItem .assetItemBtns {
        display: block;
    }

    .assetItem.uceslideItem .assetItemTxtInner,
    .assetItem.naslideItem .assetItemTxtInner {
        padding: 20px 10px;
    }

    .assetItem.uceslideItem .assetItemImg,
    .assetItem.naslideItem .assetItemImg {
        height: 150px;
    }

    .assetItem.uceslideItem .assetItemTxt h6,
    .assetItem.naslideItem .assetItemTxt h6 {
        font-size: 12px;
    }

    .assetItem.uceslideItem,
    .assetItem.naslideItem {
        margin-bottom: 0;
        padding: 0;
    }

    .assetItem.naslideItem .assetItemTxtBlock {
        height: 77px;
    }

    .assetItem.naslideItem .assetItemTxt p {
        font-size: 10px;
    }

    .assetItem.naslideItem .assetItemBtns a.previewBtn {
        border-width: 1px;
        min-width: 160px;
    }

    .assetItemBtns {
        margin-top: 15px;
    }

    .eventsHead {
        padding: 0 36px;
    }

    table.dataTable tbody th,
    table.dataTable tbody td {
        padding: 5px 10px;
        font-size: 12px;
    }

    .moTable {
        border-radius: 0;
        padding: 30px 10px;
        margin-top: 10px;
        margin-bottom: 40px;
    }

    .mobTxt,
    .newLead {
        width: calc(100% - 72px);
        margin-left: 36px;
        text-align: center;
        border-radius: 15px;
    }

    .newLead p {
        width: 100%;
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 14px;
    }

    .newLead a {
        float: none;
    }

    .blueBtn2 {
        font-size: 10px;
    }

    .mobImg img {
        width: 100%;
        border-radius: 0;
        height: 190px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .obSection {
        padding: 0 36px;
    }

    .obSection h2 {
        font-size: 28px;
    }

    .obSection .temp6-item h4 {
        padding-bottom: 5px;
        margin-bottom: 20px;
    }

    .obSectionBtm h6,
    .obSection .temp6-pdBlock h5 {
        font-size: 16px;
        padding-right: 0;
    }

    .obSection .temp6-pdBlock p {
        padding-right: 20%;
    }

    .temp6-item {
        margin-bottom: 30px;
    }

    .preferredDate .obItemLabel {
        margin-bottom: 20px;
    }

    .obItemLabel {
        letter-spacing: 1.3px;
    }

    .preferredDate {
        width: 100%;
        padding-bottom: 0;
    }

    .logisticSupportYes,
    .logisticSupportCYes {
        margin-top: 0;
        font-size: 12px;
        padding-right: 0;
    }

    .inputRowRadio .radioBtn label,
    .obTncTxt {
        line-height: 1.8;
        font-size: 12px;
    }

    .obTncTxt {
        margin-left: 30px;
    }

    .obItemLabel {
        font-size: 10px;
    }

    .obSection .temp6-pdBlock p {
        padding-right: 0;
        font-size: 12px;
    }

    .obSection .writeToUsBtn {
        font-size: 12px;
        letter-spacing: 1.32px;
    }

    .obSection textarea {
        font-size: 14px;
        letter-spacing: 0.42px;
    }

    .obSectionBtm {
        padding: 0;
    }

    .obSectionBtm h6 {
        font-size: 12px;
        padding-right: 0;
        margin-bottom: 25px;
    }

    .inputRow h6 {
        font-size: 14px;
        line-height: 1.5;
    }

    .inputRow li {
        padding-right: 0;
        width: 100%;
    }

    .radioBtn.docNeedRadio label {
        font-size: 14px;
        line-height: 1.8;
    }

    .pp-radioRow {
        margin-bottom: 20px;
    }

    .deSubLine {
        font-size: 12px;
    }

    .addNewCustBtn span.material-icons {
        font-size: 18px;
        margin-right: 5px;
    }

    .addNewCustBtn a {
        font-size: 12px;
        letter-spacing: 1.32px;
    }

    .docRow {
        padding: 15px 20px;
    }

    .docIcon span {
        font-size: 20px;
    }

    .docIcon,
    .docDelete {
        width: 20px;
    }

    .obSection .temp6-pdBlock .docTxt p {
        font-size: 10px;
    }

    .obSection .temp6-pdBlock .docTxt p.docSize {
        font-size: 8px;
    }

    .docDelete span {
        font-size: 18px;
    }

    .addNewCustBtn {
        position: relative;
        float: left;
        margin-bottom: 40px;
    }

    .addNewCustBtn.selectExisting {
        position: absolute;
        margin-bottom: 0;
    }

    .obSection h2 span {
        padding-left: 20px;
    }

    .oPlaceOn {
        margin-top: -25px;
    }

    .oChange {
        padding: 24px;
    }

    .oChange p {
        font-size: 14px;
        line-height: 1.5;
    }

    .odArea {
        width: 100%;
        padding-right: 0;
    }

    .ddArea {
        width: 100%;
    }

    .supportRow .contactAvatar,
    .supportRow .contactAvatar img {
        width: 90px;
        height: 90px;
        top: 0;
        left: 0;
    }

    .supportRow .contactRight {
        padding: 15px 0 25px 115px;
    }

    .contactBtn a {
        width: 38px;
        height: 38px;
    }

    /*  .contactBtn {
        right: initial;
        top: 0;
        left: 55px;
    } */
    .contactTxt .temp6-itemBlockVal {
        padding-right: 0;
    }

    .supportRow .temp6-itemBlockVal {
        font-size: 17px;
    }

    .createMessageBtn {
        bottom: initial;
        top: 10px;
    }

    .footerLogo {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .footerLogo img {
        height: 18px;
        display: inline-block;
    }

    .srDesig {
        font-size: 13px;
    }

    .bConfig {
        padding: 0;
        margin-bottom: 60px;
    }

    .bConfigImg {
        width: 94%;
        position: relative;
        left: 3%;
        top: 150px;
        margin-top: -100px;
    }

    .bConfigImg img {
        height: 210px;
    }

    .bConfigTxt {
        width: 100%;
        height: auto;
        padding: 170px 15px 40px;
        float: left;
        text-align: center;
        background: #fff;
        border: 0;
        border-radius: 0;
        box-shadow: 10px 23px 99px rgba(0, 0, 0, .16);
    }

    .bConfigTxt h4 {
        margin-bottom: 12px;
    }

    .trackOrder {
        padding: 0 10%;
    }

    .trackItem {
        width: 100%;
        padding: 0;
    }

    .trackTxt {
        width: 75%;
        height: 70px;
        float: right;
        padding: 12px 25px;
        margin-top: 15px;
        border-radius: 15px;
    }

    .trackTxt h6 {
        font-size: 18px;
    }

    .trackLine {
        width: 22px;
        height: 100px;
        margin-bottom: 0;
    }

    .tlLeft,
    .tlRight {
        width: 6px;
        height: 50px;
        position: absolute;
        left: calc(50% - 3px);
        top: 0;
        border-radius: 0;
        background: linear-gradient(to top, #00D2F2 50%, #DEDEDE 50%);
        background-size: 100% 200%;
    }

    .tlRight {
        top: initial;
        bottom: 0;
    }

    .tlCircle {
        top: calc(50% - 11px);
        left: 0;
    }

    .trackO {
        margin-bottom: 0;
    }

    .assetppHeadType {
        width: 42px;
    }

    .assetppHeadType span {
        font-size: 42px;
    }

    .assetppHeadTxt {
        width: calc(100% - 30px);
        /* width: calc(100% - 70px); */
    }

    .assetppHead h6 {
        font-size: 16px;
        line-height: 1.2;
    }

    .assetppHead p {
        font-size: 10px;
    }

    .qv-close {
        top: 10px;
        width: 32px;
        height: 32px;
    }

    .qv-close::before,
    .qv-close::after {
        top: 9px;
        left: 16px;
        height: 14px;
    }

    .temp6-crBtn a {
        padding: 15px;
    }

    .temp6-crBtnTxt {
        display: none;
    }

    .temp6-crBtn a .material-icons {
        font-size: 24px;
        top: calc(50% - 12px);
        right: calc(50% - 12px);
    }

    .temp6-crType {
        font-size: 14px;
        color: rgba(0, 0, 0, .6);
    }

    .customerSearch input[type='text'] {
        padding: 9px 5px 9px 15px;
        font-size: 14px;
    }

    .custAccSearchReset {
        margin: 0 5px 0 0;
    }

    .customerSearch .blueBtn {
        padding: 10px;
    }

    .pp-footer.sca-footer {
        padding: 15px 7% 0;
        z-index: 1;
    }

    .headingTxt h2 {
        justify-content: center;
    }

    .inviteCostBtnArea {
        width: calc(100% - 60px);
    }
    .inviteCostBtnArea .blueBtn {
        justify-content: center;
    }
    .addGuestBtn, 
    .viewGuestsBtn {
        width: 32px;
        height: 32px;
    }
    .icoTable {
        padding: 90px 30px 30px;
        border-radius: 0;
    }
    .icoTable .dataTables_wrapper .dataTables_filter {
        margin-bottom: 10px;
    }
    .temp5-eventInner h6 {
        font-size: 14px;
    }
    .temp5-eventInner {
        padding: 30px 20px 40px;
    }
    .temp5-event {
        padding-right: 20px;
        padding-left: 20px;
    }
    .temp12 {
        margin-bottom: 40px;
    }



}


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


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

    .ui-datepicker,
    .ap-layout-relative .ap-cont {
        width: calc(100% - 107px);
    }

    .ui-menu .ui-menu-item-wrapper,
    .ui-selectmenu-menu .ui-state-active,
    .ui-selectmenu-menu .ui-widget-content .ui-state-active {
        font-size: 12px;
        margin-bottom: 15px;
    }

    .temp5-img,
    .temp5-img img,
    .temp5-mediaArea .temp5-imgAreaPoster,
    .temp5-videoArea video {
        height: 78vh;
    }

    .temp5-videoClose img {
        width: 38px;
        height: 38px;
    }

    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_processing,
    .dataTables_wrapper .dataTables_paginate {
        color: rgba(0, 0, 0, .6);
        font-weight: 500;
        font-size: 10px;
    }

    .docTxt {
        width: 75%;
    }

    .blueBtn2 {
        padding: 11px 20px;
    }

}


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


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