
.nopadding {
    padding: 0 !important
}

body {
    overflow-x: hidden;
    font-family: "Maven Pro";
    padding: 0 !important;
    margin: 0 !important
}

[class*=" sui-"],
[class^=sui-] {
    font-family: sUI !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.m-0 {
    margin: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.p-0 {
    padding: 0
}

.pb-0,
.pt-0,
.py-0 {
    padding-top: 0 !important
}

.border-light {
    border: 1px solid #ccc
}

.border-brand {
    border: 2px solid #ffbd00 !important
}

.p-10 {
    padding: 10px !important
}

.p-10,
.px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.p-10,
.py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.p-15,
.px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.p-15,
.py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.sui-girl:before {
    content: "\e190"
}

.sui-standing-up-man:before {
    content: "\e189"
}

.sui-toilet:before {
    content: "\e188"
}

.sui-sun-umbrella:before {
    content: "\e187"
}

.sui-summer:before {
    content: "\e186"
}

.sui-island-with-palm-trees:before {
    content: "\e185"
}

.sui-ocean-transportation:before {
    content: "\e184"
}

.sui-car-1:before {
    content: "\e183"
}

.sui-delivery-truck:before {
    content: "\e182"
}

.sui-frontal-taxi-cab:before {
    content: "\e181"
}

.sui-car2:before {
    content: "\e180"
}

.sui-guest:before {
    content: "\e179"
}

.sui-hotel-1:before {
    content: "\e178"
}

.sui-double-king-size-bed:before {
    content: "\e177"
}

.sui-hotel:before {
    content: "\e176"
}

.sui-sleeping-bed-silhouette:before {
    content: "\e175"
}

.sui-transport:before {
    content: "\e174"
}

.sui-airplane-flight-ticket:before {
    content: "\e173"
}

.sui-airplane:before {
    content: "\e172"
}

.sui-flight_hotel:before {
    content: "\e171"
}

.sui-boarding-pass:before {
    content: "\e170"
}

.sui-goggle:before {
    content: "\e169"
}

.sui-island:before {
    content: "\e168"
}

.sui-suitcase:before {
    content: "\e167"
}

.sui-landmark:before {
    content: "\e166"
}

.sui-navigation:before {
    content: "\e165"
}

.sui-map:before {
    content: "\e164"
}

.sui-boat:before {
    content: "\e163"
}

.sui-beach:before {
    content: "\e162"
}

.sui-take-off:before {
    content: "\e161"
}

.sui-trekking:before {
    content: "\e160"
}

.sui-plane:before {
    content: "\e159"
}

.sui-resort:before {
    content: "\e920"
}

.sui-car:before {
    content: "\e158"
}

.sui-arrivals:before {
    content: "\e157"
}

.sui-departures:before {
    content: "\e156"
}

.sui-ship:before {
    content: "\e155"
}

.sui-login:before {
    content: "\e154"
}

.sui-envelope:before {
    content: "\e153"
}

.sui-phone-call:before {
    content: "\e152"
}

.sui-notification:before {
    content: "\e100"
}

.sui-check:before {
    content: "\e101"
}

.sui-delete:before {
    content: "\e102"
}

.sui-add-user:before {
    content: "\e103"
}

.sui-tag:before {
    content: "\e104"
}

.sui-credit-card:before {
    content: "\e105"
}

.sui-shopping-cart:before {
    content: "\e106"
}

.sui-printer:before {
    content: "\e107"
}

.sui-settings:before {
    content: "\e108"
}

.sui-video-camera:before {
    content: "\e109"
}

.sui-store:before {
    content: "\e10a"
}

.sui-refresh:before {
    content: "\e10b"
}

.sui-cut:before {
    content: "\e10c"
}

.sui-moon:before {
    content: "\e10d"
}

.sui-padnote:before {
    content: "\e10e"
}

.sui-puzzle:before {
    content: "\e10f"
}

.sui-briefcase:before {
    content: "\e110"
}

.sui-video:before {
    content: "\e111"
}

.sui-layout:before {
    content: "\e112"
}

.sui-clip:before {
    content: "\e113"
}

.sui-remove:before {
    content: "\e114"
}

.sui-logout:before {
    content: "\e115"
}

.sui-bag:before {
    content: "\e116"
}

.sui-up-arrow:before {
    content: "\e117"
}

.sui-lightning:before {
    content: "\e118"
}

.sui-presentation:before {
    content: "\e119"
}

.sui-stats:before {
    content: "\e11a"
}

.sui-info:before {
    content: "\e11b"
}

.sui-visible:before {
    content: "\e11c"
}

.sui-speech-bubble:before {
    content: "\e11d"
}

.sui-add:before {
    content: "\e11e"
}

.sui-file:before {
    content: "\e11f"
}

.sui-cancel-1:before {
    content: "\e120"
}

.sui-clock:before {
    content: "\e121"
}

.sui-cancel:before {
    content: "\e122"
}

.sui-right-arrow-c:before {
    content: "\e123"
}

.sui-correct:before {
    content: "\e124"
}

.sui-placeholder:before {
    content: "\e125"
}

.sui-target:before {
    content: "\e126"
}

.sui-timer:before {
    content: "\e127"
}

.sui-gallery:before {
    content: "\e128"
}

.sui-left-arrow-c:before {
    content: "\e129"
}

.sui-heart:before {
    content: "\e12a"
}

.sui-calendar:before {
    content: "\e12b"
}

.sui-right-arrow:before {
    content: "\e12c"
}

.sui-down-arrow:before {
    content: "\e12d"
}

.sui-profile:before {
    content: "\e12e"
}

.sui-search:before {
    content: "\e12f"
}

.sui-edit:before {
    content: "\e130"
}

.sui-sun:before {
    content: "\e131"
}

.sui-left-arrow:before {
    content: "\e132"
}

@font-face {
    font-family: lataar;
    src: url(../fonts/lataar/lataar.eot?6wp9av);
    src: url(../fonts/lataar/lataar.eot?6wp9av#iefix) format('embedded-opentype'), url(../fonts/lataar/lataar.ttf?6wp9av) format('truetype'), url(../fonts/lataar/lataar.woff?6wp9av) format('woff'), url(../fonts/lataar/lataar.svg?6wp9av#lataar) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
    font-family: lataar !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-binoculars:before {
    content: "\e900"
}

.icon-find-again-option:before {
    content: "\e901"
}

.icon-finder:before {
    content: "\e902"
}

.icon-video-camera-1:before {
    content: "\e903"
}

.icon-security-camera:before {
    content: "\e904"
}

.icon-surveillance-video-camera:before {
    content: "\e905"
}

.icon-video-camera:before {
    content: "\e906"
}

.icon-support:before {
    content: "\e907"
}

.text-muted {
    color: #777
}

.text-primary,
.text-secondary {
    color: #ffbd00
}

p {
    font-size: 14px;
    line-height: 1.75
}

p.large {
    font-size: 16px
}

a,
a.active,
a:active,
a:focus,
a:hover {
    outline: 0;
    text-decoration: none
}

a {
    color: #555
}

a.active,
a:active,
a:focus,
a:hover {
    color: #485a65
}

h1,
h2,
h3 {
    font-family: Open Sans, sans-serif
}

h4,
h5,
h6 {
    font-family: Open Sans, sans-serif;
    font-weight: 400
}

input:focus {
    outline: 0
}

.img-centered {
    margin: 0 auto
}

.Gold-fo {
    color: #f0a900
}

.Silver-fo {
    color: #ccc
}

.bg-light-gray {
    background-color: #f8f8f8
}

.bg-light-black {
    background-color: #eee
}

.bg-darkest-gray {
    background-color: #373737
}

input[readonly].default-cursor {
    cursor: pointer !important
}

::-moz-selection {
    text-shadow: none;
    background: #ffbd00
}

::selection {
    text-shadow: none;
    background: #ffbd00
}

img::selection {
    background: 0 0
}

img::-moz-selection {
    background: 0 0
}

.form-control:focus {
    box-shadow: none;
    border-color: #ffbd00
}

.ui-widget.ui-menu {
    cursor: default;
    max-height: 265px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 99999
}

.input-div .form-control.select_bg {
    padding-left: 10px;
    padding-right: 25px
}

.select_bg {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../../trvx-static-asset-files/images/down-arrow.png);
    background-position: 96% 9px;
    background-repeat: no-repeat;
    padding-left: 10px
}

.select_bg::-ms-expand {
    display: none
}

.otp {
    height: 100vh;
    background-image: linear-gradient(to right top, #d40000, #c5003b, #9f005f, #650073, #001e73);
    text-align: center;
    position: relative
}

.otp .otp-box {
    background-color: rgba(255, 255, 255, .8);
    margin: 0 auto;
    position: absolute;
    width: 25%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .3)
}

.otp .otp-box .logo {
    background-color: #fff;
    border-radius: 6px
}

.otp .otp-box .logo img {
    margin-top: 30px;
    margin-bottom: 20px
}

.otp .otp-box .otp-from {
    padding: 20px
}

fieldset {
    width: 100%
}

section {
    padding: 0 15px
}

.CaptchaWrap {
    position: relative
}

.CaptchaTxtField {
    border-radius: 5px;
    border: 1px solid #ccc;
    display: block;
    box-sizing: border-box
}

#UserCaptchaCode {
    padding: 8px 10px;
    outline: 0;
    font-size: 14px;
    font-weight: 400;
    width: 100%
}

#CaptchaImageCode {
    text-align: center;
    margin-top: 15px;
    padding: 0;
    width: 300px;
    overflow: hidden
}

.capcode {
    font-size: 30px;
    display: block;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    letter-spacing: 1px;
    color: #ccc
}

.ReloadBtn {
    background: url(../../trvx-static-asset-files/images/update-64.png) left top no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
    border: 0;
    position: absolute;
    bottom: 30px;
    left: 310px;
    outline: 0;
    cursor: pointer
}

.btnSubmit {
    margin-top: 25px;
    border: 0;
    padding: 7px 30px;
    border-radius: 5px;
    font-size: 16px;
    background-color: #425ba7;
    color: #fff;
    cursor: pointer
}

.error {
    color: red;
    font-size: 12px;
    display: none
}

.success {
    color: green;
    font-size: 18px;
    margin-bottom: 15px;
    display: none
}

@media only screen and (max-width:1550px) {
    .otp-box {
        width: 30% !important
    }
}

@media only screen and (max-width:1330px) {
    .otp-box {
        width: 40% !important
    }
}

@media only screen and (max-width:962px) {
    .otp-box {
        width: 50% !important
    }
}

@media only screen and (max-width:762px) {
    .otp-box {
        width: 60% !important
    }
}

@media only screen and (max-width:630px) {
    .otp-box {
        width: 80% !important
    }
}

@media only screen and (max-width:480px) {

    #CapCode,
    #CaptchaImageCode,
    .CaptchaWrap {
        width: 320px !important
    }

    .otp-box {
        width: 90% !important
    }

    .otp-box.logo img {
        width: 38% !important
    }

    #CaptchaImageCode {
        width: 280px !important
    }

    .ReloadBtn {
        left: 90% !important
    }
}

