*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
#sgn-base-view{
    height: 100%;
}
body,html{margin: 0;padding: 0;min-height: 100%;height: 100%;}
/*a:link,a:visited,a:focus,a:hover{text-decoration: ;color: #80c242;background: transparent;}*/
#sgn-error-cont{
    display: none;
}
@font-face {
    font-family: myriad-pro;
    src: url(https://use.typekit.net/af/c46797/00000000000000000001709a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/c46797/00000000000000000001709a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/c46797/00000000000000000001709a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: myriad-pro;
    src: url(https://use.typekit.net/af/ce7f6f/00000000000000000001709c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff2"), url(https://use.typekit.net/af/ce7f6f/00000000000000000001709c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff"), url(https://use.typekit.net/af/ce7f6f/00000000000000000001709c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("opentype");
    font-weight: 600;
    font-style: normal;
}
input[type='text']:focus,input[type='tel']:focus,input[type='password']:focus{
    outline: none;
}
*{
    font-size: 14px;
    font-family: myriad-pro,sans-serif;
    font-weight: 400 !important;
    color: #000;
    line-height: 150%;
}
.ui-datepicker-title span {
    color: #ffffff !important;
}
select {
    overflow: hidden;
    background: url(https://martjackassests.azureedge.net/css/themes/mjt02012590/images/main/drop-down-arrow.svg) no-repeat 95% center !important;
    background-position: right 10px center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
body{
    font-size: 13px;
    text-align: left;
    background: #ffffe1;
    line-height: 150%;
    height: 100%;
    width: 100%;
}
.notregister-msg {
    text-align: center;
    padding: 10px;
    color: #f1592a;
    font-size: 16px;
}
#transaction_popup_background{
    width:100%;
    height:100%;
    background:#000000;
    opacity:0.6;
    position:fixed;
    top:0px;
    left:0px;
    display:none;
    z-index:100;
}
#transaction_popup{
    width:700px;
    height:300px;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-150px;
    margin-left:-350px;
    background:#FFFFFF;
    display:none;
    z-index:110;
}
#close_transaction_popup{
    float:right;
    cursor:pointer;
    padding: 2px;
}
h1 {
    font-weight: 600 !important;
}
p {
    color: #80c242;
    font-size: 14px;
    padding: 0px;
    margin: 0px;
}
ul,ol{margin: 0;padding: 0;list-style: none;}
.table{
    display: table;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    border:0;
}
.col-lg-2-nav {
  width: 25%;
  position: relative;
  min-height: 1px;
  padding: 10px 0px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}
h4 {
    font-size: 16px;
    font-weight: normal;
    color: #333;
}
.tr{
    display: table-row;
}
.row {
    font-weight: 600;
}
.col-md-12, .col-md-6 {
    font-weight: 600;
}
.td{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.header{
    /*background: linear-gradient(130deg, #2388B0, #3ac);*/
    padding: 10px;
    min-height: 50px;
}
.error_text label {
    margin: 0px;
}
#logo {
    width: 40%;
    float: left;
}
.radio__icon {
    float: left;
    white-space: nowrap;
    line-height: 1;
    box-sizing: border-box;
    padding: 13px;
    width: 90%;
    color: #ffffff;
    background: #80c242;
    color: #d5eaef;
    border-radius: 4px;
    text-align: center;
}
.dropicon__icon {
    float: left;
    white-space: nowrap;
    line-height: 1;
    box-sizing: border-box;
    padding: 13px;
    width: 100%;
    color: #ffffff;
    background: #80c242;
    border-bottom: 1px solid #ffffff;
    color: #d5eaef;
}
h2::after {
    /*background-color: #ffc029;
    background-image: linear-gradient(90deg,#ffc029,#4cd8b0);
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    height: .1875rem;
    left: 0;
    margin: 0 auto;
    right: 0;
    width: 100px;
    margin-top: 10px;*/
}
.fa-down {
    float: left;
}
 /* Dropdown Button */
.dropbtn {
    background-color: #80c242;
    color: white;
    padding: 10px;
    font-size: 16px;
    border: none;
    /*min-width: 160px;*/
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    /*text-transform: uppercase;*/
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #dedddd;
    cursor: pointer;
    font-size: 13px;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
}

/* Change color of dropdown links on hover */
/*.dropdown-content a:hover {background-color: #2fa1c4}*/

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
} 
#nav-main-header {
    width: 60%;
    margin: 0px auto;
    float: right;
    padding: 20px 0px;
}
#logo img{
    max-width: 200px;
    /*display: none;*/
    padding: 10px;
}
figure{
    margin: 0 0 15px 0;
}
figure img{
    width: 100%;
    display: block;
    margin: 0px auto;
    padding: 15px 0;
}
#logo .navbar-toggle{
    float: left;
    margin: 0;
}
#logo .navbar-toggle .icon-bar{
    background: #fff;
}
#nav-popup{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 20;
    top: 0;
    background: rgba(0,0,0,.9);
}
#transale {
    width: 100%;
    max-width: 650px;
    margin: 0px auto;
}
.content{
    margin: 10px auto;
    padding:20px;
    /*padding: 2rem;*/
    border-radius: 4px;
    background: #FFF;
    -webkit-box-shadow: 0 0px 5px #999;
    box-shadow: 0 0px 5px #999;
    width: 90%;
}
.ckfield {
    float: left;
    width: 50%;
    padding: 3px 0px;
    text-align: left;
}
.navbar-nav > li {
    float: left;
}
.navbar-right {
    /*float: right!important;*/
}
.note{
    color: #ed1c24;
    font-size: 13px;
}
.field{
    width: 46%;
    min-height: 65px;
    height: 100%;
    text-align: left;
}
#feedback-div {
    text-align: left;
}
.signin__field, .txt-input {
    height: 40px;
    text-indent: 2%;
    font-size: 17px;
    background-color: #f9d3c7;
    border: 0px;
    width: 100%;
    color: #555555;
    position: relative;
}
.ty-txt {
    text-align: center;
    font-size: 15px;
}
.ty-txt a {
    font-size: 15px;
}
.numeric {
    background-color: #10988f;
    border: 1px solid #10988f;
    width: 100%;
    height: 40px;
    text-indent: 2%;
    font-size: 14px;
    position: relative;
}
.prefix {
/*    border-bottom: 1px solid #ccc;
    width: 100%;
    text-align: center;
    padding: 8px;
    float: left;
    font-size: 16px;
    box-sizing: border-box;
    background: #80c242;
    color: #d5eaef;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    text-align: center;
    line-height: 20px;*/
}
.mobile_entry {
    width: 80%;
    float: right;
}
.fa {
    color: #ffffff;
}
.fa-fw {
    line-height: 12px;
}
.input-group__icon {
    float: left;
    white-space: nowrap;
    line-height: 1;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    width: 20%;
    color: #ffffff;
    background: #f1592a;
    color: #d5eaef;
    text-align: center;
}
#code input {
    background: transparent;
    font-size: 14px;
    color: #fff;
    border: 0px;
    width: 100%;
    text-align: center;
    padding: 8px;
    /*color: #000;*/
}
#code {
    font-size: 13px;
    width: 100%;
    position: relative;
    color: #abaaaa;
    /*background: #80C242;*/
    text-align: center;
    -webkit-appearance: none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
