/*Icons: Start*/
[class*=" icon-"]:before,[class^=icon-]:before{
    font-family:"7across"!important;
    font-style:normal;
    font-weight:400;
    speak:never;
    display:inline-block;
    text-decoration:inherit;
    width:1em;
    margin:.2em;
    text-align:center;
    font-variant:normal;
    text-transform:none;
    line-height:1em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-whatsapp:before{content:"\e902"}.icon-wechat:before,.icon-weixin:before{content:"\e903"}.icon-recreation:before{content:"\e904"}.icon-hotel:before{content:"\e905"}.icon-A-pointer-black:before{content:"\e7"}.icon-A-arrow-black:before{content:"\e901"}.icon-spark:before{content:"\e908"}.icon-chevron-down:before{content:"\e801"}.icon-chevron-left:before{content:"\e802"}.icon-chevron-right:before{content:"\e803"}.icon-chevron-up:before{content:"\e804"}.icon-ok-circled:before{content:"\e805"}.icon-plus-outline:before{content:"\e806"}.icon-search:before{content:"\e807"}.icon-facebook:before{content:"\e808"}.icon-twitter:before{content:"\e809"}.icon-linkedin:before{content:"\e80a"}.icon-googleplus:before{content:"\e80b"}.icon-close-empty:before{content:"\e80c"}.icon-add:before{content:"\e813"}.icon-checkmark-empty:before{content:"\e814"}.icon-checkbox:before{content:"\e815"}.icon-checkbox-blank:before{content:"\e816"}.icon-checkmark-circled:before{content:"\e817"}.icon-download:before{content:"\e818"}.icon-back:before{content:"\e819"}.icon-cancel:before{content:"\e81a"}.icon-information-outline:before{content:"\e81b"}.icon-asterisk:before{content:"\e81c"}.icon-warning:before{content:"\e81d"}.icon-r:before{content:"\e81e"}.icon-e:before{content:"\e81f"}.icon-b:before{content:"\e820"}.icon-phone:before{content:"\e821"}.icon-inclusive:before{content:"\e822"}.icon-navicon:before{content:"\e823"}.icon-menu:before{content:"\e824"}.icon-happy:before{content:"\e825"}.icon-sad:before{content:"\e826"}.icon-compass:before{content:"\e827"}.icon-calendar:before{content:"\e828"}.icon-login:before{content:"\e829"}.icon-ok:before{content:"\e82a"}.icon-map:before{content:"\f203"}.icon-boat:before{content:"\f36a"}.icon-car:before{content:"\f36f"}.icon-globe:before{content:"\f38c"}.icon-thin-down:before{content:"\f3d4"}.icon-profile:before{content:"\f419"}.icon-locked:before{content:"\f458"}.icon-newsletter:before{content:"\f471"}.icon-sad2:before{content:"\f4d7"}.icon-bubble:before{content:"\e96b"}.icon-airplane:before{content:"\e9af"}.icon-play2:before{content:"\ea15"}.icon-instagram:before{content:"\ea92"}.icon-pinterest:before{content:"\ead2"}
.ir{
    font-size:0;
    color:transparent;
    line-height:0;
    padding:0;
    margin:0
}
/*Icons: End*/
 body {
     font-family: 'Roboto', sans-serif;
     font-size: 16px;
     line-height: 1.4;
     color: #000;
     background-color: #1E1E46;
     margin-bottom: 60px;
}
 html {
     position: relative;
     min-height: 100%;
}
/*Typography*/
hr {
    border-color:  #000;
}
h1 {
    font-family: 'Red Hat Display', sans-serif !important;
    color:#000;
    font-size:28px;
    font-style:normal;
    font-weight:700;
    line-height:1;
}
h2 {
    font-family: 'Red Hat Display', sans-serif !important;
    color:#000;
    font-size:26px;
    font-style:normal;
    font-weight:700;
    line-height:1.2;
}
p {
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 1.4;
}
/*****Bootstrap overrides*****/
 .col-md-12 {
     padding: 0px;
}
/*****Helpers*****/
 .ta-center {
     text-align: center;
     margin: 0 auto;
}
.white-bg {
     background-color: #FFFFFF;
}
/*****Components*****/
/*Header*/
.header-bg {
     background: #1E1E46;
     height: auto;
     padding: 30px 0;
}
.navbar-default {
     background-color: #1E1E46;
     border-bottom: 0px solid #E9E9E4;
}
.img-logo {
     max-width: 200px;
     width: 100%;
     margin-top: 14px;
}
/*Footer*/
 .footer {
     width: 100%;
     position: relative;
}
footer{
     background: #1E1E46;
     height: auto;
     padding: 50px 0px 30px;
     color: #FFF
}
 .footer-img {
     max-width: 100px;
     width: 100%;
}
.copyright {
    margin-top: 15px;
    text-align: center;
}
.footer-social {
    margin: 0 auto;
    width: fit-content;
}
@media screen and (min-width: 767px) {
    .footer-social {
        margin: 0;
        float: right;
    }
}
.footer-social h5{
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 20px;
}
.footer-links {
    margin: 0;
    padding: 0;
}
.footer-links li {
    margin-bottom: 20px;
    list-style-type: none;
    text-align: center;
}
.footer-links a {
    color: #FFF;
}
@media screen and (min-width: 767px) {
    .copyright {
        margin-top: 0;
        text-align: right;
    }
    .footer-links li {
        display: inline-block;
        margin-right: 8px;
        margin-bottom: 0;
        text-align: left;
    }
}
 .footer-icons li a {
    background: #828a93;
    color:#1E1E46;
    font-size:20px;
    text-align: center;
    width: 46px;
    height: 46px;
    line-height: 46px !important;
    display: inline-block;
}
.footer-icons li a:hover,
.footer-icons li a:focus,
.footer-icons li a:active {
    background: #00ebd7;
}
.footer-icons li a,
.footer-icons li a:hover,
.footer-icons li a:focus,
.footer-icons li a:active {
    transition: background 0.3s linear;
}
.footer-icons {
    text-align: center;
}
@media screen and (min-width: 767px) {
    .footer-icons {
        text-align: right;
    }
}
/*Loading Animation & User feedback message*/
#alert-message {
    line-height: 1.3;
}
 #spinner, .message {
     overflow: hidden;
     padding-bottom: 60px;
     text-align: center;
}
.message {
    padding-top: 60px;
}
 #spinner {
     min-height: 603px;
     display: flex;
    justify-content: center;
    align-items: center;
}
 #alert {
     min-height: 603px;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    }
}
@-webkit-keyframes grow {
    from {
        -webkit-transform: scale(0);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes grow {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
#spinner .loading_wrap {
    width: 100%;
    text-align: center;
    -webkit-animation: grow 0.5s linear forwards;
    animation: grow 0.5s linear forwards;
}
#spinner .loading-spinner {
    width: 100%;
    font-size: 175px;
    line-height: 100px;
    -webkit-animation: spin 3.5s linear infinite;
    animation: spin 3.5s linear infinite;
}
#spinner .loading-spinner {
    color:  #00ebd7;
}
/*Loading Animation*/
/*****Components: End*****/
/*****Forms*****/
 .form-container {
    overflow: auto;
    padding: 8px 30px 30px 30px;
    min-height: 603px;
}
 .form-bg {
     padding: 50px 0 0 0;
     background: #EFEFEE;
}
 @media only screen and (max-width:736px) {
     .form-bg {
         padding: 0;
    }
}
 .form-padding {
     width: 100%;
     max-width: 720px;
     margin: 0 auto;
     padding: 0 10px;
}
 .form-label {
     font-weight: 400;
     color: #000;
}
 .form-custom {
     height: 45px;
     border-radius: 0;
     margin-bottom: 15px;
}
 input[disabled], select[disabled], input[readonly], select[readonly], fieldset[disabled] {
     background-color: #eee;
     opacity: 1;
     cursor: not-allowed;
}
input[type="checkbox"] {
  outline: 0 none;
  -webkit-appearance: none; }