@media only screen and (max-width:405px) {

    #CapCode,
    #CaptchaImageCode {
        width: 260px !important
    }

    .CaptchaWrap {
        width: 300px !important
    }

    .ReloadBtn {
        left: 90% !important
    }
}

@media only screen and (max-width:380px) {
    .otp-box {
        width: 95% !important
    }

    .ReloadBtn {
        width: 23px !important;
        height: 21px !important;
        top: 18px !important;
        left: 104% !important
    }

    #CapCode,
    #CaptchaImageCode,
    .CaptchaWrap {
        width: 233px !important
    }
}

@media only screen and (max-width:360px) {

    #CapCode,
    #CaptchaImageCode,
    .CaptchaWrap {
        width: 233px !important
    }
}

.captcha-container {
    -moz-box-sizing: border-box;
    -webkit-border-radius: 3px;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    border: 2px solid transparent;
    box-sizing: border-box;
    margin-bottom: 10px !important;
    margin: 30px auto;
    padding: 5px 0 0;
    width: 100%
}

.captcha-container:after {
    content: "";
    display: inline-block;
    width: 100%
}

.captcha-container li {
    display: inline-block
}

.captcha-container p {
    margin-top: 5px;
    text-align: center
}

.captcha-container ul {
    display: table;
    margin: auto;
    padding: 0;
    text-align: center
}