#dropdown-box {
    position: absolute;
    width: 100%;
}
#dropdown-box ul {
    background: #e21c24;
    color: #fbfbfb;
    margin: 0;
    padding: 0;
    position: relative;
    list-style-type: none;
    float: left;
}
#dropdown-box ul li {
    list-style: none;
    float: left;
    text-align: left;
    width: 100%;
    padding: 5px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    display: inline-block;
}
.field:nth-child(2n+1){
    float: left;
}
.field:nth-child(2n){
    float: right;
}
.label-field{
    margin-bottom: 1px;
}
label{
}
h1 {
    font-size: 20px;
    font-weight: normal;
    color: #ed1c24;
}
.star{
    color: #ef3333;
    font-size: 20px;
    line-height: 0px;
    vertical-align: middle;
    height: 0px;
}
.fields {
    width: 46%;
}
.county-list {
    color: #ffffff;
    font-size: 20px;
    line-height: 40px;
}
#update-btn {
    width: 49.9%;
    margin-top: 1px;
    float: none;
    padding: 8px 2px;
    border: 1px solid #ed1c24;
    background: #ed1c24 linear-gradient(to bottom, #ed1c24, #bf1d23) repeat scroll 0 0;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}
#home-btn {
    background: #4f4f4f;
    border: 1px solid #4f4f4f;
    width: 49.9%;
    margin-top: 1px;
    float: right;
    padding: 7px 0px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}