input[type="checkbox"],
.checkbox {
  position: relative;
  display: inline-block;
  width: 31px !important;
  height: 31px !important;
  line-height: 30px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  font-weight: 700;
  color: #000;
  background: #00ebd7;
}

input[type="checkbox"]:focus,
.checkbox:focus {
  outline:  0 none !important;
  border: 1px solid #000;
}

input[type="checkbox"]:checked:after,
.checkbox.checked:after {
  font-family: '7across';
  font-size: 45px;
  position: absolute;
  top: -1px;
  left: 7px;
  content: "\E814";
  cursor: pointer;
}
label{
     font-family: 'Roboto', sans-serif;
     font-weight: 500 !important;
}
.sc-button {
     min-width: 225px;
     padding: 15px;
     font-family: 'Roboto', sans-serif;
     font-size: 18px;
     font-weight: 700 !important;
     margin: 15px 0;
}
 @media only screen and (max-width:600px) {
     .sc-button {
         width: 100%;
         min-width: 84vw;
         float: none !important;
    }
}
 input[type='checkbox'] {
     width: 16px;
     height: 16px;
}
 input[type='checkbox']:checked {
}
 input[type='checkbox']:hover {
}
 .form-bg {
     min-height: 100% !important;
     overflow: auto;
}
/* Custom Checkbox */
/* The container */
 .container-chkbox {
     display: block;
     position: relative;
     padding-left: 35px;
     margin-bottom: 12px;
     cursor: pointer;
     font-size: 22px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
/* Hide the browser's default checkbox */
 .container-chkbox input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
     height: 0;
     width: 0;
}
/* Create a custom checkbox */
 .checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 25px;
     width: 25px;
     background-color: #00ebd7;
}
/* On mouse-over, add a grey background color */
 .container:hover input ~ .checkmark {
     background-color: #00ebd7;
}
/* When the checkbox is checked, add a blue background */
 .container-chkbox input:checked ~ .checkmark {
     background-color: #00ebd7;
}
/* Create the checkmark/indicator (hidden when not checked) */
 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
}
/* Show the checkmark when checked */
 .container-chkbox input:checked ~ .checkmark:after {
     display: block;
}
/* Style the checkmark/indicator */
 .container-chkbox .checkmark:after {
     left: 9px;
     top: 3px;
     width: 8px;
     height: 16px;
     border: solid white;
     border-width: 0 3px 3px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
/* End Custom Checkbox */
/*****Forms: End*****/
/*****Mobile Styles*****/
 @media only screen and (max-width:480px){
    /* MOBILE GLOBAL STYLES - DO NOT CHANGE */
     body, .tb_properties{
        font-family: 'Roboto' !important;
         font-size: 16px !important;
         color: #000!important;
         line-height: 1 !important;
         padding: 0px !important;
    }
    .buttonstyles{
        font-family: 'Roboto' !important;
         font-size: 16px !important;
         color: #000 !important;
         padding: 0px !important;
    }
    h1{
         font-size: 22px !important;
         color: #202020 !important;
         line-height: 1.2 !important;
    }
    h2{
         font-size: 20px !important;
         color: #202020 !important;
         line-height: 1.3 !important;
    }
    h3{
         font-size: 18px !important;
         color: #202020 !important;
         line-height: 1.4 !important;
    }
    a:not(.buttonstyles){
        line-height: 1 !important;
    }
    .mobile-hidden{
        display: none !important;
    }
    .responsive-td {
        width: 100% !important;
         display: block !important;
         padding: 0 !important;
    }
}
/*****Mobile Styles*****/