@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../fonts/montserrat-400.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../fonts/montserrat-400-2.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../fonts/montserrat-400-3.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../fonts/montserrat-700.woff2') format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../fonts/montserrat-700-2.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../fonts/montserrat-700-3.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}


/* vietnamese */


.header-md::after, .tabs-md[tabsPlacement="top"] > .tabbar::after, .footer-md::before, .tabs-md[tabsPlacement="bottom"] > .tabbar::before{
    background:0px;
    height:0px;
}
ion-header {
    border-bottom: 1px solid #ddd;
}
.toolbar-background-md{
    background-color:#FFF;
    border:0px;
}
.scroll-content{
    background: #f4f2f3;
}
.content-md{
    background:transparent;
}
.item-md{
    background:transparent;
}
.toolbar-content-md ion-buttons[side="left"] {
    float: left;
}
.toolbar-content-md ion-buttons[side="right"] {
    float: right;
}
ion-title{
    float: left;
}

.toolbar-content-md .bar-buttons-md {
    background: transparent;
}
.toolbar-content-md .bar-buttons-md {
    background: transparent;
}


.searchbar-md .searchbar-input {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #ddd;
    padding-right: 10px;
}
.card-md{
    box-shadow: none;
    -webkit-box-shadow: none;
}
.home-image{
    border: 3px solid #ddd;
}
@media all and (max-height: 480px) {
    .home-image{display:none;}
}

.alert.alert-danger {
    font-size: 10px;
    color: #900;
    padding-left: 16px;
}
.toolbar-content ion-icon.icon.icon-md{
    font-size:22px;
}
.toolbar-content ion-icon.icon.icon-md{
    color: #5a5a5a;
}
.toolbar-title img {
    height: 30px;
    text-align:center;
}

ion-title.main-header.title.title-md {
  width: calc(100% - 40px);
}
.toolbar-title-md {
  padding: 0 0px 0px 12px !important;
}
#map{
  width:100%;
  height:100%;
}

#sellpointmap{
  width:100%;
  height:300px;
}