.captcha-container ul li {
    background: url(../../trvx-static-asset-files/images/fruit_120px.png) no-repeat;
    cursor: pointer;
    height: 60px;
    width: 60px;
    background-size: cover
}

.captcha-container ul li.c {
    background-position: -120px 4px
}

.captcha-container ul li.o {
    background-position: 0 4px
}

.captcha-container ul li.w {
    background-position: -182px 4px
}

.captcha-container ul li.k {
    background-position: -180px 4px
}

.captcha-container ul li.l {
    background-position: -240px 4px
}

.captcha-container ul li.b {
    background-position: -360px 4px
}

.captcha-container ul li.a {
    background-position: -61px 4px
}

.captcha-container ul li.pe {
    background-position: -300px 4px
}

.captcha-container ul li.t {
    background-position: -420px 4px
}

.captcha-container1 {
    -moz-box-sizing: border-box;
    -webkit-border-radius: 3px;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    border: 2px solid transparent;
    box-sizing: border-box;
    margin-bottom: 10px !important;
    margin: 30px auto;
    padding: 5px 0 0;
    width: 100%
}

.captcha-container1:after {
    content: "";
    display: inline-block;
    width: 100%
}

.captcha-container1 li {
    display: inline-block
}

.captcha-container1 p {
    margin-top: 5px;
    text-align: center
}