b, strong {
    font-weight: normal;
    color: #ed1c24;
    font-size: 14px;
}
.span40 {
    color: #ffffff;
    font-size: 14px;
    border-radius: 20px;
    text-align: center;
    background-color: #d41b1e;
    cursor: pointer;
    border-color: #121212;
    padding: 8px 20px 8px 20px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-appearance: none;
    /*width: 50%;*/
    border: 0px;
    margin: 0px auto;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.span41 {
    color: #55565a;
    font-size: 14px;
    border-radius: 5px;
    text-align: center;
    background: #fff;
    border: 2px solid #006c67;
    cursor: pointer;
    padding: 5px 10px;
    text-decoration: none;
    -webkit-appearance: none;
    margin: 0px auto;
}
.span41:hover {
    background: #006c67;
    color: #ffffff;
}
.hr-line {
    border: none;
    border-top: 1px solid #d1d3d8;
    border-bottom: 1px solid transparent;
    text-align: center;
    margin: 1rem 0;
    padding: 0;
    width: 100%;
}
.store-list {
    color: #ed1c24;
}
#logout-btn {
    width: 100%;
    /*background: #4f4f4f;*/
    border: 1px solid #348c0d;
    background: #348c0d;
    max-width: 200px;
    padding: 6px 0px;
    color: #fff;
    text-transform: uppercase;
    margin: 20px auto;
    text-align: center;
}
#home-btn a, #logout-btn a  {
    color: #fff !important;
    font-size: 14px;
    cursor: pointer;
}
input[type='radio']{
    width: 20px;
    height: 15px;
    vertical-align: text-bottom;
    margin: 1px;
}
input[readonly='readonly']{
    background: #f3f3f3;
}
.input-field{
    position: relative;
    
}
input[type='text'] + span::after{
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #ed1c24;
    content: '';
    transition: .3s ease-in-out;
}
select, input[type='text']:focus{
    outline: none;
}
input[type='text']:focus + span::after{
    width: 100%;
}
select{
    width: 100%;
    border:0;
    height: 37px;
    background: none;
    color: #fff;
}
option{
    padding: 8px;
}
.submit {
    background: #FFFFFF;
    border: 0;
    color: #55565a;
    font-size: 15px;
    padding: 8px 15px;
    text-decoration: none;
    width: 100%;
    transition: .3s ease-in-out;
    max-width: 420px;
    margin: 5px auto;
    border: 2px solid #55565a;
    display: block;
    clear: both;
}
.submit:hover{
    /*color: #fff;*/
    /*background: #55565A;*/
}
.view_header {
    font-size: 20px;
    text-transform: uppercase;
    text-align: left;
}
.clear-height {
    clear: both;
    height: 10px;
}
.clear {
    clear: both;
    /*height: 10px;*/
}
.submit:hover {
    cursor: pointer;
}
.error_text label {
    color: #ed1c24;
    text-align: left;
}
.full-width{
    display: block;
    width: 100%;
    float: none;
    height: auto;
}
.center{
    text-align: center;
    vertical-align: middle;
}
.small-width{
    max-width: 450px;
}
.offer-content {
    font-size: 12px;
    text-align: justify;
    color: #ed6269;
}
.viewpage-width {
    width: 100%;
    max-width: 1100px;
    margin: 0px auto;
}
.heading{
    font-size: 26px;
    display: inline-block;
    position: relative;
    font-weight: bold;
    margin-bottom: 20px;
    color: #ed1c24;
}
.heading::after{
    /*display: block;
    margin: 0 auto;
    width: 30%;
    content: '';
    height: 4px;
    background: #000;
    margin-top: 10px;*/
}
.mobile_view_li a {
    font-size: 25px;
    background: #3D3D3D;
    border: none;
    border-radius: 0px;
}
.collapse {
    /*display: none*/
}
.collapse.in {
    display: block;
}
.heading-2{
    font-size: 18px;
    display:block;
    position: relative;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    line-height: 150%;
}
.heading-2::after{
    display: block;
    margin: 0 auto;
    /*width: 20%;*/
    content: '';
    height: 3px;
    /*background: #000;*/
    margin-top: 20px;
}
.bullet{
    list-style: square;
    padding: 0 0 0 15px;
}
ul.faqs > li:nth-child(2n+1){
    font-weight: bold;
    margin-top: 15px;
}
.panel-title a{
    display: block;
}
#sgn-error-cont, #sgn-flashloader, #sgn-loader, #sgn-succ-cont {
position:fixed !important;
top:0 !important;
padding: 20px !important;
}
#sgn-flashloader-text, #sgn-succ-text {
padding:10px !important;
}
.popup-wrapper{
    position: fixed;
    background: rgba(0,0,0,.8);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: none;
}
.popup-body{
    display: table;
    width: 100%;
    height: 100%;
}
.popup-content{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
}
table{
    font-size: 13px;
}
table th,td{
    padding: 5px;
    text-align: center;
}
table th{
    background: #e8e8e8;
    border-right: 1px solid #fff;
}
table td{
    border: 1px solid #e8e8e8;
    text-align: center;
}
#ui-datepicker-div {
    display: none;
}
/*view page*/
nav#nav-main a {
    display: block;
    color: white;
    padding: 10px 30px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
}
li {
    display: block;
    float: left;
    list-style: none;
    /*background: #3ac;*/
    /*width: 100%;*/
    text-align: center;
    /*padding: 10px 5px;*/
    text-align: center;
}
nav#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
nav#nav-main {
    background-color: #c80032;
}
#nav-trigger {
    display: none;
}
#nav-trigger span {
    display: inline-block;
    padding: 10px 30px;
    font-size: 16px;
    margin: 0px auto;
    background-color: #071344;
    border-bottom: 1px solid #fff;
    color: #ffe544;
    cursor: pointer;
    text-transform: uppercase;
}
nav#nav-mobile {
    position: relative;
    display: none;
}
.btn-info {
    float: right;
}
.singout-btn {
    color: #ffffff;
    font-size: 14px;
    border-radius: 20px;
    text-align: center;
    background-color: #e87722;
    cursor: pointer;
    border-color: #121212;
    padding: 8px 20px 8px 20px;
    text-decoration: none;
    -webkit-appearance: none;
    width: 50%;
    margin: 0px auto;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
#nav-trigger span::after {
    display: inline-block;
    margin-left: 10px;
    content: "";
    border-left: solid 10px transparent;
    border-top: solid 10px #ffe544;
    border-right: solid 10px transparent;
}
li .active {
    /*background: #575757;*/
    color: #000;
}
li a {
    text-transform: uppercase;
}
a .active {
    color: #000;
}
#profileinfo-div {
    width: 100%;
    margin: 0px auto;
    /*padding: 10px;*/
}
.view-group__icon {
    float: left;
    white-space: nowrap;
    line-height: 1;
    box-sizing: border-box;
    width: 15%;
    color: #ffffff;
    color: #d5eaef;
    text-align: center;
}
.view_dataentry {
    width: 85%;
    float: right;
    padding: 10px 30px;
    text-align: left;
    background: #80c242;
    font-size: 15px;
    color: #ffffff;
}
/*end view page style*/
table th{}
/*feedback*/
.boder-main {
    width: 100%;
    border-radius: 3px;
    margin: 0px auto;
    display: table;
    height: 100%;
    padding: 10px 0;
}
.container{
  max-height: 600px;
  width: 100% !important;
  max-width: 1200px;
  margin: 0px auto;
  display:table-cell;
vertical-align:middle;
}
.clear-minheight {
    height: 20px;
    clear: both;
}
.carousel-inner,.carousel{
    max-width: 750px;
    margin: 0 auto;
    width: 100%;
}
.carousel-inner > .item.active {
    display: block;
}
.carousel-indicators .active {
    background-color: #6c6c6c !important;
}
#top, #bottom, #left, #right {
    background: #fdc998;
}
#left, #right {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 15px;
}
#top, #bottom {
    position: fixed;
    left: 0;
    right: 0;
    height: 15px;
}
#top {
    top: 0;
}
#bottom {
    bottom: 0;
}
#right {
    right: 0;
}
.container h3{
    font-size: 16px;
    text-align: left;
}
.container h4{
    font-size: 15px;
    font-weight: bold;
    color: #555;
}
h4.pull-left{
    padding: 5px 0 0 10px;
    width: 60%;
    margin:10px auto 0 auto;
}
/*.apple-logo{
    background: url(https://www.apple.com/ac/globalnav/2.0/en_US/images/globalnav/apple/image_large.svg) no-repeat center center #ccc;
    color: #2a292a;
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
}*/
.block-bg{
    color:#FFFFFF;
    display: block;
    padding: 20px 10px 20px 30px;
    margin:0 -10px 20px -10px;
    background:#003975;
}
.full-height{
    height: 100%;
}
.container ul{
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.v-middle{
    /*border: 2px solid #10c5e4;*/
    border-radius: 10px;
    margin-bottom: 10px;
    width: 100%;
    margin: -10px auto 0px auto;
}
.item {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 2px 3px rgba(0,0,0,.2);
    background: #fff;
    margin: 5px;
    overflow: hidden;
}
.custom-radio{
    width: 100%;
    overflow: hidden;
}
.custom-radio li{
    height: auto;
    padding: 5px;
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    margin: 8% 0;
}
#thankyou-border {
    border: 2px solid #10c5e4;
    border-radius: 10px;
    width: 80%;
    margin: 0px auto;
}
.custom-radio li.active .icon{
    background-position: bottom center;
}
.custom-radio .icon{
    width: 45px;
    height:46px;
    display: inline-block;
    background-size:45px auto;
}
.overall li.active .icon{
    background-position: bottom;
}
.btn-primary {
    border: none;
}
.overall li .icon{
    width: 83px;
    height: 85px;
    background-size:auto;
    /*margin: 25% 20% 0 20%;*/
}
.overall li{
    font-size: 28px;
    color: #8C8C8C;
    width: 32%;
}
.happy-ic{
    background: url(http://experiences-v2.capillarytech.com/demos/assets/images/happy.png) no-repeat;
}
.unhappy-ic{
    background: url(http://experiences-v2.capillarytech.com/demos/assets/images/unhappy.png) no-repeat;
}
.ok-ic{
    background: url(http://experiences-v2.capillarytech.com/demos/assets/images/ok.png) no-repeat;
}
.slow-ic{
    background: url(https://s3-ap-southeast-1.amazonaws.com/fs.capillary.sg/intouch_creative_assets/c260d0ce0328fa6b4810.png) no-repeat;    
}
.idle-ic{
    background: url(https://s3-ap-southeast-1.amazonaws.com/fs.capillary.sg/intouch_creative_assets/db82b157dd505548949f.png) no-repeat;    
}
.quick-ic{
    background: url(https://s3-ap-southeast-1.amazonaws.com/fs.capillary.sg/intouch_creative_assets/0389124ae20036dd45ab.png) no-repeat;    
}
.refer-ic{
    background: url(https://s3-ap-southeast-1.amazonaws.com/fs.capillary.sg/intouch_creative_assets/1703330f8fd19309bbbb.png);
    /*background: url(https://s3-ap-southeast-1.amazonaws.com/fs.capillary.sg/intouch_creative_assets/5736113e7ab2af4a80ad.png) no-repeat;  */
}
.ad-ic{
    background: url(https://s3-ap-southeast-1.amazonaws.com/fs.capillary.sg/intouch_creative_assets/55b1c9d90dd71e224854.png);
    /*background: url(https://s3-ap-southeast-1.amazonaws.com/fs.capillary.sg/intouch_creative_assets/108055f563bd4201c5a0.png) no-repeat;  */
}
.fb-ic{
    background: url(https://s3-ap-southeast-1.amazonaws.com/fs.capillary.sg/intouch_creative_assets/569263ad374d6460c3b6.png);
    /*background: url(https://s3-ap-southeast-1.amazonaws.com/fs.capillary.sg/intouch_creative_assets/8db14528b4b68fac64a2.png) no-repeat;  */
}
.pop-ic{
    background: url(https://s3-ap-southeast-1.amazonaws.com/fs.capillary.sg/intouch_creative_assets/66ef61885dceb1f7631b.png);
    /*background: url(https://s3-ap-southeast-1.amazonaws.com/fs.capillary.sg/intouch_creative_assets/dadc0055142737e4958b.png) no-repeat;  */
}
.check-ic{
    background: url(https://s3-ap-southeast-1.amazonaws.com/fs.capillary.sg/intouch_creative_assets/7e74276dd159e348635b.png);
    /*background: url(https://s3-ap-southeast-1.amazonaws.com/fs.capillary.sg/intouch_creative_assets/6321211177eb995c8da4.png) no-repeat;  */
}
.up-ic{
    background: url(up.png) no-repeat;
    margin: 0 15px; 
}
.down-ic{
    background: url(down.png) no-repeat;
    margin: 0 15px; 
}
.custom-radio li.list-label{
    width: 120px;
    text-align: right;
}
.where .icon{
    background-position: top center;
    width: 75px;
    height: 80px;
    background-size: 90px auto;
}
ul.rate_us{
    text-align: center;
    margin: 0;
    padding: 0;
    height: auto;
    overflow: hidden;
    margin-top: 8%;
    box-shadow: 0 0 5px -3px #000;
}
.rate_us li{
    display:block;
    width: 9.09%;
    float: left;
    height: 50px;
    background: #ccc;
    color: #fff;
    padding-top:14px;
    font-weight: bold;
    font-size: 16px;
}
.rate_us li.active{
    border:4px solid;
}
.rate_us li:nth-child(1){background:#f23112;}
.rate_us li:nth-child(2){background:#ec4322;}
.rate_us li:nth-child(3){background:#ec5b22;}
.rate_us li:nth-child(4){background:#ec7322;}
.rate_us li:nth-child(5){background:#ec8122;}
.rate_us li:nth-child(6){background:#ec9422;}
.rate_us li:nth-child(7){background:#f29f1d;}
.rate_us li:nth-child(8){background:#f2db1d;}
.rate_us li:nth-child(9){background:#dbf21d;}
.rate_us li:nth-child(10){background:#77f21d;}
.rate_us li:nth-child(11){background:#3f9d46;}
.rate_bar{
    overflow: hidden;
    text-align: center;
    margin: 15px 0 8% 0;
}
.rate_bar div{
    float: left;
}
.comment{
    width: 100%;
    padding: 5px;
    margin-top: 10px;
    height: 50px;
}
.satisfied{
    width: 63.5%;
    border-top:5px solid #da5e68;
}
.good{
    width: 18.5%;
    border-top:5px solid #a4d375;
}
.best{
    width: 18%;
    border-top:5px solid #5abbe3;
}
.col-4 .row{
    height: 40%;
}
.rate_us li {
    font-size: 20px;
    padding-top: 10px;
}
.custom-radio li img{
    width:45px;
}
.v-middle .col-sm-6{
    width: 49%;
    /*background: #fff;*/
    overflow: hidden;
    border-radius: 3px;
    min-height: 95px;
    /*margin: 0px 9px;*/
    display: inline-block;
    float: none;
}
.carousel-inner > .item {
    /*height: 570px;*/
    max-height: 525px;
    padding: 10px;
    text-align: center;
    display: none;
}
.carousel-control.left {
    background: #003975;
}
.carousel-control,.carousel-control.left,.carousel-control.right{
    background: #333;
    height: 35px;
    top: 100%;
    font-size: 12px;
    line-height: 36px;
    border: 0;
    border-radius: 3px;
    margin: 10px 5px;
    width: 80px;
    -webkit-box-shadow: rgba(0,0,0,.3) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,.3) 0 1px 3px;
    box-shadow: rgba(0,0,0,.3) 0 1px 3px;
}
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5;
}
.carousel-indicators li {
    /*border: 2px solid #ddd !important;*/
}
.carousel-indicators .active {
    color: #ddd;
}
.carousel-indicators {
    bottom: -10% !important;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%;
    margin: auto;
}
.carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
#fb_input-field {display: none;}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #2fa1c4;
    border-radius: 10px;
    float: none;
}
.carousel {
    position: relative;
}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
.carousel-control.right {
    right: 0;
    left: auto;
    background: #003975;
}
.mobile_view {
    display: none;
}
/*.view-content{
    width: 20%;
    float: left;
    padding: 10px;
    background: #ffffff;
}
#main-wrapper {
    width: 79%;
    float: right;
}
.main-headerinfo {
    display: none;
    min-height: 60px;
}*/
/*end feedback*/
@media only screen and (max-width: 670px){
.field{
    float: none;
    width: 100%;
}
#nav-collapse1 {
    width: 40%;
}
.mobile_view {
    display: block;
}
/*#main-wrapper {
    width: 100%;
    float: none;
}
.main-headerinfo {
    display: block;
}
.view-content {
    width: 100%;
    float: none;
    padding: 0px;
    display: none;
}*/
/*view*/
nav#nav-main {
    display: none;
}
nav#nav-mobile {
    display: block;
}
#nav-trigger {
    display: block;
}
nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #c80032;
}
nav#nav-mobile li {
    width: 100%;
    float: none;
    margin: 0px auto;
    padding: 0px;
}
.col-lg-2-nav {
    width: 100%;
}
/*end view*/
.content{
    padding: 15px;
}
.web-nav{
    display: none;
}
#update-btn {
    width: 48%;
    margin: 1px;
}
.fields {
    width: 100%;
    float: none;
}
h1 {
    font-size: 15px;
}
#nav-main-header {
    display: none;
}
.collapse {
    display: none;
}
#transaction_popup{
    height: 300px;
    position: fixed;
    top: 50%;
    left: 1%;
    margin: auto;
    margin-top: -150px;
    margin-left: 0px;
    background: #FFFFFF;
    display: none;
    z-index: 110;
    max-width: 700px;
    width: 98%;
}
.collapse.in {
    display: none;
}
}
@media only screen and (max-width: 420px){
    .navbar-fixed nav {
        position: relative !important;
    }
}