.btn, select {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    background-color: #f4f4f2;
    border: none;
    color: #3D0218;
    font-size: 14px;
    font-weight: bold;
    outline: none !important;
    padding: 10px 11px 9px 11px;
    width: auto;
    
  }
  .btn:hover, select:hover {
    background-color: #fbf8f9;
  }
  .btn:active, .btn:focus, select:active, select:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fbf8f9;
  }
  .btn.btn-default, select.btn-default {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    background-color: #9f255f;
    color: #fff;
    
  }
  .btnLang{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    background-color: transparent;
    color: #000;
    font-size:12px;
    font-weight:normal;
  }
  .lang-sm:after{
    padding-top: 2px;
    display: block;
  }
  .btn.btn-default:hover, select.btn-default:hover {
    background-color: #6F1741;
  }
  .btn.btn-default:active, select.btn-default:active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .btn.btn-default i, select.btn-default i {
    color: #fff;
  }
  .btn.btn-grey-dark, select.btn-grey-dark {
    background-color: #474747;
    color: #fff;
  }
  .btn.btn-grey-dark:hover, select.btn-grey-dark:hover {
    background-color: #565656;
  }
  .btn.btn-small, select.btn-small {
    font-size: 12px;
    font-weight: bold;
    padding: 5px 12px;
  }
  .btn.btn-large, select.btn-large {
    font-size: 14px;
    padding: 15px 20px;
  }
  .btn.icon i, select.icon i {
    color: #fff;
    margin-left: 10px;
  }
  .btn.framed, select.framed {
    background-color: transparent;
    border: 2px solid rgba(0, 0, 0, 0.06);
    color: #474747;
  }
  .btn.framed:hover, select.framed:hover {
    border-color: rgba(0, 0, 0, 0.1);
    background-color: transparent;
  }
  .btn.framed:active, .btn.framed:focus, .btn.framed.active, select.framed:active, select.framed:focus, select.framed.active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: rgba(0, 0, 0, 0.05);
    background-color: transparent;
  }
  .btn.framed i, select.framed i {
    color: #9f255f;
  }
  .btn.framed.btn-color-default, select.framed.btn-color-default {
    border-color: #9f255f;
    color: #9f255f;
  }
  .btn.framed.icon:hover, select.framed.icon:hover {
    background-color: transparent;
    border-color: #e8e8e4;
  }
  
  .bootstrap-select {
    width: 100% !important;
    margin-bottom: 0 !important;
  }
  .bootstrap-select.framed .selectpicker {
    border: 2px solid rgba(0, 0, 0, 0.08);
    background-color: transparent;
  }
  .bootstrap-select.framed .selectpicker:hover {
    background-color: transparent;
  }
  .bootstrap-select.framed .bootstrap-select-searchbox input {
    border: none;
  }
  .bootstrap-select .bootstrap-select-searchbox:after {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'fontawesome';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    content: "\f002";
    display: block;
    color: #8d8d8d;
    position: absolute;
    right: 16px;
    top: 18px;
  }
  .bootstrap-select .bootstrap-select-searchbox input {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid rgba(0, 0, 0, 0.06);
    margin-top: 5px;
    padding: 5px;
  }
  .bootstrap-select .bootstrap-select-searchbox input:focus, .bootstrap-select .bootstrap-select-searchbox input:active, .bootstrap-select .bootstrap-select-searchbox input:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .bootstrap-select .selectpicker {
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #fff;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #8d8d8d;
    font-weight: normal;
  }
  .bootstrap-select .selectpicker:focus, .bootstrap-select .selectpicker:active {
    outline: none !important;
  }
  .bootstrap-select .selectpicker:hover {
    background-color: #fff;
  }
  .bootstrap-select .selectpicker .caret {
    border: none;
  }
  .bootstrap-select .selectpicker .caret:after {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'fontawesome';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    color: #474747;
    content: "\f107";
    font-size: 19px;
    position: absolute;
    top: -7px;
    right: -2px;
  }
  .bootstrap-select .selectpicker .filter-option {
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding-left: 0px;
    position: relative;
  }
  .bootstrap-select .selectpicker .filter-option:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'fontawesome';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #9f255f;
    content: "\f00c";
    font-size: 14px;
    position: absolute;
    left: 0px;
    top: 2px;
  }
  .bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    bottom: -5px;
  }
  .bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    border: none;
  }
  .bootstrap-select.stars.btn-group .dropdown-menu li {
    overflow: hidden;
  }
  .bootstrap-select.stars.btn-group .dropdown-menu li a {
    height: 35px;
    padding: 0 10px;
  }
  .bootstrap-select.stars.btn-group .dropdown-menu li a .text {
    display: block;
    top: -29px;
    position: relative;
  }
  .bootstrap-select.stars.btn-group .dropdown-menu li a .text small {
    padding-left: 5px;
    color: #9f255f;
    font-size: 48px;
    position: relative;
    top: 8px;
    letter-spacing: -5px;
  }
  .bootstrap-select .dropdown-menu {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: none;
    margin-top: 3px;
    padding: 0;
    padding-left: 0 !important;
  }
  .bootstrap-select .dropdown-menu.selectpicker {
    background-color: #fff !important;
  }
  .bootstrap-select .dropdown-menu li.selected a {
    background-color: transparent;
  }
  .bootstrap-select .dropdown-menu li.selected a:hover {
    background-color: transparent;
  }
  .bootstrap-select .dropdown-menu li a {
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    color: #474747;
    padding: 8px 15px;
  }
  .bootstrap-select .dropdown-menu li a:hover {
    background-color: #f4f4f2;
    color: #474747;
  }
  .bootstrap-select .dropdown-menu > li:first-child a {
    border-top: none;
  }
  .bootstrap-select .dropdown-menu > li a {
    border-top: 1px solid #f4f4f2;
    display: block;
  }
  .bootstrap-select .dropdown-menu > li a.sub-category {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    border-top: none;
    font-size: 12px;
    padding: 5px 5px 5px 30px;
  }
  .bootstrap-select .dropdown-menu > li a.sub-category:before {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'fontawesome';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    color: #e2e2e2;
    content: "\f111";
    font-size: 5px;
    position: relative;
    top: -2px;
    left: -8px;
  }
  .bootstrap-select .dropdown-menu > .active > a {
    background-color: #9f255f;
    color: #fff;
  }
  .bootstrap-select.open .selectpicker {
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: #fff;
  }
  .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
    margin-top: 10px;
  }
  .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a.sub-category i.check-mark {
    margin-top: 5px;
  }
  
  form section {
    margin-bottom: 30px;
  }
  form.framed {
    border: 2px solid rgba(0, 0, 0, 0.06);
    padding: 20px;
  }
  form.framed .form-group:last-child {
    margin-bottom: 0;
  }
  form.subscribe input {
    background-color: #fff;
    font-size: 18px;
    padding: 15px;
  }
  form.subscribe .input-group-btn:last-child button {
    margin-left: 0;
  }
  form.subscribe .input-group-btn button {
    font-size: 18px;
    font-weight: bold;
  }
  form.subscribe .input-group-btn button i {
    color: #fff;
    margin-left: 10px;
  }
  form.main-search {
    display: table;
    height: 100%;
    padding: 10px 10px 0 10px;
    width: 100%;
  }
  form.main-search button {
    padding-left: 12px;
    padding-right: 12px;
  }
  form.main-search .form-group {
    display: inline-block;
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
  }
  form.main-search input[type="text"], form.main-search input[type="date"], form.main-search input[type="email"], form.main-search input[type="search"], form.main-search input[type="password"], form.main-search input[type="number"], form.main-search input[type="tel"], form.main-search textarea.form-control, form.main-search .selectpicker {
    background-color: #fff;
  }
  form.background-color-grey-light {
    padding: 20px;
  }
  form.background-color-grey-light .bootstrap-select .selectpicker {
    background-color: #fff;
  }
  form.background-color-grey-light .bootstrap-select.open .selectpicker {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  form.background-color-white {
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 20px;
  }
  form.border-less-inputs input, form.border-less-inputs textarea {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  form.border-less-inputs input:hover, form.border-less-inputs input:focus, form.border-less-inputs input:active, form.border-less-inputs textarea:hover, form.border-less-inputs textarea:focus, form.border-less-inputs textarea:active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  form.framed-inputs input, form.framed-inputs textarea {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: 2px solid rgba(0, 0, 0, 0.06);
  }
  form.framed-inputs input:hover, form.framed-inputs textarea:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: rgba(0, 0, 0, 0.1);
  }
  form.framed-inputs input:active, form.framed-inputs input:focus, form.framed-inputs textarea:active, form.framed-inputs textarea:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: rgba(0, 0, 0, 0.12);
  }
  .user-rating{
    float:right;
  }
  .user-rating i{
    font-size: 22px;
  }
  .eval-rating {
    display: block;
    text-align: center;
    clear: both; 
  }
   .eval-rating i {
    font-size: 30px;
  }
  form#form-review .user-rating label {
    font-weight: normal;
    margin-bottom: 0px;
  }
  form#form-review .user-rating .rating i {
    font-size: 18px;
  }
  form#form-submit section {
    margin-bottom: 50px;
  }
  form#form-submit section h3 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 20px;
  }
  form#form-submit section ul.checkboxes li {
    display: inline-block;
    width: 33%;
  }
  form#form-submit section #submit {
    padding: 15px 20px;
    font-size: 18px;
  }
  form#form-submit section .nav-pills.nav-stacked li:last-child a {
    border: none;
  }
  form#form-submit section .nav-pills.nav-stacked li a {
    border: none;
    border-bottom: 1px solid #f4f4f2;
    padding-left: 0;
  }
  form#form-submit section .nav-pills.nav-stacked li.active a {
    position: relative;
  }
  form#form-submit section .nav-pills.nav-stacked li.active a:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #f4f4f2 transparent transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -32px;
    z-index: 1;
  }
  form#form-submit section .nav-pills.nav-stacked li.active a:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -34px;
    z-index: 2;
  }
  form#form-submit section .tab-content {
    background-color: #fff;
    padding: 20px;
  }
  form#form-submit section .tab-content article {
    margin-bottom: 20px;
  }
  form#form-submit section .tab-content.menu .menu-icon {
    position: relative;
  }
  form#form-submit section .tab-content.menu .menu-icon i {
    color: #9f255f;
    font-size: 18px;
    position: relative;
    top: 10px;
  }
  form#form-submit section .tab-content.menu .menu-icon span {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #474747;
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: bold;
    height: 17px;
    left: 10px;
    line-height: 17px;
    text-align: center;
    width: 17px;
    top: 0;
    position: absolute;
  }
  form .form-group {
    margin-bottom: 10px;
  }
  form .form-group.two-inputs .input-group {
    float: left;
    width: 47.5%;
    margin-right: 10px;
  }
  form .form-group.two-inputs .input-group:last-child {
    margin-right: 0;
  }
  form .form-group.two-inputs .input-group .bootstrap-select {
    width: 1% !important;
  }
  form .form-group .input-group {
    display: table;
    width: 100%;
  }
  form .form-group .input-group.location input {
    border-right: none;
  }
  form .form-group .input-group .input-group-addon {
    cursor: pointer;
    position: absolute;
    right: 0px;
    padding: 0px;
    width: 35px;
    display: table;
    bottom: 0px;
    z-index: 3;
    background-color: transparent;
  }
  form .form-group .input-group .input-group-addon:hover {
    cursor: pointer;
  }
  form .form-group .input-group .input-group-addon:hover i {
    color: #9f255f;
  }
  form .form-group .input-group .input-group-addon i {
    line-height: 39px;
    width: 40px;
  }
  form .form-group .input-group.input-daterange input {
    text-align: left;
  }
  form .form-group .input-group.input-daterange > span {
    display: table-cell;
    float: left;
    position: relative;
    margin-right: 10px;
    width: 48%;
  }
  form .form-group .input-group.input-daterange > span:last-child {
    margin-right: 0;
  }
  form .form-group .input-group.input-daterange > span .input-group-addon {
    pointer-events: none;
  }
  form .form-group.large label {
    font-size: 18px;
    font-weight: normal;
  }
  form .form-group.large input {
    font-size: 16px;
    padding: 14px 12px;
  }
  
  .search-bar.horizontal .main-search.narrow {
    padding: 0 160px;
  }
  .search-bar.horizontal .main-search.narrow.inputs-1 .input-row > .form-group {
    width: 94.1%;
  }
  .search-bar.horizontal .main-search.narrow.inputs-2 .input-row > .form-group {
    width: 46.3%;
  }
  .search-bar.horizontal .main-search.narrow.inputs-3 .input-row > .form-group {
    width: 30.5%;
  }
  .search-bar.horizontal .main-search.narrow.inputs-4 .input-row > .form-group {
    width: 22.5%;
  }
  .search-bar.horizontal .main-search.narrow.inputs-5 .input-row > .form-group {
    width: 17.8%;
  }
  .search-bar.horizontal .main-search.narrow .input-row > .form-group:last-child {
    margin-right: 0;
    width: initial;
  }
  .search-bar.horizontal .main-search.inputs-1 .input-row > .form-group {
    width: 95%;
  }
  .search-bar.horizontal .main-search.inputs-2 .input-row > .form-group {
    width: 47%;
  }
  .search-bar.horizontal .main-search.inputs-3 .input-row > .form-group {
    width: 30.2%; /* Changed from 31.2 to fix map form */
  }
  .search-bar.horizontal .main-search.inputs-4 .input-row > .form-group {
    width: 23.2%;
  }
  .search-bar.horizontal .main-search.inputs-5 .input-row > .form-group {
    width: 18.4%;
  }
  .search-bar.horizontal .main-search .input-row > .form-group:last-child {
    margin-right: 0;
    width: initial;
  }
  .search-bar.horizontal .main-search .input-row {
    display: table;
    width: 100%;
  }
  
  .checkbox, .radio {
    padding-left: 0px;
  }
  
  .checkbox:hover .icheckbox {
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.12);
    box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.12);
  }
  .checkbox .icheckbox {
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.08);
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    position: relative;
    width: 20px;
    top: -1px;
  }
  .checkbox .icheckbox:after {
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'fontawesome';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    color: #474747;
    content: "\f00c";
    position: absolute;
    font-size: 12px;
    line-height: 20px;
    left: 4px;
  }
  .checkbox .icheckbox.checked:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  
  .iradio {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-color: #f4f4f2;
    height: 20px;
    margin-right: 10px;
    position: relative;
    width: 20px;
    top: -1px;
  }
  .iradio:after {
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    background-color: #474747;
  }
  .iradio.checked:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  
  input[type="text"], input[type="date"], input[type="email"], input[type="search"], input[type="password"], input[type="number"], input[type="tel"], textarea.form-control {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -moz-box-shadow: inset 0px 1px 0.5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0px 1px 0.5px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 1px 0.5px rgba(0, 0, 0, 0.15);
    -webkit-appearance: none;
    background-color: #fff;
    border: none;
    font-size: 14px;
    outline: none !important;
    padding: 10px 9px 9px;
    width: 100%;
    height: inherit;
    line-height: inherit;
  }
  input[type="text"]:hover, input[type="date"]:hover, input[type="email"]:hover, input[type="search"]:hover, input[type="password"]:hover, input[type="number"]:hover, input[type="tel"]:hover, textarea.form-control:hover {
    -moz-box-shadow: inset 0 1px 0.5px 0 rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: inset 0 1px 0.5px 0 rgba(0, 0, 0, 0.18);
    box-shadow: inset 0 1px 0.5px 0 rgba(0, 0, 0, 0.18);
  }
  input[type="text"]:focus, input[type="text"]:active, input[type="date"]:focus, input[type="date"]:active, input[type="email"]:focus, input[type="email"]:active, input[type="search"]:focus, input[type="search"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="number"]:focus, input[type="number"]:active, input[type="tel"]:focus, input[type="tel"]:active, textarea.form-control:focus, textarea.form-control:active {
    -moz-box-shadow: inset 0 1px 0.5px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0.5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0.5px 0 rgba(0, 0, 0, 0.2);
  }
  
  .iradio {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-color: #f4f4f2;
    height: 20px;
    margin-right: 10px;
    position: relative;
    width: 20px;
    top: -1px;
  }
  .iradio:after {
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    background-color: #474747;
  }
  .iradio.checked:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  
  .input-group-addon {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: none;
  }
  
  .input-group.counter {
    background-color: #fff;
  }
  .input-group.counter input, .input-group.counter .btn {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #fff;
    text-align: center;
  }
  .input-group.counter i {
    color: #474747;
    font-size: 8px;
    vertical-align: middle;
  }
  .input-group.counter .input-group-btn:first-child .btn {
    border-right: none;
  }
  .input-group.counter .input-group-btn:last-child .btn {
    border-left: none;
  }
  .input-group.counter .input-group-btn .btn {
    z-index: 3;
  }
  .input-group.counter .input-group-btn .btn:hover i {
    color: #9f255f;
  }
  .input-group .search {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    width: 40px;
    z-index: 2;
  }
  .input-group .input-group-btn .btn {
    margin: 0px;
    position: relative;
    top: 0;
  }

  .btn-social{    width: 100%!important;}

  

  .item-opacity{
    background:rgba(3,3,3,1);
  }
  .item-opacity img{
    opacity:0.7;
  }