.captcha-container1 ul {
    display: table;
    margin: auto;
    padding: 0;
    text-align: center
}

.captcha-container1 ul li {
    background: url(../../trvx-static-asset-files/images/fruit_120px.png) no-repeat;
    cursor: pointer;
    height: 60px;
    width: 60px;
    background-size: cover
}

.captcha-container1 ul li.c {
    background-position: -120px 4px
}

.captcha-container1 ul li.o {
    background-position: 0 4px
}

.captcha-container1 ul li.w {
    background-position: -182px 4px
}

.captcha-container1 ul li.k {
    background-position: -180px 4px
}

.captcha-container1 ul li.l {
    background-position: -240px 4px
}

.captcha-container1 ul li.b {
    background-position: -360px 4px
}

.captcha-container1 ul li.a {
    background-position: -61px 4px
}

.captcha-container1 ul li.pe {
    background-position: -300px 4px
}

.captcha-container1 ul li.t {
    background-position: -420px 4px
}

.captcha-container2 {
    -moz-box-sizing: border-box;
    -webkit-border-radius: 3px;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    border: 2px solid transparent;
    box-sizing: border-box;
    margin-bottom: 10px !important;
    margin: 30px auto;
    padding: 5px 0 0;
    width: 100%
}

.captcha-container2:after {
    content: "";
    display: inline-block;
    width: 100%
}

.captcha-container2 li {
    display: inline-block
}

.captcha-container2 p {
    margin-top: 5px;
    text-align: center
}

.captcha-container2 ul {
    display: table;
    margin: auto;
    padding: 0;
    text-align: center
}

.captcha-container2 ul li {
    background: url(../../trvx-static-asset-files/images/fruit_120px.png) no-repeat;
    cursor: pointer;
    height: 60px;
    width: 60px;
    background-size: cover
}

.captcha-container2 ul li.c {
    background-position: -120px 4px
}

.captcha-container2 ul li.o {
    background-position: 0 4px
}

.captcha-container2 ul li.w {
    background-position: -182px 4px
}

.captcha-container2 ul li.k {
    background-position: -180px 4px
}

.captcha-container2 ul li.l {
    background-position: -240px 4px
}

.captcha-container2 ul li.b {
    background-position: -360px 4px
}

.captcha-container2 ul li.a {
    background-position: -61px 4px
}

.captcha-container2 ul li.pe {
    background-position: -300px 4px
}

.captcha-container2 ul li.t {
    background-position: -420px 4px
}

.captcha-container3 {
    -moz-box-sizing: border-box;
    -webkit-border-radius: 3px;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    border: 2px solid transparent;
    box-sizing: border-box;
    margin-bottom: 10px !important;
    margin: 30px auto;
    padding: 5px 0 0;
    width: 100%
}

.captcha-container3:after {
    content: "";
    display: inline-block;
    width: 100%
}

.captcha-container3 li {
    display: inline-block
}

.captcha-container3 p {
    margin-top: 5px;
    text-align: center
}

.captcha-container3 ul {
    display: table;
    margin: auto;
    padding: 0;
    text-align: center
}

.captcha-container3 ul li {
    background: url(../../trvx-static-asset-files/images/fruit_120px.png) no-repeat;
    cursor: pointer;
    height: 60px;
    width: 60px;
    background-size: cover
}

.captcha-container3 ul li.c {
    background-position: -120px 4px
}

.captcha-container3 ul li.o {
    background-position: 0 4px
}

.captcha-container3 ul li.w {
    background-position: -182px 4px
}

.captcha-container3 ul li.k {
    background-position: -180px 4px
}

.captcha-container3 ul li.l {
    background-position: -240px 4px
}

.captcha-container3 ul li.b {
    background-position: -360px 4px
}

.captcha-container3 ul li.a {
    background-position: -61px 4px
}

.captcha-container3 ul li.pe {
    background-position: -300px 4px
}

.captcha-container3 ul li.t {
    background-position: -420px 4px
}

.captcha-container.fruitfail,
.captcha-container1.fruitfail,
.captcha-container2.fruitfail,
.captcha-container3.fruitfail {
    border: 2px solid #ff9147
}

.captcha-container.fruitsuccess,
.captcha-container1.fruitsuccess,
.captcha-container2.fruitsuccess,
.captcha-container3.fruitsuccess {
    border: 2px solid #a7cb1c
}

.captcha-div p {
    color: #000
}