.item-opacity:after {
  /*-moz-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
  background: -moz-linear-gradient(top,  rgba(0, 0, 0, 0.8) 100%,transparent 0%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgba(0, 0, 0, 0.8)) ,  color-stop(0%, transparent));
  background: -webkit-linear-gradient(top,  rgba(0, 0, 0, 0.8) 100%,transparent 0%);
  background: -o-linear-gradient(top,  rgba(0, 0, 0, 0.8) 100%,transparent 0%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.8) 100%,transparent 0%);
  background: linear-gradient(to bottom,  rgba(0, 0, 0, 0.8) 100%,transparent 0%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );
  width: 100%;
  height: 55px;
  display: block;
  content: "";
  position: absolute;
  top: 0px;*/
}

.wine-card .card-title {
  color: #333;
  font-size: 18px;
  padding: 0px;
  text-align: center;
  position: initial;
}
.wine-card p {
  font-size: 14px;
  color: #777;
}
.wine-card img {
  padding: 16px 50px 0px 50px;
}
.active-star{
  color:#9f255f;
}
.desactive-star{
  color:#d8d5d5;
}

.sell-point-distance {
  position: absolute;
  right: 16px;
  background:#9f255f;
  color:#FFF;
  padding:10px;
  font-size:16px;
  font-weight: bold;
  z-index:9999;
}
.sell-point-distance span{
  font-size:11px;
}

.wine-discount {
  position: absolute;
  right: 16px;
  background:#9f255f;
  color:#FFF;
  padding:10px;
  font-size: 16px;
  font-weight: bold;
}
.wine-discount span i{
  font-size:11px;
}

.hide{
  display:none;
}
.category-sell-point{
  float:right;
  width:32px;
  height:32px;
}
.categories-sell-point img{
  float:right;
  width:16px;
  height:16px;
  margin:5px;
}
.map-icon{
  position: absolute;
  bottom: 33px;
  left: 7px;
}
.map-show-all-sell-points{
  position: absolute;
  bottom: 33px;
  left: 55px;
}

.pgm-html-info-tail-frame {
  display: none;
}
.htmlInfo button{
  border-radius: 2px;
  overflow: hidden;
  height: 3.6rem;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  background-color: #9f255f;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  margin: 0.4rem 0.2rem;
  padding: 16px;
  padding-top: 6px;
  
}
.htmlInfo .title{
  font-weight: 700;
  text-transform: uppercase;
}
.htmlInfo button i{
  margin-top:3px;
}
.pgm-html-info-content-frame{
  border-bottom: 3px solid #9f255f !important;
}


.social-buttons div{
  border-radius: 50%;
  color: #FFF;
  /* padding: 10px; */
  width: 32px;
  height: 32px;
  text-align: center;
  display: block;
  padding: 6px 0px 0px 0px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.social-buttons div i{
  font-size:18px;
}
.social-buttons .facebook{
    background:#0F3098;
}
.social-buttons .twitter{
  background:#3287BC;
}
.social-buttons .plus{
  background:#9B1820;
}
.social-buttons .whatsapp{
  background:#128A2D;
}
ion-icon[name="menu"]:before {
  font-size: 28px;
  margin-top: 4px;
}
.swiper-pagination-bullet-active{
  background: #9f255f !important;
}

.card-background-page ion-card-content img {
  width: 17px;
  float: right;
  margin-bottom: 16px;
  margin-left: 8px;
}
.main-header.full{
  width:100% !important;
}

.md ion-menu[type=overlay] .menu-inner {
  z-index: 999999999 !important;
}

.wine-discount-list {
  float: right;
  padding: 2px 10px;
  background: #9f255f;
  color: #FFF !important;
  position: absolute;
  right: 16px;
  top: 10px;
}
.item-ios p.wine-discount-list {
  margin-top: -13px !important;
  padding: 1px 10px;
}
div.htmlInfo{
  z-index:99999999;
}
.tabOnTop .tabbar{
  top: 57px !important;
}
.prefered-total {
  font-size: 11px;
  font-weight: 100;
}
.list .item .note-md{
  color:#454545;
}

ion-slide.swiper-slide.swiper-slide-active,ion-slide.swiper-slide{
  background: transparent !important;
}
.tutorial-page{
  background-image: url(../../assets/img/tutorial_bg.jpg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-position-x: 30%;
    background-position-y: 0;
    
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
}
.ios .tutorial-page{
  background-image: url(../../assets/img/tutorial_bg_0.jpg) !important;
}
.wellcome-page{
  background-image: url(../../assets/img/tutorial_bg_0.jpg) !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-position-x: 0%;
  background-position-y: 0;
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
  text-align: center;
  padding-top:30%;
}
.wellcome-page button{
  background: rgba(255,255,255,0.2);
  color: #FFF;
  border-radius: 26px;
  font-size: 16px;
  
}
.slides {
  background: transparent !important;
}
.swiper-container.swiper-container-horizontal {
  background: transparent !important;
}
.swiper-wrapper{
  background: transparent !important;
}


.skip {
  position: absolute;
  right: 5px;
  bottom: 0px;
  background: transparent;
  border: 0px;
  box-shadow: initial;
  color: #FFF;
  z-index:99999;
}
.tutorial-page .slide-zoom {
  width: 90%;
  background: rgba(255, 255, 255, 0.7);
  height: 83%;
}
/*.tutorial-page .slides .swiper-container .swiper-wrapper .swiper-slide:first-child .slide-zoom {
  background: transparent;
  margin-top: 45%;
}
.tutorial-page .slide-zoom:first-child h1{
  color:#FFF;
}*/

.withoutWhite .slide-zoom{
  background: transparent;
  margin-top: 45%;
}
.withoutWhite .slide-zoom button.disable-hover.button.button-md.button-clear.button-clear-md.button-large.button-large-md.button-clear-md-primary {
  background: rgba(255,255,255,0.2);
  color: #FFF;
  border-radius: 26px;
  font-size: 14px;
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
  bottom:10%;

}
.tutorial-page .slide-zoom img {
  height: 30%;
  margin-top: 30px;
  margin-bottom: 30px;
}
/*
.tutorial-page .slides .swiper-container .swiper-wrapper .swiper-slide:first-child .slide-zoom button.disable-hover.button.button-md.button-clear.button-clear-md.button-large.button-large-md.button-clear-md-primary {
  background: rgba(255,255,255,0.2);
  color: #FFF;
  border-radius: 26px;
  font-size: 14px;
  
}
.tutorial-page .slides .swiper-container .swiper-wrapper .swiper-slide:first-child .swiper-pagination{
  display:none;
}*/
.tutorial-page .scroll-content,.tutorial-page .fixed-content{
  background:transparent;
}
.startNow .slide-zoom button.disable-hover.button.button-md.button-clear.button-clear-md.button-large.button-large-md.button-clear-md-primary {
  font-size: 18px;

}

.wellcome-page h1 {
  color: #FFF;
}
.profilePhotoDiv{
  text-align: center;
}
.profilePhotoDiv img{
  max-height:200px;
}
.item-md h2{
  padding-top: 19px;
}
.center{
  text-align:center;
}
button.bar-buttons.bar-buttons-ios{
  float: right;
}

.alert-md .alert-button-group {
  margin-top: -60px;
    /* height: 50%; */
    background: #FFF;
    display: block;
    width: 100%;
    z-index: 999;
}
.alert-md .alert-button{
  float: left;
}
.alert-md .alert-button:nth-child(2) {
  float: right;
}

.platform-android .alert-md .alert-tappable:last-child {
  margin-bottom: 70px !important;
}


.platform-ios .alert-ios .alert-button-group {
  margin-top: -53px;
  background: #eee;
  z-index: 999;
}
.platform-ios .alert-ios .alert-radio-group, 
.platform-ios .alert-ios .alert-checkbox-group {
  padding-bottom: 60px;
}